feat: Ruffle support dropdown

FlashpointProject · Feb 17, 2025 · 54c5dd8 · 54c5dd8
1 parent 55f13ac
commit 54c5dd8
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 1 deletion.
diff --git a/src/renderer/components/SearchBar.tsx b/src/renderer/components/SearchBar.tsx
@@ -237,6 +237,11 @@ export function SearchBar() {
   const onClearTags = onClearFactory('tags');
   const onSetAndToggleTags = onSetAndToggleFactory('tags');
 
+  const onWhitelistRuffleSupport = onWhitelistFactory('ruffleSupport');
+  const onBlacklistRuffleSupport = onBlacklistFactory('ruffleSupport');
+  const onClearRuffleSupport = onClearFactory('ruffleSupport');
+  const onSetAndToggleRuffleSupport = onSetAndToggleFactory('ruffleSupport');
+
   const simpleSelectItems = (values: string[] | null): SearchableSelectItem[] => {
     return values ? values.map(v => ({
       value: v,
@@ -250,6 +255,13 @@ export function SearchBar() {
   const developerItems = useMemo(() => simpleSelectItems(search.dropdowns.developers), [search.dropdowns.developers]);
   const publisherItems = useMemo(() => simpleSelectItems(search.dropdowns.publishers), [search.dropdowns.publishers]);
   const seriesItems = useMemo(() => simpleSelectItems(search.dropdowns.series), [search.dropdowns.series]);
+  const ruffleSupportItems: SearchableSelectItem[] = [{
+    value: '',
+    orderVal: ''
+  }, {
+    value: 'standalone',
+    orderVal: 'Standalone'
+  }];
   const tagItems = useMemo((): TagSelectItem[] => {
     if (search.dropdowns.tags) {
       return search.dropdowns.tags.map(tag => {
@@ -422,6 +434,16 @@ export function SearchBar() {
                 return strings.libraries[item] || item;
               }} />
           )}
+          <SearchableSelect
+            title={strings.browse.ruffleSupport}
+            items={ruffleSupportItems}
+            andToggle={view.advancedFilter.andToggles.ruffleSupport}
+            selected={view.advancedFilter.ruffleSupport}
+            generateItem={genSelectItem}
+            onWhitelist={onWhitelistRuffleSupport}
+            onBlacklist={onBlacklistRuffleSupport}
+            onClear={onClearRuffleSupport}
+            onSetAndToggle={onSetAndToggleRuffleSupport} />
           <SearchableSelect
             title={strings.app.developer}
             items={developerItems}

diff --git a/src/shared/preferences/util.ts b/src/shared/preferences/util.ts
@@ -416,6 +416,7 @@ function parseAdvancedFilterAndToggles(parser: IObjectParserProp<AdvancedFilterA
   parser.prop('developer', v => output.developer = !!v, true);
   parser.prop('publisher', v => output.publisher = !!v, true)
   parser.prop('series', v => output.series = !!v, true);
+  parser.prop('ruffleSupport', v => output.ruffleSupport = !!v, true);
 }
 
 function parseAdvancedFilter(parser: IObjectParserProp<AdvancedFilter>, output: AdvancedFilter) {
@@ -429,6 +430,7 @@ function parseAdvancedFilter(parser: IObjectParserProp<AdvancedFilter>, output:
   parser.prop('developer', true).mapRaw((item, index) => output.developer[index] = parseAdvancedFilterToggle(str(item)));
   parser.prop('publisher', true).mapRaw((item, index) => output.publisher[index] = parseAdvancedFilterToggle(str(item)));
   parser.prop('series', true).mapRaw((item, index) => output.series[index] = parseAdvancedFilterToggle(str(item)));
+  parser.prop('ruffleSupport', true).mapRaw((item, index) => output.ruffleSupport[index] = parseAdvancedFilterToggle(str(item)));
   parseAdvancedFilterAndToggles(parser.prop('andToggles'), output.andToggles);
 }
 

diff --git a/src/shared/search/util.ts b/src/shared/search/util.ts
@@ -41,6 +41,7 @@ export function getDefaultAdvancedFilter(library?: string): AdvancedFilter {
     developer: {},
     publisher: {},
     series: {},
+    ruffleSupport: {},
     andToggles: {
       library: false,
       playMode: false,
@@ -49,6 +50,7 @@ export function getDefaultAdvancedFilter(library?: string): AdvancedFilter {
       developer: false,
       publisher: false,
       series: false,
+      ruffleSupport: false,
     }
   };
 }
@@ -78,7 +80,8 @@ export function isAdvFilterEmpty(advFilter: AdvancedFilter): boolean {
     Object.keys(advFilter.tags).length === 0 &&
     Object.keys(advFilter.developer).length === 0 &&
     Object.keys(advFilter.publisher).length === 0 &&
-    Object.keys(advFilter.series).length === 0
+    Object.keys(advFilter.series).length === 0 &&
+    Object.keys(advFilter.ruffleSupport).length === 0
   );
 }
 
@@ -170,6 +173,7 @@ export function parseAdvancedFilter(advFilter: AdvancedFilter): GameFilter {
   nonExactWhitelistFunc('publisher', 'publisher');
   exactWhitelistFunc('series', 'series');
   exactWhitelistFunc('tags', 'tags');
+  exactWhitelistFunc('ruffleSupport', 'ruffleSupport');
 
   exactBlacklistFunc('library', 'library');
   exactBlacklistFunc('platform', 'platforms');
@@ -178,6 +182,7 @@ export function parseAdvancedFilter(advFilter: AdvancedFilter): GameFilter {
   nonExactBlacklistFunc('publisher', 'publisher');
   exactBlacklistFunc('series', 'series');
   exactBlacklistFunc('tags', 'tags');
+  exactBlacklistFunc('ruffleSupport', 'ruffleSupport');
 
   return filter;
 }

diff --git a/typings/flashpoint-launcher.d.ts b/typings/flashpoint-launcher.d.ts
@@ -1107,6 +1107,7 @@ declare module 'flashpoint-launcher' {
       developer: boolean;
       publisher: boolean;
       series: boolean;
+      ruffleSupport: boolean;
     }
 
     type AdvancedFilter = {
@@ -1120,6 +1121,7 @@ declare module 'flashpoint-launcher' {
       developer: Record<string, AdvancedFilterToggle>;
       publisher: Record<string, AdvancedFilterToggle>;
       series: Record<string, AdvancedFilterToggle>;
+      ruffleSupport: Record<string, AdvancedFilterToggle>;
       andToggles: AdvancedFilterAndToggles;
     }