react-shared-states 1.0.7 → 1.0.11

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/main.min.js CHANGED
@@ -1,11 +1,11 @@
1
1
  /*!
2
- * react-shared-states v1.0.7
2
+ * react-shared-states v1.0.11
3
3
  * (c) Hichem Taboukouyout
4
4
  * Released under the MIT License.
5
5
  * Github: github.com/HichemTab-tech/react-shared-states
6
6
  */
7
7
 
8
- (function(b,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],d):(b=typeof globalThis<"u"?globalThis:b||self,d(b.ReactSharedStates={},b.React))})(this,function(b,d){"use strict";var C={exports:{}},j={};/**
8
+ (function(f,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],p):(f=typeof globalThis<"u"?globalThis:f||self,p(f.ReactSharedStates={},f.React))})(this,function(f,p){"use strict";var N={exports:{}},D={};/**
9
9
  * @license React
10
10
  * react-jsx-runtime.production.js
11
11
  *
@@ -13,7 +13,7 @@
13
13
  *
14
14
  * This source code is licensed under the MIT license found in the
15
15
  * LICENSE file in the root directory of this source tree.
16
- */var G;function y(){if(G)return j;G=1;var s=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function r(t,o,f){var x=null;if(f!==void 0&&(x=""+f),o.key!==void 0&&(x=""+o.key),"key"in o){f={};for(var _ in o)_!=="key"&&(f[_]=o[_])}else f=o;return o=f.ref,{$$typeof:s,type:t,key:x,ref:o!==void 0?o:null,props:f}}return j.Fragment=e,j.jsx=r,j.jsxs=r,j}var L={};/**
16
+ */var J;function ie(){if(J)return D;J=1;var i=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function r(t,s,c){var a=null;if(c!==void 0&&(a=""+c),s.key!==void 0&&(a=""+s.key),"key"in s){c={};for(var b in s)b!=="key"&&(c[b]=s[b])}else c=s;return s=c.ref,{$$typeof:i,type:t,key:a,ref:s!==void 0?s:null,props:c}}return D.Fragment=e,D.jsx=r,D.jsxs=r,D}var C={};/**
17
17
  * @license React
18
18
  * react-jsx-runtime.development.js
19
19
  *
@@ -21,9 +21,9 @@
21
21
  *
22
22
  * This source code is licensed under the MIT license found in the
23
23
  * LICENSE file in the root directory of this source tree.
24
- */var J;function k(){return J||(J=1,process.env.NODE_ENV!=="production"&&function(){function s(n){if(n==null)return null;if(typeof n=="function")return n.$$typeof===Pe?null:n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case F:return"Fragment";case ve:return"Profiler";case Ee:return"StrictMode";case Re:return"Suspense";case Te:return"SuspenseList";case we:return"Activity"}if(typeof n=="object")switch(typeof n.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),n.$$typeof){case pe:return"Portal";case xe:return(n.displayName||"Context")+".Provider";case me:return(n._context.displayName||"Context")+".Consumer";case _e:var a=n.render;return n=n.displayName,n||(n=a.displayName||a.name||"",n=n!==""?"ForwardRef("+n+")":"ForwardRef"),n;case Ae:return a=n.displayName||null,a!==null?a:s(n.type)||"Memo";case B:a=n._payload,n=n._init;try{return s(n(a))}catch{}}return null}function e(n){return""+n}function r(n){try{e(n);var a=!1}catch{a=!0}if(a){a=console;var u=a.error,S=typeof Symbol=="function"&&Symbol.toStringTag&&n[Symbol.toStringTag]||n.constructor.name||"Object";return u.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",S),e(n)}}function t(n){if(n===F)return"<>";if(typeof n=="object"&&n!==null&&n.$$typeof===B)return"<...>";try{var a=s(n);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function o(){var n=Y.A;return n===null?null:n.getOwner()}function f(){return Error("react-stack-top-frame")}function x(n){if(H.call(n,"key")){var a=Object.getOwnPropertyDescriptor(n,"key").get;if(a&&a.isReactWarning)return!1}return n.key!==void 0}function _(n,a){function u(){Z||(Z=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",a))}u.isReactWarning=!0,Object.defineProperty(n,"key",{get:u,configurable:!0})}function h(){var n=s(this.type);return Q[n]||(Q[n]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),n=this.props.ref,n!==void 0?n:null}function w(n,a,u,S,P,A,I,W){return u=A.ref,n={$$typeof:R,type:n,key:a,props:A,_owner:P},(u!==void 0?u:null)!==null?Object.defineProperty(n,"ref",{enumerable:!1,get:h}):Object.defineProperty(n,"ref",{enumerable:!1,value:null}),n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(n,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(n,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.defineProperty(n,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:W}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n}function g(n,a,u,S,P,A,I,W){var p=a.children;if(p!==void 0)if(S)if(Oe(p)){for(S=0;S<p.length;S++)l(p[S]);Object.freeze&&Object.freeze(p)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else l(p);if(H.call(a,"key")){p=s(n);var O=Object.keys(a).filter(function(je){return je!=="key"});S=0<O.length?"{key: someKey, "+O.join(": ..., ")+": ...}":"{key: someKey}",$[p+S]||(O=0<O.length?"{"+O.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
24
+ */var z;function oe(){return z||(z=1,process.env.NODE_ENV!=="production"&&function(){function i(n){if(n==null)return null;if(typeof n=="function")return n.$$typeof===De?null:n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case v:return"Fragment";case O:return"Profiler";case L:return"StrictMode";case Pe:return"Suspense";case Le:return"SuspenseList";case je:return"Activity"}if(typeof n=="object")switch(typeof n.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),n.$$typeof){case h:return"Portal";case we:return(n.displayName||"Context")+".Provider";case Ae:return(n._context.displayName||"Context")+".Consumer";case ye:var o=n.render;return n=n.displayName,n||(n=o.displayName||o.name||"",n=n!==""?"ForwardRef("+n+")":"ForwardRef"),n;case Oe:return o=n.displayName||null,o!==null?o:i(n.type)||"Memo";case $:o=n._payload,n=n._init;try{return i(n(o))}catch{}}return null}function e(n){return""+n}function r(n){try{e(n);var o=!1}catch{o=!0}if(o){o=console;var d=o.error,m=typeof Symbol=="function"&&Symbol.toStringTag&&n[Symbol.toStringTag]||n.constructor.name||"Object";return d.call(o,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",m),e(n)}}function t(n){if(n===v)return"<>";if(typeof n=="object"&&n!==null&&n.$$typeof===$)return"<...>";try{var o=i(n);return o?"<"+o+">":"<...>"}catch{return"<...>"}}function s(){var n=V.A;return n===null?null:n.getOwner()}function c(){return Error("react-stack-top-frame")}function a(n){if(ee.call(n,"key")){var o=Object.getOwnPropertyDescriptor(n,"key").get;if(o&&o.isReactWarning)return!1}return n.key!==void 0}function b(n,o){function d(){te||(te=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",o))}d.isReactWarning=!0,Object.defineProperty(n,"key",{get:d,configurable:!0})}function _(){var n=i(this.type);return re[n]||(re[n]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),n=this.props.ref,n!==void 0?n:null}function y(n,o,d,m,P,A,M,U){return d=A.ref,n={$$typeof:g,type:n,key:o,props:A,_owner:P},(d!==void 0?d:null)!==null?Object.defineProperty(n,"ref",{enumerable:!1,get:_}):Object.defineProperty(n,"ref",{enumerable:!1,value:null}),n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(n,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(n,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:M}),Object.defineProperty(n,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n}function w(n,o,d,m,P,A,M,U){var E=o.children;if(E!==void 0)if(m)if(Ce(E)){for(m=0;m<E.length;m++)l(E[m]);Object.freeze&&Object.freeze(E)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else l(E);if(ee.call(o,"key")){E=i(n);var j=Object.keys(o).filter(function(ke){return ke!=="key"});m=0<j.length?"{key: someKey, "+j.join(": ..., ")+": ...}":"{key: someKey}",ae[E+m]||(j=0<j.length?"{"+j.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
25
25
  let props = %s;
26
26
  <%s {...props} />
27
27
  React keys must be passed directly to JSX without using spread:
28
28
  let props = %s;
29
- <%s key={someKey} {...props} />`,S,p,O,p),$[p+S]=!0)}if(p=null,u!==void 0&&(r(u),p=""+u),x(a)&&(r(a.key),p=""+a.key),"key"in a){u={};for(var U in a)U!=="key"&&(u[U]=a[U])}else u=a;return p&&_(u,typeof n=="function"?n.displayName||n.name||"Unknown":n),w(n,p,A,P,o(),u,I,W)}function l(n){typeof n=="object"&&n!==null&&n.$$typeof===R&&n._store&&(n._store.validated=1)}var c=d,R=Symbol.for("react.transitional.element"),pe=Symbol.for("react.portal"),F=Symbol.for("react.fragment"),Ee=Symbol.for("react.strict_mode"),ve=Symbol.for("react.profiler"),me=Symbol.for("react.consumer"),xe=Symbol.for("react.context"),_e=Symbol.for("react.forward_ref"),Re=Symbol.for("react.suspense"),Te=Symbol.for("react.suspense_list"),Ae=Symbol.for("react.memo"),B=Symbol.for("react.lazy"),we=Symbol.for("react.activity"),Pe=Symbol.for("react.client.reference"),Y=c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,H=Object.prototype.hasOwnProperty,Oe=Array.isArray,D=console.createTask?console.createTask:function(){return null};c={react_stack_bottom_frame:function(n){return n()}};var Z,Q={},K=c.react_stack_bottom_frame.bind(c,f)(),q=D(t(f)),$={};L.Fragment=F,L.jsx=function(n,a,u,S,P){var A=1e4>Y.recentlyCreatedOwnerStacks++;return g(n,a,u,!1,S,P,A?Error("react-stack-top-frame"):K,A?D(t(n)):q)},L.jsxs=function(n,a,u,S,P){var A=1e4>Y.recentlyCreatedOwnerStacks++;return g(n,a,u,!0,S,P,A?Error("react-stack-top-frame"):K,A?D(t(n)):q)}}()),L}var z;function ee(){return z||(z=1,process.env.NODE_ENV==="production"?C.exports=y():C.exports=k()),C.exports}var te=ee();const X=d.createContext(void 0),re=({children:s,scopeName:e})=>{if(e&&e.includes("//"))throw new Error("scopeName cannot contain '//'");return e||(e=d.useMemo(()=>Math.random().toString(36).substring(2,15),[])),te.jsx(X.Provider,{value:{scopeName:e},children:s})},ne=()=>d.useContext(X);b.isDevMode=!1;const se=s=>{b.isDevMode=s},M=(...s)=>{b.isDevMode&&console.log("%c[react-shared-states]","color: #007acc; font-weight: bold",...s)},T=s=>{if(!s)throw new Error("Value is empty");return s};class i{data=new Map;defaultValue(){return{}}addListener(e,r,t){this.data.has(i.prefix(e,r))||this.data.set(i.prefix(e,r),{...this.defaultValue,listeners:[]}),this.data.get(i.prefix(e,r)).listeners.push(t)}removeListener(e,r,t){this.data.has(i.prefix(e,r))&&(this.data.get(i.prefix(e,r)).listeners=this.data.get(i.prefix(e,r)).listeners.filter(o=>o!==t))}callListeners(e,r){this.data.has(i.prefix(e,r))&&this.data.get(i.prefix(e,r)).listeners.forEach(t=>t())}init(e,r,t){this.data.has(i.prefix(e,r))||this.data.set(i.prefix(e,r),{...t,listeners:[]})}clearAll(e=!1){e||this.data.forEach(r=>{r.listeners.forEach(t=>t())}),this.data.clear()}clear(e,r,t=!1){t||this.callListeners(e,r),this.data.delete(i.prefix(e,r))}get(e,r){let t=this.has(e,r);if(t)return this.data.get(t)}setValue(e,r,t){this.data.has(i.prefix(e,r))&&this.data.set(i.prefix(e,r),{...this.data.get(i.prefix(e,r)),...t})}has(e,r){return this.data.has(i.prefix(e,r))?i.prefix(e,r):this.data.has(i.prefix(e,"_global"))?i.prefix(e,"_global"):void 0}static prefix(e,r){if(e.includes("//"))throw new Error("key cannot contain '//'");return`${r}//${e}`}static extractPrefix(e){return e.split("//")}useEffect(e,r,t=null){d.useEffect(()=>()=>{t?.(),M(`[${i.prefix(e,r)}]`,"unmount effect"),this.data.get(i.prefix(e,r)).listeners?.length===0&&this.clear(e,r)},[])}}class N{constructor(e){this.sharedData=e}get(e,r){e=T(e);const t=r||"_global";return this.sharedData.get(e,t)}set(e,r,t){e=T(e);const o=t||"_global";this.sharedData.setValue(e,o,r)}clearAll(){this.sharedData.clearAll()}clearScope(e){const r=e||"_global";this.sharedData.data.forEach((t,o)=>{const[f]=i.extractPrefix(o);if(f===r){this.sharedData.clear(o,f);return}})}clear(e,r){const t=r||"_global";this.sharedData.clear(e,t)}has(e,r="_global"){const t=r||"_global";return!!this.sharedData.has(e,t)}getAll(){const e={};return this.sharedData.data.forEach((r,t)=>{const[o,f]=i.extractPrefix(t);e[o]=e[o]||{},e[o][f]=r}),e}}const V=s=>{const e=ne();return{prefix:s??e?.scopeName??"_global"}};class ae extends i{defaultValue(){return{value:void 0}}init(e,r,t){super.init(e,r,{value:t})}setValue(e,r,t){super.setValue(e,r,{value:t})}removeListener(e,r,t){super.removeListener(e,r,t)}}class oe extends N{get(e,r="_global"){e=T(e);const t=r||"_global";return v.get(e,t)?.value}set(e,r,t="_global"){e=T(e);const o=t||"_global";v.setValue(e,o,{value:r})}}const v=new ae,ie=new oe(v),ce=(s,e,r)=>{s=T(s);const{prefix:t}=V(r);v.init(s,t,e);const o=d.useMemo(()=>h=>(v.init(s,t,e),v.addListener(s,t,h),()=>{v.removeListener(s,t,h)}),[]),f=d.useMemo(()=>()=>v.get(s,t)?.value,[]),x=d.useSyncExternalStore(o,f),_=h=>{const w=typeof h=="function"?h(v.get(s,t)?.value):h;w!==x&&(v.setValue(s,t,w),v.callListeners(s,t))};return v.useEffect(s,t),[x,_]};class le extends i{defaultValue(){return{fnState:{results:void 0,isLoading:!1,error:void 0}}}init(e,r){super.init(e,r,this.defaultValue())}setValue(e,r,t){super.setValue(e,r,t)}}class ue extends N{get(e,r="_global"){e=T(e);const t=r||"_global";return m.get(e,t)?.fnState}set(e,r,t="_global"){e=T(e);const o=t||"_global";m.setValue(e,o,r)}}const m=new le,fe=new ue(m),de=(s,e,r)=>{s=T(s);const{prefix:t}=V(r);m.init(s,t);const o=d.useMemo(()=>h=>(m.init(s,t),m.addListener(s,t,h),()=>{m.removeListener(s,t,h)}),[]),f=d.useMemo(()=>()=>m.get(s,t).fnState,[]),x=d.useSyncExternalStore(o,f),_=async(h,...w)=>{const g=m.get(s,t);if(!h&&(g.fnState.isLoading||g.fnState.results!==void 0))return g.fnState;g.fnState={...g.fnState,isLoading:!0,error:void 0},g.listeners.forEach(l=>l());try{const l=await e(...w);g.fnState={results:l,isLoading:!1,error:void 0}}catch(l){g.fnState={...g.fnState,isLoading:!1,error:l}}g.listeners.forEach(l=>l())};return m.useEffect(s,t),{state:x,trigger:(...h)=>{_(!1,...h)},forceTrigger:(...h)=>{_(!0,...h)},clear:()=>{m.clear(s,t),m.init(s,t)}}};class he extends i{defaultValue(){return{fnState:{data:void 0,isLoading:!1,error:void 0,subscribed:!1}}}init(e,r){super.init(e,r,this.defaultValue())}setValue(e,r,t){super.setValue(e,r,t)}useEffect(e,r){d.useEffect(()=>()=>{M(`[${i.prefix(e,r)}]`,"unmount effect2"),this.get(e,r)?.listeners.length===0&&this.unsubscribe(e,r)},[]),super.useEffect(e,r)}async unsubscribe(e,r){const t=this.get(e,r);t&&(t.unsubscribe&&(t.unsubscribe(),t.unsubscribe=void 0),t.fnState.subscribed=!1)}}class be extends N{get(e,r="_global"){e=T(e);const t=r||"_global";return E.get(e,t)?.fnState}set(e,r,t="_global"){e=T(e);const o=t||"_global";E.setValue(e,o,r)}}const E=new he,ge=new be(E),Se=(s,e,r)=>{s=T(s);const{prefix:t}=V(r);E.init(s,t);const o=d.useMemo(()=>l=>(E.init(s,t),E.addListener(s,t,l),()=>{E.removeListener(s,t,l)}),[]),f=d.useMemo(()=>()=>E.get(s,t).fnState,[]),x=d.useSyncExternalStore(o,f),_=l=>{const c=E.get(s,t);c.fnState={...c.fnState,data:l},c.listeners.forEach(R=>R())},h=l=>{const c=E.get(s,t);c.fnState={...c.fnState,isLoading:!1,data:void 0,error:l},c.listeners.forEach(R=>R())},w=()=>{const l=E.get(s,t);l.fnState={...l.fnState,isLoading:!1},l.listeners.forEach(c=>c())},g=async l=>{const c=E.get(s,t);if(l&&(await E.unsubscribe(s,t),c.fnState={...c.fnState,isLoading:!1,data:void 0,error:void 0,subscribed:!1}),c.fnState.subscribed)return c.fnState;M("triggered !!"),c.fnState={...c.fnState,isLoading:!0,error:void 0},c.listeners.forEach(R=>R());try{c.unsubscribe=await e(_,h,w),c.fnState.subscribed=!0}catch(R){c.fnState={...c.fnState,isLoading:!1,error:R}}c.listeners.forEach(R=>R())};return E.useEffect(s,t),{state:x,trigger:()=>{g(!1)},forceTrigger:()=>{g(!0)},unsubscribe:()=>{E.unsubscribe(s,t)}}};b.SharedStatesProvider=re,b.setDevMode=se,b.sharedFunctionsApi=fe,b.sharedStatesApi=ie,b.sharedSubscriptionsApi=ge,b.useSharedFunction=de,b.useSharedState=ce,b.useSharedSubscription=Se,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
29
+ <%s key={someKey} {...props} />`,m,E,j,E),ae[E+m]=!0)}if(E=null,d!==void 0&&(r(d),E=""+d),a(o)&&(r(o.key),E=""+o.key),"key"in o){d={};for(var G in o)G!=="key"&&(d[G]=o[G])}else d=o;return E&&b(d,typeof n=="function"?n.displayName||n.name||"Unknown":n),y(n,E,A,P,s(),d,M,U)}function l(n){typeof n=="object"&&n!==null&&n.$$typeof===g&&n._store&&(n._store.validated=1)}var x=p,g=Symbol.for("react.transitional.element"),h=Symbol.for("react.portal"),v=Symbol.for("react.fragment"),L=Symbol.for("react.strict_mode"),O=Symbol.for("react.profiler"),Ae=Symbol.for("react.consumer"),we=Symbol.for("react.context"),ye=Symbol.for("react.forward_ref"),Pe=Symbol.for("react.suspense"),Le=Symbol.for("react.suspense_list"),Oe=Symbol.for("react.memo"),$=Symbol.for("react.lazy"),je=Symbol.for("react.activity"),De=Symbol.for("react.client.reference"),V=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ee=Object.prototype.hasOwnProperty,Ce=Array.isArray,W=console.createTask?console.createTask:function(){return null};x={react_stack_bottom_frame:function(n){return n()}};var te,re={},ne=x.react_stack_bottom_frame.bind(x,c)(),se=W(t(c)),ae={};C.Fragment=v,C.jsx=function(n,o,d,m,P){var A=1e4>V.recentlyCreatedOwnerStacks++;return w(n,o,d,!1,m,P,A?Error("react-stack-top-frame"):ne,A?W(t(n)):se)},C.jsxs=function(n,o,d,m,P){var A=1e4>V.recentlyCreatedOwnerStacks++;return w(n,o,d,!0,m,P,A?Error("react-stack-top-frame"):ne,A?W(t(n)):se)}}()),C}var X;function ce(){return X||(X=1,process.env.NODE_ENV==="production"?N.exports=ie():N.exports=oe()),N.exports}var ue=ce();f.isDevMode=!1;const le=i=>{f.isDevMode=i},F=(...i)=>{f.isDevMode&&console.log("%c[react-shared-states]","color: #007acc; font-weight: bold",...i)},k=i=>{if(!i)throw new Error("Value is empty");return i},B=()=>Math.random().toString(36).substring(2,15),H=p.createContext(void 0),fe=({children:i,scopeName:e})=>{if(e&&e.includes("//"))throw new Error("scopeName cannot contain '//'");return e||(e=p.useMemo(()=>B(),[])),ue.jsx(H.Provider,{value:{scopeName:e},children:i})},de=()=>p.useContext(H),Z=[];class u{data=new Map;defaultValue(){return{}}addListener(e,r,t){this.data.has(u.prefix(e,r))||this.data.set(u.prefix(e,r),{...this.defaultValue(),listeners:[]}),this.data.get(u.prefix(e,r)).listeners.push(t)}removeListener(e,r,t){this.data.has(u.prefix(e,r))&&(this.data.get(u.prefix(e,r)).listeners=this.data.get(u.prefix(e,r)).listeners.filter(s=>s!==t))}callListeners(e,r){this.data.has(u.prefix(e,r))&&this.data.get(u.prefix(e,r)).listeners.forEach(t=>t())}init(e,r,t,s=!1){this.data.has(u.prefix(e,r))||this.data.set(u.prefix(e,r),{...t,isStatic:s,listeners:[]})}createStatic(e,r){const t=r??r??"_global",s={key:B(),prefix:t,...e};return Z.push(s),this.initStatic(s),s}initStatic(e){const{key:r,prefix:t}=e;this.init(r,t,this.defaultValue(),!0)}clearAll(e=!1,r=!1){this.data.forEach((t,s)=>{const[c,a]=u.extractPrefix(s);this.clear(a,c,e,r)})}clear(e,r,t=!1,s=!1){t||this.callListeners(e,r);const c=this.data.get(u.prefix(e,r));if(!c)return;const a={...c};if(this.data.delete(u.prefix(e,r)),a.isStatic&&!s){const b=Z.find(_=>_.key===e&&_.prefix===r);b&&this.initStatic(b)}}get(e,r){let t=this.has(e,r);if(t)return this.data.get(t)}setValue(e,r,t){this.data.has(u.prefix(e,r))&&this.data.set(u.prefix(e,r),{...this.data.get(u.prefix(e,r)),...t})}has(e,r){return this.data.has(u.prefix(e,r))?u.prefix(e,r):this.data.has(u.prefix(e,"_global"))?u.prefix(e,"_global"):void 0}static prefix(e,r){if(e.includes("//"))throw new Error("key cannot contain '//'");return`${r}//${e}`}static extractPrefix(e){return e.split("//")}useEffect(e,r,t=null){p.useEffect(()=>()=>{t?.(),F(`[${u.prefix(e,r)}]`,"unmount effect"),this.data.get(u.prefix(e,r)).listeners?.length===0&&this.clear(e,r)},[])}}class Y{constructor(e){this.sharedData=e}get(e,r){let t,s=r;if(typeof e!="string"){const{key:b,prefix:_}=e;t=b,s=_}else t=k(e);const c=s||"_global";return this.sharedData.get(t,c)}set(e,r,t){let s,c=t;if(typeof e!="string"){const{key:b,prefix:_}=e;s=b,c=_}else s=k(e);const a=c||"_global";this.sharedData.setValue(s,a,r)}clearAll(){this.sharedData.clearAll()}clearScope(e){const r=e||"_global";this.sharedData.data.forEach((t,s)=>{const[c,a]=u.extractPrefix(s);if(c===r){this.sharedData.clear(a,c);return}})}resolve(e){const{key:r,prefix:t}=e;return this.get(r,t)}clear(e,r){let t,s;typeof e=="string"?(t=e,s=r||"_global"):(t=e.key,s=e.prefix),this.sharedData.clear(t,s)}has(e,r="_global"){const t=r||"_global";return!!this.sharedData.has(e,t)}getAll(){const e={};return this.sharedData.data.forEach((r,t)=>{const[s,c]=u.extractPrefix(t);e[s]=e[s]||{},e[s][c]=r}),e}}const I=i=>{const e=de();return{prefix:i??e?.scopeName??"_global"}};class Se extends u{defaultValue(){return{value:void 0}}initValue(e,r,t,s=!1){super.init(e,r,{value:t},s)}initStatic(e){const{key:r,prefix:t,initialValue:s}=e;this.initValue(r,t,s,!0)}}class Q extends Y{constructor(e){super(e)}get(e,r="_global"){return typeof e!="string"?super.get(e)?.value:super.get(e,r)?.value}set(e,r,t="_global"){if(typeof e!="string"){super.set(e,{value:r});return}super.set(e,{value:r},t)}}const T=new Se,pe=new Q(T),he=(i,e)=>T.createStatic({initialValue:i},e);function be(i,e,r){let t,s,c=r;if(typeof i!="string"){const{key:l,initialValue:x,prefix:g}=i;t=l,s=x,c=g}else t=k(i),s=e;const{prefix:a}=I(c);T.initValue(t,a,s);const b=p.useMemo(()=>l=>(T.initValue(t,a,e),T.addListener(t,a,l),()=>{T.removeListener(t,a,l)}),[]),_=p.useMemo(()=>()=>T.get(t,a)?.value,[]),y=p.useSyncExternalStore(b,_),w=l=>{const x=typeof l=="function"?l(T.get(t,a)?.value):l;x!==y&&(T.setValue(t,a,{value:x}),T.callListeners(t,a))};return T.useEffect(t,a),[y,w]}class ge extends u{defaultValue(){return{fnState:{results:void 0,isLoading:!1,error:void 0}}}initValue(e,r,t=!1){super.init(e,r,this.defaultValue(),t)}setValue(e,r,t){super.setValue(e,r,t)}}class K extends Y{constructor(e){super(e)}get(e,r="_global"){return typeof e!="string"?super.get(e)?.fnState:super.get(e,r)?.fnState}set(e,r,t="_global"){if(typeof e!="string"){super.set(e,r);return}super.set(e,r,t)}}const R=new ge,ve=new K(R),me=(i,e)=>R.createStatic({fn:i},e);function Ee(i,e,r){let t,s,c=r;if(typeof i!="string"){const{key:l,fn:x,prefix:g}=i;t=l,s=x,c=g}else t=k(i),s=e;const{prefix:a}=I(c);R.initValue(t,a);const b=p.useMemo(()=>l=>(R.initValue(t,a),R.addListener(t,a,l),()=>{R.removeListener(t,a,l)}),[]),_=p.useMemo(()=>()=>R.get(t,a).fnState,[]),y=p.useSyncExternalStore(b,_),w=async(l,...x)=>{const g=R.get(t,a);if(!l&&(g.fnState.isLoading||g.fnState.results!==void 0))return g.fnState;g.fnState={...g.fnState,isLoading:!0,error:void 0},R.callListeners(t,a);try{const h=await s(...x);g.fnState={results:h,isLoading:!1,error:void 0}}catch(h){g.fnState={...g.fnState,isLoading:!1,error:h}}R.callListeners(t,a)};return R.useEffect(t,a),{state:y,trigger:(...l)=>{w(!1,...l)},forceTrigger:(...l)=>{w(!0,...l)},clear:()=>{const l=R.get(t,a);l&&(l.fnState=R.defaultValue().fnState,R.callListeners(t,a))}}}class xe extends u{defaultValue(){return{fnState:{data:void 0,isLoading:!1,error:void 0,subscribed:!1}}}initValue(e,r,t=!1){super.init(e,r,this.defaultValue(),t)}setValue(e,r,t){super.setValue(e,r,t)}useEffect(e,r){p.useEffect(()=>()=>{F(`[${u.prefix(e,r)}]`,"unmount effect2"),this.get(e,r)?.listeners.length===0&&this.unsubscribe(e,r)},[]),super.useEffect(e,r)}async unsubscribe(e,r){const t=this.get(e,r);t&&(t.unsubscribe&&(t.unsubscribe(),t.unsubscribe=void 0),t.fnState={...t.fnState,subscribed:!1},this.callListeners(e,r))}}class q extends Y{constructor(e){super(e)}get(e,r="_global"){return typeof e!="string"?super.get(e)?.fnState:super.get(e,r)?.fnState}set(e,r,t="_global"){if(typeof e!="string"){super.set(e,r);return}super.set(e,r,t)}}const S=new xe,Re=new q(S),_e=(i,e)=>S.createStatic({subscriber:i},e);function Te(i,e,r){let t,s,c=r;if(typeof i!="string"){const{key:h,subscriber:v,prefix:L}=i;t=h,s=v,c=L}else t=k(i),s=e;const{prefix:a}=I(c);S.initValue(t,a);const b=p.useMemo(()=>h=>(S.initValue(t,a),S.addListener(t,a,h),()=>{S.removeListener(t,a,h)}),[]),_=p.useMemo(()=>()=>S.get(t,a).fnState,[]),y=p.useSyncExternalStore(b,_),w=h=>{const v=S.get(t,a);v.fnState={...v.fnState,data:h},S.callListeners(t,a)},l=h=>{const v=S.get(t,a);v.fnState={...v.fnState,isLoading:!1,data:void 0,error:h},S.callListeners(t,a)},x=()=>{const h=S.get(t,a);h.fnState={...h.fnState,isLoading:!1},S.callListeners(t,a)},g=async h=>{const v=S.get(t,a);if(h&&(await S.unsubscribe(t,a),v.fnState={...v.fnState,isLoading:!1,data:void 0,error:void 0,subscribed:!1}),v.fnState.subscribed)return v.fnState;F("triggered !!"),v.fnState={...v.fnState,isLoading:!0,error:void 0},S.callListeners(t,a);try{const L=await s(w,l,x),O=S.get(t,a);O.unsubscribe=L,O.fnState.subscribed=!0}catch(L){const O=S.get(t,a);O.fnState={...O.fnState,isLoading:!1,error:L}}S.callListeners(t,a)};return S.useEffect(t,a),{state:y,trigger:()=>{g(!1)},forceTrigger:()=>{g(!0)},unsubscribe:()=>{S.unsubscribe(t,a)}}}f.SharedFunctionsApi=K,f.SharedStatesApi=Q,f.SharedStatesProvider=fe,f.SharedSubscriptionsApi=q,f.createSharedFunction=me,f.createSharedState=he,f.createSharedSubscription=_e,f.setDevMode=le,f.sharedFunctionsApi=ve,f.sharedStatesApi=pe,f.sharedSubscriptionsApi=Re,f.useSharedFunction=Ee,f.useSharedState=be,f.useSharedSubscription=Te,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});
package/dist/types.d.ts CHANGED
@@ -1,7 +1,11 @@
1
1
  export type PotentialPromise<T> = T | Promise<T>;
2
2
  export type AFunction<R = unknown, Args extends unknown[] = unknown[]> = (...args: Args) => PotentialPromise<R>;
3
3
  export type Prefix = "_global" | ({} & string);
4
- export interface DataMapValue {
4
+ export interface SharedValue {
5
5
  listeners: AFunction[];
6
+ isStatic?: true;
7
+ }
8
+ export interface SharedCreated {
9
+ key: string;
10
+ prefix: string;
6
11
  }
7
- export type NonEmptyString<T extends string> = '' extends T ? never : T;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-shared-states",
3
- "version": "1.0.7",
3
+ "version": "1.0.11",
4
4
  "type": "module",
5
5
  "description": "Global state made as simple as useState, with zero config, built-in async caching, and automatic scoping.",
6
6
  "keywords": [
@@ -26,10 +26,13 @@
26
26
  },
27
27
  "homepage": "https://github.com/HichemTab-tech/react-shared-states#readme",
28
28
  "devDependencies": {
29
+ "@testing-library/dom": "^10.4.1",
30
+ "@testing-library/react": "^16.3.0",
29
31
  "@types/node": "^24.3.0",
30
32
  "@types/react": "^19.1.11",
31
33
  "@types/react-dom": "^19.1.7",
32
34
  "@vitejs/plugin-react": "^5.0.1",
35
+ "jsdom": "^26.1.0",
33
36
  "react": "^19.1.1",
34
37
  "react-dom": "^19.1.1",
35
38
  "typescript": "^5.9.2",
@@ -39,8 +42,9 @@
39
42
  "vitest": "^3.2.4"
40
43
  },
41
44
  "scripts": {
45
+ "tsc": "tsc",
42
46
  "bump": "node scripts/bumper.js",
43
- "build": "vite build",
47
+ "build": "tsc && vite build",
44
48
  "test": "vitest",
45
49
  "preview": "vite preview",
46
50
  "dev:demo": "vite --config demo/vite.config.demo.ts",