- {mergeParams.filters.map((filter, index) => (
-
+ {mergeParams.filters.map((filter) => (
+
-
- {index !== mergeParams.filters.length - 1 && mergeParams.mode}
-
))}
diff --git a/src/components/filters/FilterPreview.tsx b/src/components/filters/FilterPreview.tsx
index 2959443..9e2cf08 100644
--- a/src/components/filters/FilterPreview.tsx
+++ b/src/components/filters/FilterPreview.tsx
@@ -1,104 +1,131 @@
-import { Fragment, VFC } from "react";
-import { FilterType, TabFilterSettings, compatCategoryToLabel } from "./Filters";
+import { Fragment, VFC, createElement } from "react";
+import { FilterIcons, FilterType, TabFilterSettings, compatCategoryToLabel } from "./Filters";
import { dateToLabel } from '../generic/DatePickers';
import { capitalizeEachWord } from '../../lib/Utils';
import { MicroSDeckInterop } from '../../lib/controllers/MicroSDeckInterop';
+type FilterPreviewGenericProps = {
+ filter: TabFilterSettings
,
+ displayData: string | undefined,
+ isInverted?: boolean
+};
+
+const FilterPreviewGeneric: VFC = ({ filter, displayData, isInverted }) => {
+ return (
+
+
+ {createElement(FilterIcons[filter.type], { size: '.8em' })}
+
+
+ {capitalizeEachWord(filter.type)}{' - ' + displayData + (isInverted ? " (inverted)" : "")}
+
+
{capitalizeEachWord(filter.type) + ' - '}{filter.params.name ?? filter.params.id}{filter.inverted ? " (inverted)" : ""}
;
+ return ;
};
const InstalledFilterPreview: VFC> = ({ filter }) => {
- return {capitalizeEachWord(filter.type) + ' - '}{filter.params.installed ? "yes" : "no"}
;
+ return ;
};
const RegexFilterPreview: VFC> = ({ filter }) => {
- return {capitalizeEachWord(filter.type) + ' - '}{filter.params.regex}{filter.inverted ? " (inverted)" : ""}
;
+ return ;
};
const FriendsFilterPreview: VFC> = ({ filter }) => {
- return {capitalizeEachWord(filter.type) + ' - '}{filter.params.friends.length} {filter.params.friends.length == 1 ? "friend" : "friends"}{filter.inverted ? " (inverted)" : ""}
;
+ return ;
};
const TagsFilterPreview: VFC> = ({ filter }) => {
- return {capitalizeEachWord(filter.type) + ' - '}{filter.params.tags.length} {filter.params.tags.length == 1 ? "tag" : "tags"}{filter.inverted ? " (inverted)" : ""}
;
+ return ;
};
const WhitelistFilterPreview: VFC> = ({ filter }) => {
- return {capitalizeEachWord(filter.type) + ' - '}{filter.params.games.length} whitelisted
;
+ return ;
};
const BlackListFilterPreview: VFC> = ({ filter }) => {
- return {capitalizeEachWord(filter.type) + ' - '}{filter.params.games.length} blacklisted
;
+ return ;
};
const MergeFilterPreview: VFC> = ({ filter }) => {
- return {capitalizeEachWord(filter.type) + ' - '}{filter.params.filters.length} grouped filters{filter.inverted ? " (inverted)" : ""}
;
+ return ;
};
const PlatformFilterPreview: VFC> = ({ filter }) => {
- return {capitalizeEachWord(filter.type) + ' - '}{filter.params.platform === "steam" ? "Steam" : "Non Steam"}
;
+ return ;
};
const DeckCompatFilterPreview: VFC> = ({ filter }) => {
- return {capitalizeEachWord(filter.type) + ' - '}{compatCategoryToLabel(filter.params.category)}{filter.inverted ? " (inverted)" : ""}
;
+ return ;
};
const ReviewScoreFilterPreview: VFC> = ({ filter }) => {
const { scoreThreshold, condition, type } = filter.params;
- return {capitalizeEachWord(filter.type) + ' - '}{type === 'metacritic' ? `Metacritic of ${scoreThreshold} or ${condition === 'above' ? 'higher' : 'lower'}` : `At ${condition === 'above' ? 'least' : 'most'} ${scoreThreshold}% positive Steam reviews`}
;
+ return ;
};
const TimePlayedFilterPreview: VFC> = ({ filter }) => {
const { timeThreshold, condition, units } = filter.params;
- return {capitalizeEachWord(filter.type) + ' - '}{`${timeThreshold} ${timeThreshold === 1 ? units.slice(0, -1) : units} or ${condition === 'above' ? 'more' : 'less'}`}
;
+ return ;
};
const SizeOnDiskFilterPreview: VFC> = ({ filter }) => {
const { gbThreshold, condition } = filter.params;
- return {capitalizeEachWord(filter.type) + ' - '}{`${gbThreshold} GB or ${condition === 'above' ? 'more' : 'less'}`}
;
+ return ;
};
const ReleaseDateFilterPreview: VFC> = ({ filter }) => {
+ let displayData: string;
+
if (filter.params.date) {
const { day, month, year } = filter.params.date;
- return {capitalizeEachWord(filter.type) + ' - '}{`${!day ? 'In' : 'On'} or ${filter.params.condition === 'above' ? 'after' : 'before'} ${dateToLabel(year, month, day, { dateStyle: 'long' })}`}
;
+ displayData = `${!day ? 'In' : 'On'} or ${filter.params.condition === 'above' ? 'after' : 'before'} ${dateToLabel(year, month, day, { dateStyle: 'long' })}`;
} else {
const daysAgo = filter.params.daysAgo;
- return {capitalizeEachWord(filter.type) + ' - '}{`${daysAgo} day${daysAgo === 1 ? '' : 's'} ago or ${filter.params.condition === 'above' ? 'later' : 'earlier'}`}
;
+ displayData = `${daysAgo} day${daysAgo === 1 ? '' : 's'} ago or ${filter.params.condition === 'above' ? 'later' : 'earlier'}`;
}
+
+ return ;
};
const LastPlayedFilterPreview: VFC> = ({ filter }) => {
+ let displayData: string;
+
if (filter.params.date) {
const { day, month, year } = filter.params.date;
- return {capitalizeEachWord(filter.type) + ' - '}{`${!day ? 'In' : 'On'} or ${filter.params.condition === 'above' ? 'after' : 'before'} ${dateToLabel(year, month, day, { dateStyle: 'long' })}`}
;
+ displayData = `${!day ? 'In' : 'On'} or ${filter.params.condition === 'above' ? 'after' : 'before'} ${dateToLabel(year, month, day, { dateStyle: 'long' })}`;
} else {
const daysAgo = filter.params.daysAgo;
- return {capitalizeEachWord(filter.type) + ' - '}{`${daysAgo} day${daysAgo === 1 ? '' : 's'} ago or ${filter.params.condition === 'above' ? 'later' : 'earlier'}`}
;
+ displayData = `${daysAgo} day${daysAgo === 1 ? '' : 's'} ago or ${filter.params.condition === 'above' ? 'later' : 'earlier'}`;
}
+
+ return ;
};
+
const DemoFilterPreview: VFC> = ({ filter }) => {
- return {capitalizeEachWord(filter.type) + ' - '}{filter.params.isDemo ? "yes" : "no"}
;
+ return ;
};
const StreamableFilterPreview: VFC> = ({ filter }) => {
- return {capitalizeEachWord(filter.type) + ' - '}{filter.params.isStreamable ? "yes" : "no"}
;
+ return ;
};
const SteamFeaturesFilterPreview: VFC> = ({ filter }) => {
- return {capitalizeEachWord(filter.type) + ' - '}{filter.params.features.length} {filter.params.features.length == 1 ? "feature" : "features"}{filter.inverted ? " (inverted)" : ""}
;
+ return ;
};
const SDCardFilterPreview: VFC> = ({ filter }) => {
const isInsertCard = !filter.params.card;
- const card = (MicroSDeckInterop.isInstallOk() && window.MicroSDeck?.CardsAndGames.find(([card]) => card.uid === filter.params.card)?.[0].name) || filter.params.card
- return {capitalizeEachWord(filter.type) + ' - '}{isInsertCard ? 'Inserted Card' : card}{filter.inverted ? " (inverted)" : ""}
;
+ const card = (MicroSDeckInterop.isInstallOk() && window.MicroSDeck?.CardsAndGames.find(([card]) => card.uid === filter.params.card)?.[0].name) || filter.params.card;
+ return ;
}
/**
diff --git a/src/components/filters/FilterSelect.tsx b/src/components/filters/FilterSelect.tsx
index c0bb632..7d81902 100644
--- a/src/components/filters/FilterSelect.tsx
+++ b/src/components/filters/FilterSelect.tsx
@@ -1,6 +1,6 @@
-import { Fragment, VFC, useEffect, useState } from "react";
+import { Fragment, VFC, createElement, useEffect, useState } from "react";
import { Focusable, ModalRoot, SingleDropdownOption } from "decky-frontend-lib";
-import { FilterDefaultParams, FilterDescriptions, FilterType } from "./Filters";
+import { FilterDefaultParams, FilterDescriptions, FilterIcons, FilterType } from "./Filters";
import { capitalizeEachWord } from "../../lib/Utils";
import { FilterSelectStyles, achievementClasses, mainMenuAppRunningClasses } from "../styles/FilterSelectionStyles";
import { IoFilter } from 'react-icons/io5'
@@ -54,12 +54,15 @@ interface FilterSelectElement {
const FilterSelectElement: VFC = ({ filterType, focusable, onClick }) => {
let disabled = false;
let requiredMicroSDeckVer = '';
+
if (filterType === 'sd card') {
disabled = !MicroSDeckInterop.isInstallOk();
const [major, minor, patch] = microSDeckLibVersion.split(/[.+-]/, 3);
+
if (+major > 0) requiredMicroSDeckVer = major + '.x.x';
if (+major === 0) requiredMicroSDeckVer = `0.${minor}.${patch}`;
}
+
const canFocus = focusable && !disabled;
return (
@@ -73,9 +76,14 @@ const FilterSelectElement: VFC = ({ filterType, focusable,
className={`${achievementClasses.AchievementListItemBase} ${disabled && "entry-disabled"}`}
style={{ display: "flex", flexDirection: "column", padding: "0.5em", height: "60px" }}
>
-
- {capitalizeEachWord(filterType)}
- {filterType === 'sd card' &&
{`requires MicroSDeck ${requiredMicroSDeckVer}`}}
+
+
+ {createElement(FilterIcons[filterType], { size: '.8em' })}
+
+
+ {capitalizeEachWord(filterType)}
+
+ {filterType === 'sd card' &&
{`requires MicroSDeck ${requiredMicroSDeckVer}`}}
{FilterDescriptions[filterType]}
+ {isOverflowing ? (
+
+ {panel}
+
+ ) : (
+
+ {panel}
+
+ )}
+
@@ -57,7 +74,7 @@ export const ListSearchModal: VFC = ({ rgOptions: list, en
);
- };
+ }, [filteredList]);
return (
@@ -84,6 +101,7 @@ export const ListSearchModal: VFC
= ({ rgOptions: list, en
{ setQuery(e.target.value); }}
style={{ height: "100%" }}
/>
@@ -91,25 +109,34 @@ export const ListSearchModal: VFC = ({ rgOptions: list, en
-
-
-
- {/* @ts-ignore */}
- {({ height, width }) => (
-
- {ListEntry}
-
- )}
-
-
-
+
+
+ {renderTopArrow && }
+
+
+
+
+ {/* @ts-ignore */}
+ {({ height, width }) => (
+
+ {ListEntry}
+
+ )}
+
+
+
+
+ {renderBottomArrow && }
+
+
+
{
+ tabMasterManager.tabProfileManager?.write(name, visibleTabs.map(tabContainer => tabContainer.id));
+ closeModal!();
+ }}
+ onCancel={() => closeModal!()}
+ >
+
+
+
+ Profile Name
+
+
+
+ } />
+
+
+
+ {visibleTabs.map(tabContainer =>
+
+
+
+ )}
+
+
+
+
+
{
+ tabMasterManager.tabProfileManager?.write(profileName, visibleTabsList.map(tabContainer => tabContainer.id));
+ closeModal!();
+ }}
+ onCancel={() => closeModal!()}
+ >
+
+
+
+ New Tabs
+
+
+ Existing Tabs
+
+
+
+
+
+
+
+ {visibleTabsList.map(tabContainer =>
+
+
+
+ )}
+
+
+ {existingTabs.map(tabContainer =>
+
+
+
+ )}
+
+
+
+
+
+ {children}
+
+
+
+ );
+};
+
+
diff --git a/src/components/multi-selects/ModeMultiSelect.tsx b/src/components/multi-selects/ModeMultiSelect.tsx
index 3e65b43..0021339 100644
--- a/src/components/multi-selects/ModeMultiSelect.tsx
+++ b/src/components/multi-selects/ModeMultiSelect.tsx
@@ -90,7 +90,7 @@ export const ModeMultiSelect:VFC = ({ options, selected, f
labelOverride={dropdownSelected.label!}
disabled={available.length == 0 || (!!maxOptions && selected.length == maxOptions)}
TriggerIcon={TriggerIcon}
- determineEntryIcon={(entry) => { return determineEntryIcon ? determineEntryIcon(entry) : EntryIcon}}
+ determineEntryIcon={(entry) => { return (determineEntryIcon ? determineEntryIcon(entry) : EntryIcon) as IconType }}
/>
= ({}) => {
background: radial-gradient(155.42% 100% at 0% 0%, #060a0e 0 0%, #0e141b 100%);
}
- .tab-master-filter-select .gpfocuswithin .${achievementClasses.AchievementListItemBase} {
- background: #767a8773;
- }
-
.tab-master-filter-select .entry-label {
font-size: 22px;
text-align: initial;
@@ -124,6 +120,7 @@ export const FilterSelectStyles: VFC<{}> = ({}) => {
.tab-master-filter-select .entry-disabled {
color: #92939B;
+ background-color: #20222996;
}
.tab-master-filter-select .entry-desc {
diff --git a/src/components/styles/ListSearchModalStyles.tsx b/src/components/styles/ListSearchModalStyles.tsx
index 9aab61d..d1049ec 100644
--- a/src/components/styles/ListSearchModalStyles.tsx
+++ b/src/components/styles/ListSearchModalStyles.tsx
@@ -18,6 +18,44 @@ export const ListSearchModalStyles: VFC<{}> = ({}) => {
.tab-master-list-search-modal .${gamepadDialogClasses.ModalPosition} > .${gamepadDialogClasses.GamepadDialogContent} {
background: radial-gradient(155.42% 100% at 0% 0%, #060a0e 0 0%, #0e141b 100%);
}
+
+ @keyframes tab-master-arrow-bounce-up {
+ 0% { transform: translateY(1px) }
+ 50% { transform: translateY(-2px) }
+ 100% { transform: translateY(1px) }
+ }
+
+ @keyframes tab-master-arrow-bounce-down {
+ 0% { transform: translateY(-1px) }
+ 50% { transform: translateY(2px) }
+ 100% { transform: translateY(-1px) }
+ }
+
+ .tab-master-list-search-modal .more-above-arrow {
+ position: absolute;
+ top: 14px;
+
+ display: flex;
+ justify-content: center;
+ width: 100%;
+
+ transition: visibility 0.2s ease-in-out;
+
+ animation: tab-master-arrow-bounce-up 2.7s infinite ease-in-out;
+ }
+
+ .tab-master-list-search-modal .more-below-arrow {
+ position: absolute;
+ bottom: -16px;
+
+ display: flex;
+ justify-content: center;
+ width: 100%;
+
+ transition: visibility 0.2s ease-in-out;
+
+ animation: tab-master-arrow-bounce-down 2.7s infinite ease-in-out;
+ }
`}
);
}
diff --git a/src/components/styles/ModalStyles.tsx b/src/components/styles/ModalStyles.tsx
index 5110713..8f6dbdc 100644
--- a/src/components/styles/ModalStyles.tsx
+++ b/src/components/styles/ModalStyles.tsx
@@ -98,13 +98,6 @@ export const ModalStyles: VFC<{}> = ({}) => {
color: #a9a9a9;
}
- /* merge entries */
- .tab-master-modal-scope .merge-filter-entries .merge-filter-entry-container {
- margin: 5px;
- display: flex;
- justify-content: space-between;
- }
-
.autohide-toggle-container .${gamepadDialogClasses.Field} {
padding: 10px calc(28px + 1.4vw);
}
diff --git a/src/components/styles/TabProfileModalStyles.tsx b/src/components/styles/TabProfileModalStyles.tsx
new file mode 100644
index 0000000..21d0862
--- /dev/null
+++ b/src/components/styles/TabProfileModalStyles.tsx
@@ -0,0 +1,56 @@
+import { gamepadDialogClasses } from "decky-frontend-lib";
+import { VFC } from "react";
+
+// New modal background should be "radial-gradient(155.42% 100% at 0% 0%, #060a0e 0 0%, #0e141b 100%)"
+
+/**
+ * CSS styling for TabMaster's Tab profile modals.
+ */
+export const TabProfileModalStyles: VFC<{}> = ({}) => {
+ return (
+
+ );
+}
diff --git a/src/hooks/useIsOverflowing.tsx b/src/hooks/useIsOverflowing.tsx
new file mode 100644
index 0000000..aba924e
--- /dev/null
+++ b/src/hooks/useIsOverflowing.tsx
@@ -0,0 +1,19 @@
+import { MutableRefObject, useLayoutEffect, useState } from 'react';
+
+export const useIsOverflowing = (ref: MutableRefObject) => {
+ const [isOverflow, setIsOverflow] = useState(false);
+
+ useLayoutEffect(() => {
+ const { current } = ref;
+ const trigger = () => {
+ const hasOverflow = current!.scrollHeight > current!.clientHeight;
+ setIsOverflow(hasOverflow);
+ };
+
+ if (current) {
+ trigger();
+ }
+ }, [ref]);
+
+ return isOverflow;
+};
diff --git a/src/index.tsx b/src/index.tsx
index 237b3c7..7ee7ee5 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,46 +1,26 @@
import {
- ButtonItem,
definePlugin,
- DialogButton,
- Field,
- Focusable,
- Navigation,
- PanelSection,
- ReorderableEntry,
- ReorderableList,
RoutePatch,
ServerAPI,
- showContextMenu,
- SidebarNavigation,
- staticClasses,
} from "decky-frontend-lib";
-import { VFC, ReactNode, useState } from "react";
import { TbLayoutNavbarExpand } from "react-icons/tb";
-import { FaCircleExclamation } from "react-icons/fa6";
-import { PiListPlusBold } from "react-icons/pi";
-import { MdNumbers } from "react-icons/md";
import { PluginController } from "./lib/controllers/PluginController";
import { PythonInterop } from "./lib/controllers/PythonInterop";
-import { TabMasterContextProvider, useTabMasterContext } from "./state/TabMasterContext";
+import { TabMasterContextProvider } from "./state/TabMasterContext";
import { TabMasterManager } from "./state/TabMasterManager";
import { patchLibrary } from "./patches/LibraryPatch";
import { patchSettings } from "./patches/SettingsPatch";
-import { QamStyles } from "./components/styles/QamStyles";
-import { showModalNewTab } from "./components/modals/EditTabModal";
-import { TabActionsButton } from "./components/TabActions";
import { LogController } from "./lib/controllers/LogController";
-import { DocPage } from "./components/docs/DocsPage";
-import { PresetMenu } from './components/menus/PresetMenu';
-import { TabListLabel } from './components/TabListLabel';
import { MicroSDeck } from "@cebbinghaus/microsdeck";
-import { MicroSDeckInstallState, MicroSDeckInterop, microSDeckLibVersion } from './lib/controllers/MicroSDeckInterop';
-import { MicroSDeckNotice } from './components/MicroSDeckNotice';
-import { CustomTabContainer } from './components/CustomTabContainer';
+import { MicroSDeckInterop } from './lib/controllers/MicroSDeckInterop';
+import { QuickAccessContent, QuickAccessTitleView } from "./components/QuickAccessContent";
+import { DocsRouter } from "./components/docs/DocsRouter";
+import { Fragment } from 'react';
declare global {
let DeckyPluginLoader: { pluginReloadQueue: { name: string; version?: string; }[]; };
@@ -55,186 +35,6 @@ declare global {
let settingsStore: SettingsStore;
}
-export type TabIdEntryType = {
- id: string;
-};
-
-interface TabEntryInteractablesProps {
- entry: ReorderableEntry;
-}
-
-/**
- * The Quick Access Menu content for TabMaster.
- */
-const Content: VFC<{}> = ({ }) => {
- const [microSDeckNoticeHidden, setMicroSDeckNoticeHidden] = useState(MicroSDeckInterop.noticeHidden);
- const { visibleTabsList, hiddenTabsList, tabsMap, tabMasterManager } = useTabMasterContext();
-
- const microSDeckInstallState = MicroSDeckInterop.getInstallState();
- const isMicroSDeckInstalled = microSDeckInstallState === MicroSDeckInstallState['good'];
- const hasSdTabs = !!visibleTabsList.find(tabContainer => (tabContainer as CustomTabContainer).dependsOnMicroSDeck);
-
- function TabEntryInteractables({ entry }: TabEntryInteractablesProps) {
- const tabContainer = tabsMap.get(entry.data!.id)!;
- return ();
- }
-
- const entries = visibleTabsList.map((tabContainer) => {
- return {
- label: ,
- position: tabContainer.position,
- data: { id: tabContainer.id }
- };
- });
-
- return (
-
- {LogController.errorFlag &&
-
-
- Tab Master encountered an error
-
-
-
}
- {hasSdTabs && !isMicroSDeckInstalled && !microSDeckNoticeHidden && (
-
-
-
-
- {
- MicroSDeckInterop.noticeHidden = true;
- setMicroSDeckNoticeHidden(true);
- }}
- >
- Hide Notice
-
-
-
-
- )}
-
-
{ Navigation.CloseSideMenus(); Navigation.Navigate("/tab-master-docs"); }}>
-
- Here you can add, re-order, or remove tabs from the library.
-
-
-
-
- showModalNewTab(tabMasterManager)} onOKActionDescription={'Add Tab'}>
- Add Tab
-
-
- {tabMasterManager.hasSettingsLoaded &&
-
- showContextMenu()}
- >
-
-
- }
-
-
-
-
- {tabMasterManager.hasSettingsLoaded ? (
-
- entries={entries}
- interactables={TabEntryInteractables}
- onSave={(entries: ReorderableEntry[]) => {
- tabMasterManager.reorderTabs(entries.map(entry => entry.data!.id));
- }}
- />
- ) : (
-
- Loading...
-
- )}
-
-
-
- {
- hiddenTabsList.map(tabContainer =>
-
- }
- onClick={() => tabMasterManager.showTab(tabContainer.id)}
- onOKActionDescription="Unhide tab"
- >
- Show
-
-
- )
- }
-
- {hasSdTabs && !isMicroSDeckInstalled && microSDeckNoticeHidden && (
- { }}>
-
-
- )}
-
-
TabMaster
,
+ title: <>,
+ titleView: ,
content:
-
+
,
icon: ,
onDismount: () => {
@@ -279,7 +77,6 @@ export default definePlugin((serverAPI: ServerAPI) => {
serverAPI.routerHook.removeRoute("/tab-master-docs");
loginUnregisterer.unregister();
- onWakeUnregister();
PluginController.dismount();
},
};
diff --git a/src/lib/controllers/MicroSDeckInterop.ts b/src/lib/controllers/MicroSDeckInterop.ts
index bc94c4a..8663c41 100644
--- a/src/lib/controllers/MicroSDeckInterop.ts
+++ b/src/lib/controllers/MicroSDeckInterop.ts
@@ -103,18 +103,22 @@ export class MicroSDeckInterop {
* @returns MicroSDeckInstallState
*/
private static checkVersion() {
- const [pluginVerMajor, pluginVerMinor, pluginVerPatch] = window.MicroSDeck!.Version.split(/[.+-]/, 3).map(str => +str);
- const [libVerMajor, libVerMinor, libVerPatch] = microSDeckLibVersion.split(/[.+-]/, 3).map(str => +str);
+ if (window.MicroSDeck?.Version) {
+ const [pluginVerMajor, pluginVerMinor, pluginVerPatch] = window.MicroSDeck!.Version.split(/[.+-]/, 3).map(str => +str);
+ const [libVerMajor, libVerMinor, libVerPatch] = microSDeckLibVersion.split(/[.+-]/, 3).map(str => +str);
- if (isNaN(pluginVerMajor) || isNaN(pluginVerMinor) || isNaN(pluginVerPatch) || isNaN(libVerMajor) || isNaN(libVerMinor) || isNaN(libVerPatch)) return MicroSDeckInstallState['ver unknown'];
- if (pluginVerMajor === 0 && libVerMajor === 0) {
- if (pluginVerMinor > libVerMinor || pluginVerPatch > libVerPatch) return MicroSDeckInstallState['ver too high'];
- if (pluginVerMinor < libVerMinor || pluginVerPatch < libVerPatch) return MicroSDeckInstallState['ver too low'];
+ if (isNaN(pluginVerMajor) || isNaN(pluginVerMinor) || isNaN(pluginVerPatch) || isNaN(libVerMajor) || isNaN(libVerMinor) || isNaN(libVerPatch)) return MicroSDeckInstallState['ver unknown'];
+ if (pluginVerMajor === 0 && libVerMajor === 0) {
+ if (pluginVerMinor > libVerMinor || pluginVerPatch > libVerPatch) return MicroSDeckInstallState['ver too high'];
+ if (pluginVerMinor < libVerMinor || pluginVerPatch < libVerPatch) return MicroSDeckInstallState['ver too low'];
+ return MicroSDeckInstallState['good'];
+ }
+
+ if (pluginVerMajor > libVerMajor) return MicroSDeckInstallState['ver too high'];
+ if (pluginVerMajor < libVerMajor) return MicroSDeckInstallState['ver too low'];
return MicroSDeckInstallState['good'];
+ } else {
+ return MicroSDeckInstallState['ver too low']; //* version is so old it doesn't have the Version prop.
}
-
- if (pluginVerMajor > libVerMajor) return MicroSDeckInstallState['ver too high'];
- if (pluginVerMajor < libVerMajor) return MicroSDeckInstallState['ver too low'];
- return MicroSDeckInstallState['good'];
}
}
diff --git a/src/lib/controllers/PluginController.tsx b/src/lib/controllers/PluginController.tsx
index 0cdb841..18c5ab9 100644
--- a/src/lib/controllers/PluginController.tsx
+++ b/src/lib/controllers/PluginController.tsx
@@ -46,6 +46,8 @@ export class PluginController {
private static steamController: SteamController;
+ private static onWakeSub: Unregisterer;
+
/**
* Sets the plugin's serverAPI.
* @param server The serverAPI to use.
@@ -79,6 +81,8 @@ export class PluginController {
*/
static async init(): Promise {
LogController.log("PluginController initialized.");
+
+ this.onWakeSub = this.steamController.registerForOnResumeFromSuspend(this.onWakeFromSleep.bind(this));
// @ts-ignore
return new Promise(async (resolve, reject) => {
@@ -121,7 +125,10 @@ export class PluginController {
* Function to run when the plugin dismounts.
*/
static dismount(): void {
+ if (this.onWakeSub) this.onWakeSub.unregister();
+
this.tabMasterManager.disposeReactions();
+
LogController.log("PluginController dismounted.");
}
}
diff --git a/src/lib/controllers/PythonInterop.ts b/src/lib/controllers/PythonInterop.ts
index 22c78e6..ddcfc56 100644
--- a/src/lib/controllers/PythonInterop.ts
+++ b/src/lib/controllers/PythonInterop.ts
@@ -1,5 +1,6 @@
import { ServerAPI } from "decky-frontend-lib";
import { validateTabs } from "../Utils";
+import { TabProfileDictionary } from '../../state/TabProfileManager';
/**
* Class for frontend -> backend communication.
@@ -135,8 +136,8 @@ export class PythonInterop {
}
/**
- * Gets the store tabs.
- * @returns A promise resolving to the store tabs.
+ * Gets the store tags.
+ * @returns A promise resolving to the store tags.
*/
static async getTags(): Promise {
let result = await PythonInterop.serverAPI.callPluginMethod<{}, TagResponse[]>("get_tags", {});
@@ -180,6 +181,20 @@ export class PythonInterop {
}
}
+ /**
+ * Gets the user's tab profiles.
+ * @returns A promise resolving the user's tab profiles.
+ */
+ static async getTabProfiles(): Promise {
+ let result = await PythonInterop.serverAPI.callPluginMethod<{}, TabProfileDictionary>("get_tab_profiles", {});
+
+ if (result.success) {
+ return result.result;
+ } else {
+ return new Error(result.result);
+ };
+ }
+
/**
* Sets the plugin's tabs.
* @param tabs The plugin's tabsDictionary.
@@ -251,6 +266,21 @@ export class PythonInterop {
};
}
+ /**
+ * Sets the user's tab profiles.
+ * @param tabProfiles The tab profiles.
+ * @returns A promise resolving to whether or not the tab profiles were successfully set.
+ */
+ static async setTabProfiles(tabProfiles: TabProfileDictionary): Promise {
+ let result = await PythonInterop.serverAPI.callPluginMethod<{ tab_profiles: TabProfileDictionary }, void>("set_tab_profiles", { tab_profiles: tabProfiles });
+
+ if (result.success) {
+ return result.result;
+ } else {
+ return new Error(result.result);
+ };
+ }
+
/**
* Shows a toast message.
* @param title The title of the toast.
diff --git a/src/lib/controllers/SteamController.ts b/src/lib/controllers/SteamController.ts
index 666918a..fe2c6d6 100644
--- a/src/lib/controllers/SteamController.ts
+++ b/src/lib/controllers/SteamController.ts
@@ -69,6 +69,15 @@ export class SteamController {
})) ?? false;
}
+ /**
+ * Register a function for when the Steamdeck resumes from sleep.
+ * @param callback The callback to register.
+ * @returns A function that unsubscribes the callback.
+ */
+ registerForOnResumeFromSuspend(callback: () => void): Unregisterer {
+ return SteamClient.System.RegisterForOnResumeFromSuspend(callback);
+ }
+
/**
* Gets the localized tags from a list of ids.
* @param tags The list of tag ids.
diff --git a/src/patches/LibraryPatch.tsx b/src/patches/LibraryPatch.tsx
index 929db98..cb76565 100644
--- a/src/patches/LibraryPatch.tsx
+++ b/src/patches/LibraryPatch.tsx
@@ -11,7 +11,7 @@ import { ReactElement, useEffect, useState } from "react";
import { TabMasterManager } from "../state/TabMasterManager";
import { CustomTabContainer } from "../components/CustomTabContainer";
import { LogController } from "../lib/controllers/LogController";
-import { LibraryMenu } from '../components/menus/LibraryMenu';
+import { LibraryMenu } from '../components/context-menus/LibraryMenu';
import { MicroSDeckInterop } from '../lib/controllers/MicroSDeckInterop';
/**
@@ -87,11 +87,7 @@ export const patchLibrary = (serverAPI: ServerAPI, tabMasterManager: TabMasterMa
pacthedTabs = tablist.flatMap((tabContainer) => {
if (tabContainer.filters) {
const footer = { ...(tabTemplate!.footer ?? {}), onMenuButton: getShowMenu(tabContainer.id, tabMasterManager), onMenuActionDescription: 'Tab Master' };
-
- //if MicroSDeck isn't installed don't display any tabs that depend on it; return empty array for flat map
- if (!isMicroSDeckInstalled && (tabContainer as CustomTabContainer).dependsOnMicroSDeck) return [];
- if ((tabContainer as CustomTabContainer).autoHide && (tabContainer as CustomTabContainer).collection.visibleApps.length === 0) return [];
- return (tabContainer as CustomTabContainer).getActualTab(tabContentComponent, sortingProps, footer, collectionsAppFilterGamepad);
+ return (tabContainer as CustomTabContainer).getActualTab(tabContentComponent, sortingProps, footer, collectionsAppFilterGamepad, isMicroSDeckInstalled) || [];
} else {
return tabs.find(actualTab => {
if (actualTab.id === tabContainer.id) {
diff --git a/src/presets/presets.ts b/src/presets/presets.ts
index 1fe6ca6..af48c15 100644
--- a/src/presets/presets.ts
+++ b/src/presets/presets.ts
@@ -10,10 +10,12 @@ type TabPreset = {
const presetDefines = {
collection: (collectionId: string, collectionName: string) => {
+ let include = IncludeCategories.games;
+ if (collectionId === 'hidden') include |= (IncludeCategories.music | IncludeCategories.software | IncludeCategories.hidden);
return {
filters: [{ type: 'collection', inverted: false, params: { id: collectionId, name: collectionName } }],
filtersMode: 'and',
- categoriesToInclude: IncludeCategories.games
+ categoriesToInclude: include
};
},
diff --git a/src/state/TabMasterManager.tsx b/src/state/TabMasterManager.tsx
index 3ad9aac..8e34530 100644
--- a/src/state/TabMasterManager.tsx
+++ b/src/state/TabMasterManager.tsx
@@ -9,6 +9,7 @@ import { LogController } from "../lib/controllers/LogController";
import { PresetName, PresetOptions, getPreset } from '../presets/presets';
import { MicroSDeckInterop } from '../lib/controllers/MicroSDeckInterop';
import { TabErrorController } from '../lib/controllers/TabErrorController';
+import { TabProfileManager } from './TabProfileManager';
/**
* Converts a list of filters into a 1D array.
@@ -66,6 +67,8 @@ export class TabMasterManager {
private collectionRemoveReaction: IReactionDisposer | undefined;
+ public tabProfileManager: TabProfileManager | undefined;
+
/**
* Creates a new TabMasterManager.
*/
@@ -218,14 +221,29 @@ export class TabMasterManager {
* @param storeTagLocalizationMap The store tag localization map.
*/
private storeTagReaction(storeTagLocalizationMap: StoreTagLocalizationMap) {
- this.allStoreTags = Array.from(storeTagLocalizationMap._data.entries()).map(([tag, entry]) => {
- return {
- tag: tag,
- string: entry.value
- };
- });
+ let tagLocalizationMap = storeTagLocalizationMap._data;
+ if (!tagLocalizationMap && storeTagLocalizationMap.data_) {
+ tagLocalizationMap = storeTagLocalizationMap.data_
+ }
+
+ if (tagLocalizationMap) {
+ const tagEntriesArray = Array.from(tagLocalizationMap.entries());
+
+ if (tagEntriesArray[0][1].value || tagEntriesArray[0][1].value_) {
+ this.allStoreTags = tagEntriesArray.map(([tag, entry]) => {
+ return {
+ tag: tag,
+ string: entry.value ?? entry.value_
+ };
+ });
- PythonInterop.setTags(this.allStoreTags);
+ PythonInterop.setTags(this.allStoreTags);
+ } else {
+ LogController.error("Failed to get store tags. Both entry.value and entry.value_ were undefined");
+ }
+ } else {
+ LogController.error("Failed to get store tags. Both _data and data_ were undefined");
+ }
}
/**
@@ -429,6 +447,8 @@ export class TabMasterManager {
}
}
this.tabsMap.delete(tabId);
+ this.tabProfileManager?.onDeleteTab(tabId);
+ if (!this.tabProfileManager) LogController.error('Attempted to delete a tab before TabProfileManager has been initialized.', 'This should not be possible.');
this.updateAndSave();
}
@@ -474,15 +494,10 @@ export class TabMasterManager {
}
}
-
-
/**
- * Loads the user's tabs from the backend.
+ * Other async load calls that don't need to be waited for when starting the plugin
*/
- loadTabs = async () => {
- this.initReactions();
- const settings = await PythonInterop.getTabs();
- //* We don't need to wait for these, since if we get the store ones, we don't care about them
+ asyncLoadOther() {
PythonInterop.getTags().then((res: TagResponse[] | Error) => {
if (res instanceof Error) {
LogController.log("TabMaster couldn't load tags settings");
@@ -513,13 +528,30 @@ export class TabMasterManager {
}
}
});
+ }
+
+ /**
+ * Loads the user's tabs from the backend.
+ */
+ loadTabs = async () => {
+ this.initReactions();
+ const settings = await PythonInterop.getTabs();
+ const profiles = await PythonInterop.getTabProfiles();
+
+ this.asyncLoadOther();
if (settings instanceof Error) {
LogController.log("TabMaster couldn't load tab settings");
LogController.error(settings.message);
return;
}
+ if (profiles instanceof Error) {
+ LogController.log("TabMaster couldn't load tab profiles");
+ LogController.error(profiles.message);
+ return;
+ }
+ this.tabProfileManager = new TabProfileManager(profiles);
TabErrorController.validateSettingsOnLoad((Object.keys(settings).length > 0) ? settings : defaultTabsSettings, this, this.finishLoadingTabs.bind(this));
};
diff --git a/src/state/TabProfileManager.tsx b/src/state/TabProfileManager.tsx
new file mode 100644
index 0000000..ac6b631
--- /dev/null
+++ b/src/state/TabProfileManager.tsx
@@ -0,0 +1,62 @@
+import { PythonInterop } from '../lib/controllers/PythonInterop';
+import { TabMasterManager } from './TabMasterManager';
+
+export type TabProfileDictionary = {
+ [name: string]: string[]; //array of ordered tab ids
+};
+
+export class TabProfileManager {
+ tabProfiles: TabProfileDictionary;
+
+ /**
+ * Creates a new TabProfileManager.
+ * @param tabProfiles The existing tab profiles the current user has.
+ */
+ constructor(tabProfiles: TabProfileDictionary) {
+ this.tabProfiles = tabProfiles;
+ }
+
+ /**
+ * Writes a tab profile.
+ * @param tabProfileName The name of the tab profile to write.
+ * @param tabIds The list of ids of the tabs that are included in this profile.
+ */
+ write(tabProfileName: string, tabIds: string[]) {
+ this.tabProfiles[tabProfileName] = tabIds;
+ this.save();
+ }
+
+ /**
+ * Applies a tab profile.
+ * @param tabProfileName The name of the tab profile to apply.
+ * @param tabMasterManager The plugin manager.
+ */
+ apply(tabProfileName: string, tabMasterManager: TabMasterManager) {
+ tabMasterManager.getTabs().tabsMap.forEach(tabContainer => tabContainer.position = -1);
+ tabMasterManager.reorderTabs(this.tabProfiles[tabProfileName]);
+ }
+
+ delete(tabProfileName: string) {
+ delete this.tabProfiles[tabProfileName];
+ this.save();
+ }
+
+ /**
+ * Removes tab from profiles when it has been deleted
+ * @param deletedId The tab id that is being deleted
+ */
+ onDeleteTab(deletedId: string) {
+ Object.values(this.tabProfiles).forEach(tabs => {
+ const deletedIndex = tabs.findIndex(tabId => tabId === deletedId);
+ if (deletedIndex > -1) tabs.splice(deletedIndex, 1);
+ });
+ this.save();
+ }
+
+ /**
+ * Saves all changes made to the tab profiles.
+ */
+ private save() {
+ PythonInterop.setTabProfiles(this.tabProfiles);
+ }
+}
diff --git a/src/types/stores/appStore.d.ts b/src/types/stores/appStore.d.ts
index 628890a..2298b8d 100644
--- a/src/types/stores/appStore.d.ts
+++ b/src/types/stores/appStore.d.ts
@@ -1,14 +1,22 @@
// Types for the global appStore
type StoreTagLocalizationEntry = {
- value: string //? This is the string of the tag
+ /**
+ * @deprecated Replaced by data_. Used before Dec 13 2023 on the stable Steam Client Channel, while it used MobX 5.x.x (now uses 6.x.x).
+ */
+ value: string,
+ value_: string //? This is the string of the tag
}
type StoreTagLocalizationMap = {
- _data: Map
+ /**
+ * @deprecated Replaced by data_. Used before Dec 13 2023 on the stable Steam Client Channel, while it used MobX 5.x.x (now uses 6.x.x).
+ */
+ _data?: Map
+ data_?: Map
}
type AppStore = {
GetAppOverviewByAppID: (appId: number) => SteamAppOverview | null;
m_mapStoreTagLocalization: StoreTagLocalizationMap
-}
\ No newline at end of file
+}
- - **Installed**
- - **Regex**
- - **Friends**
- - **Tags**
- - **Whitelist**
- - **Blacklist**
- - **Merge**
- - **Platform**
- - **Deck Compatibility**
- - **Review Score**
- - **Time Played**
- - **Size on Disk**
- - **Release Date**
- - **Last Played**
- - **Demo**
- - **Streamable**
+ - **Collection**
+ - **Installed**
+ - **Regex**
+ - **Friends**
+ - **Tags**
+ - **Whitelist**
+ - **Blacklist**
+ - **Merge**
+ - **Platform**
+ - **Deck Compatibility**
+ - **Review Score**
+ - **Time Played**
+ - **Size on Disk**
+ - **Release Date**
+ - **Last Played**
+ - **Demo**
+ - **Streamable**
+ - **Steam Features**
+ - **MicroSD Card**
# Using the plugin
diff --git a/assets/docs_blacklist-example.png b/assets/docs_blacklist-example.png
deleted file mode 100644
index 474f27a..0000000
Binary files a/assets/docs_blacklist-example.png and /dev/null differ
diff --git a/assets/docs_collection-example.png b/assets/docs_collection-example.png
deleted file mode 100644
index fc734a3..0000000
Binary files a/assets/docs_collection-example.png and /dev/null differ
diff --git a/assets/docs_context-menu.png b/assets/docs_context-menu.png
index 2a5ba89..3c675c2 100644
Binary files a/assets/docs_context-menu.png and b/assets/docs_context-menu.png differ
diff --git a/assets/docs_create-tab.png b/assets/docs_create-tab.png
index e946a70..3b57531 100644
Binary files a/assets/docs_create-tab.png and b/assets/docs_create-tab.png differ
diff --git a/assets/docs_deck-compat-example.png b/assets/docs_deck-compat-example.png
deleted file mode 100644
index ec24dea..0000000
Binary files a/assets/docs_deck-compat-example.png and /dev/null differ
diff --git a/assets/docs_demo-example.png b/assets/docs_demo-example.png
deleted file mode 100644
index 9452402..0000000
Binary files a/assets/docs_demo-example.png and /dev/null differ
diff --git a/assets/docs_edit-ui.png b/assets/docs_edit-ui.png
index d27946b..f5805fb 100644
Binary files a/assets/docs_edit-ui.png and b/assets/docs_edit-ui.png differ
diff --git a/assets/docs_friends-example.png b/assets/docs_friends-example.png
deleted file mode 100644
index 693d33d..0000000
Binary files a/assets/docs_friends-example.png and /dev/null differ
diff --git a/assets/docs_installed-example.png b/assets/docs_installed-example.png
deleted file mode 100644
index 4e56fdb..0000000
Binary files a/assets/docs_installed-example.png and /dev/null differ
diff --git a/assets/docs_last-played-example.png b/assets/docs_last-played-example.png
deleted file mode 100644
index 12f2292..0000000
Binary files a/assets/docs_last-played-example.png and /dev/null differ
diff --git a/assets/docs_merge-example.png b/assets/docs_merge-example.png
deleted file mode 100644
index 366a026..0000000
Binary files a/assets/docs_merge-example.png and /dev/null differ
diff --git a/assets/docs_platform-example.png b/assets/docs_platform-example.png
deleted file mode 100644
index d2c1e9b..0000000
Binary files a/assets/docs_platform-example.png and /dev/null differ
diff --git a/assets/docs_regex-example.png b/assets/docs_regex-example.png
deleted file mode 100644
index 5d9354f..0000000
Binary files a/assets/docs_regex-example.png and /dev/null differ
diff --git a/assets/docs_release-date-example.png b/assets/docs_release-date-example.png
deleted file mode 100644
index 0dbdeb4..0000000
Binary files a/assets/docs_release-date-example.png and /dev/null differ
diff --git a/assets/docs_review-score-example.png b/assets/docs_review-score-example.png
deleted file mode 100644
index 427039c..0000000
Binary files a/assets/docs_review-score-example.png and /dev/null differ
diff --git a/assets/docs_size-on-disk-example.png b/assets/docs_size-on-disk-example.png
deleted file mode 100644
index 26316f6..0000000
Binary files a/assets/docs_size-on-disk-example.png and /dev/null differ
diff --git a/assets/docs_streamable-example.png b/assets/docs_streamable-example.png
deleted file mode 100644
index e4d26ff..0000000
Binary files a/assets/docs_streamable-example.png and /dev/null differ
diff --git a/assets/docs_tags-example.png b/assets/docs_tags-example.png
deleted file mode 100644
index 58065a8..0000000
Binary files a/assets/docs_tags-example.png and /dev/null differ
diff --git a/assets/docs_time-played-example.png b/assets/docs_time-played-example.png
deleted file mode 100644
index f062921..0000000
Binary files a/assets/docs_time-played-example.png and /dev/null differ
diff --git a/assets/docs_whitelist-example.png b/assets/docs_whitelist-example.png
deleted file mode 100644
index a21a79d..0000000
Binary files a/assets/docs_whitelist-example.png and /dev/null differ
diff --git a/assets/filters/docs_blacklist-example.png b/assets/filters/docs_blacklist-example.png
new file mode 100644
index 0000000..bac4aba
Binary files /dev/null and b/assets/filters/docs_blacklist-example.png differ
diff --git a/assets/filters/docs_collection-example.png b/assets/filters/docs_collection-example.png
new file mode 100644
index 0000000..cee5b96
Binary files /dev/null and b/assets/filters/docs_collection-example.png differ
diff --git a/assets/filters/docs_deck-compat-example.png b/assets/filters/docs_deck-compat-example.png
new file mode 100644
index 0000000..82d912d
Binary files /dev/null and b/assets/filters/docs_deck-compat-example.png differ
diff --git a/assets/filters/docs_demo-example.png b/assets/filters/docs_demo-example.png
new file mode 100644
index 0000000..21554d8
Binary files /dev/null and b/assets/filters/docs_demo-example.png differ
diff --git a/assets/filters/docs_friends-example.png b/assets/filters/docs_friends-example.png
new file mode 100644
index 0000000..9d9910f
Binary files /dev/null and b/assets/filters/docs_friends-example.png differ
diff --git a/assets/filters/docs_installed-example.png b/assets/filters/docs_installed-example.png
new file mode 100644
index 0000000..fef6e25
Binary files /dev/null and b/assets/filters/docs_installed-example.png differ
diff --git a/assets/filters/docs_last-played-example.png b/assets/filters/docs_last-played-example.png
new file mode 100644
index 0000000..23766aa
Binary files /dev/null and b/assets/filters/docs_last-played-example.png differ
diff --git a/assets/filters/docs_merge-example.png b/assets/filters/docs_merge-example.png
new file mode 100644
index 0000000..2dc1a40
Binary files /dev/null and b/assets/filters/docs_merge-example.png differ
diff --git a/assets/filters/docs_microsd-card-example.png b/assets/filters/docs_microsd-card-example.png
new file mode 100644
index 0000000..14943a3
Binary files /dev/null and b/assets/filters/docs_microsd-card-example.png differ
diff --git a/assets/filters/docs_platform-example.png b/assets/filters/docs_platform-example.png
new file mode 100644
index 0000000..94f196f
Binary files /dev/null and b/assets/filters/docs_platform-example.png differ
diff --git a/assets/filters/docs_regex-example.png b/assets/filters/docs_regex-example.png
new file mode 100644
index 0000000..ba15940
Binary files /dev/null and b/assets/filters/docs_regex-example.png differ
diff --git a/assets/filters/docs_release-date-example.png b/assets/filters/docs_release-date-example.png
new file mode 100644
index 0000000..4aaed96
Binary files /dev/null and b/assets/filters/docs_release-date-example.png differ
diff --git a/assets/filters/docs_review-score-example.png b/assets/filters/docs_review-score-example.png
new file mode 100644
index 0000000..b62e0e9
Binary files /dev/null and b/assets/filters/docs_review-score-example.png differ
diff --git a/assets/filters/docs_size-on-disk-example.png b/assets/filters/docs_size-on-disk-example.png
new file mode 100644
index 0000000..71296d8
Binary files /dev/null and b/assets/filters/docs_size-on-disk-example.png differ
diff --git a/assets/filters/docs_steam-features-example.png b/assets/filters/docs_steam-features-example.png
new file mode 100644
index 0000000..69d3280
Binary files /dev/null and b/assets/filters/docs_steam-features-example.png differ
diff --git a/assets/filters/docs_streamable-example.png b/assets/filters/docs_streamable-example.png
new file mode 100644
index 0000000..9d4cdc6
Binary files /dev/null and b/assets/filters/docs_streamable-example.png differ
diff --git a/assets/filters/docs_tags-example.png b/assets/filters/docs_tags-example.png
new file mode 100644
index 0000000..d749064
Binary files /dev/null and b/assets/filters/docs_tags-example.png differ
diff --git a/assets/filters/docs_time-played-example.png b/assets/filters/docs_time-played-example.png
new file mode 100644
index 0000000..8cb6ad9
Binary files /dev/null and b/assets/filters/docs_time-played-example.png differ
diff --git a/assets/filters/docs_whitelist-example.png b/assets/filters/docs_whitelist-example.png
new file mode 100644
index 0000000..73f048d
Binary files /dev/null and b/assets/filters/docs_whitelist-example.png differ
diff --git a/assets/tab-profiles/docs_creating-tab-profiles.png b/assets/tab-profiles/docs_creating-tab-profiles.png
new file mode 100644
index 0000000..65a493e
Binary files /dev/null and b/assets/tab-profiles/docs_creating-tab-profiles.png differ
diff --git a/assets/tab-profiles/docs_managing-tab-profiles.png b/assets/tab-profiles/docs_managing-tab-profiles.png
new file mode 100644
index 0000000..36a0790
Binary files /dev/null and b/assets/tab-profiles/docs_managing-tab-profiles.png differ
diff --git a/assets/tab-profiles/docs_overwriting-tab-profiles.png b/assets/tab-profiles/docs_overwriting-tab-profiles.png
new file mode 100644
index 0000000..fd129d9
Binary files /dev/null and b/assets/tab-profiles/docs_overwriting-tab-profiles.png differ
diff --git a/assets/tab-profiles/docs_tab-profiles-context-menu.png b/assets/tab-profiles/docs_tab-profiles-context-menu.png
new file mode 100644
index 0000000..4e670b0
Binary files /dev/null and b/assets/tab-profiles/docs_tab-profiles-context-menu.png differ
diff --git a/defaults/docs/Filters.md b/defaults/docs/Filters.md
index 9f2b700..2f992e1 100644
--- a/defaults/docs/Filters.md
+++ b/defaults/docs/Filters.md
@@ -23,6 +23,8 @@
- Last Played
- Demo
- Streamable
+ - Steam Features
+ - MicroSD Card (Requires MicroSDeck)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+