@ynput/ayon-frontend-shared 0.8.1 → 0.10.0

package/dist/chunks/useCreateContextMenu.es.js

@@ -112,19 +112,21 @@ const M = ({
   return o.items && (o.items = k(o.items, i, n)), o;
 }), B = (s = [], i) => {
   const { openContext: n, ref: e, isContextOpen: o, closeContext: f } = P(), { powerLicense: c, setPowerpackDialog: m } = i || {}, u = b(
-    (l, a) => l.filter(Boolean).map((t) => ({
-      template: /* @__PURE__ */ r(
-        M,
-        {
-          contextMenuRef: a,
-          ...t,
-          powerLicense: c,
-          onPowerClick: m
-        },
-        t.label
-      ),
-      items: t.items?.length ? k(t.items, a, { powerLicense: c, setPowerpackDialog: m }) : void 0
-    })),
+    (l, a) => l.filter(Boolean).map(
+      (t) => t.separator ? t : {
+        template: /* @__PURE__ */ r(
+          M,
+          {
+            contextMenuRef: a,
+            ...t,
+            powerLicense: c,
+            onPowerClick: m
+          },
+          t.label
+        ),
+        items: t.items?.length ? k(t.items, a, { powerLicense: c, setPowerpackDialog: m }) : void 0
+      }
+    ),
     [c, m]
   ), p = D(() => u(s, e), [s, e, u]);
   return [(l, a) => {

package/dist/chunks/useLocalStorage.es.js

@@ -0,0 +1,78 @@
+import { useRef as f, useState as I, useEffect as L, useCallback as p } from "react";
+const g = "local-storage", w = (t) => {
+  window.dispatchEvent(
+    new CustomEvent(g, { detail: { key: t } })
+  );
+}, d = (t, e = null) => {
+  if (!t) return e;
+  try {
+    return JSON.parse(t);
+  } catch {
+    return e;
+  }
+}, v = (t, e) => {
+  if (typeof window > "u") return e;
+  try {
+    return d(localStorage.getItem(t), e);
+  } catch {
+    return e;
+  }
+}, N = (t, e) => {
+  if (!(typeof window > "u"))
+    try {
+      localStorage.setItem(t, JSON.stringify(e)), w(t);
+    } catch (s) {
+      console.error(s);
+    }
+};
+function y(t, e) {
+  const s = f(e);
+  s.current = e;
+  const c = f(null), [i, S] = I(() => {
+    const n = localStorage.getItem(t);
+    return c.current = n, d(n, e);
+  }), u = f(i);
+  u.current = i, L(() => {
+    const n = (r = !1) => {
+      const l = localStorage.getItem(t);
+      if (!r && l === c.current) return;
+      c.current = l;
+      const m = d(l, s.current);
+      u.current = m, S(m);
+    };
+    if (n(!0), !c.current)
+      try {
+        const r = JSON.stringify(s.current);
+        localStorage.setItem(t, r), c.current = r;
+      } catch (r) {
+        console.error(r);
+      }
+    function o(r) {
+      r.key !== null && r.key !== t || n();
+    }
+    function a(r) {
+      r.detail?.key === t && n();
+    }
+    return window.addEventListener("storage", o), window.addEventListener(g, a), () => {
+      window.removeEventListener("storage", o), window.removeEventListener(g, a);
+    };
+  }, [t]);
+  const E = p(
+    (n) => {
+      try {
+        const o = typeof n == "function" ? n(u.current) : n, a = JSON.stringify(o);
+        if (localStorage.getItem(t) !== a && (localStorage.setItem(t, a), setTimeout(() => w(t), 0)), a === c.current) return;
+        u.current = o, c.current = a, S(o);
+      } catch (o) {
+        console.error(o);
+      }
+    },
+    [t]
+  );
+  return [i, E];
+}
+export {
+  v as r,
+  y as u,
+  N as w
+};