@decky/ui 4.5.0 → 4.7.0

package/dist/class-mapper.d.ts

@@ -3,7 +3,8 @@ export interface ClassModule {
     [name: string]: string;
 }
 export declare const classModuleMap: Map<ModuleID, ClassModule>;
-export declare const classMap: IterableIterator<ClassModule>;
+export declare const classMap: ClassModule[];
 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

@@ -10,12 +10,15 @@ export const classModuleMap = createModuleMapping((m) => {
     }
     return false;
 });
-export const classMap = classModuleMap.values();
+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 [...classModuleMap.values()].find((m) => filter(m));
+    return classMap.find((m) => filter(m));
 }
 export function unminifyClass(minifiedClass) {
     for (let m of classModuleMap.values()) {

package/dist/components/Tabs.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { FooterLegendProps } from './FooterLegend';
 export interface Tab {
     id: string;
@@ -13,4 +13,4 @@ export interface TabsProps {
     onShowTab: (tab: string) => void;
     autoFocusContents?: boolean;
 }
-export declare const Tabs: FC<TabsProps>;
+export declare const Tabs: any;

package/dist/components/Tabs.js

@@ -1,48 +1,3 @@
-import { createElement, useEffect, useState } from 'react';
-import { fakeRenderComponent, findInReactTree, sleep } from '../utils';
 import { findModuleByExport } from '../webpack';
-import { SteamSpinner } from './SteamSpinner';
-let tabsComponent;
-const getTabs = async () => {
-    if (tabsComponent)
-        return tabsComponent;
-    while (!window?.DeckyPluginLoader?.routerHook?.routes) {
-        console.debug('[DFL:Tabs]: Waiting for Decky router...');
-        await sleep(500);
-    }
-    return (tabsComponent = fakeRenderComponent(() => {
-        return findInReactTree(findInReactTree(window.DeckyPluginLoader.routerHook.routes
-            .find((x) => x.props.path == '/library/app/:appid/achievements')
-            .props.children.type(), (x) => x?.props?.scrollTabsTop).type({ appid: 1 }), (x) => x?.props?.tabs).type;
-    }, {
-        useRef: () => ({ current: { reaction: { track: () => { } } } }),
-        useContext: () => ({ match: { params: { appid: 1 } } }),
-        useMemo: () => ({ data: {} }),
-    }));
-};
-let oldTabs;
-try {
-    const oldTabsModule = findModuleByExport((e) => e.Unbleed);
-    if (oldTabsModule)
-        oldTabs = Object.values(oldTabsModule).find((x) => x?.type?.toString()?.includes('((function(){'));
-}
-catch (e) {
-    console.error('Error finding oldTabs:', e);
-}
-export const Tabs = (oldTabs ||
-    ((props) => {
-        const found = tabsComponent;
-        const [tc, setTC] = useState(found);
-        useEffect(() => {
-            if (found)
-                return;
-            (async () => {
-                console.debug('[DFL:Tabs]: Finding component...');
-                const t = await getTabs();
-                console.debug('[DFL:Tabs]: Found!');
-                setTC(t);
-            })();
-        }, []);
-        console.log('tc', tc);
-        return tc ? createElement(tc, props) : window.SP_REACT.createElement(SteamSpinner, null);
-    }));
+const tabsModule = findModuleByExport(e => e?.toString()?.includes(".TabRowTabs") && e?.toString()?.includes("activeTab:"));
+export const Tabs = tabsModule && Object.values(tabsModule).find((e) => e?.type?.toString()?.includes("((function()"));

package/dist/globals/stores.d.ts

@@ -1,3 +1,4 @@
+import { WindowRouter } from '../modules/Router';
 import { AppDetails, LogoPosition, SteamAppOverview } from './SteamClient';
 declare global {
     interface Window {
@@ -46,5 +47,11 @@ declare global {
             GetCustomLogoPosition: (app: SteamAppOverview) => LogoPosition | null;
             SaveCustomLogoPosition: (app: SteamAppOverview, logoPositions: LogoPosition) => any;
         };
+        SteamUIStore: {
+            GetFocusedWindowInstance: () => WindowRouter;
+        };
+        securitystore: {
+            IsLockScreenActive: () => boolean;
+        };
     }
 }

package/dist/modules/Router.js

@@ -1,4 +1,4 @@
-import { sleep } from '../utils';
+import Logger from '../logger';
 import { findModuleExport } from '../webpack';
 export var SideMenu;
 (function (SideMenu) {
@@ -59,44 +59,53 @@ export var DisplayStatus;
 })(DisplayStatus || (DisplayStatus = {}));
 export const Router = findModuleExport((e) => e.Navigate && e.NavigationManager);
 export let Navigation = {};
+const logger = new Logger("Navigation");
 try {
-    (async () => {
-        let InternalNavigators = {};
-        if (!Router.NavigateToAppProperties || Router.deckyShim) {
-            function initInternalNavigators() {
+    function createNavigationFunction(fncName, handler) {
+        return (...args) => {
+            let win;
+            try {
+                win = window.SteamUIStore.GetFocusedWindowInstance();
+            }
+            catch (e) {
+                logger.warn("Navigation interface failed to call GetFocusedWindowInstance", e);
+            }
+            if (!win) {
+                logger.warn("Navigation interface could not find any focused window. Falling back to GamepadUIMainWindowInstance");
+                win = Router.WindowStore?.GamepadUIMainWindowInstance;
+            }
+            if (win) {
                 try {
-                    InternalNavigators = findModuleExport((e) => e.GetNavigator && e.SetNavigator)?.GetNavigator();
+                    const thisObj = handler && handler(win);
+                    (thisObj || win)[fncName](...args);
                 }
                 catch (e) {
-                    console.error('[DFL:Router]: Failed to init internal navigators, trying again');
+                    logger.error("Navigation handler failed", e);
                 }
             }
-            initInternalNavigators();
-            while (!InternalNavigators?.AppProperties) {
-                console.log('[DFL:Router]: Trying to init internal navigators again');
-                await sleep(2000);
-                initInternalNavigators();
+            else {
+                logger.error("Navigation interface could not find a window to navigate");
             }
-        }
-        const newNavigation = {
-            Navigate: Router.Navigate?.bind(Router),
-            NavigateBack: Router.WindowStore?.GamepadUIMainWindowInstance?.NavigateBack?.bind(Router.WindowStore.GamepadUIMainWindowInstance),
-            NavigateToAppProperties: InternalNavigators?.AppProperties || Router.NavigateToAppProperties?.bind(Router),
-            NavigateToExternalWeb: InternalNavigators?.ExternalWeb || Router.NavigateToExternalWeb?.bind(Router),
-            NavigateToInvites: InternalNavigators?.Invites || Router.NavigateToInvites?.bind(Router),
-            NavigateToChat: InternalNavigators?.Chat || Router.NavigateToChat?.bind(Router),
-            NavigateToLibraryTab: InternalNavigators?.LibraryTab || Router.NavigateToLibraryTab?.bind(Router),
-            NavigateToLayoutPreview: Router.NavigateToLayoutPreview?.bind(Router),
-            NavigateToSteamWeb: Router.WindowStore?.GamepadUIMainWindowInstance?.NavigateToSteamWeb?.bind(Router.WindowStore.GamepadUIMainWindowInstance),
-            OpenSideMenu: Router.WindowStore?.GamepadUIMainWindowInstance?.MenuStore.OpenSideMenu?.bind(Router.WindowStore.GamepadUIMainWindowInstance.MenuStore),
-            OpenQuickAccessMenu: Router.WindowStore?.GamepadUIMainWindowInstance?.MenuStore.OpenQuickAccessMenu?.bind(Router.WindowStore.GamepadUIMainWindowInstance.MenuStore),
-            OpenMainMenu: Router.WindowStore?.GamepadUIMainWindowInstance?.MenuStore.OpenMainMenu?.bind(Router.WindowStore.GamepadUIMainWindowInstance.MenuStore),
-            CloseSideMenus: Router.CloseSideMenus?.bind(Router),
-            OpenPowerMenu: Router.OpenPowerMenu?.bind(Router),
         };
-        Object.assign(Navigation, newNavigation);
-    })();
+    }
+    const newNavigation = {
+        Navigate: createNavigationFunction("Navigate"),
+        NavigateBack: createNavigationFunction("NavigateBack"),
+        NavigateToAppProperties: createNavigationFunction("AppProperties", win => win.Navigator),
+        NavigateToExternalWeb: createNavigationFunction("ExternalWeb", win => win.Navigator),
+        NavigateToInvites: createNavigationFunction("Invites", win => win.Navigator),
+        NavigateToChat: createNavigationFunction("Chat", win => win.Navigator),
+        NavigateToLibraryTab: createNavigationFunction("LibraryTab", win => win.Navigator),
+        NavigateToLayoutPreview: Router.NavigateToLayoutPreview?.bind(Router),
+        NavigateToSteamWeb: createNavigationFunction("NavigateToSteamWeb"),
+        OpenSideMenu: createNavigationFunction("OpenSideMenu", win => win.MenuStore),
+        OpenQuickAccessMenu: createNavigationFunction("OpenQuickAccessMenu", win => win.MenuStore),
+        OpenMainMenu: createNavigationFunction("OpenMainMenu", win => win.MenuStore),
+        CloseSideMenus: createNavigationFunction("CloseSideMenus", win => win.MenuStore),
+        OpenPowerMenu: Router.OpenPowerMenu?.bind(Router),
+    };
+    Object.assign(Navigation, newNavigation);
 }
 catch (e) {
-    console.error('[DFL:Router]: Error initializing Navigation interface', e);
+    logger.error('Error initializing Navigation interface', e);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decky/ui",
-  "version": "4.5.0",
+  "version": "4.7.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

@@ -17,15 +17,18 @@ export const classModuleMap: Map<ModuleID, ClassModule> = createModuleMapping((m
   return false;
 });
 
-export const classMap = classModuleMap.values();
+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 {
-  // TODO optimize
-  return [...classModuleMap.values()].find((m) => filter(m));
+  return classMap.find((m) => filter(m));
 }
 
 export function unminifyClass(minifiedClass: string): string | void {

package/src/components/Tabs.tsx

@@ -1,9 +1,6 @@
-import { FC, ReactNode, createElement, useEffect, useState } from 'react';
-
-import { fakeRenderComponent, findInReactTree, sleep } from '../utils';
-import { Export, findModuleByExport } from '../webpack';
+import { FC, ReactNode } from 'react';
+import { findModuleByExport } from '../webpack';
 import { FooterLegendProps } from './FooterLegend';
-import { SteamSpinner } from './SteamSpinner';
 
 /**
  * Individual tab objects for the Tabs component
@@ -65,63 +62,9 @@ export interface TabsProps {
   autoFocusContents?: boolean;
 }
 
-let tabsComponent: any;
-
-const getTabs = async () => {
-  if (tabsComponent) return tabsComponent;
-  // @ts-ignore
-  while (!window?.DeckyPluginLoader?.routerHook?.routes) {
-    console.debug('[DFL:Tabs]: Waiting for Decky router...');
-    await sleep(500);
-  }
-  return (tabsComponent = fakeRenderComponent(
-    () => {
-      return findInReactTree(
-        findInReactTree(
-          // @ts-ignore
-          window.DeckyPluginLoader.routerHook.routes
-            .find((x: any) => x.props.path == '/library/app/:appid/achievements')
-            .props.children.type(),
-          (x) => x?.props?.scrollTabsTop,
-        ).type({ appid: 1 }),
-        (x) => x?.props?.tabs,
-      ).type;
-    },
-    {
-      useRef: () => ({ current: { reaction: { track: () => {} } } }),
-      useContext: () => ({ match: { params: { appid: 1 } } }),
-      useMemo: () => ({ data: {} }),
-    },
-  ));
-};
-
-let oldTabs: any;
-
-try {
-  const oldTabsModule = findModuleByExport((e: Export) => e.Unbleed);
-  if (oldTabsModule)
-    oldTabs = Object.values(oldTabsModule).find((x: any) => x?.type?.toString()?.includes('((function(){'));
-} catch (e) {
-  console.error('Error finding oldTabs:', e);
-}
+const tabsModule = findModuleByExport(e => e?.toString()?.includes(".TabRowTabs") && e?.toString()?.includes("activeTab:"));
 
 /**
  * Tabs component as used in the library and media tabs. See {@link TabsProps}.
- * Unlike other components in `decky-frontend-lib`, this requires Decky Loader to be running.
  */
-export const Tabs = (oldTabs ||
-  ((props: TabsProps) => {
-    const found = tabsComponent;
-    const [tc, setTC] = useState<FC<TabsProps>>(found);
-    useEffect(() => {
-      if (found) return;
-      (async () => {
-        console.debug('[DFL:Tabs]: Finding component...');
-        const t = await getTabs();
-        console.debug('[DFL:Tabs]: Found!');
-        setTC(t);
-      })();
-    }, []);
-    console.log('tc', tc);
-    return tc ? createElement(tc, props) : <SteamSpinner />;
-  })) as FC<TabsProps>;
+export const Tabs = tabsModule && Object.values(tabsModule).find((e: any) => e?.type?.toString()?.includes("((function()")) as FC<TabsProps>;

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/globals/stores.ts

@@ -1,3 +1,4 @@
+import { WindowRouter } from '../modules/Router';
 import { AppDetails, LogoPosition, SteamAppOverview } from './SteamClient';
 declare global {
   interface Window {
@@ -46,5 +47,11 @@ declare global {
       GetCustomLogoPosition: (app: SteamAppOverview) => LogoPosition | null;
       SaveCustomLogoPosition: (app: SteamAppOverview, logoPositions: LogoPosition) => any;
     };
+    SteamUIStore: {
+      GetFocusedWindowInstance: () => WindowRouter;
+    };
+    securitystore: {
+      IsLockScreenActive: () => boolean;
+    };
   }
 }

package/src/modules/Router.ts

@@ -1,4 +1,4 @@
-import { sleep } from '../utils';
+import Logger from '../logger';
 import { Export, findModuleExport } from '../webpack';
 
 export enum SideMenu {
@@ -88,14 +88,23 @@ export interface WindowStore {
 
 export interface Router {
   WindowStore?: WindowStore;
+  /** @deprecated use {@link Navigation} instead */
   CloseSideMenus(): void;
+  /** @deprecated use {@link Navigation} instead */
   Navigate(path: string): void;
+  /** @deprecated use {@link Navigation} instead */
   NavigateToAppProperties(): void;
+  /** @deprecated use {@link Navigation} instead */
   NavigateToExternalWeb(url: string): void;
+  /** @deprecated use {@link Navigation} instead */
   NavigateToInvites(): void;
+  /** @deprecated use {@link Navigation} instead */
   NavigateToChat(): void;
+  /** @deprecated use {@link Navigation} instead */
   NavigateToLibraryTab(): void;
+  /** @deprecated use {@link Navigation} instead */
   NavigateToLayoutPreview(e: unknown): void;
+  /** @deprecated use {@link Navigation} instead */
   OpenPowerMenu(unknown?: any): void;
   get RunningApps(): AppOverview[];
   get MainRunningApp(): AppOverview | undefined;
@@ -122,53 +131,52 @@ export interface Navigation {
 
 export let Navigation = {} as Navigation;
 
+const logger = new Logger("Navigation");
+
 try {
-  (async () => {
-    let InternalNavigators: any = {};
-    if (!Router.NavigateToAppProperties || (Router as unknown as any).deckyShim) {
-      function initInternalNavigators() {
+  function createNavigationFunction(fncName: string, handler?: (win: any) => any) {
+    return (...args: any) => {
+      let win: WindowRouter | undefined;
+      try {
+        win = window.SteamUIStore.GetFocusedWindowInstance();
+      } catch (e) {
+        logger.warn("Navigation interface failed to call GetFocusedWindowInstance", e);
+      }
+      if (!win) {
+        logger.warn("Navigation interface could not find any focused window. Falling back to GamepadUIMainWindowInstance");
+        win = Router.WindowStore?.GamepadUIMainWindowInstance;
+      }
+
+      if (win) {
         try {
-          InternalNavigators = findModuleExport((e: Export) => e.GetNavigator && e.SetNavigator)?.GetNavigator();
+          const thisObj = handler && handler(win);
+          (thisObj || win)[fncName](...args);
         } catch (e) {
-          console.error('[DFL:Router]: Failed to init internal navigators, trying again');
+          logger.error("Navigation handler failed", e);
         }
-      }
-      initInternalNavigators();
-      while (!InternalNavigators?.AppProperties) {
-        console.log('[DFL:Router]: Trying to init internal navigators again');
-        await sleep(2000);
-        initInternalNavigators();
+      } else {
+        logger.error("Navigation interface could not find a window to navigate");
       }
     }
-    const newNavigation = {
-      Navigate: Router.Navigate?.bind(Router),
-      NavigateBack: Router.WindowStore?.GamepadUIMainWindowInstance?.NavigateBack?.bind(
-        Router.WindowStore.GamepadUIMainWindowInstance,
-      ),
-      NavigateToAppProperties: InternalNavigators?.AppProperties || Router.NavigateToAppProperties?.bind(Router),
-      NavigateToExternalWeb: InternalNavigators?.ExternalWeb || Router.NavigateToExternalWeb?.bind(Router),
-      NavigateToInvites: InternalNavigators?.Invites || Router.NavigateToInvites?.bind(Router),
-      NavigateToChat: InternalNavigators?.Chat || Router.NavigateToChat?.bind(Router),
-      NavigateToLibraryTab: InternalNavigators?.LibraryTab || Router.NavigateToLibraryTab?.bind(Router),
-      NavigateToLayoutPreview: Router.NavigateToLayoutPreview?.bind(Router),
-      NavigateToSteamWeb: Router.WindowStore?.GamepadUIMainWindowInstance?.NavigateToSteamWeb?.bind(
-        Router.WindowStore.GamepadUIMainWindowInstance,
-      ),
-      OpenSideMenu: Router.WindowStore?.GamepadUIMainWindowInstance?.MenuStore.OpenSideMenu?.bind(
-        Router.WindowStore.GamepadUIMainWindowInstance.MenuStore,
-      ),
-      OpenQuickAccessMenu: Router.WindowStore?.GamepadUIMainWindowInstance?.MenuStore.OpenQuickAccessMenu?.bind(
-        Router.WindowStore.GamepadUIMainWindowInstance.MenuStore,
-      ),
-      OpenMainMenu: Router.WindowStore?.GamepadUIMainWindowInstance?.MenuStore.OpenMainMenu?.bind(
-        Router.WindowStore.GamepadUIMainWindowInstance.MenuStore,
-      ),
-      CloseSideMenus: Router.CloseSideMenus?.bind(Router),
-      OpenPowerMenu: Router.OpenPowerMenu?.bind(Router),
-    } as Navigation;
+  }
+  const newNavigation = {
+    Navigate: createNavigationFunction("Navigate"),
+    NavigateBack: createNavigationFunction("NavigateBack"),
+    NavigateToAppProperties: createNavigationFunction("AppProperties", win => win.Navigator),
+    NavigateToExternalWeb: createNavigationFunction("ExternalWeb", win => win.Navigator),
+    NavigateToInvites: createNavigationFunction("Invites", win => win.Navigator),
+    NavigateToChat: createNavigationFunction("Chat", win => win.Navigator),
+    NavigateToLibraryTab: createNavigationFunction("LibraryTab", win => win.Navigator),
+    NavigateToLayoutPreview: Router.NavigateToLayoutPreview?.bind(Router),
+    NavigateToSteamWeb: createNavigationFunction("NavigateToSteamWeb"),
+    OpenSideMenu: createNavigationFunction("OpenSideMenu", win => win.MenuStore),
+    OpenQuickAccessMenu: createNavigationFunction("OpenQuickAccessMenu", win => win.MenuStore),
+    OpenMainMenu: createNavigationFunction("OpenMainMenu", win => win.MenuStore),
+    CloseSideMenus: createNavigationFunction("CloseSideMenus", win => win.MenuStore),
+    OpenPowerMenu: Router.OpenPowerMenu?.bind(Router),
+  } as Navigation;
 
-    Object.assign(Navigation, newNavigation);
-  })();
+  Object.assign(Navigation, newNavigation);
 } catch (e) {
-  console.error('[DFL:Router]: Error initializing Navigation interface', e);
+  logger.error('Error initializing Navigation interface', e);
 }