add dump mappings

Author: beebls

src/backend/services/backend-service.ts

@@ -114,6 +114,9 @@ export class Backend {
   async getMappings() {
     return Backend.repository.call<[], object>("get_webpack_mappings", []);
   }
+  async saveMappings(string: string) {
+    return Backend.repository.call<[string], void>("save_mappings", [string]);
+  }
 
   toast(title: string, body?: string) {
     Backend.repository.toast(title, body);

src/decky-patches/decky-patch-store.ts

@@ -1,4 +1,4 @@
-import { Patch } from "@decky/ui";
+import { classModuleMap, Patch } from "@decky/ui";
 import type { Backend } from "@cssloader/backend";
 import { createStore, useStore } from "zustand";
 import { disableNavPatch, enableNavPatch } from "./nav-patch";
@@ -16,6 +16,7 @@ interface DeckyPatchStoreActions {
   deactivate: () => Promise<void>;
   setNavPatchState: (value: boolean, shouldToast?: boolean) => void;
   setUnminifyModeState: (value: boolean, shouldToast?: boolean) => Promise<void>;
+  dumpMappings: () => Promise<void>;
 }
 
 export interface IDeckyPatchState extends DeckyPatchStoreActions, DeckyPatchStoreValues {}
@@ -70,6 +71,15 @@ const createDeckyPatchStore = (backend: Backend) =>
       }
       shouldToast && backend.toast("Unminify Mode", enabled ? "Enabled" : "Disabled");
     },
+    dumpMappings: async () => {
+      try {
+        const map = classModuleMap;
+        const jsonStr = JSON.stringify(Object.fromEntries(map));
+        await backend.saveMappings(jsonStr);
+      } catch (error) {
+        console.error("ERROR SAVING MAPPINGS", error);
+      }
+    },
   }));
 
 const deckyPatchState = createDeckyPatchStore(backend);

src/modules/settings/plugin/PluginSettingsPage.tsx

@@ -1,13 +1,13 @@
 import { useCSSLoaderActions, useCSSLoaderValues } from "@/backend";
 import { useDeckyPatchStateActions, useDeckyPatchStateValues } from "@/decky-patches";
-import { DropdownItem, Focusable, ToggleField } from "@decky/ui";
+import { ButtonItem, DropdownItem, Focusable, ToggleField } from "@decky/ui";
 
 export function PluginSettingsPage() {
   const { serverState, watchState, translationsBranch } = useCSSLoaderValues();
   const { setServerState, setWatchState, setTranslationBranch } = useCSSLoaderActions();
 
   const { unminifyModeOn, navPatchInstance } = useDeckyPatchStateValues();
-  const { setNavPatchState, setUnminifyModeState } = useDeckyPatchStateActions();
+  const { setNavPatchState, setUnminifyModeState, dumpMappings } = useDeckyPatchStateActions();
   return (
     <Focusable>
       <Focusable>
@@ -57,6 +57,9 @@ export function PluginSettingsPage() {
           onChange={(value) => setUnminifyModeState(value, true)}
         />
       </Focusable>
+      <Focusable>
+        <ButtonItem label="Dump Mappings" onClick={dumpMappings} />
+      </Focusable>
     </Focusable>
   );
 }