@caido-utils/frontend 0.1.0 → 0.2.0

package/dist/composables/index.d.ts

@@ -1,2 +1,3 @@
 export { useDialogManager } from "./useDialogManager";
 export { useFrontend } from "./useFrontend";
+export { useStorage } from "./useStorage";

package/dist/composables/index.js

@@ -1,2 +1,3 @@
 export { useDialogManager } from "./useDialogManager.js";
 export { useFrontend } from "./useFrontend.js";
+export { useStorage } from "./useStorage.js";

package/dist/composables/useStorage.d.ts

@@ -0,0 +1,10 @@
+import type { Caido } from "@caido/sdk-frontend";
+import { type Ref } from "vue";
+type StorageData<T extends Record<string, unknown>> = {
+    [K in keyof T]: Ref<T[K]>;
+};
+export declare function useStorage<T extends Record<string, unknown>>(sdk: Caido, defaults: T): {
+    data: StorageData<T>;
+    save: () => Promise<void>;
+};
+export {};

package/dist/composables/useStorage.js

@@ -0,0 +1,36 @@
+import { ref } from "vue";
+export function useStorage(sdk, defaults) {
+  const keys = Object.keys(defaults);
+  const data = {};
+  for (const key of keys) {
+    data[key] = ref(defaults[key]);
+  }
+  function hydrate(storage) {
+    for (const key of keys) {
+      if (storage[key] !== void 0) {
+        data[key].value = storage[key];
+      }
+    }
+  }
+  function extract() {
+    const result = {};
+    for (const key of keys) {
+      result[key] = data[key].value;
+    }
+    return result;
+  }
+  const stored = sdk.storage.get();
+  if (stored) {
+    hydrate(stored);
+  }
+  sdk.storage.onChange((value) => {
+    const storage = value;
+    if (storage) {
+      hydrate(storage);
+    }
+  });
+  async function save() {
+    await sdk.storage.set(extract());
+  }
+  return { data, save };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@caido-utils/frontend",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "files": [
     "dist"
@@ -19,6 +19,9 @@
       "import": "./dist/composables/index.js"
     }
   },
+  "scripts": {
+    "build": "unbuild"
+  },
   "peerDependencies": {
     "@caido/sdk-frontend": ">=0.54.0",
     "@codemirror/view": ">=6.0.0",
@@ -33,8 +36,5 @@
     "unbuild": "^3.6.1",
     "vue": "3.4.37",
     "vue-tsc": "^2.0.29"
-  },
-  "scripts": {
-    "build": "unbuild"
   }
-}
+}