@appkit/dek-lib 0.14.0 → 0.15.0

package/dist/index.es.js

@@ -58008,21 +58008,6 @@ function useState(plugin) {
   const [state2] = useLocalStorage$1(`api:${plugin.toLowerCase()}`, "{}");
   return state2;
 }
-function isJsonString(str) {
-  if (typeof str !== "string") {
-    return false;
-  }
-  if (str.length === 0) {
-    return false;
-  }
-  if (str[0] !== "{" && str[0] !== "[") {
-    return false;
-  }
-  if (str[str.length - 1] !== "}" && str[str.length - 1] !== "]") {
-    return false;
-  }
-  return true;
-}
 class Api {
   constructor(integrationKey) {
     __publicField2(this, "integrationKey");
@@ -58273,9 +58258,6 @@ function usePluginState(api2, key, defaultValue) {
   let value;
   if (state2 && state2[key]) {
     value = state2[key];
-    if (isJsonString(value)) {
-      value = tryParseJson(value, defaultValue);
-    }
   } else {
     value = defaultValue;
   }
@@ -58285,19 +58267,36 @@ function usePluginState(api2, key, defaultValue) {
       if (typeof newValueOrFn === "function") {
         newValueOrFn = newValueOrFn(value);
       }
-      if (typeof newValueOrFn === "object") {
-        newValueOrFn = JSON.stringify(newValueOrFn);
-      }
       setState(integrationKey, key, newValueOrFn);
     }
   ];
 }
+function usePluginStateObject(api2, key, defaultValue = {}) {
+  const integrationKey = api2.integrationKey;
+  const state2 = useState(integrationKey);
+  let value;
+  if (state2 && state2[key]) {
+    value = tryParseJson(state2[key], defaultValue);
+  } else {
+    value = defaultValue;
+  }
+  return [
+    value,
+    (newValueOrFn) => {
+      if (typeof newValueOrFn === "function") {
+        newValueOrFn = newValueOrFn(value);
+      }
+      setState(integrationKey, key, JSON.stringify(newValueOrFn));
+    }
+  ];
+}
 function __debug() {
 }
 const dekPluginModule = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   __debug,
-  usePluginState
+  usePluginState,
+  usePluginStateObject
 }, Symbol.toStringTag, { value: "Module" }));
 const USER_PLUGIN_AND_INTEGRATIONS_QUERY = gql(`
   query userPluginsAndIntegrations {
@@ -58328,7 +58327,7 @@ async function fetchUserPlugins(email, password) {
   result.integrations.push({
     key: "base",
     pluginName: "base",
-    pluginVersion: "0.14.0",
+    pluginVersion: "0.15.0",
     pluginConfig: []
   });
   return result;
@@ -58503,14 +58502,14 @@ const Header = ({ height = 70 }) => {
 };
 const About = () => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(x0, { padding: 20, direction: "vert", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(hF1, { children: `Dek ${"0.14.0"}` }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(hF1, { children: `Dek ${"0.15.0"}` }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(X4, { children: "From Appkit" })
   ] });
 };
 const Backgrounds = ({ api: api2 }) => {
   const [backgroundKey] = usePluginState(api2, "backgroundKey", "image");
   const propsKey = `backgroundProps-${backgroundKey}`;
-  const [backgroundProps] = usePluginState(api2, propsKey, {});
+  const [backgroundProps] = usePluginStateObject(api2, propsKey);
   const [selectedKey, setSelectedKey] = useState$1(backgroundKey);
   const backgrounds = api2.registry.collection("backgrounds");
   const backgroundItems = backgrounds.items;
@@ -58674,7 +58673,7 @@ const PluginDev = ({ api: api2 }) => {
 };
 const Theme = ({ api: api2 }) => {
   const [selectedKey, setSelectedKey] = useState$1("tile");
-  const [themeState, setThemeState] = usePluginState(api2, "theme", {});
+  const [themeState, setThemeState] = usePluginStateObject(api2, "theme");
   const handleSelection = (key) => {
     setSelectedKey(key);
   };
@@ -94026,7 +94025,7 @@ const Background = () => {
   const api2 = getPluginApi();
   const [backgroundKey] = usePluginState(api2, "backgroundKey", "image");
   const propsKey = `backgroundProps-${backgroundKey}`;
-  const [backgroundProps] = usePluginState(api2, propsKey, {});
+  const [backgroundProps] = usePluginStateObject(api2, propsKey);
   const backgrounds = api2.registry.collection("backgrounds");
   if (backgrounds && backgrounds.items && backgrounds.items[backgroundKey]) {
     return backgrounds.items[backgroundKey].component(backgroundProps);
@@ -95209,7 +95208,7 @@ body {
 `;
 const BoardStyles = ({ transitionDelay: transitionDelay2 }) => {
   const api2 = getPluginApi();
-  const [themeState] = usePluginState(api2, "theme", {});
+  const [themeState] = usePluginStateObject(api2, "theme");
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(wG1, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(

package/dist/index.umd.js

@@ -58025,21 +58025,6 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     const [state2] = useLocalStorage$1(`api:${plugin.toLowerCase()}`, "{}");
     return state2;
   }
-  function isJsonString(str) {
-    if (typeof str !== "string") {
-      return false;
-    }
-    if (str.length === 0) {
-      return false;
-    }
-    if (str[0] !== "{" && str[0] !== "[") {
-      return false;
-    }
-    if (str[str.length - 1] !== "}" && str[str.length - 1] !== "]") {
-      return false;
-    }
-    return true;
-  }
   class Api {
     constructor(integrationKey) {
       __publicField2(this, "integrationKey");
@@ -58290,9 +58275,6 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     let value;
     if (state2 && state2[key]) {
       value = state2[key];
-      if (isJsonString(value)) {
-        value = tryParseJson(value, defaultValue);
-      }
     } else {
       value = defaultValue;
     }
@@ -58302,19 +58284,36 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
         if (typeof newValueOrFn === "function") {
           newValueOrFn = newValueOrFn(value);
         }
-        if (typeof newValueOrFn === "object") {
-          newValueOrFn = JSON.stringify(newValueOrFn);
-        }
         setState(integrationKey, key, newValueOrFn);
       }
     ];
   }
+  function usePluginStateObject(api2, key, defaultValue = {}) {
+    const integrationKey = api2.integrationKey;
+    const state2 = useState(integrationKey);
+    let value;
+    if (state2 && state2[key]) {
+      value = tryParseJson(state2[key], defaultValue);
+    } else {
+      value = defaultValue;
+    }
+    return [
+      value,
+      (newValueOrFn) => {
+        if (typeof newValueOrFn === "function") {
+          newValueOrFn = newValueOrFn(value);
+        }
+        setState(integrationKey, key, JSON.stringify(newValueOrFn));
+      }
+    ];
+  }
   function __debug() {
   }
   const dekPluginModule = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     __debug,
-    usePluginState
+    usePluginState,
+    usePluginStateObject
   }, Symbol.toStringTag, { value: "Module" }));
   const USER_PLUGIN_AND_INTEGRATIONS_QUERY = gql(`
   query userPluginsAndIntegrations {
@@ -58345,7 +58344,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     result.integrations.push({
       key: "base",
       pluginName: "base",
-      pluginVersion: "0.14.0",
+      pluginVersion: "0.15.0",
       pluginConfig: []
     });
     return result;
@@ -58520,14 +58519,14 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   };
   const About = () => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(x0, { padding: 20, direction: "vert", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(hF1, { children: `Dek ${"0.14.0"}` }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(hF1, { children: `Dek ${"0.15.0"}` }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(X4, { children: "From Appkit" })
     ] });
   };
   const Backgrounds = ({ api: api2 }) => {
     const [backgroundKey] = usePluginState(api2, "backgroundKey", "image");
     const propsKey = `backgroundProps-${backgroundKey}`;
-    const [backgroundProps] = usePluginState(api2, propsKey, {});
+    const [backgroundProps] = usePluginStateObject(api2, propsKey);
     const [selectedKey, setSelectedKey] = React$3.useState(backgroundKey);
     const backgrounds = api2.registry.collection("backgrounds");
     const backgroundItems = backgrounds.items;
@@ -58691,7 +58690,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   };
   const Theme = ({ api: api2 }) => {
     const [selectedKey, setSelectedKey] = React$3.useState("tile");
-    const [themeState, setThemeState] = usePluginState(api2, "theme", {});
+    const [themeState, setThemeState] = usePluginStateObject(api2, "theme");
     const handleSelection = (key) => {
       setSelectedKey(key);
     };
@@ -94043,7 +94042,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     const api2 = getPluginApi();
     const [backgroundKey] = usePluginState(api2, "backgroundKey", "image");
     const propsKey = `backgroundProps-${backgroundKey}`;
-    const [backgroundProps] = usePluginState(api2, propsKey, {});
+    const [backgroundProps] = usePluginStateObject(api2, propsKey);
     const backgrounds = api2.registry.collection("backgrounds");
     if (backgrounds && backgrounds.items && backgrounds.items[backgroundKey]) {
       return backgrounds.items[backgroundKey].component(backgroundProps);
@@ -95226,7 +95225,7 @@ body {
 `;
   const BoardStyles = ({ transitionDelay: transitionDelay2 }) => {
     const api2 = getPluginApi();
-    const [themeState] = usePluginState(api2, "theme", {});
+    const [themeState] = usePluginStateObject(api2, "theme");
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(wG1, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@appkit/dek-lib",
   "private": false,
-  "version": "0.14.0",
+  "version": "0.15.0",
   "type": "module",
   "scripts": {
     "build": "tsc && vite build",