@decky/ui 4.14.0 → 4.15.1

package/dist/components/Dialog.js

@@ -7,7 +7,7 @@ const CommonDialogDivs = Object.values(CommonUIModule).filter((m) => typeof m ==
 const MappedDialogDivs = new Map(Object.values(CommonDialogDivs).map((m) => {
     try {
         const renderedDiv = m.render({});
-        return [renderedDiv.props.className.split(' ')[0], m];
+        return [renderedDiv?.props?.className?.split(' ')[0], m];
     }
     catch (e) {
         console.error("[DFL:Dialog]: failed to render common dialog component", e);

package/dist/components/ProgressBar.d.ts

@@ -13,7 +13,7 @@ export interface ProgressBarProps {
     focusable?: boolean;
 }
 export interface ProgressBarWithInfoProps extends ProgressBarItemProps {
-    sTimeRemaining?: ReactNode;
+    rtEstimatedCompletionTime?: number;
     sOperationText?: ReactNode;
 }
 export declare const ProgressBar: FC<ProgressBarProps>;

package/dist/components/TextField.d.ts

@@ -15,6 +15,7 @@ export interface TextFieldProps extends HTMLAttributes<HTMLInputElement> {
     mustBeEmail?: boolean;
     focusOnMount?: boolean;
     tooltip?: string;
+    placeholder?: string;
     inlineControls?: ReactNode;
     onChange?: ChangeEventHandler<HTMLInputElement>;
     value?: string;

package/dist/globals/steam-client/Screenshots.d.ts

@@ -9,7 +9,7 @@ export interface Screenshots {
     GetLastScreenshotTaken(): Promise<Screenshot>;
     GetLocalScreenshotByHandle(appId: string, screenshotIndex: number): Promise<Screenshot>;
     GetLocalScreenshotCount(appId: number): Promise<number>;
-    GetLocalScreenshotPath(appId: number, hHandle: number): Promise<string>;
+    GetLocalScreenshotPath(appId: string, hHandle: number): Promise<string>;
     GetNumGamesWithLocalScreenshots(): Promise<number>;
     GetTotalDiskSpaceUsage(path: string): Promise<number>;
     ShowScreenshotInSystemViewer(appId: string, screenshotIndex: number): void;

package/dist/utils/react/treepatcher.js

@@ -11,21 +11,21 @@ function patchComponent(node, handler, steps, step, caches, logger, prop = 'type
     loggingEnabled && logger.group('Patching node:', node);
     switch (typeof node?.[prop]) {
         case 'function':
-            const patch = afterPatch(node, prop, steps[step + 1] ? createStepHandler(handler, steps, step + 1, caches, logger) : handler);
-            loggingEnabled && logger.debug('Patched a function component', patch);
-            break;
-        case 'object':
             if (node[prop]?.prototype?.render) {
                 wrapReactClass(node);
                 const patch = afterPatch(node[prop].prototype, 'render', steps[step + 1] ? createStepHandler(handler, steps, step + 1, caches, logger) : handler);
                 loggingEnabled && logger.debug('Patched class component', patch);
             }
             else {
-                loggingEnabled && logger.debug('Patching forwardref/memo');
-                wrapReactType(node, prop);
-                patchComponent(node[prop], handler, steps, step, caches, logger, node[prop]?.render ? 'render' : 'type');
+                const patch = afterPatch(node, prop, steps[step + 1] ? createStepHandler(handler, steps, step + 1, caches, logger) : handler);
+                loggingEnabled && logger.debug('Patched a function component', patch);
             }
             break;
+        case 'object':
+            loggingEnabled && logger.debug('Patching forwardref/memo');
+            wrapReactType(node, prop);
+            patchComponent(node[prop], handler, steps, step, caches, logger, node[prop]?.render ? 'render' : 'type');
+            break;
         default:
             logger.error('Unhandled component type', node);
             break;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decky/ui",
-  "version": "4.14.0",
+  "version": "4.15.1",
   "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/components/Dialog.ts

@@ -69,7 +69,7 @@ const MappedDialogDivs = new Map(
     try {
       const renderedDiv = m.render({});
       // Take only the first class name segment as it identifies the element we want
-      return [renderedDiv.props.className.split(' ')[0], m];
+      return [renderedDiv?.props?.className?.split(' ')[0], m];
     } catch (e) {
       console.error("[DFL:Dialog]: failed to render common dialog component", e);
       return [null, null];

package/src/components/ProgressBar.ts

@@ -19,7 +19,8 @@ export interface ProgressBarProps {
 }
 
 export interface ProgressBarWithInfoProps extends ProgressBarItemProps {
-  sTimeRemaining?: ReactNode;
+  /** Timestamp of the completion time, has to be divided by 1000 */
+  rtEstimatedCompletionTime?: number;
   sOperationText?: ReactNode;
 }
 

package/src/components/TextField.ts

@@ -18,6 +18,7 @@ export interface TextFieldProps extends HTMLAttributes<HTMLInputElement> {
   mustBeEmail?: boolean;
   focusOnMount?: boolean;
   tooltip?: string;
+  placeholder?: string;
   inlineControls?: ReactNode;
   onChange?: ChangeEventHandler<HTMLInputElement>;
   value?: string;

package/src/globals/steam-client/Screenshots.ts

@@ -72,7 +72,7 @@ export interface Screenshots {
      * @param hHandle The handle of the screenshot.
      * @returns the screenshot path or the screenshot directory if no such handle.
      */
-    GetLocalScreenshotPath(appId: number, hHandle: number): Promise<string>;
+    GetLocalScreenshotPath(appId: string, hHandle: number): Promise<string>;
 
     /**
      * Retrieves the number of games with local screenshots.

package/src/utils/react/treepatcher.ts

@@ -23,11 +23,6 @@ function patchComponent(node: any, handler: GenericPatchHandler, steps: NodeStep
     // We need to take extra care to not mutate the original node.type
     switch (typeof node?.[prop]) {
         case 'function':
-            // Function component
-            const patch = afterPatch(node, prop, steps[step + 1] ? createStepHandler(handler, steps, step + 1, caches, logger) : handler);
-            loggingEnabled && logger.debug('Patched a function component', patch);
-            break;
-        case 'object':
             if (node[prop]?.prototype?.render) {
                 // Class component
                 // TODO handle patching custom methods
@@ -35,12 +30,17 @@ function patchComponent(node: any, handler: GenericPatchHandler, steps: NodeStep
                 const patch = afterPatch(node[prop].prototype, 'render', steps[step + 1] ? createStepHandler(handler, steps, step + 1, caches, logger) : handler);
                 loggingEnabled && logger.debug('Patched class component', patch);
             } else {
-                loggingEnabled && logger.debug('Patching forwardref/memo');
-                wrapReactType(node, prop);
-                // Step down the object
-                patchComponent(node[prop], handler, steps, step, caches, logger, node[prop]?.render ? 'render' : 'type'); 
+                // Function component
+                const patch = afterPatch(node, prop, steps[step + 1] ? createStepHandler(handler, steps, step + 1, caches, logger) : handler);
+                loggingEnabled && logger.debug('Patched a function component', patch);
             }
             break;
+        case 'object':
+            loggingEnabled && logger.debug('Patching forwardref/memo');
+            wrapReactType(node, prop);
+            // Step down the object
+            patchComponent(node[prop], handler, steps, step, caches, logger, node[prop]?.render ? 'render' : 'type'); 
+            break;
         default:
             logger.error('Unhandled component type', node);
             break;