@yakocloud/state-vocab 3.0.6 → 3.0.7

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 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;

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 q, useRef as M, useSyncExternalStore as H, useEffect as O, useLayoutEffect as K, useEffectEvent as G, useCallback as N } from "react";
 function z(e, n, t) {
   if (!n)
     return e;
@@ -16,8 +15,8 @@ function Q(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 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;
 }
@@ -30,20 +29,20 @@ function U(e, n = 0) {
   };
 }
 function X(e, n, t = []) {
-  return H(
+  return q(
     () => U(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 [, u, s, v, y] = c;
+      t.push(`${u}%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 j = (e) => typeof e == "function", Y = (e) => typeof e == "function", E = (e) => typeof e < "u", x = (e) => Y(e) ? e() : e;
+class L {
   #e;
   #t;
   constructor() {
@@ -74,23 +73,27 @@ 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 = j(t) ? t(i) : t, c = { ...this.#e };
+    Q(c, n, o), this.#e = c, this.#t.forEach((u) => u());
   }
 }
-let B;
-typeof window > "u" && (B = new AsyncLocalStorage());
+let _;
+typeof window > "u" && (_ = new AsyncLocalStorage());
 const Z = () => {
-  const e = B.getStore();
+  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 ee = () => (A || (A = new L()), A);
+function re(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 = {}) {
   return {
-    [D]: !0,
+    [B]: !0,
     // marks this object as a leaf in the router tree
     [$]: "",
     // placeholder; injected at runtime by injectPaths()
@@ -103,31 +106,31 @@ 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, 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 m = h.getItem(r);
-        m === null ? E(k) && h.setItem(r, u(k)) : a.set(r, g(m));
+        m === null ? E(k) && h.setItem(r, a(k)) : l.set(r, g(m));
       }, f = X(
         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(() => {
         !V || !t || d(s, t, p);
@@ -136,27 +139,27 @@ function re(e = {}) {
         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));
+        E(m) && (l.set(s, m), f(m, S.current));
       });
-      N(() => {
-        if (l)
+      O(() => {
+        if (u)
           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 = _(() => {
+      }, [u]);
+      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 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, a(r));
       }, [s, c, t, f]);
       return [
         p,
         I,
-        q
+        W
       ];
     },
     /** Returns the fully qualified job name (dot-separated path). */
@@ -171,20 +174,20 @@ function J(e, n) {
     verbose: i,
     verbosePath: o,
     ssr: c,
-    cache: l
+    cache: u
   } = n;
-  let s = l.proxy.get(e);
-  s || (s = /* @__PURE__ */ new Map(), l.proxy.set(e, s));
+  let s = u.proxy.get(e);
+  s || (s = /* @__PURE__ */ new Map(), u.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) {
-        const d = u;
-        let f = l.leaf.get(d);
-        f || (f = /* @__PURE__ */ new Map(), l.leaf.set(d, f));
+    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);
         if (S)
           return S;
@@ -207,15 +210,15 @@ function J(e, n) {
         ), p = { ...d, ...w };
         return f.set(g, p), p;
       }
-      return u && typeof u == "object" ? J(u, {
+      return a && typeof a == "object" ? J(a, {
         ...n,
         path: g
-      }) : u;
+      }) : a;
     }
   });
   return s.set(t, y), y;
 }
-function oe(e, n) {
+function ce(e, n) {
   return J(e, {
     ...n,
     verbosePath: n?.verbosePath ?? "",
@@ -226,6 +229,7 @@ function oe(e, n) {
   });
 }
 export {
-  re as defineState,
-  oe as setupStorage
+  oe as defineState,
+  re as runWithStateVocab,
+  ce 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.7",
   "main": "dist/state-vocab.cjs.js",
   "module": "dist/state-vocab.es.js",
   "types": "dist/types/index.d.ts",