@yakocloud/state-vocab 3.0.8 → 3.0.9

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 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(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=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 h.useMemo(()=>J(e,n),t)}function O(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;
+`),...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 _=Symbol.for("request-state-vocab-storage"),N=globalThis;typeof window>"u"&&(N[_]??=new AsyncLocalStorage);const G=()=>{const e=N[_]?.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 N[_]?.run(new M,e)}const X=()=>typeof window>"u"?G():Q(),D=Symbol("state-def"),k=Symbol("state-path"),R=Symbol("state-verbose"),x=Symbol("state-verbose-path"),L=Symbol("state-ssr"),W=typeof window>"u",Y=W?h.useEffect:h.useLayoutEffect;function Z(e={}){return{[D]:!0,[k]:"",[R]:!1,[x]:"",[L]:!1,useState(n){const t=W?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,S,P)=>{const w=S.getItem(r);w===null?V(P)&&S.setItem(r,l(P)):u.set(r,g(w))},f=K(n.onSet??(()=>{}),n.delayedSet,[]),y=h.useRef(void 0),$=h.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=h.useSyncExternalStore(u.subscribe.bind(u),u.getClientSnapshot.bind(u),u.getServerSnapshot.bind(u));if(p)if(b){const r=z(E,b);r&&O(r)}else O(E);const m=z(E,s,c);y.current=m,Y(()=>{!T||!t||d(s,t,m)},[]);const v=h.useEffectEvent(r=>{if(r.key!==s)return;const S=r.newValue,w=(S===null?null:g(S))??c;V(w)&&(u.set(s,w),f(w,y.current))});h.useEffect(()=>{if(a)return window.addEventListener("storage",v),()=>window.removeEventListener("storage",v)},[a]);const I=h.useCallback(r=>{const S=j(r)?r(y.current):r;u.set(s,S),f(S,y.current),t&&t.setItem(s,l(S))},[s,t,f]),B=h.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 q(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"&&D 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"?q(l,{...n,path:g}):l}});return s.set(t,b),b}function ee(e,n){return q(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 W, useRef as M, useSyncExternalStore as H, useEffect as j, useLayoutEffect as G, useEffectEvent as Q, useCallback as N } from "react";
+import { useMemo as q, useRef as N, useSyncExternalStore as H, useEffect as j, useLayoutEffect as G, useEffectEvent as Q, useCallback as D } from "react";
 function z(e, n, t) {
   if (!n)
     return e;
@@ -29,13 +29,13 @@ function X(e, n = 0) {
   };
 }
 function Y(e, n, t = []) {
-  return W(
+  return q(
     () => X(e, n),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
   );
 }
-function D(e) {
+function O(e) {
   const n = JSON.stringify(e, null, 2).split(`
 `), t = [], i = [];
   for (const o of n) {
@@ -53,7 +53,7 @@ function D(e) {
   console.log(t.join(`
 `), ...i, e);
 }
-const q = (e) => typeof e == "function", Z = (e) => typeof e == "function", E = (e) => typeof e < "u", x = (e) => Z(e) ? e() : e;
+const B = (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,18 +73,14 @@ class L {
     return z(this.#e, n);
   }
   set(n, t) {
-    const i = z(this.#e, n), o = q(t) ? t(i) : t, c = { ...this.#e };
+    const i = z(this.#e, n), o = B(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 _;
-if (typeof window > "u") {
-  const e = globalThis;
-  e[O] ??= new AsyncLocalStorage(), _ = e[O];
-}
+const _ = Symbol.for("request-state-vocab-storage"), M = globalThis;
+typeof window > "u" && (M[_] ??= new AsyncLocalStorage());
 const ee = () => {
-  const e = _.getStore();
+  const e = M[_]?.getStore();
   if (!e)
     throw new Error(`${L.name} must be initialized for this request`);
   return e;
@@ -92,12 +88,12 @@ const ee = () => {
 let A = null;
 const te = () => (A || (A = new L()), A);
 function oe(e) {
-  return _.run(new L(), e);
+  return M[_]?.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;
+const ne = () => typeof window > "u" ? ee() : te(), F = Symbol("state-def"), $ = Symbol("state-path"), P = Symbol("state-verbose"), C = Symbol("state-verbose-path"), R = Symbol("state-ssr"), J = typeof window > "u", se = J ? j : G;
 function ce(e = {}) {
   return {
-    [B]: !0,
+    [F]: !0,
     // marks this object as a leaf in the router tree
     [$]: "",
     // placeholder; injected at runtime by injectPaths()
@@ -108,7 +104,7 @@ function ce(e = {}) {
     [R]: !1,
     // placeholder
     useState(n) {
-      const t = F ? void 0 : x(e.storage), i = x(e.defaultValue), o = e.bidirectional;
+      const t = J ? void 0 : x(e.storage), i = x(e.defaultValue), o = e.bidirectional;
       n ??= {};
       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);
@@ -118,7 +114,7 @@ function ce(e = {}) {
         }),
         n.delayedSet,
         []
-      ), S = M(void 0), T = M(!1);
+      ), S = N(void 0), T = N(!1);
       if (!T.current) {
         T.current = !0;
         let r = l.get(s);
@@ -132,9 +128,9 @@ function ce(e = {}) {
       if (v)
         if (y) {
           const r = z(w, y);
-          r && D(r);
+          r && O(r);
         } else
-          D(w);
+          O(w);
       const p = z(w, s, c);
       S.current = p, se(() => {
         !V || !t || d(s, t, p);
@@ -149,10 +145,10 @@ function ce(e = {}) {
         if (a)
           return window.addEventListener("storage", g), () => window.removeEventListener("storage", g);
       }, [a]);
-      const I = N((r) => {
-        const h = q(r) ? r(S.current) : r;
+      const I = D((r) => {
+        const h = B(r) ? r(S.current) : r;
         l.set(s, h), f(h, S.current), t && t.setItem(s, u(h));
-      }, [s, t, f]), K = N(() => {
+      }, [s, t, f]), W = D(() => {
         const r = c;
         if (!E(r)) {
           t?.removeItem(s);
@@ -163,7 +159,7 @@ function ce(e = {}) {
       return [
         p,
         I,
-        K
+        W
       ];
     },
     /** Returns the fully qualified job name (dot-separated path). */
@@ -172,7 +168,7 @@ function ce(e = {}) {
     }
   };
 }
-function J(e, n) {
+function K(e, n) {
   const {
     path: t = "",
     verbose: i,
@@ -188,7 +184,7 @@ function J(e, n) {
   const y = new Proxy(e, {
     get(V, l) {
       const u = V[l], b = t ? `${t}.${String(l)}` : String(l);
-      if (u && typeof u == "object" && B in u) {
+      if (u && typeof u == "object" && F in u) {
         const d = u;
         let f = a.leaf.get(d);
         f || (f = /* @__PURE__ */ new Map(), a.leaf.set(d, f));
@@ -214,7 +210,7 @@ function J(e, n) {
         ), p = { ...d, ...w };
         return f.set(b, p), p;
       }
-      return u && typeof u == "object" ? J(u, {
+      return u && typeof u == "object" ? K(u, {
         ...n,
         path: b
       }) : u;
@@ -223,7 +219,7 @@ function J(e, n) {
   return s.set(t, y), y;
 }
 function ie(e, n) {
-  return J(e, {
+  return K(e, {
     ...n,
     verbosePath: n?.verbosePath ?? "",
     cache: {

package/dist/types/store.d.ts

@@ -12,6 +12,6 @@ declare class VocabStore {
     get<V>(statePath: string): V | undefined;
     set<V>(statePath: string, value: ValueOrTransformer<V>): void;
 }
-export declare function runWithStateVocab<T>(fn: () => T): T;
+export declare function runWithStateVocab<T>(fn: () => T): T | undefined;
 export declare const getVocabStore: () => VocabStore;
 export {};

package/package.json

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