@decky/ui 4.4.0 → 4.6.0

package/dist/class-mapper.d.ts

@@ -1,7 +1,10 @@
+import { ModuleID } from './webpack';
 export interface ClassModule {
     [name: string]: string;
 }
+export declare const classModuleMap: Map<ModuleID, ClassModule>;
 export declare const classMap: ClassModule[];
-export declare function findClass(name: string): string | void;
+export declare function findClass(id: string, name: string): string | void;
+export declare function findClassByName(name: string): string | void;
 export declare function findClassModule(filter: (module: any) => boolean): ClassModule | void;
 export declare function unminifyClass(minifiedClass: string): string | void;

package/dist/class-mapper.js

@@ -1,5 +1,5 @@
-import { findAllModules } from './webpack';
-export const classMap = findAllModules((m) => {
+import { createModuleMapping } from './webpack';
+export const classModuleMap = createModuleMapping((m) => {
     if (typeof m == 'object' && !m.__esModule) {
         const keys = Object.keys(m);
         if (keys.length == 1 && m.version)
@@ -10,14 +10,18 @@ export const classMap = findAllModules((m) => {
     }
     return false;
 });
-export function findClass(name) {
-    return classMap.find((m) => m?.[name])?.[name];
+export const classMap = [...classModuleMap.values()];
+export function findClass(id, name) {
+    return classModuleMap.get(id)?.[name];
+}
+export function findClassByName(name) {
+    return classMap.find((m) => m[name])?.[name];
 }
 export function findClassModule(filter) {
     return classMap.find((m) => filter(m));
 }
 export function unminifyClass(minifiedClass) {
-    for (let m of classMap) {
+    for (let m of classModuleMap.values()) {
         for (let className of Object.keys(m)) {
             if (m[className] == minifiedClass)
                 return className;

package/dist/webpack.d.ts

@@ -3,18 +3,20 @@ declare global {
         webpackChunksteamui: any;
     }
 }
+export type ModuleID = string;
 export type Module = any;
 export type Export = any;
 type FilterFn = (module: any) => boolean;
 type ExportFilterFn = (moduleExport: any, exportName?: any) => boolean;
 type FindFn = (module: any) => any;
-export declare let modules: any;
+export declare let modules: Map<string, any>;
 export declare const findModule: (filter: FilterFn) => any;
-export declare const findModuleDetailsByExport: (filter: ExportFilterFn, minExports?: number) => [module: Module | undefined, moduleExport: any, exportName: any];
+export declare const findModuleDetailsByExport: (filter: ExportFilterFn, minExports?: number) => [module: Module | undefined, moduleExport: any, exportName: any, moduleID: string | undefined];
 export declare const findModuleByExport: (filter: ExportFilterFn, minExports?: number) => any;
 export declare const findModuleExport: (filter: ExportFilterFn, minExports?: number) => any;
 export declare const findModuleChild: (filter: FindFn) => any;
 export declare const findAllModules: (filter: FilterFn) => any[];
+export declare const createModuleMapping: (filter: FilterFn) => Map<string, any>;
 export declare const CommonUIModule: any;
 export declare const IconsModule: any;
 export declare const ReactRouter: any;

package/dist/webpack.js

@@ -1,10 +1,10 @@
 import Logger from './logger';
 const logger = new Logger('Webpack');
-export let modules = [];
+export let modules = new Map();
 function initModuleCache() {
     const startTime = performance.now();
     logger.group('Webpack Module Init');
-    const id = Math.random();
+    const id = Symbol("@decky/ui");
     let webpackRequire;
     window.webpackChunksteamui.push([
         [id],
@@ -14,22 +14,22 @@ function initModuleCache() {
         },
     ]);
     logger.log('Initializing all modules. Errors here likely do not matter, as they are usually just failing module side effects.');
-    for (let i of Object.keys(webpackRequire.m)) {
+    for (let id of Object.keys(webpackRequire.m)) {
         try {
-            const module = webpackRequire(i);
+            const module = webpackRequire(id);
             if (module) {
-                modules.push(module);
+                modules.set(id, module);
             }
         }
         catch (e) {
-            logger.debug('Ignoring require error for module', i, e);
+            logger.debug('Ignoring require error for module', id, e);
         }
     }
     logger.groupEnd(`Modules initialized in ${performance.now() - startTime}ms...`);
 }
 initModuleCache();
 export const findModule = (filter) => {
-    for (const m of modules) {
+    for (const m of modules.values()) {
         if (m.default && filter(m.default))
             return m.default;
         if (filter(m))
@@ -37,7 +37,7 @@ export const findModule = (filter) => {
     }
 };
 export const findModuleDetailsByExport = (filter, minExports) => {
-    for (const m of modules) {
+    for (const [id, m] of modules) {
         if (!m)
             continue;
         for (const mod of [m.default, m]) {
@@ -49,7 +49,7 @@ export const findModuleDetailsByExport = (filter, minExports) => {
                 if (mod?.[exportName]) {
                     const filterRes = filter(mod[exportName], exportName);
                     if (filterRes) {
-                        return [mod, mod[exportName], exportName];
+                        return [mod, mod[exportName], exportName, id];
                     }
                     else {
                         continue;
@@ -58,7 +58,7 @@ export const findModuleDetailsByExport = (filter, minExports) => {
             }
         }
     }
-    return [undefined, undefined, undefined];
+    return [undefined, undefined, undefined, undefined];
 };
 export const findModuleByExport = (filter, minExports) => {
     return findModuleDetailsByExport(filter, minExports)?.[0];
@@ -67,7 +67,7 @@ export const findModuleExport = (filter, minExports) => {
     return findModuleDetailsByExport(filter, minExports)?.[1];
 };
 export const findModuleChild = (filter) => {
-    for (const m of modules) {
+    for (const m of modules.values()) {
         for (const mod of [m.default, m]) {
             const filterRes = filter(mod);
             if (filterRes) {
@@ -81,7 +81,7 @@ export const findModuleChild = (filter) => {
 };
 export const findAllModules = (filter) => {
     const out = [];
-    for (const m of modules) {
+    for (const m of modules.values()) {
         if (m.default && filter(m.default))
             out.push(m.default);
         if (filter(m))
@@ -89,7 +89,17 @@ export const findAllModules = (filter) => {
     }
     return out;
 };
-export const CommonUIModule = modules.find((m) => {
+export const createModuleMapping = (filter) => {
+    const mapping = new Map();
+    for (const [id, m] of modules) {
+        if (m.default && filter(m.default))
+            mapping.set(id, m.default);
+        if (filter(m))
+            mapping.set(id, m);
+    }
+    return mapping;
+};
+export const CommonUIModule = findModule((m) => {
     if (typeof m !== 'object')
         return false;
     for (let prop in m) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decky/ui",
-  "version": "4.4.0",
+  "version": "4.6.0",
   "description": "A library for interacting with the Steam frontend in Decky plugins and elsewhere.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/class-mapper.ts

@@ -1,10 +1,10 @@
-import { Module, findAllModules } from './webpack';
+import { Module, ModuleID, createModuleMapping } from './webpack';
 
 export interface ClassModule {
   [name: string]: string;
 }
 
-export const classMap: ClassModule[] = findAllModules((m: Module) => {
+export const classModuleMap: Map<ModuleID, ClassModule> = createModuleMapping((m: Module) => {
   if (typeof m == 'object' && !m.__esModule) {
     const keys = Object.keys(m);
     // special case some libraries
@@ -17,8 +17,14 @@ export const classMap: ClassModule[] = findAllModules((m: Module) => {
   return false;
 });
 
-export function findClass(name: string): string | void {
-  return classMap.find((m) => m?.[name])?.[name];
+export const classMap = [...classModuleMap.values()];
+
+export function findClass(id: string, name: string): string | void {
+  return classModuleMap.get(id)?.[name];
+}
+
+export function findClassByName(name: string): string | void {
+  return classMap.find((m) => m[name])?.[name];
 }
 
 export function findClassModule(filter: (module: any) => boolean): ClassModule | void {
@@ -26,7 +32,7 @@ export function findClassModule(filter: (module: any) => boolean): ClassModule |
 }
 
 export function unminifyClass(minifiedClass: string): string | void {
-  for (let m of classMap) {
+  for (let m of classModuleMap.values()) {
     for (let className of Object.keys(m)) {
       if (m[className] == minifiedClass) return className;
     }

package/src/custom-hooks/useQuickAccessVisible.ts

@@ -11,12 +11,14 @@ function getQuickAccessWindow(): Window | null {
 
 /**
  * Returns state indicating the visibility of quick access menu.
+ * 
+ * @deprecated moved to @decky/api
  *
  * @returns `true` if quick access menu is visible and `false` otherwise.
  *
  * @example
  * import { FC, useEffect } from "react";
- * import { useQuickAccessVisible } from "decky-frontend-lib";
+ * import { useQuickAccessVisible } from "@decky/ui";
  *
  * export const PluginPanelView: FC<{}> = ({ }) => {
  *   const isVisible = useQuickAccessVisible();

package/src/webpack.ts

@@ -9,20 +9,21 @@ declare global {
 const logger = new Logger('Webpack');
 
 // In most case an object with getters for each property. Look for the first call to r.d in the module, usually near or at the top.
+export type ModuleID = string; // number string
 export type Module = any;
 export type Export = any;
 type FilterFn = (module: any) => boolean;
 type ExportFilterFn = (moduleExport: any, exportName?: any) => boolean;
 type FindFn = (module: any) => any;
 
-export let modules: any = [];
+export let modules = new Map<ModuleID, Module>();
 
 function initModuleCache() {
   const startTime = performance.now();
   logger.group('Webpack Module Init');
   // Webpack 5, currently on beta
   // Generate a fake module ID
-  const id = Math.random(); // really should be an int and not a float but who cares
+  const id = Symbol("@decky/ui");
   let webpackRequire!: ((id: any) => Module) & { m: object };
   // Insert our module in a new chunk.
   // The module will then be called with webpack's internal require function as its first argument
@@ -39,14 +40,14 @@ function initModuleCache() {
   );
 
   // Loop over every module ID
-  for (let i of Object.keys(webpackRequire.m)) {
+  for (let id of Object.keys(webpackRequire.m)) {
     try {
-      const module = webpackRequire(i);
+      const module = webpackRequire(id);
       if (module) {
-        modules.push(module);
+        modules.set(id, module);
       }
     } catch (e) {
-      logger.debug('Ignoring require error for module', i, e);
+      logger.debug('Ignoring require error for module', id, e);
     }
   }
 
@@ -56,7 +57,7 @@ function initModuleCache() {
 initModuleCache();
 
 export const findModule = (filter: FilterFn) => {
-  for (const m of modules) {
+  for (const m of modules.values()) {
     if (m.default && filter(m.default)) return m.default;
     if (filter(m)) return m;
   }
@@ -65,8 +66,8 @@ export const findModule = (filter: FilterFn) => {
 export const findModuleDetailsByExport = (
   filter: ExportFilterFn,
   minExports?: number,
-): [module: Module | undefined, moduleExport: any, exportName: any] => {
-  for (const m of modules) {
+): [module: Module | undefined, moduleExport: any, exportName: any, moduleID: string | undefined] => {
+  for (const [id, m] of modules) {
     if (!m) continue;
     for (const mod of [m.default, m]) {
       if (typeof mod !== 'object') continue;
@@ -75,7 +76,7 @@ export const findModuleDetailsByExport = (
         if (mod?.[exportName]) {
           const filterRes = filter(mod[exportName], exportName);
           if (filterRes) {
-            return [mod, mod[exportName], exportName];
+            return [mod, mod[exportName], exportName, id];
           } else {
             continue;
           }
@@ -83,7 +84,7 @@ export const findModuleDetailsByExport = (
       }
     }
   }
-  return [undefined, undefined, undefined];
+  return [undefined, undefined, undefined, undefined];
 };
 
 export const findModuleByExport = (filter: ExportFilterFn, minExports?: number) => {
@@ -98,7 +99,7 @@ export const findModuleExport = (filter: ExportFilterFn, minExports?: number) =>
  * @deprecated use findModuleExport instead
  */
 export const findModuleChild = (filter: FindFn) => {
-  for (const m of modules) {
+  for (const m of modules.values()) {
     for (const mod of [m.default, m]) {
       const filterRes = filter(mod);
       if (filterRes) {
@@ -110,10 +111,13 @@ export const findModuleChild = (filter: FindFn) => {
   }
 };
 
+/**
+ * @deprecated use createModuleMapping instead
+ */
 export const findAllModules = (filter: FilterFn) => {
   const out = [];
 
-  for (const m of modules) {
+  for (const m of modules.values()) {
     if (m.default && filter(m.default)) out.push(m.default);
     if (filter(m)) out.push(m);
   }
@@ -121,7 +125,18 @@ export const findAllModules = (filter: FilterFn) => {
   return out;
 };
 
-export const CommonUIModule = modules.find((m: Module) => {
+export const createModuleMapping = (filter: FilterFn) => {
+  const mapping = new Map<ModuleID, Module>();
+
+  for (const [id, m] of modules) {
+    if (m.default && filter(m.default)) mapping.set(id, m.default);
+    if (filter(m)) mapping.set(id, m);
+  }
+
+  return mapping;
+};
+
+export const CommonUIModule = findModule((m: Module) => {
   if (typeof m !== 'object') return false;
   for (let prop in m) {
     if (m[prop]?.contextType?._currentValue && Object.keys(m).length > 60) return true;