chore(release): 1.7.4 [CI SKIP]

CHANGELOG.md

@@ -1,3 +1,31 @@
+## [1.7.4](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v1.7.3...v1.7.4) (2022-08-18)
+
+
+### Bug Fixes
+
+* updates for webpack v5 ([a672230](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/a672230b0051dd942988554ec663ea7bfcd61cfe))
+
+## [1.7.3](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v1.7.2...v1.7.3) (2022-08-17)
+
+
+### Bug Fixes
+
+* **Router:** Add more members to Router interface ([#12](https://github.com/SteamDeckHomebrew/decky-frontend-lib/issues/12)) ([7d3b5e8](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/7d3b5e8123f6eeead1e2e227985069e54fe52572))
+
+## [1.7.2](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v1.7.1...v1.7.2) (2022-08-17)
+
+
+### Bug Fixes
+
+* **utils:** allow prop reassigns to fail ([a592883](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/a592883a2eba52ba18876989acf939d12fa61fd3))
+
+## [1.7.1](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v1.7.0...v1.7.1) (2022-08-17)
+
+
+### Bug Fixes
+
+* **utils:** better method to wrap react classes ([e644de3](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/e644de35d70680d17d70e89cc9b929a5aae08b48))
+
 # [1.7.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v1.6.2...v1.7.0) (2022-08-17)
 
 

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "decky-frontend-lib",
-  "version": "1.7.0",
+  "version": "1.7.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "decky-frontend-lib",
-      "version": "1.7.0",
+      "version": "1.7.4",
       "license": "GPL-2.0-or-later",
       "dependencies": {
         "minimist": "^1.2.6"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "decky-frontend-lib",
-  "version": "1.7.0",
+  "version": "1.7.4",
   "description": "A library for building decky plugins",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

src/deck-components/ButtonItem.tsx

@@ -9,5 +9,5 @@ export interface ButtonItemProps extends ItemProps {
 }
 
 export const ButtonItem = Object.values(CommonUIModule).find((mod: any) =>
-  mod?.render?.toString()?.includes('childrenContainerWidth:"min"'),
+  mod?.render?.toString()?.includes('"highlightOnFocus","childrenContainerWidth"'),
 ) as FC<ButtonItemProps>;

src/deck-components/Router.tsx

@@ -69,14 +69,24 @@ export interface Router {
   GetQuickAccessTab(): QuickAccessTab;
   Navigate(path: string): void;
   NavigateBackOrOpenMenu(): void;
+  NavigateToAppProperties(): void
+  NavigateToBugForum(): void
   NavigateToExternalWeb(url: string): void;
+  NavigateToHelp(): void
+  NavigateToInvites(): void
   NavigateToRunningApp(replace?: boolean): void;
-  NavigateToStore(): void;
+  NavigateToStorage(): void
+  NavigateToStore(): void
+  NavigateToStoreApp(appId: number | string): void
+  NavigateToStoreFreeToPlay(): void
+  NavigateToStoreManual(): void
+  NavigateToStoreNewReleases(): void
+  NavigateToStoreOnSale(): void
   ToggleSideMenu(sideMenu: SideMenu): void;
   CloseSideMenus(): void;
   OpenSideMenu(sideMenu: SideMenu): void;
   OpenPowerMenu(unknown?: any): void;
-  get RunningApps(): any;
+  get RunningApps(): AppOverview[];
   get MainRunningApp(): AppOverview | undefined;
 }
 

src/utils.ts

@@ -89,6 +89,17 @@ export function wrapReactType(node: any, prop?: any) {
 export function wrapReactClass(node: any, prop?: any) {
     const cls = node[prop || "type"];
     const wrappedCls = class extends cls {};
+    Object.getOwnPropertyNames(cls.prototype).forEach((prop: any) => {
+        try {
+            wrappedCls.prototype[prop] = cls.prototype[prop]
+        } catch (e) {}
+    });
+    Object.getOwnPropertyNames(cls).forEach((prop: any) => {
+        try {
+            if (prop != "prototype") wrappedCls[prop] = cls[prop]
+        } catch (e) {}
+    });
+    wrappedCls.prototype.__proto__ = cls.prototype.__proto__;
     return node[prop || "type"] = wrappedCls;
 }
 

src/webpack.ts

@@ -1,6 +1,7 @@
 declare global {
   interface Window {
     webpackJsonp: any;
+    webpackChunksteamui: any;
   }
 }
 
@@ -9,14 +10,33 @@ export type Module = any;
 type FilterFn = (module: any) => boolean;
 type FindFn = (module: any) => any;
 
-const wpRequire = window.webpackJsonp.push([
-  [],
-  { get_require: (mod: any, _exports: any, wpRequire: any) => (mod.exports = wpRequire) },
-  [['get_require']],
-]);
+export let webpackCache: any = {};
+let hasWebpack5 = false;
 
-export const allModules: Module[] = Object.keys(wpRequire.c)
-  .map((x) => wpRequire.c[x].exports)
+if (window.webpackJsonp && !window.webpackJsonp.deckyShimmed) {
+  // Webpack 4, currently on stable
+  const wpRequire = window.webpackJsonp.push([
+    [],
+    { get_require: (mod: any, _exports: any, wpRequire: any) => (mod.exports = wpRequire) },
+    [['get_require']],
+  ]);
+
+  delete wpRequire.m.get_require;
+  delete wpRequire.c.get_require;
+  webpackCache = wpRequire.c;
+} else {
+  // Webpack 5, currently on beta
+  hasWebpack5 = true;
+  const id = Math.random();
+  let initReq: any;
+  window.webpackChunksteamui.push([[ id ], {}, (r: any) => { initReq = r }]);
+  for (let i of Object.keys(initReq.m)) {
+    webpackCache[i] = initReq(i)
+  }
+}
+
+export const allModules: Module[] = hasWebpack5 ? Object.values(webpackCache).filter((x) => x) : Object.keys(webpackCache)
+  .map((x) => webpackCache[x].exports)
   .filter((x) => x);
 
 export const findModule = (filter: FilterFn) => {