@yakocloud/state-vocab 3.0.6 → 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"),_=Symbol("state-def"),k=Symbol("state-path"),R=Symbol("state-verbose"),x=Symbol("state-verbose-path"),L=Symbol("state-ssr");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 l=i[c],s=i[c+1];(o[l]===void 0||o[l]===null)&&(o[l]=/^\d+$/.test(s)?[]:{}),o=o[l]}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 H(e,n,t=[]){return S.useMemo(()=>J(e,n),t)}function M(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[,l,s,p,g]=c;t.push(`${l}%c"${s}"%c${p}%c${g}`),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 N=e=>typeof e=="function",K=e=>typeof e=="function",T=e=>typeof e<"u",A=e=>K(e)?e():e;class O{#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=N(t)?t(i):t,c={...this.#e};F(c,n,o),this.#e=c,this.#t.forEach(l=>l())}}let j;typeof window>"u"&&(j=new AsyncLocalStorage);const W=()=>{const e=j.getStore();if(!e)throw new Error(`${O.name} must be initialized for this request`);return e};let C=null;const G=()=>(C||(C=new O),C),Q=()=>typeof window>"u"?W():G(),D=typeof window>"u",U=D?S.useEffect:S.useLayoutEffect;function X(e={}){return{[_]:!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,l=n.bidirectional??o,s=this[k],p=this[R],g=this[x],V=this[L],u=Q(),a=e.serialize??JSON.stringify,b=e.deserialize??JSON.parse,d=(r,h,P)=>{const w=h.getItem(r);w===null?T(P)&&h.setItem(r,a(P)):u.set(r,b(w))},f=H(n.onSet??(()=>{}),n.delayedSet,[]),y=S.useRef(void 0),$=S.useRef(!1);if(!$.current){$.current=!0;let r=u.get(s);T(r)||(r=c,T(r)&&u.set(s,r)),!V&&t&&d(s,t,r)}const E=S.useSyncExternalStore(u.subscribe.bind(u),u.getClientSnapshot.bind(u),u.getServerSnapshot.bind(u));if(p)if(g){const r=z(E,g);r&&M(r)}else M(E);const m=z(E,s,c);y.current=m,U(()=>{!V||!t||d(s,t,m)},[]);const v=S.useEffectEvent(r=>{if(r.key!==s)return;const h=r.newValue,w=(h===null?null:b(h))??c;T(w)&&(u.set(s,w),f(w,y.current))});S.useEffect(()=>{if(l)return window.addEventListener("storage",v),()=>window.removeEventListener("storage",v)},[l]);const I=S.useCallback(r=>{const h=N(r)?r(y.current):r;u.set(s,h),f(h,y.current),t&&t.setItem(s,a(h))},[s,t,f]),B=S.useCallback(()=>{const r=c;if(!T(r)){t?.removeItem(s);return}u.set(s,r),f(r,y.current),t&&t.setItem(s,a(r))},[s,c,t,f]);return[m,I,B]},toString(){return this[k]}}}function q(e,n){const{path:t="",verbose:i,verbosePath:o,ssr:c,cache:l}=n;let s=l.proxy.get(e);s||(s=new Map,l.proxy.set(e,s));const p=s.get(t);if(p)return p;const g=new Proxy(e,{get(V,u){const a=V[u],b=t?`${t}.${String(u)}`:String(u);if(a&&typeof a=="object"&&_ in a){const d=a;let f=l.leaf.get(d);f||(f=new Map,l.leaf.set(d,f));const y=f.get(b);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]:b,[R]:i,[x]:o,[L]:c},...I)])),m={...d,...E};return f.set(b,m),m}return a&&typeof a=="object"?q(a,{...n,path:b}):a}});return s.set(t,g),g}function Y(e,n){return q(e,{...n,verbosePath:n?.verbosePath??"",cache:{proxy:new WeakMap,leaf:new WeakMap}})}exports.defineState=X;exports.setupStorage=Y;
+"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,5 +1,4 @@
-import { useMemo as H, useRef as L, useSyncExternalStore as K, useEffect as N, useLayoutEffect as W, useEffectEvent as G, useCallback as _ } from "react";
-const D = Symbol("state-def"), $ = Symbol("state-path"), P = Symbol("state-verbose"), C = Symbol("state-verbose-path"), R = Symbol("state-ssr");
+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;
@@ -12,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 l = i[c], s = i[c + 1];
-    (o[l] === void 0 || o[l] === null) && (o[l] = /^\d+$/.test(s) ? [] : {}), o = o[l];
+    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(() => {
@@ -29,21 +28,21 @@ function U(e, n = 0) {
     }, n);
   };
 }
