@directive-run/react 1.1.2 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- 'use strict';var core=require('@directive-run/core'),adapterUtils=require('@directive-run/core/adapter-utils'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var ue=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var b=Symbol("directive.uninitialized");function G(e,t){return adapterUtils.assertSystem("useFact",e),typeof t=="function"&&console.error("[Directive] useFact() received a function. Did you mean useSelector()? useFact() takes a string key or array of keys, not a selector function."),Array.isArray(t)?pe(e,t):Se(e,t)}function Se(e,t){(t in e.facts.$store.toObject()||console.warn(`[Directive] useFact("${t}") \u2014 fact not found in store. Check that "${t}" is defined in your module's schema.`));let r=react.useCallback(n=>e.facts.$store.subscribe([t],n),[e,t]),o=react.useCallback(()=>e.facts.$store.get(t),[e,t]);return react.useSyncExternalStore(r,o,o)}function pe(e,t){let r=react.useRef(b),o=react.useCallback(u=>e.facts.$store.subscribe(t,u),[e,...t]),n=react.useCallback(()=>{let u={};for(let s of t)u[s]=e.facts.$store.get(s);if(r.current!==b){let s=true;for(let i of t)if(!Object.is(r.current[i],u[i])){s=false;break}if(s)return r.current}return r.current=u,u},[e,...t]);return react.useSyncExternalStore(o,n,n)}function J(e,t){return adapterUtils.assertSystem("useDerived",e),typeof t=="function"&&console.error("[Directive] useDerived() received a function. Did you mean useSelector()? useDerived() takes a string key or array of keys, not a selector function."),Array.isArray(t)?ye(e,t):ge(e,t)}function ge(e,t){(t in e.derive||console.warn(`[Directive] useDerived("${t}") \u2014 derivation not found. Check that "${t}" is defined in your module's derive property.`));let r=react.useCallback(n=>e.subscribe([t],n),[e,t]),o=react.useCallback(()=>e.read(t),[e,t]);return react.useSyncExternalStore(r,o,o)}function ye(e,t){let r=react.useRef(b),o=react.useCallback(u=>e.subscribe(t,u),[e,...t]),n=react.useCallback(()=>{let u={};for(let s of t)u[s]=e.read(s);if(r.current!==b){let s=true;for(let i of t)if(!Object.is(r.current[i],u[i])){s=false;break}if(s)return r.current}return r.current=u,u},[e,...t]);return react.useSyncExternalStore(o,n,n)}function ve(e,t,r,o){if(e&&e._mode==="namespaced")return Me(e,t,r,o);let n=e,u,s=false,i=o??adapterUtils.defaultEquality;r!==void 0&&(u=r,s=true),!n&&!s&&console.error("[Directive] useSelector() received a null/undefined system without a default value. Provide a default value as the 3rd parameter: useSelector(system, selector, defaultValue)");let f=react.useRef(t),l=react.useRef(i),c=react.useRef(u),g=react.useRef(t),y=react.useRef(0);g.current!==t&&(g.current=t,y.current++),f.current=t,l.current=i,c.current=u;let K=y.current,v=react.useRef([]),D=react.useRef([]),k=react.useRef(b),m=react.useRef([]),P=react.useMemo(()=>n?new Set(Object.keys(n.derive)):new Set,[n]),F=react.useCallback(()=>n?adapterUtils.runTrackedSelector(n,P,f.current):{value:c.current,factKeys:[],deriveKeys:[]},[n,P]),I=react.useCallback(S=>{if(!n)return ()=>{};let p=()=>{for(let M of m.current)M();m.current=[];let{factKeys:R,deriveKeys:w}=F();v.current=R,D.current=w,R.length>0?m.current.push(n.facts.$store.subscribe(R,()=>{let M=F();adapterUtils.depsChanged(v.current,M.factKeys,D.current,M.deriveKeys)&&p(),S();})):w.length===0&&m.current.push(n.facts.$store.subscribeAll(S)),w.length>0&&m.current.push(n.subscribe(w,()=>{let M=F();adapterUtils.depsChanged(v.current,M.factKeys,D.current,M.deriveKeys)&&p(),S();}));};return p(),()=>{for(let R of m.current)R();m.current=[];}},[n,F,K]),C=react.useCallback(()=>{let S;if(!n)S=c.current;else {let{value:p}=F();S=p===void 0&&s?c.current:p;}return k.current!==b&&l.current(k.current,S)?k.current:(k.current=S,S)},[F,n,s]);return react.useSyncExternalStore(I,C,C)}function Me(e,t,r,o){let n=r!==void 0,u=o??adapterUtils.defaultEquality,s=react.useRef(t),i=react.useRef(u),f=react.useRef(r);s.current=t,i.current=u,f.current=r;let l=react.useRef(b),c=react.useMemo(()=>Object.keys(e.facts),[e]),g=react.useCallback(K=>{let v=c.map(D=>`${D}.*`);return e.subscribe(v,K)},[e,c]),y=react.useCallback(()=>{let K=s.current(e),v=K===void 0&&n?f.current:K;return l.current!==b&&i.current(l.current,v)?l.current:(l.current=v,v)},[e,n]);return react.useSyncExternalStore(g,y,y)}function X(e){return adapterUtils.assertSystem("useDispatch",e),react.useCallback(t=>{e.dispatch(t);},[e])}function Y(e,t,r){adapterUtils.assertSystem("useWatch",e);let o=react.useRef(r);o.current=r,react.useEffect(()=>e.watch(t,(n,u)=>{o.current(n,u);}),[e,t]);}function ee(e,t){adapterUtils.assertSystem("useInspect",e);let r=Re(e),o=t?.throttleMs,[n,u]=react.useState(r),s=react.useRef(null);return react.useEffect(()=>{if(!o||o<=0){s.current?.cleanup(),s.current=null;return}return s.current?.cleanup(),s.current=adapterUtils.createThrottle((...i)=>{u(i[0]);},o),()=>{s.current?.cleanup(),s.current=null;}},[o]),react.useEffect(()=>{s.current&&s.current.throttled(r);},[r]),!o||o<=0?r:n}function me(e){return adapterUtils.computeInspectState(e)}function Re(e){let t=react.useRef(null),r=react.useRef([]),o=react.useRef([]),n=react.useRef(null),u=react.useCallback(i=>{let f=e.facts.$store.subscribeAll(i),l=e.onSettledChange(i);return ()=>{f(),l();}},[e]),s=react.useCallback(()=>{let i=me(e),f=i.unmet.length===r.current.length&&i.unmet.every((g,y)=>g.id===r.current[y]),l=i.inflight.length===o.current.length&&i.inflight.every((g,y)=>g.id===o.current[y]),c=i.isSettled===n.current;return f&&l&&c&&t.current?t.current:(t.current=i,r.current=i.unmet.map(g=>g.id),o.current=i.inflight.map(g=>g.id),n.current=i.isSettled,i)},[e]);return react.useSyncExternalStore(u,s,s)}function he(e){adapterUtils.assertSystem("useHistory",e);let t=react.useRef(null),r=react.useCallback(n=>e.onHistoryChange(n),[e]),o=react.useCallback(()=>{let n=adapterUtils.buildHistoryState(e);return n?(t.current&&t.current.canGoBack===n.canGoBack&&t.current.canGoForward===n.canGoForward&&t.current.currentIndex===n.currentIndex&&t.current.totalSnapshots===n.totalSnapshots&&t.current.isPaused===n.isPaused||(t.current=n),t.current):null},[e]);return react.useSyncExternalStore(r,o,o)}function Ve(e,t){return Array.isArray(t)?xe(e,t):be(e,t)}function be(e,t){let r=react.useRef(b),o=react.useCallback(u=>e.subscribe(u),[e]),n=react.useCallback(()=>{let u=e.getStatus(t);if(r.current!==b){let s=r.current;if(s.pending===u.pending&&s.inflight===u.inflight&&s.failed===u.failed&&s.isLoading===u.isLoading&&s.hasError===u.hasError&&s.lastError===u.lastError)return r.current}return r.current=u,u},[e,t]);return react.useSyncExternalStore(o,n,n)}function xe(e,t){let r=react.useRef(null),o=react.useRef(""),n=react.useCallback(s=>e.subscribe(s),[e]),u=react.useCallback(()=>{let s={},i=[];for(let l of t){let c=e.getStatus(l);s[l]=c,i.push(`${l}:${c.pending}:${c.inflight}:${c.failed}:${c.hasError}:${c.lastError?.message??""}`);}let f=i.join("|");return f!==o.current&&(o.current=f,r.current=s),r.current??s},[e,...t]);return react.useSyncExternalStore(n,u,u)}var _=new WeakMap;function te(e){let t=_.get(e);return t||(t=new Map,_.set(e,t)),t}function qe(e,t){return Array.isArray(t)?ke(e,t):De(e,t)}function De(e,t){let r=e.getStatus(t);if(r.hasError&&r.lastError)throw r.lastError;if(r.isLoading){let o=te(e),n=o.get(t);throw n||(n=new Promise(u=>{let s=e.subscribe(()=>{e.getStatus(t).isLoading||(o.delete(t),s(),u());});}),o.set(t,n)),n}return r}function ke(e,t){let r={},o=false,n=null;for(let u of t){let s=e.getStatus(u);r[u]=s,s.hasError&&s.lastError&&!n&&(n=s.lastError),s.isLoading&&(o=true);}if(n)throw n;if(o){let u=te(e),s=t.slice().sort().join(","),i=u.get(s);throw i||(i=new Promise(f=>{let l=e.subscribe(()=>{t.every(g=>!e.getStatus(g).isLoading)&&(u.delete(s),l(),f());});}),u.set(s,i)),i}return r}function W(e,t){let r=react.useRef(null),o=react.useRef(null),n=react.useRef(null),u=t?.status===true,s="modules"in e;return r.current||(n.current=()=>{if(s){let{modules:F,...I}=e,C=t?.plugins??I.plugins??[],S=t?.history??I.history,p=t?.trace??I.trace,R=t?.errorBoundary??I.errorBoundary,w=t?.tickMs??I.tickMs,M=t?.zeroConfig??I.zeroConfig,T=t?.initialFacts??I.initialFacts,O=core.createSystem({modules:F,plugins:C.length>0?C:void 0,history:S,trace:p,errorBoundary:R,tickMs:w,zeroConfig:M,initialFacts:T});return O.initialize(),typeof window<"u"&&O.start(),O}let i="id"in e&&"schema"in e,f=i?e:e.module,l=i?{}:e,c=t?.plugins??l.plugins??[],g=t?.history??l.history,y=t?.trace??l.trace,K=t?.errorBoundary??l.errorBoundary,v=t?.tickMs??l.tickMs,D=t?.zeroConfig??l.zeroConfig,k=t?.initialFacts??l.initialFacts,m=[...c];u&&(o.current=core.createRequirementStatusPlugin(),m=[...m,o.current.plugin]);let P=core.createSystem({module:f,plugins:m.length>0?m:void 0,history:g,trace:y,errorBoundary:K,tickMs:v,zeroConfig:D,initialFacts:k});return P.initialize(),typeof window<"u"&&P.start(),P},r.current=n.current()),react.useEffect(()=>(!r.current&&n.current&&(r.current=n.current()),()=>{r.current?.destroy(),r.current=null,o.current=null;}),[]),u&&!s?{system:r.current,statusPlugin:o.current}:r.current}function Oe(e,t,r){let o=react.useRef(t);o.current=t;let n=react.useRef(r);n.current=r;let u=react.useCallback(i=>e.subscribe(o.current,i),[e]),s=react.useCallback(()=>n.current(e),[e]);return react.useSyncExternalStore(u,s,s)}function $e(e,t={}){let{facts:r,derived:o,status:n,...u}=t,s=r??[],i=o??[],f=s.length===0&&i.length===0,l=n?W(e,{status:true,...u}):W(e,u),c=n?l.system:l,g=n?l.statusPlugin:void 0,y=react.useMemo(()=>f?Object.keys(c.derive):[],[c,f]),K=react.useCallback(S=>{let p=[];return f?(p.push(c.facts.$store.subscribeAll(S)),y.length>0&&p.push(c.subscribe(y,S))):(s.length>0&&p.push(c.facts.$store.subscribe(s,S)),i.length>0&&p.push(c.subscribe(i,S))),()=>{for(let R of p)R();}},[c,f,...s,...i,...y]),v=react.useRef(b),D=react.useRef(b),k=react.useRef(null),m=react.useCallback(()=>{let S,p,R,w;if(f){S=c.facts.$store.toObject(),R=Object.keys(S),p={};for(let h of y)p[h]=c.read(h);w=y;}else {S={};for(let h of s)S[h]=c.facts[h];R=s,p={};for(let h of i)p[h]=c.read(h);w=i;}let M=v.current!==b;if(M){let h=v.current;if(Object.keys(h).length!==R.length)M=false;else for(let $ of R)if(!Object.is(h[$],S[$])){M=false;break}}let T=D.current!==b;if(T){let h=D.current;if(Object.keys(h).length!==w.length)T=false;else for(let $ of w)if(!Object.is(h[$],p[$])){T=false;break}}let O=M?v.current:S,se=T?D.current:p;return M||(v.current=S),T||(D.current=p),M&&T&&k.current||(k.current={facts:O,derived:se}),k.current},[c,f,...s,...i,...y]),P=react.useSyncExternalStore(K,m,m),F=react.useCallback(S=>c.dispatch(S),[c]),I=L(c),C={system:c,dispatch:F,events:I,facts:P.facts,derived:P.derived};return n&&g?{...C,statusPlugin:g}:C}function L(e){return adapterUtils.assertSystem("useEvents",e),react.useMemo(()=>e.events,[e])}function Ie(e,t){adapterUtils.assertSystem("useExplain",e);let r=react.useCallback(n=>{let u=e.facts.$store.subscribeAll(n),s=e.onSettledChange(n);return ()=>{u(),s();}},[e]),o=react.useCallback(()=>e.explain(t),[e,t]);return react.useSyncExternalStore(r,o,o)}function Be(e,t){adapterUtils.assertSystem("useConstraintStatus",e);let r=ee(e);return react.useMemo(()=>{let o=e.inspect();return t?o.constraints.find(n=>n.id===t)??null:o.constraints},[e,t,r])}function Ne(e,t,r){adapterUtils.assertSystem("useOptimisticUpdate",e);let[o,n]=react.useState(false),[u,s]=react.useState(null),i=react.useRef(null),f=react.useCallback(()=>{i.current&&(e.restore(i.current),i.current=null),n(false),s(null);},[e]),l=react.useCallback(c=>{i.current=e.getSnapshot(),n(true),s(null),e.batch(c);},[e]);return react.useEffect(()=>{if(!(!t||!r||!o))return t.subscribe(()=>{let c=t.getStatus(r);!c.isLoading&&!c.hasError?(i.current=null,n(false)):c.hasError&&(s(c.lastError),f());})},[t,r,o,f]),{mutate:l,isPending:o,error:u,rollback:f}}var ne=react.createContext(null);function He({snapshot:e,children:t}){return jsxRuntime.jsx(ne.Provider,{value:e,children:t})}function We(e,t){let r=react.useContext(ne),o=react.useMemo(()=>{let n=adapterUtils.mergeHydrationFacts(r,t?.initialFacts);return {...t??{},initialFacts:n}},[r,t]);return W(e,o)}function Le(){return {useFact:(e,t)=>G(e,t),useDerived:(e,t)=>J(e,t),useDispatch:e=>X(e),useEvents:e=>L(e),useWatch:(e,t,r)=>Y(e,t,r)}}var B=null;function we(){if(!B)try{B=ue("@directive-run/query").createQuerySystem;}catch{throw new Error("[Directive] @directive-run/query is not installed. Install it with: pnpm add @directive-run/query")}return B}function je(e){let t=react.useRef(e),r=react.useMemo(()=>{let u=we();return ()=>u(t.current)},[]),o=react.useRef(null),n=react.useRef(r);return n.current=r,o.current||(o.current=n.current()),react.useEffect(()=>(!o.current&&n.current&&(o.current=n.current()),typeof window<"u"&&o.current&&!o.current.isRunning&&o.current.start(),()=>{o.current?.destroy(),o.current=null;}),[]),o.current}var N=new WeakMap;function Ae(e,t){let r=react.useCallback(s=>e.subscribe([t],s),[e,t]),o=react.useCallback(()=>e.read(t),[e,t]),n=react.useSyncExternalStore(r,o,o);N.has(e)||N.set(e,new Map);let u=N.get(e);if(n?.status==="success"&&n?.data!==null)return u.has(t)&&(u.get(t).resolve(),u.delete(t)),n.data;if(n?.status==="error"&&n?.error)throw u.has(t)&&(u.get(t).resolve(),u.delete(t)),n.error;if(!u.has(t)){let s,i=new Promise(l=>{s=l;});u.set(t,{promise:i,resolve:s});let f=e.subscribe([t],()=>{let l=e.read(t);if(l?.status==="success"||l?.status==="error"){let c=u.get(t);c&&(c.resolve(),u.delete(t)),f();}});}throw u.get(t).promise}function _e(e){let t=react.createContext(null);function r(){let n=react.useContext(t);if(!n)throw new Error("[Directive] useSystem called outside of <Provider>. Wrap your component tree with the Provider from createDirectiveContext().");return n}function o({children:n,system:u}){return jsxRuntime.jsx(t.Provider,{value:u??e,children:n})}return o.displayName="DirectiveProvider",{Provider:o,useSystem:r,useFact:n=>G(r(),n),useDerived:n=>J(r(),n),useEvents:()=>L(r()),useDispatch:()=>X(r()),useSelector:(n,u)=>ve(r(),n,u),useWatch:(n,u)=>Y(r(),n,u),useInspect:()=>ee(r()),useExplain:n=>Ie(r(),n),useHistory:()=>he(r())}}Object.defineProperty(exports,"shallowEqual",{enumerable:true,get:function(){return adapterUtils.shallowEqual}});exports.DirectiveHydrator=He;exports.createDirectiveContext=_e;exports.createTypedHooks=Le;exports.useConstraintStatus=Be;exports.useDerived=J;exports.useDirective=$e;exports.useDirectiveRef=W;exports.useDispatch=X;exports.useEvents=L;exports.useExplain=Ie;exports.useFact=G;exports.useHistory=he;exports.useHydratedSystem=We;exports.useInspect=ee;exports.useNamespacedSelector=Oe;exports.useOptimisticUpdate=Ne;exports.useQuerySystem=je;exports.useRequirementStatus=Ve;exports.useSelector=ve;exports.useSuspenseQuery=Ae;exports.useSuspenseRequirement=qe;exports.useWatch=Y;//# sourceMappingURL=index.cjs.map
1
+ 'use strict';var core=require('@directive-run/core'),adapterUtils=require('@directive-run/core/adapter-utils'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var ue=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var k=Symbol("directive.uninitialized");function A(e,t){return adapterUtils.assertSystem("useFact",e),typeof t=="function"&&console.error("[Directive] useFact() received a function. Did you mean useSelector()? useFact() takes a string key or array of keys, not a selector function."),Array.isArray(t)?pe(e,t):Se(e,t)}function Se(e,t){(t in e.facts.$store.toObject()||console.warn(`[Directive] useFact("${t}") \u2014 fact not found in store. Check that "${t}" is defined in your module's schema.`));let r=react.useCallback(n=>e.facts.$store.subscribe([t],n),[e,t]),s=react.useCallback(()=>e.facts.$store.get(t),[e,t]);return react.useSyncExternalStore(r,s,s)}function pe(e,t){let r=react.useRef(k),s=react.useCallback(u=>e.facts.$store.subscribe(t,u),[e,...t]),n=react.useCallback(()=>{let u={};for(let o of t)u[o]=e.facts.$store.get(o);if(r.current!==k){let o=true;for(let i of t)if(!Object.is(r.current[i],u[i])){o=false;break}if(o)return r.current}return r.current=u,u},[e,...t]);return react.useSyncExternalStore(s,n,n)}function $e(e,t,r){adapterUtils.assertSystem("useFactWithDefault",e);let s=react.useRef(null);(s.current===null||s.current.system!==e)&&(s.current={system:e,value:r()});let n=A(e,t);return n??s.current.value}function J(e,t){return adapterUtils.assertSystem("useDerived",e),typeof t=="function"&&console.error("[Directive] useDerived() received a function. Did you mean useSelector()? useDerived() takes a string key or array of keys, not a selector function."),Array.isArray(t)?ye(e,t):ge(e,t)}function ge(e,t){(t in e.derive||console.warn(`[Directive] useDerived("${t}") \u2014 derivation not found. Check that "${t}" is defined in your module's derive property.`));let r=react.useCallback(n=>e.subscribe([t],n),[e,t]),s=react.useCallback(()=>e.read(t),[e,t]);return react.useSyncExternalStore(r,s,s)}function ye(e,t){let r=react.useRef(k),s=react.useCallback(u=>e.subscribe(t,u),[e,...t]),n=react.useCallback(()=>{let u={};for(let o of t)u[o]=e.read(o);if(r.current!==k){let o=true;for(let i of t)if(!Object.is(r.current[i],u[i])){o=false;break}if(o)return r.current}return r.current=u,u},[e,...t]);return react.useSyncExternalStore(s,n,n)}function ve(e,t,r,s){if(e&&e._mode==="namespaced")return Me(e,t,r,s);let n=e,u,o=false,i=s??adapterUtils.defaultEquality;r!==void 0&&(u=r,o=true),!n&&!o&&console.error("[Directive] useSelector() received a null/undefined system without a default value. Provide a default value as the 3rd parameter: useSelector(system, selector, defaultValue)");let f=react.useRef(t),a=react.useRef(i),c=react.useRef(u),g=react.useRef(t),y=react.useRef(0);g.current!==t&&(g.current=t,y.current++),f.current=t,a.current=i,c.current=u;let F=y.current,v=react.useRef([]),x=react.useRef([]),I=react.useRef(k),m=react.useRef([]),P=react.useMemo(()=>n?new Set(Object.keys(n.derive)):new Set,[n]),E=react.useCallback(()=>n?adapterUtils.runTrackedSelector(n,P,f.current):{value:c.current,factKeys:[],deriveKeys:[]},[n,P]),w=react.useCallback(S=>{if(!n)return ()=>{};let p=()=>{for(let M of m.current)M();m.current=[];let{factKeys:R,deriveKeys:K}=E();v.current=R,x.current=K,R.length>0?m.current.push(n.facts.$store.subscribe(R,()=>{let M=E();adapterUtils.depsChanged(v.current,M.factKeys,x.current,M.deriveKeys)&&p(),S();})):K.length===0&&m.current.push(n.facts.$store.subscribeAll(S)),K.length>0&&m.current.push(n.subscribe(K,()=>{let M=E();adapterUtils.depsChanged(v.current,M.factKeys,x.current,M.deriveKeys)&&p(),S();}));};return p(),()=>{for(let R of m.current)R();m.current=[];}},[n,E,F]),C=react.useCallback(()=>{let S;if(!n)S=c.current;else {let{value:p}=E();S=p===void 0&&o?c.current:p;}return I.current!==k&&a.current(I.current,S)?I.current:(I.current=S,S)},[E,n,o]);return react.useSyncExternalStore(w,C,C)}function Me(e,t,r,s){let n=r!==void 0,u=s??adapterUtils.defaultEquality,o=react.useRef(t),i=react.useRef(u),f=react.useRef(r);o.current=t,i.current=u,f.current=r;let a=react.useRef(k),c=react.useMemo(()=>Object.keys(e.facts),[e]),g=react.useCallback(F=>{let v=c.map(x=>`${x}.*`);return e.subscribe(v,F)},[e,c]),y=react.useCallback(()=>{let F=o.current(e),v=F===void 0&&n?f.current:F;return a.current!==k&&i.current(a.current,v)?a.current:(a.current=v,v)},[e,n]);return react.useSyncExternalStore(g,y,y)}function X(e){return adapterUtils.assertSystem("useDispatch",e),react.useCallback(t=>{e.dispatch(t);},[e])}function Y(e,t,r){adapterUtils.assertSystem("useWatch",e);let s=react.useRef(r);s.current=r,react.useEffect(()=>e.watch(t,(n,u)=>{s.current(n,u);}),[e,t]);}function me(e,t,r,s){adapterUtils.assertSystem("useTickWhile",e);let n=react.useRef(t);n.current=t;let u=react.useCallback(f=>{let a=e.facts.$store.subscribeAll(f),c=e.onSettledChange(f);return ()=>{a(),c();}},[e]),o=react.useCallback(()=>n.current(e),[e]),i=react.useSyncExternalStore(u,o,o);react.useEffect(()=>{if(!i)return;if(!Number.isFinite(s)||s<=0){console.warn(`[Directive] useTickWhile() received non-positive intervalMs: ${s}. Interval will not fire.`);return}let f=setInterval(()=>{let c=e.events[r];typeof c=="function"?c():console.warn(`[Directive] useTickWhile() \u2014 event "${String(r)}" not found on system.events.`);},s);return ()=>clearInterval(f)},[i,e,r,s]);}function ee(e,t){adapterUtils.assertSystem("useInspect",e);let r=Re(e),s=t?.throttleMs,[n,u]=react.useState(r),o=react.useRef(null);return react.useEffect(()=>{if(!s||s<=0){o.current?.cleanup(),o.current=null;return}return o.current?.cleanup(),o.current=adapterUtils.createThrottle((...i)=>{u(i[0]);},s),()=>{o.current?.cleanup(),o.current=null;}},[s]),react.useEffect(()=>{o.current&&o.current.throttled(r);},[r]),!s||s<=0?r:n}function he(e){return adapterUtils.computeInspectState(e)}function Re(e){let t=react.useRef(null),r=react.useRef([]),s=react.useRef([]),n=react.useRef(null),u=react.useCallback(i=>{let f=e.facts.$store.subscribeAll(i),a=e.onSettledChange(i);return ()=>{f(),a();}},[e]),o=react.useCallback(()=>{let i=he(e),f=i.unmet.length===r.current.length&&i.unmet.every((g,y)=>g.id===r.current[y]),a=i.inflight.length===s.current.length&&i.inflight.every((g,y)=>g.id===s.current[y]),c=i.isSettled===n.current;return f&&a&&c&&t.current?t.current:(t.current=i,r.current=i.unmet.map(g=>g.id),s.current=i.inflight.map(g=>g.id),n.current=i.isSettled,i)},[e]);return react.useSyncExternalStore(u,o,o)}function be(e){adapterUtils.assertSystem("useHistory",e);let t=react.useRef(null),r=react.useCallback(n=>e.onHistoryChange(n),[e]),s=react.useCallback(()=>{let n=adapterUtils.buildHistoryState(e);return n?(t.current&&t.current.canGoBack===n.canGoBack&&t.current.canGoForward===n.canGoForward&&t.current.currentIndex===n.currentIndex&&t.current.totalSnapshots===n.totalSnapshots&&t.current.isPaused===n.isPaused||(t.current=n),t.current):null},[e]);return react.useSyncExternalStore(r,s,s)}function qe(e,t){return Array.isArray(t)?xe(e,t):ke(e,t)}function ke(e,t){let r=react.useRef(k),s=react.useCallback(u=>e.subscribe(u),[e]),n=react.useCallback(()=>{let u=e.getStatus(t);if(r.current!==k){let o=r.current;if(o.pending===u.pending&&o.inflight===u.inflight&&o.failed===u.failed&&o.isLoading===u.isLoading&&o.hasError===u.hasError&&o.lastError===u.lastError)return r.current}return r.current=u,u},[e,t]);return react.useSyncExternalStore(s,n,n)}function xe(e,t){let r=react.useRef(null),s=react.useRef(""),n=react.useCallback(o=>e.subscribe(o),[e]),u=react.useCallback(()=>{let o={},i=[];for(let a of t){let c=e.getStatus(a);o[a]=c,i.push(`${a}:${c.pending}:${c.inflight}:${c.failed}:${c.hasError}:${c.lastError?.message??""}`);}let f=i.join("|");return f!==s.current&&(s.current=f,r.current=o),r.current??o},[e,...t]);return react.useSyncExternalStore(n,u,u)}var z=new WeakMap;function te(e){let t=z.get(e);return t||(t=new Map,z.set(e,t)),t}function Ne(e,t){return Array.isArray(t)?Ie(e,t):De(e,t)}function De(e,t){let r=e.getStatus(t);if(r.hasError&&r.lastError)throw r.lastError;if(r.isLoading){let s=te(e),n=s.get(t);throw n||(n=new Promise(u=>{let o=e.subscribe(()=>{e.getStatus(t).isLoading||(s.delete(t),o(),u());});}),s.set(t,n)),n}return r}function Ie(e,t){let r={},s=false,n=null;for(let u of t){let o=e.getStatus(u);r[u]=o,o.hasError&&o.lastError&&!n&&(n=o.lastError),o.isLoading&&(s=true);}if(n)throw n;if(s){let u=te(e),o=t.slice().sort().join(","),i=u.get(o);throw i||(i=new Promise(f=>{let a=e.subscribe(()=>{t.every(g=>!e.getStatus(g).isLoading)&&(u.delete(o),a(),f());});}),u.set(o,i)),i}return r}function H(e,t){let r=react.useRef(null),s=react.useRef(null),n=react.useRef(null),u=t?.status===true,o="modules"in e;return r.current||(n.current=()=>{if(o){let{modules:E,...w}=e,C=t?.plugins??w.plugins??[],S=t?.history??w.history,p=t?.trace??w.trace,R=t?.errorBoundary??w.errorBoundary,K=t?.tickMs??w.tickMs,M=t?.zeroConfig??w.zeroConfig,T=t?.initialFacts??w.initialFacts,q=core.createSystem({modules:E,plugins:C.length>0?C:void 0,history:S,trace:p,errorBoundary:R,tickMs:K,zeroConfig:M,initialFacts:T});return q.initialize(),typeof window<"u"&&q.start(),q}let i="id"in e&&"schema"in e,f=i?e:e.module,a=i?{}:e,c=t?.plugins??a.plugins??[],g=t?.history??a.history,y=t?.trace??a.trace,F=t?.errorBoundary??a.errorBoundary,v=t?.tickMs??a.tickMs,x=t?.zeroConfig??a.zeroConfig,I=t?.initialFacts??a.initialFacts,m=[...c];u&&(s.current=core.createRequirementStatusPlugin(),m=[...m,s.current.plugin]);let P=core.createSystem({module:f,plugins:m.length>0?m:void 0,history:g,trace:y,errorBoundary:F,tickMs:v,zeroConfig:x,initialFacts:I});return P.initialize(),typeof window<"u"&&P.start(),P},r.current=n.current()),react.useEffect(()=>(!r.current&&n.current&&(r.current=n.current()),()=>{r.current?.destroy(),r.current=null,s.current=null;}),[]),u&&!o?{system:r.current,statusPlugin:s.current}:r.current}function Oe(e,t,r){let s=react.useRef(t);s.current=t;let n=react.useRef(r);n.current=r;let u=react.useCallback(i=>e.subscribe(s.current,i),[e]),o=react.useCallback(()=>n.current(e),[e]);return react.useSyncExternalStore(u,o,o)}function We(e,t={}){let{facts:r,derived:s,status:n,...u}=t,o=r??[],i=s??[],f=o.length===0&&i.length===0,a=n?H(e,{status:true,...u}):H(e,u),c=n?a.system:a,g=n?a.statusPlugin:void 0,y=react.useMemo(()=>f?Object.keys(c.derive):[],[c,f]),F=react.useCallback(S=>{let p=[];return f?(p.push(c.facts.$store.subscribeAll(S)),y.length>0&&p.push(c.subscribe(y,S))):(o.length>0&&p.push(c.facts.$store.subscribe(o,S)),i.length>0&&p.push(c.subscribe(i,S))),()=>{for(let R of p)R();}},[c,f,...o,...i,...y]),v=react.useRef(k),x=react.useRef(k),I=react.useRef(null),m=react.useCallback(()=>{let S,p,R,K;if(f){S=c.facts.$store.toObject(),R=Object.keys(S),p={};for(let b of y)p[b]=c.read(b);K=y;}else {S={};for(let b of o)S[b]=c.facts[b];R=o,p={};for(let b of i)p[b]=c.read(b);K=i;}let M=v.current!==k;if(M){let b=v.current;if(Object.keys(b).length!==R.length)M=false;else for(let N of R)if(!Object.is(b[N],S[N])){M=false;break}}let T=x.current!==k;if(T){let b=x.current;if(Object.keys(b).length!==K.length)T=false;else for(let N of K)if(!Object.is(b[N],p[N])){T=false;break}}let q=M?v.current:S,se=T?x.current:p;return M||(v.current=S),T||(x.current=p),M&&T&&I.current||(I.current={facts:q,derived:se}),I.current},[c,f,...o,...i,...y]),P=react.useSyncExternalStore(F,m,m),E=react.useCallback(S=>c.dispatch(S),[c]),w=L(c),C={system:c,dispatch:E,events:w,facts:P.facts,derived:P.derived};return n&&g?{...C,statusPlugin:g}:C}function L(e){return adapterUtils.assertSystem("useEvents",e),react.useMemo(()=>e.events,[e])}function we(e,t){adapterUtils.assertSystem("useExplain",e);let r=react.useCallback(n=>{let u=e.facts.$store.subscribeAll(n),o=e.onSettledChange(n);return ()=>{u(),o();}},[e]),s=react.useCallback(()=>e.explain(t),[e,t]);return react.useSyncExternalStore(r,s,s)}function Be(e,t){adapterUtils.assertSystem("useConstraintStatus",e);let r=ee(e);return react.useMemo(()=>{let s=e.inspect();return t?s.constraints.find(n=>n.id===t)??null:s.constraints},[e,t,r])}function He(e,t,r){adapterUtils.assertSystem("useOptimisticUpdate",e);let[s,n]=react.useState(false),[u,o]=react.useState(null),i=react.useRef(null),f=react.useCallback(()=>{i.current&&(e.restore(i.current),i.current=null),n(false),o(null);},[e]),a=react.useCallback(c=>{i.current=e.getSnapshot(),n(true),o(null),e.batch(c);},[e]);return react.useEffect(()=>{if(!(!t||!r||!s))return t.subscribe(()=>{let c=t.getStatus(r);!c.isLoading&&!c.hasError?(i.current=null,n(false)):c.hasError&&(o(c.lastError),f());})},[t,r,s,f]),{mutate:a,isPending:s,error:u,rollback:f}}var ne=react.createContext(null);function Ae({snapshot:e,children:t}){return jsxRuntime.jsx(ne.Provider,{value:e,children:t})}function Le(e,t){let r=react.useContext(ne),s=react.useMemo(()=>{let n=adapterUtils.mergeHydrationFacts(r,t?.initialFacts);return {...t??{},initialFacts:n}},[r,t]);return H(e,s)}function je(){return {useFact:(e,t)=>A(e,t),useDerived:(e,t)=>J(e,t),useDispatch:e=>X(e),useEvents:e=>L(e),useWatch:(e,t,r)=>Y(e,t,r)}}var O=null;function Ke(){if(!O)try{O=ue("@directive-run/query").createQuerySystem;}catch{throw new Error("[Directive] @directive-run/query is not installed. Install it with: pnpm add @directive-run/query")}return O}function _e(e){let t=react.useRef(e),r=react.useMemo(()=>{let u=Ke();return ()=>u(t.current)},[]),s=react.useRef(null),n=react.useRef(r);return n.current=r,s.current||(s.current=n.current()),react.useEffect(()=>(!s.current&&n.current&&(s.current=n.current()),typeof window<"u"&&s.current&&!s.current.isRunning&&s.current.start(),()=>{s.current?.destroy(),s.current=null;}),[]),s.current}var W=new WeakMap;function ze(e,t){let r=react.useCallback(o=>e.subscribe([t],o),[e,t]),s=react.useCallback(()=>e.read(t),[e,t]),n=react.useSyncExternalStore(r,s,s);W.has(e)||W.set(e,new Map);let u=W.get(e);if(n?.status==="success"&&n?.data!==null)return u.has(t)&&(u.get(t).resolve(),u.delete(t)),n.data;if(n?.status==="error"&&n?.error)throw u.has(t)&&(u.get(t).resolve(),u.delete(t)),n.error;if(!u.has(t)){let o,i=new Promise(a=>{o=a;});u.set(t,{promise:i,resolve:o});let f=e.subscribe([t],()=>{let a=e.read(t);if(a?.status==="success"||a?.status==="error"){let c=u.get(t);c&&(c.resolve(),u.delete(t)),f();}});}throw u.get(t).promise}function Qe(e){let t=react.createContext(null);function r(){let n=react.useContext(t);if(!n)throw new Error("[Directive] useSystem called outside of <Provider>. Wrap your component tree with the Provider from createDirectiveContext().");return n}function s({children:n,system:u}){return jsxRuntime.jsx(t.Provider,{value:u??e,children:n})}return s.displayName="DirectiveProvider",{Provider:s,useSystem:r,useFact:n=>A(r(),n),useDerived:n=>J(r(),n),useEvents:()=>L(r()),useDispatch:()=>X(r()),useSelector:(n,u)=>ve(r(),n,u),useWatch:(n,u)=>Y(r(),n,u),useTickWhile:(n,u,o)=>me(r(),n,u,o),useInspect:()=>ee(r()),useExplain:n=>we(r(),n),useHistory:()=>be(r())}}Object.defineProperty(exports,"shallowEqual",{enumerable:true,get:function(){return adapterUtils.shallowEqual}});exports.DirectiveHydrator=Ae;exports.createDirectiveContext=Qe;exports.createTypedHooks=je;exports.useConstraintStatus=Be;exports.useDerived=J;exports.useDirective=We;exports.useDirectiveRef=H;exports.useDispatch=X;exports.useEvents=L;exports.useExplain=we;exports.useFact=A;exports.useFactWithDefault=$e;exports.useHistory=be;exports.useHydratedSystem=Le;exports.useInspect=ee;exports.useNamespacedSelector=Oe;exports.useOptimisticUpdate=He;exports.useQuerySystem=_e;exports.useRequirementStatus=qe;exports.useSelector=ve;exports.useSuspenseQuery=ze;exports.useSuspenseRequirement=Ne;exports.useTickWhile=me;exports.useWatch=Y;//# sourceMappingURL=index.cjs.map
2
2
  //# sourceMappingURL=index.cjs.map