@yakocloud/state-vocab 3.0.7 → 3.0.8

package/dist/state-vocab.cjs.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react");function z(e,n,t){if(!n)return e;const i=n.split(".");let o=e;for(const c of i)if(o!==null&&typeof o=="object"&&c in o)o=o[c];else return t;return o===void 0?t:o}function B(e,n,t){const i=n.replace(/\[(\d+)\]/g,".$1").split(".");let o=e;for(let c=0;c<i.length-1;c++){const u=i[c],s=i[c+1];(o[u]===void 0||o[u]===null)&&(o[u]=/^\d+$/.test(s)?[]:{}),o=o[u]}return o[i[i.length-1]]=t,e}function F(e,n=0){let t;return function(...i){t!==void 0&&clearTimeout(t),t=setTimeout(()=>{t=void 0,e.apply(this,i)},n)}}function J(e,n,t=[]){return S.useMemo(()=>F(e,n),t)}function N(e){const n=JSON.stringify(e,null,2).split(`
-`),t=[],i=[];for(const o of n){const c=o.match(/^(\s*)"([^"]+)"(\s*:\s*)(.+)$/);if(c){const[,u,s,p,b]=c;t.push(`${u}%c"${s}"%c${p}%c${b}`),i.push("color: #9cdcfe; font-weight: bold","color: #cccccc","color: #ce9178")}else t.push(`%c${o}`),i.push("color: #cccccc")}console.log(t.join(`
-`),...i,e)}const O=e=>typeof e=="function",H=e=>typeof e=="function",V=e=>typeof e<"u",A=e=>H(e)?e():e;class M{#e;#t;constructor(){this.#e={},this.#t=new Set}subscribe(n){return this.#t.add(n),()=>this.#t.delete(n)}getClientSnapshot(){return this.#e}getServerSnapshot(){return this.#e}get(n){return z(this.#e,n)}set(n,t){const i=z(this.#e,n),o=O(t)?t(i):t,c={...this.#e};B(c,n,o),this.#e=c,this.#t.forEach(u=>u())}}let _;typeof window>"u"&&(_=new AsyncLocalStorage);const K=()=>{const e=_.getStore();if(!e)throw new Error(`${M.name} must be initialized for this request`);return e};let C=null;const G=()=>(C||(C=new M),C);function Q(e){return _.run(new M,e)}const U=()=>typeof window>"u"?K():G(),j=Symbol("state-def"),k=Symbol("state-path"),R=Symbol("state-verbose"),x=Symbol("state-verbose-path"),L=Symbol("state-ssr"),D=typeof window>"u",X=D?S.useEffect:S.useLayoutEffect;function Y(e={}){return{[j]:!0,[k]:"",[R]:!1,[x]:"",[L]:!1,useState(n){const t=D?void 0:A(e.storage),i=A(e.defaultValue),o=e.bidirectional;n??={};const c=A(n.defaultValue)??i,u=n.bidirectional??o,s=this[k],p=this[R],b=this[x],T=this[L],a=U(),l=e.serialize??JSON.stringify,g=e.deserialize??JSON.parse,d=(r,h,P)=>{const w=h.getItem(r);w===null?V(P)&&h.setItem(r,l(P)):a.set(r,g(w))},f=J(n.onSet??(()=>{}),n.delayedSet,[]),y=S.useRef(void 0),$=S.useRef(!1);if(!$.current){$.current=!0;let r=a.get(s);V(r)||(r=c,V(r)&&a.set(s,r)),!T&&t&&d(s,t,r)}const E=S.useSyncExternalStore(a.subscribe.bind(a),a.getClientSnapshot.bind(a),a.getServerSnapshot.bind(a));if(p)if(b){const r=z(E,b);r&&N(r)}else N(E);const m=z(E,s,c);y.current=m,X(()=>{!T||!t||d(s,t,m)},[]);const v=S.useEffectEvent(r=>{if(r.key!==s)return;const h=r.newValue,w=(h===null?null:g(h))??c;V(w)&&(a.set(s,w),f(w,y.current))});S.useEffect(()=>{if(u)return window.addEventListener("storage",v),()=>window.removeEventListener("storage",v)},[u]);const I=S.useCallback(r=>{const h=O(r)?r(y.current):r;a.set(s,h),f(h,y.current),t&&t.setItem(s,l(h))},[s,t,f]),q=S.useCallback(()=>{const r=c;if(!V(r)){t?.removeItem(s);return}a.set(s,r),f(r,y.current),t&&t.setItem(s,l(r))},[s,c,t,f]);return[m,I,q]},toString(){return this[k]}}}function W(e,n){const{path:t="",verbose:i,verbosePath:o,ssr:c,cache:u}=n;let s=u.proxy.get(e);s||(s=new Map,u.proxy.set(e,s));const p=s.get(t);if(p)return p;const b=new Proxy(e,{get(T,a){const l=T[a],g=t?`${t}.${String(a)}`:String(a);if(l&&typeof l=="object"&&j in l){const d=l;let f=u.leaf.get(d);f||(f=new Map,u.leaf.set(d,f));const y=f.get(g);if(y)return y;const $=Reflect.ownKeys(d).filter(v=>typeof d[v]=="function"),E=Object.fromEntries($.map(v=>[v,(...I)=>d[v].call({...d,[k]:g,[R]:i,[x]:o,[L]:c},...I)])),m={...d,...E};return f.set(g,m),m}return l&&typeof l=="object"?W(l,{...n,path:g}):l}});return s.set(t,b),b}function Z(e,n){return W(e,{...n,verbosePath:n?.verbosePath??"",cache:{proxy:new WeakMap,leaf:new WeakMap}})}exports.defineState=Y;exports.runWithStateVocab=Q;exports.setupStorage=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react");function z(e,n,t){if(!n)return e;const i=n.split(".");let o=e;for(const c of i)if(o!==null&&typeof o=="object"&&c in o)o=o[c];else return t;return o===void 0?t:o}function F(e,n,t){const i=n.replace(/\[(\d+)\]/g,".$1").split(".");let o=e;for(let c=0;c<i.length-1;c++){const a=i[c],s=i[c+1];(o[a]===void 0||o[a]===null)&&(o[a]=/^\d+$/.test(s)?[]:{}),o=o[a]}return o[i[i.length-1]]=t,e}function J(e,n=0){let t;return function(...i){t!==void 0&&clearTimeout(t),t=setTimeout(()=>{t=void 0,e.apply(this,i)},n)}}function K(e,n,t=[]){return S.useMemo(()=>J(e,n),t)}function N(e){const n=JSON.stringify(e,null,2).split(`
+`),t=[],i=[];for(const o of n){const c=o.match(/^(\s*)"([^"]+)"(\s*:\s*)(.+)$/);if(c){const[,a,s,p,b]=c;t.push(`${a}%c"${s}"%c${p}%c${b}`),i.push("color: #9cdcfe; font-weight: bold","color: #cccccc","color: #ce9178")}else t.push(`%c${o}`),i.push("color: #cccccc")}console.log(t.join(`
+`),...i,e)}const j=e=>typeof e=="function",H=e=>typeof e=="function",V=e=>typeof e<"u",A=e=>H(e)?e():e;class M{#e;#t;constructor(){this.#e={},this.#t=new Set}subscribe(n){return this.#t.add(n),()=>this.#t.delete(n)}getClientSnapshot(){return this.#e}getServerSnapshot(){return this.#e}get(n){return z(this.#e,n)}set(n,t){const i=z(this.#e,n),o=j(t)?t(i):t,c={...this.#e};F(c,n,o),this.#e=c,this.#t.forEach(a=>a())}}const O=Symbol.for("request-state-vocab-storage");let _;if(typeof window>"u"){const e=globalThis;e[O]??=new AsyncLocalStorage,_=e[O]}const G=()=>{const e=_.getStore();if(!e)throw new Error(`${M.name} must be initialized for this request`);return e};let C=null;const Q=()=>(C||(C=new M),C);function U(e){return _.run(new M,e)}const X=()=>typeof window>"u"?G():Q(),q=Symbol("state-def"),k=Symbol("state-path"),R=Symbol("state-verbose"),x=Symbol("state-verbose-path"),L=Symbol("state-ssr"),D=typeof window>"u",Y=D?S.useEffect:S.useLayoutEffect;function Z(e={}){return{[q]:!0,[k]:"",[R]:!1,[x]:"",[L]:!1,useState(n){const t=D?void 0:A(e.storage),i=A(e.defaultValue),o=e.bidirectional;n??={};const c=A(n.defaultValue)??i,a=n.bidirectional??o,s=this[k],p=this[R],b=this[x],T=this[L],u=X(),l=e.serialize??JSON.stringify,g=e.deserialize??JSON.parse,d=(r,h,P)=>{const w=h.getItem(r);w===null?V(P)&&h.setItem(r,l(P)):u.set(r,g(w))},f=K(n.onSet??(()=>{}),n.delayedSet,[]),y=S.useRef(void 0),$=S.useRef(!1);if(!$.current){$.current=!0;let r=u.get(s);V(r)||(r=c,V(r)&&u.set(s,r)),!T&&t&&d(s,t,r)}const E=S.useSyncExternalStore(u.subscribe.bind(u),u.getClientSnapshot.bind(u),u.getServerSnapshot.bind(u));if(p)if(b){const r=z(E,b);r&&N(r)}else N(E);const m=z(E,s,c);y.current=m,Y(()=>{!T||!t||d(s,t,m)},[]);const v=S.useEffectEvent(r=>{if(r.key!==s)return;const h=r.newValue,w=(h===null?null:g(h))??c;V(w)&&(u.set(s,w),f(w,y.current))});S.useEffect(()=>{if(a)return window.addEventListener("storage",v),()=>window.removeEventListener("storage",v)},[a]);const I=S.useCallback(r=>{const h=j(r)?r(y.current):r;u.set(s,h),f(h,y.current),t&&t.setItem(s,l(h))},[s,t,f]),B=S.useCallback(()=>{const r=c;if(!V(r)){t?.removeItem(s);return}u.set(s,r),f(r,y.current),t&&t.setItem(s,l(r))},[s,c,t,f]);return[m,I,B]},toString(){return this[k]}}}function W(e,n){const{path:t="",verbose:i,verbosePath:o,ssr:c,cache:a}=n;let s=a.proxy.get(e);s||(s=new Map,a.proxy.set(e,s));const p=s.get(t);if(p)return p;const b=new Proxy(e,{get(T,u){const l=T[u],g=t?`${t}.${String(u)}`:String(u);if(l&&typeof l=="object"&&q in l){const d=l;let f=a.leaf.get(d);f||(f=new Map,a.leaf.set(d,f));const y=f.get(g);if(y)return y;const $=Reflect.ownKeys(d).filter(v=>typeof d[v]=="function"),E=Object.fromEntries($.map(v=>[v,(...I)=>d[v].call({...d,[k]:g,[R]:i,[x]:o,[L]:c},...I)])),m={...d,...E};return f.set(g,m),m}return l&&typeof l=="object"?W(l,{...n,path:g}):l}});return s.set(t,b),b}function ee(e,n){return W(e,{...n,verbosePath:n?.verbosePath??"",cache:{proxy:new WeakMap,leaf:new WeakMap}})}exports.defineState=Z;exports.runWithStateVocab=U;exports.setupStorage=ee;

package/dist/state-vocab.es.js

@@ -1,4 +1,4 @@
-import { useMemo as q, useRef as M, useSyncExternalStore as H, useEffect as O, useLayoutEffect as K, useEffectEvent as G, useCallback as N } from "react";
+import { useMemo as W, useRef as M, useSyncExternalStore as H, useEffect as j, useLayoutEffect as G, useEffectEvent as Q, useCallback as N } from "react";
 function z(e, n, t) {
   if (!n)
     return e;
@@ -11,16 +11,16 @@ function z(e, n, t) {
       return t;
   return o === void 0 ? t : o;
 }
-function Q(e, n, t) {
+function U(e, n, t) {
   const i = n.replace(/\[(\d+)\]/g, ".$1").split(".");
   let o = e;
   for (let c = 0; c < i.length - 1; c++) {
-    const u = i[c], s = i[c + 1];
-    (o[u] === void 0 || o[u] === null) && (o[u] = /^\d+$/.test(s) ? [] : {}), o = o[u];
+    const a = i[c], s = i[c + 1];
+    (o[a] === void 0 || o[a] === null) && (o[a] = /^\d+$/.test(s) ? [] : {}), o = o[a];
   }
   return o[i[i.length - 1]] = t, e;
 }
-function U(e, n = 0) {
+function X(e, n = 0) {
   let t;
   return function(...i) {
     t !== void 0 && clearTimeout(t), t = setTimeout(() => {
@@ -28,9 +28,9 @@ function U(e, n = 0) {
     }, n);
   };
 }
-function X(e, n, t = []) {
-  return q(
-    () => U(e, n),
+function Y(e, n, t = []) {
+  return W(
+    () => X(e, n),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
   );
@@ -41,8 +41,8 @@ function D(e) {
   for (const o of n) {
     const c = o.match(/^(\s*)"([^"]+)"(\s*:\s*)(.+)$/);
     if (c) {
-      const [, u, s, v, y] = c;
-      t.push(`${u}%c"${s}"%c${v}%c${y}`), i.push(
+      const [, a, s, v, y] = c;
+      t.push(`${a}%c"${s}"%c${v}%c${y}`), i.push(
         "color: #9cdcfe; font-weight: bold",
         "color: #cccccc",
         "color: #ce9178"
@@ -53,7 +53,7 @@ function D(e) {
   console.log(t.join(`
 `), ...i, e);
 }
-const j = (e) => typeof e == "function", Y = (e) => typeof e == "function", E = (e) => typeof e < "u", x = (e) => Y(e) ? e() : e;
+const q = (e) => typeof e == "function", Z = (e) => typeof e == "function", E = (e) => typeof e < "u", x = (e) => Z(e) ? e() : e;
 class L {
   #e;
   #t;
@@ -73,25 +73,29 @@ class L {
     return z(this.#e, n);
   }
   set(n, t) {
-    const i = z(this.#e, n), o = j(t) ? t(i) : t, c = { ...this.#e };
-    Q(c, n, o), this.#e = c, this.#t.forEach((u) => u());
+    const i = z(this.#e, n), o = q(t) ? t(i) : t, c = { ...this.#e };
+    U(c, n, o), this.#e = c, this.#t.forEach((a) => a());
   }
 }
+const O = Symbol.for("request-state-vocab-storage");
 let _;
-typeof window > "u" && (_ = new AsyncLocalStorage());
-const Z = () => {
+if (typeof window > "u") {
+  const e = globalThis;
+  e[O] ??= new AsyncLocalStorage(), _ = e[O];
+}
+const ee = () => {
   const e = _.getStore();
   if (!e)
     throw new Error(`${L.name} must be initialized for this request`);
   return e;
 };
 let A = null;
-const ee = () => (A || (A = new L()), A);
-function re(e) {
+const te = () => (A || (A = new L()), A);
+function oe(e) {
   return _.run(new L(), e);
 }
-const te = () => typeof window > "u" ? Z() : ee(), B = Symbol("state-def"), $ = Symbol("state-path"), P = Symbol("state-verbose"), C = Symbol("state-verbose-path"), R = Symbol("state-ssr"), F = typeof window > "u", ne = F ? O : K;
-function oe(e = {}) {
+const ne = () => typeof window > "u" ? ee() : te(), B = Symbol("state-def"), $ = Symbol("state-path"), P = Symbol("state-verbose"), C = Symbol("state-verbose-path"), R = Symbol("state-ssr"), F = typeof window > "u", se = F ? j : G;
+function ce(e = {}) {
   return {
     [B]: !0,
     // marks this object as a leaf in the router tree
@@ -106,10 +110,10 @@ function oe(e = {}) {
     useState(n) {
       const t = F ? void 0 : x(e.storage), i = x(e.defaultValue), o = e.bidirectional;
       n ??= {};
-      const c = x(n.defaultValue) ?? i, u = n.bidirectional ?? o, s = this[$], v = this[P], y = this[C], V = this[R], l = te(), a = e.serialize ?? JSON.stringify, g = e.deserialize ?? JSON.parse, d = (r, h, k) => {
+      const c = x(n.defaultValue) ?? i, a = n.bidirectional ?? o, s = this[$], v = this[P], y = this[C], V = this[R], l = ne(), u = e.serialize ?? JSON.stringify, b = e.deserialize ?? JSON.parse, d = (r, h, k) => {
         const m = h.getItem(r);
-        m === null ? E(k) && h.setItem(r, a(k)) : l.set(r, g(m));
-      }, f = X(
+        m === null ? E(k) && h.setItem(r, u(k)) : l.set(r, b(m));
+      }, f = Y(
         n.onSet ?? (() => {
         }),
         n.delayedSet,
@@ -132,34 +136,34 @@ function oe(e = {}) {
         } else
           D(w);
       const p = z(w, s, c);
-      S.current = p, ne(() => {
+      S.current = p, se(() => {
         !V || !t || d(s, t, p);
       }, []);
-      const b = G((r) => {
+      const g = Q((r) => {
         if (r.key !== s)
           return;
-        const h = r.newValue, m = (h === null ? null : g(h)) ?? c;
+        const h = r.newValue, m = (h === null ? null : b(h)) ?? c;
         E(m) && (l.set(s, m), f(m, S.current));
       });
-      O(() => {
-        if (u)
-          return window.addEventListener("storage", b), () => window.removeEventListener("storage", b);
-      }, [u]);
+      j(() => {
+        if (a)
+          return window.addEventListener("storage", g), () => window.removeEventListener("storage", g);
+      }, [a]);
       const I = N((r) => {
-        const h = j(r) ? r(S.current) : r;
-        l.set(s, h), f(h, S.current), t && t.setItem(s, a(h));
-      }, [s, t, f]), W = N(() => {
+        const h = q(r) ? r(S.current) : r;
+        l.set(s, h), f(h, S.current), t && t.setItem(s, u(h));
+      }, [s, t, f]), K = N(() => {
         const r = c;
         if (!E(r)) {
           t?.removeItem(s);
           return;
         }
-        l.set(s, r), f(r, S.current), t && t.setItem(s, a(r));
+        l.set(s, r), f(r, S.current), t && t.setItem(s, u(r));
       }, [s, c, t, f]);
       return [
         p,
         I,
-        W
+        K
       ];
     },
     /** Returns the fully qualified job name (dot-separated path). */
@@ -174,32 +178,32 @@ function J(e, n) {
     verbose: i,
     verbosePath: o,
     ssr: c,
-    cache: u
+    cache: a
   } = n;
-  let s = u.proxy.get(e);
-  s || (s = /* @__PURE__ */ new Map(), u.proxy.set(e, s));
+  let s = a.proxy.get(e);
+  s || (s = /* @__PURE__ */ new Map(), a.proxy.set(e, s));
   const v = s.get(t);
   if (v)
     return v;
   const y = new Proxy(e, {
     get(V, l) {
-      const a = V[l], g = t ? `${t}.${String(l)}` : String(l);
-      if (a && typeof a == "object" && B in a) {
-        const d = a;
-        let f = u.leaf.get(d);
-        f || (f = /* @__PURE__ */ new Map(), u.leaf.set(d, f));
-        const S = f.get(g);
+      const u = V[l], b = t ? `${t}.${String(l)}` : String(l);
+      if (u && typeof u == "object" && B in u) {
+        const d = u;
+        let f = a.leaf.get(d);
+        f || (f = /* @__PURE__ */ new Map(), a.leaf.set(d, f));
+        const S = f.get(b);
         if (S)
           return S;
         const T = Reflect.ownKeys(d).filter(
-          (b) => typeof d[b] == "function"
+          (g) => typeof d[g] == "function"
         ), w = Object.fromEntries(
-          T.map((b) => [
-            b,
-            (...I) => d[b].call(
+          T.map((g) => [
+            g,
+            (...I) => d[g].call(
               {
                 ...d,
-                [$]: g,
+                [$]: b,
                 [P]: i,
                 [C]: o,
                 [R]: c
@@ -208,17 +212,17 @@ function J(e, n) {
             )
           ])
         ), p = { ...d, ...w };
-        return f.set(g, p), p;
+        return f.set(b, p), p;
       }
-      return a && typeof a == "object" ? J(a, {
+      return u && typeof u == "object" ? J(u, {
         ...n,
-        path: g
-      }) : a;
+        path: b
+      }) : u;
     }
   });
   return s.set(t, y), y;
 }
-function ce(e, n) {
+function ie(e, n) {
   return J(e, {
     ...n,
     verbosePath: n?.verbosePath ?? "",
@@ -229,7 +233,7 @@ function ce(e, n) {
   });
 }
 export {
-  oe as defineState,
-  re as runWithStateVocab,
-  ce as setupStorage
+  ce as defineState,
+  oe as runWithStateVocab,
+  ie as setupStorage
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yakocloud/state-vocab",
-  "version": "3.0.7",
+  "version": "3.0.8",
   "main": "dist/state-vocab.cjs.js",
   "module": "dist/state-vocab.es.js",
   "types": "dist/types/index.d.ts",