@directive-run/react 1.3.0 → 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 +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +42 -1
- package/dist/index.d.ts +42 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
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 x=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]),s=react.useCallback(()=>e.facts.$store.get(t),[e,t]);return react.useSyncExternalStore(r,s,s)}function pe(e,t){let r=react.useRef(x),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!==x){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 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(x),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!==x){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([]),k=react.useRef([]),D=react.useRef(x),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]),I=react.useCallback(S=>{if(!n)return ()=>{};let p=()=>{for(let M of m.current)M();m.current=[];let{factKeys:R,deriveKeys:w}=E();v.current=R,k.current=w,R.length>0?m.current.push(n.facts.$store.subscribe(R,()=>{let M=E();adapterUtils.depsChanged(v.current,M.factKeys,k.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=E();adapterUtils.depsChanged(v.current,M.factKeys,k.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 D.current!==x&&a.current(D.current,S)?D.current:(D.current=S,S)},[E,n,o]);return react.useSyncExternalStore(I,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(x),c=react.useMemo(()=>Object.keys(e.facts),[e]),g=react.useCallback(F=>{let v=c.map(k=>`${k}.*`);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!==x&&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 $e(e,t){return Array.isArray(t)?ke(e,t):xe(e,t)}function xe(e,t){let r=react.useRef(x),s=react.useCallback(u=>e.subscribe(u),[e]),n=react.useCallback(()=>{let u=e.getStatus(t);if(r.current!==x){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 ke(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 _=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)?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,...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,q=core.createSystem({modules:E,plugins:C.length>0?C:void 0,history:S,trace:p,errorBoundary:R,tickMs:w,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,k=t?.zeroConfig??a.zeroConfig,D=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:k,initialFacts:D});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 Be(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(x),k=react.useRef(x),D=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 b of y)p[b]=c.read(b);w=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);w=i;}let M=v.current!==x;if(M){let b=v.current;if(Object.keys(b).length!==R.length)M=false;else for(let O of R)if(!Object.is(b[O],S[O])){M=false;break}}let T=k.current!==x;if(T){let b=k.current;if(Object.keys(b).length!==w.length)T=false;else for(let O of w)if(!Object.is(b[O],p[O])){T=false;break}}let q=M?v.current:S,se=T?k.current:p;return M||(v.current=S),T||(k.current=p),M&&T&&D.current||(D.current={facts:q,derived:se}),D.current},[c,f,...o,...i,...y]),P=react.useSyncExternalStore(F,m,m),E=react.useCallback(S=>c.dispatch(S),[c]),I=A(c),C={system:c,dispatch:E,events:I,facts:P.facts,derived:P.derived};return n&&g?{...C,statusPlugin:g}:C}function A(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 Ne(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 We(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 He({snapshot:e,children:t}){return jsxRuntime.jsx(ne.Provider,{value:e,children:t})}function Ae(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 Le(){return {useFact:(e,t)=>G(e,t),useDerived:(e,t)=>J(e,t),useDispatch:e=>X(e),useEvents:e=>A(e),useWatch:(e,t,r)=>Y(e,t,r)}}var B=null;function Ke(){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=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 N=new WeakMap;function _e(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);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 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 ze(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=>G(r(),n),useDerived:n=>J(r(),n),useEvents:()=>A(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=He;exports.createDirectiveContext=ze;exports.createTypedHooks=Le;exports.useConstraintStatus=Ne;exports.useDerived=J;exports.useDirective=Be;exports.useDirectiveRef=H;exports.useDispatch=X;exports.useEvents=A;exports.useExplain=we;exports.useFact=G;exports.useHistory=be;exports.useHydratedSystem=Ae;exports.useInspect=ee;exports.useNamespacedSelector=Oe;exports.useOptimisticUpdate=We;exports.useQuerySystem=je;exports.useRequirementStatus=$e;exports.useSelector=ve;exports.useSuspenseQuery=_e;exports.useSuspenseRequirement=qe;exports.useTickWhile=me;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
|