-function X(e, n, t = []) {
-  return H(
-    () => U(e, n),
+function Y(e, n, t = []) {
+  return W(
+    () => X(e, n),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
   );
 }
-function M(e) {
+function D(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 [, l, s, v, y] = c;
-      t.push(`${l}%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"
@@ -54,8 +53,8 @@ function M(e) {
   console.log(t.join(`
 `), ...i, e);
 }
-const O = (e) => typeof e == "function", Y = (e) => typeof e == "function", E = (e) => typeof e < "u", x = (e) => Y(e) ? e() : e;
-class j {
+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;
   constructor() {
@@ -74,23 +73,31 @@ class j {
     return z(this.#e, n);
   }
   set(n, t) {
-    const i = z(this.#e, n), o = O(t) ? t(i) : t, c = { ...this.#e };
-    Q(c, n, o), this.#e = c, this.#t.forEach((l) => l());
+    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());
   }
 }
-let B;
-typeof window > "u" && (B = new AsyncLocalStorage());
-const Z = () => {
-  const e = B.getStore();
+const O = Symbol.for("request-state-vocab-storage");
+let _;
+if (typeof window > "u") {
+  const e = globalThis;
+  e[O] ??= new AsyncLocalStorage(), _ = e[O];
+}
+const ee = () => {
+  const e = _.getStore();
   if (!e)
-    throw new Error(`${j.name} must be initialized for this request`);
+    throw new Error(`${L.name} must be initialized for this request`);
   return e;
 };
 let A = null;
-const ee = () => (A || (A = new j()), A), te = () => typeof window > "u" ? Z() : ee(), F = typeof window > "u", ne = F ? N : W;
-function re(e = {}) {
+const te = () => (A || (A = new L()), A);
+function oe(e) {
+  return _.run(new L(), 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 {
-    [D]: !0,
+    [B]: !0,
     // marks this object as a leaf in the router tree
     [$]: "",
     // placeholder; injected at runtime by injectPaths()
@@ -103,60 +110,60 @@ function re(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, l = n.bidirectional ?? o, s = this[$], v = this[P], y = this[C], V = this[R], a = te(), u = 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, u(k)) : a.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,
         []
-      ), S = L(void 0), T = L(!1);
+      ), S = M(void 0), T = M(!1);
       if (!T.current) {
         T.current = !0;
-        let r = a.get(s);
-        E(r) || (r = c, E(r) && a.set(s, r)), !V && t && d(s, t, r);
+        let r = l.get(s);
+        E(r) || (r = c, E(r) && l.set(s, r)), !V && t && d(s, t, r);
       }
-      const w = K(
-        a.subscribe.bind(a),
-        a.getClientSnapshot.bind(a),
-        a.getServerSnapshot.bind(a)
+      const w = H(
+        l.subscribe.bind(l),
+        l.getClientSnapshot.bind(l),
+        l.getServerSnapshot.bind(l)
       );
       if (v)
         if (y) {
           const r = z(w, y);
-          r && M(r);
+          r && D(r);
         } else
-          M(w);
+          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;
-        E(m) && (a.set(s, m), f(m, S.current));
+        const h = r.newValue, m = (h === null ? null : b(h)) ?? c;
+        E(m) && (l.set(s, m), f(m, S.current));
       });
-      N(() => {
-        if (l)
-          return window.addEventListener("storage", b), () => window.removeEventListener("storage", b);
-      }, [l]);
-      const I = _((r) => {
-        const h = O(r) ? r(S.current) : r;
-        a.set(s, h), f(h, S.current), t && t.setItem(s, u(h));
-      }, [s, t, f]), q = _(() => {
+      j(() => {
+        if (a)
+          return window.addEventListener("storage", g), () => window.removeEventListener("storage", g);
+      }, [a]);
+      const I = N((r) => {
+        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;
         }
-        a.set(s, r), f(r, S.current), t && t.setItem(s, u(r));
+        l.set(s, r), f(r, S.current), t && t.setItem(s, u(r));
       }, [s, c, t, f]);
       return [
         p,
         I,
-        q
+        K
       ];
     },
     /** Returns the fully qualified job name (dot-separated path). */
@@ -171,32 +178,32 @@ function J(e, n) {
     verbose: i,
     verbosePath: o,
     ssr: c,
-    cache: l
+    cache: a
   } = n;
-  let s = l.proxy.get(e);
-  s || (s = /* @__PURE__ */ new Map(), l.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, a) {
-      const u = V[a], g = t ? `${t}.${String(a)}` : String(a);
-      if (u && typeof u == "object" && D in u) {
+    get(V, l) {
+      const u = V[l], b = t ? `${t}.${String(l)}` : String(l);
+      if (u && typeof u == "object" && B in u) {
         const d = u;
-        let f = l.leaf.get(d);
-        f || (f = /* @__PURE__ */ new Map(), l.leaf.set(d, f));
-        const S = f.get(g);
+        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
@@ -205,17 +212,17 @@ function J(e, n) {
             )
           ])
         ), p = { ...d, ...w };
-        return f.set(g, p), p;
+        return f.set(b, p), p;
       }
       return u && typeof u == "object" ? J(u, {
         ...n,
-        path: g
+        path: b
       }) : u;
     }
   });
   return s.set(t, y), y;
 }
-function oe(e, n) {
+function ie(e, n) {
   return J(e, {
     ...n,
     verbosePath: n?.verbosePath ?? "",
@@ -226,6 +233,7 @@ function oe(e, n) {
   });
 }
 export {
-  re as defineState,
-  oe as setupStorage
+  ce as defineState,
+  oe as runWithStateVocab,
+  ie as setupStorage
 };

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
+export { runWithStateVocab } from "./store";
 export { defineState } from "./state";
 export { setupStorage } from "./setup";

package/package.json

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