react-state-custom 1.0.0

package/dist/index.umd.js

@@ -0,0 +1,22 @@
+(function(y,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],m):(y=typeof globalThis<"u"?globalThis:y||self,m(y.RState={},y.React))})(this,function(y,m){"use strict";var fr=Object.defineProperty;var cr=(y,m,W)=>m in y?fr(y,m,{enumerable:!0,configurable:!0,writable:!0,value:W}):y[m]=W;var ne=(y,m,W)=>cr(y,typeof m!="symbol"?m+"":m,W);function W(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var B={exports:{}},le;function Ae(){if(le)return B.exports;le=1;var e=typeof Reflect=="object"?Reflect:null,t=e&&typeof e.apply=="function"?e.apply:function(o,n,f){return Function.prototype.apply.call(o,n,f)},r;e&&typeof e.ownKeys=="function"?r=e.ownKeys:Object.getOwnPropertySymbols?r=function(o){return Object.getOwnPropertyNames(o).concat(Object.getOwnPropertySymbols(o))}:r=function(o){return Object.getOwnPropertyNames(o)};function u(s){console&&console.warn&&console.warn(s)}var c=Number.isNaN||function(o){return o!==o};function i(){i.init.call(this)}B.exports=i,B.exports.once=A,i.EventEmitter=i,i.prototype._events=void 0,i.prototype._eventsCount=0,i.prototype._maxListeners=void 0;var d=10;function h(s){if(typeof s!="function")throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof s)}Object.defineProperty(i,"defaultMaxListeners",{enumerable:!0,get:function(){return d},set:function(s){if(typeof s!="number"||s<0||c(s))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+s+".");d=s}}),i.init=function(){(this._events===void 0||this._events===Object.getPrototypeOf(this)._events)&&(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},i.prototype.setMaxListeners=function(o){if(typeof o!="number"||o<0||c(o))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+o+".");return this._maxListeners=o,this};function b(s){return s._maxListeners===void 0?i.defaultMaxListeners:s._maxListeners}i.prototype.getMaxListeners=function(){return b(this)},i.prototype.emit=function(o){for(var n=[],f=1;f<arguments.length;f++)n.push(arguments[f]);var l=o==="error",g=this._events;if(g!==void 0)l=l&&g.error===void 0;else if(!l)return!1;if(l){var v;if(n.length>0&&(v=n[0]),v instanceof Error)throw v;var j=new Error("Unhandled error."+(v?" ("+v.message+")":""));throw j.context=v,j}var M=g[o];if(M===void 0)return!1;if(typeof M=="function")t(M,this,n);else for(var re=M.length,K=F(M,re),f=0;f<re;++f)t(K[f],this,n);return!0};function _(s,o,n,f){var l,g,v;if(h(n),g=s._events,g===void 0?(g=s._events=Object.create(null),s._eventsCount=0):(g.newListener!==void 0&&(s.emit("newListener",o,n.listener?n.listener:n),g=s._events),v=g[o]),v===void 0)v=g[o]=n,++s._eventsCount;else if(typeof v=="function"?v=g[o]=f?[n,v]:[v,n]:f?v.unshift(n):v.push(n),l=b(s),l>0&&v.length>l&&!v.warned){v.warned=!0;var j=new Error("Possible EventEmitter memory leak detected. "+v.length+" "+String(o)+" listeners added. Use emitter.setMaxListeners() to increase limit");j.name="MaxListenersExceededWarning",j.emitter=s,j.type=o,j.count=v.length,u(j)}return s}i.prototype.addListener=function(o,n){return _(this,o,n,!1)},i.prototype.on=i.prototype.addListener,i.prototype.prependListener=function(o,n){return _(this,o,n,!0)};function O(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,arguments.length===0?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function w(s,o,n){var f={fired:!1,wrapFn:void 0,target:s,type:o,listener:n},l=O.bind(f);return l.listener=n,f.wrapFn=l,l}i.prototype.once=function(o,n){return h(n),this.on(o,w(this,o,n)),this},i.prototype.prependOnceListener=function(o,n){return h(n),this.prependListener(o,w(this,o,n)),this},i.prototype.removeListener=function(o,n){var f,l,g,v,j;if(h(n),l=this._events,l===void 0)return this;if(f=l[o],f===void 0)return this;if(f===n||f.listener===n)--this._eventsCount===0?this._events=Object.create(null):(delete l[o],l.removeListener&&this.emit("removeListener",o,f.listener||n));else if(typeof f!="function"){for(g=-1,v=f.length-1;v>=0;v--)if(f[v]===n||f[v].listener===n){j=f[v].listener,g=v;break}if(g<0)return this;g===0?f.shift():E(f,g),f.length===1&&(l[o]=f[0]),l.removeListener!==void 0&&this.emit("removeListener",o,j||n)}return this},i.prototype.off=i.prototype.removeListener,i.prototype.removeAllListeners=function(o){var n,f,l;if(f=this._events,f===void 0)return this;if(f.removeListener===void 0)return arguments.length===0?(this._events=Object.create(null),this._eventsCount=0):f[o]!==void 0&&(--this._eventsCount===0?this._events=Object.create(null):delete f[o]),this;if(arguments.length===0){var g=Object.keys(f),v;for(l=0;l<g.length;++l)v=g[l],v!=="removeListener"&&this.removeAllListeners(v);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if(n=f[o],typeof n=="function")this.removeListener(o,n);else if(n!==void 0)for(l=n.length-1;l>=0;l--)this.removeListener(o,n[l]);return this};function L(s,o,n){var f=s._events;if(f===void 0)return[];var l=f[o];return l===void 0?[]:typeof l=="function"?n?[l.listener||l]:[l]:n?S(l):F(l,l.length)}i.prototype.listeners=function(o){return L(this,o,!0)},i.prototype.rawListeners=function(o){return L(this,o,!1)},i.listenerCount=function(s,o){return typeof s.listenerCount=="function"?s.listenerCount(o):P.call(s,o)},i.prototype.listenerCount=P;function P(s){var o=this._events;if(o!==void 0){var n=o[s];if(typeof n=="function")return 1;if(n!==void 0)return n.length}return 0}i.prototype.eventNames=function(){return this._eventsCount>0?r(this._events):[]};function F(s,o){for(var n=new Array(o),f=0;f<o;++f)n[f]=s[f];return n}function E(s,o){for(;o+1<s.length;o++)s[o]=s[o+1];s.pop()}function S(s){for(var o=new Array(s.length),n=0;n<o.length;++n)o[n]=s[n].listener||s[n];return o}function A(s,o){return new Promise(function(n,f){function l(v){s.removeListener(o,g),f(v)}function g(){typeof s.removeListener=="function"&&s.removeListener("error",l),n([].slice.call(arguments))}U(s,o,g,{once:!0}),o!=="error"&&G(s,l,{once:!0})})}function G(s,o,n){typeof s.on=="function"&&U(s,"error",o,n)}function U(s,o,n,f){if(typeof s.on=="function")f.once?s.once(o,n):s.on(o,n);else if(typeof s.addEventListener=="function")s.addEventListener(o,function l(g){f.once&&s.removeEventListener(o,l),n(g)});else throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type '+typeof s)}return B.exports}var Me=Ae();const De=W(Me);var Ie=typeof global=="object"&&global&&global.Object===Object&&global,ke=typeof self=="object"&&self&&self.Object===Object&&self,Q=Ie||ke||Function("return this")(),Z=Q.Symbol,de=Object.prototype,Fe=de.hasOwnProperty,We=de.toString,x=Z?Z.toStringTag:void 0;function ze(e){var t=Fe.call(e,x),r=e[x];try{e[x]=void 0;var u=!0}catch{}var c=We.call(e);return u&&(t?e[x]=r:delete e[x]),c}var Ye=Object.prototype,Ge=Ye.toString;function Ue(e){return Ge.call(e)}var Ve="[object Null]",xe="[object Undefined]",he=Z?Z.toStringTag:void 0;function pe(e){return e==null?e===void 0?xe:Ve:he&&he in Object(e)?ze(e):Ue(e)}function He(e){return e!=null&&typeof e=="object"}var Je="[object Symbol]";function Xe(e){return typeof e=="symbol"||He(e)&&pe(e)==Je}var Ke=/\s/;function Be(e){for(var t=e.length;t--&&Ke.test(e.charAt(t)););return t}var Qe=/^\s+/;function Ze(e){return e&&e.slice(0,Be(e)+1).replace(Qe,"")}function z(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var ve=NaN,$e=/^[-+]0x[0-9a-f]+$/i,qe=/^0b[01]+$/i,et=/^0o[0-7]+$/i,tt=parseInt;function me(e){if(typeof e=="number")return e;if(Xe(e))return ve;if(z(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=z(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=Ze(e);var r=qe.test(e);return r||et.test(e)?tt(e.slice(2),r?2:8):$e.test(e)?ve:+e}var rt="[object AsyncFunction]",nt="[object Function]",ot="[object GeneratorFunction]",at="[object Proxy]";function it(e){if(!z(e))return!1;var t=pe(e);return t==nt||t==ot||t==rt||t==at}var oe=Q["__core-js_shared__"],be=function(){var e=/[^.]+$/.exec(oe&&oe.keys&&oe.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function st(e){return!!be&&be in e}var ut=Function.prototype,ft=ut.toString;function ct(e){if(e!=null){try{return ft.call(e)}catch{}try{return e+""}catch{}}return""}var lt=/[\\^$.*+?()[\]{}|]/g,dt=/^\[object .+?Constructor\]$/,ht=Function.prototype,pt=Object.prototype,vt=ht.toString,mt=pt.hasOwnProperty,bt=RegExp("^"+vt.call(mt).replace(lt,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function gt(e){if(!z(e)||st(e))return!1;var t=it(e)?bt:dt;return t.test(ct(e))}function _t(e,t){return e==null?void 0:e[t]}function ge(e,t){var r=_t(e,t);return gt(r)?r:void 0}function Et(e,t){return e===t||e!==e&&t!==t}var H=ge(Object,"create");function yt(){this.__data__=H?H(null):{},this.size=0}function Tt(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var Ot="__lodash_hash_undefined__",wt=Object.prototype,St=wt.hasOwnProperty;function Rt(e){var t=this.__data__;if(H){var r=t[e];return r===Ot?void 0:r}return St.call(t,e)?t[e]:void 0}var Ct=Object.prototype,jt=Ct.hasOwnProperty;function Lt(e){var t=this.__data__;return H?t[e]!==void 0:jt.call(t,e)}var Pt="__lodash_hash_undefined__";function Nt(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=H&&t===void 0?Pt:t,this}function I(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var u=e[t];this.set(u[0],u[1])}}I.prototype.clear=yt,I.prototype.delete=Tt,I.prototype.get=Rt,I.prototype.has=Lt,I.prototype.set=Nt;function At(){this.__data__=[],this.size=0}function $(e,t){for(var r=e.length;r--;)if(Et(e[r][0],t))return r;return-1}var Mt=Array.prototype,Dt=Mt.splice;function It(e){var t=this.__data__,r=$(t,e);if(r<0)return!1;var u=t.length-1;return r==u?t.pop():Dt.call(t,r,1),--this.size,!0}function kt(e){var t=this.__data__,r=$(t,e);return r<0?void 0:t[r][1]}function Ft(e){return $(this.__data__,e)>-1}function Wt(e,t){var r=this.__data__,u=$(r,e);return u<0?(++this.size,r.push([e,t])):r[u][1]=t,this}function Y(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var u=e[t];this.set(u[0],u[1])}}Y.prototype.clear=At,Y.prototype.delete=It,Y.prototype.get=kt,Y.prototype.has=Ft,Y.prototype.set=Wt;var zt=ge(Q,"Map");function Yt(){this.size=0,this.__data__={hash:new I,map:new(zt||Y),string:new I}}function Gt(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}function q(e,t){var r=e.__data__;return Gt(t)?r[typeof t=="string"?"string":"hash"]:r.map}function Ut(e){var t=q(this,e).delete(e);return this.size-=t?1:0,t}function Vt(e){return q(this,e).get(e)}function xt(e){return q(this,e).has(e)}function Ht(e,t){var r=q(this,e),u=r.size;return r.set(e,t),this.size+=r.size==u?0:1,this}function k(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var u=e[t];this.set(u[0],u[1])}}k.prototype.clear=Yt,k.prototype.delete=Ut,k.prototype.get=Vt,k.prototype.has=xt,k.prototype.set=Ht;var Jt="Expected a function";function ae(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(Jt);var r=function(){var u=arguments,c=t?t.apply(this,u):u[0],i=r.cache;if(i.has(c))return i.get(c);var d=e.apply(this,u);return r.cache=i.set(c,d)||i,d};return r.cache=new(ae.Cache||k),r}ae.Cache=k;var ie=function(){return Q.Date.now()},Xt="Expected a function",Kt=Math.max,Bt=Math.min;function ee(e,t,r){var u,c,i,d,h,b,_=0,O=!1,w=!1,L=!0;if(typeof e!="function")throw new TypeError(Xt);t=me(t)||0,z(r)&&(O=!!r.leading,w="maxWait"in r,i=w?Kt(me(r.maxWait)||0,t):i,L="trailing"in r?!!r.trailing:L);function P(n){var f=u,l=c;return u=c=void 0,_=n,d=e.apply(l,f),d}function F(n){return _=n,h=setTimeout(A,t),O?P(n):d}function E(n){var f=n-b,l=n-_,g=t-f;return w?Bt(g,i-l):g}function S(n){var f=n-b,l=n-_;return b===void 0||f>=t||f<0||w&&l>=i}function A(){var n=ie();if(S(n))return G(n);h=setTimeout(A,E(n))}function G(n){return h=void 0,L&&u?P(n):(u=c=void 0,d)}function U(){h!==void 0&&clearTimeout(h),_=0,u=b=c=h=void 0}function s(){return h===void 0?d:G(ie())}function o(){var n=ie(),f=S(n);if(u=arguments,c=this,b=n,f){if(h===void 0)return F(b);if(w)return clearTimeout(h),h=setTimeout(A,t),P(b)}return h===void 0&&(h=setTimeout(A,t)),d}return o.cancel=U,o.flush=s,o}var Qt="Expected a function";function Zt(e,t,r){var u=!0,c=!0;if(typeof e!="function")throw new TypeError(Qt);return z(r)&&(u="leading"in r?!!r.leading:u,c="trailing"in r?!!r.trailing:c),ee(e,t,{leading:u,maxWait:t,trailing:c})}class _e{constructor(t){ne(this,"event",new De.EventEmitter);ne(this,"data",{});ne(this,"registry",new Set);this.name=t,console.log("[CONTEXT] %s",t),this.event.setMaxListeners(100)}publish(t,r){r!=this.data[t]&&(this.data[t]=r,this.event.emit(String(t),{value:r}))}subscribe(t,r){const u=({value:c})=>{r(c)};return this.event.addListener(String(t),u),console.log("listenerCount:",String(t),this.event.listenerCount(String(t))),t in this.data&&r(this.data[t]),()=>(this.event.removeListener(String(t),u),void 0)}}const Ee=ae(e=>new _e(e)),se=(e="noname")=>m.useMemo(()=>Ee(e),[e]),ye=(e,...t)=>{const r=new Error("[ctx] useRegistryChecker failed "+JSON.stringify({names:t,ctx:(e==null?void 0:e.name)??"undefined"}));m.useEffect(()=>{if(e)return t.some(u=>e.registry.has(u))&&console.error(r),t.forEach(u=>e.registry.add(u)),()=>{t.forEach(u=>e.registry.delete(u))}},[e,t.length])},$t=(e,t,r)=>{m.useEffect(()=>{e&&e.data[t]!=r&&e.publish(t,r)},[t,r,e]),ye(e,t)},qt=(e,t,r=0)=>{const[{value:u},c]=m.useState(()=>{var i;return{value:(i=e==null?void 0:e.data)==null?void 0:i[t]}});return m.useEffect(()=>{if(e){let i=r==0?h=>c({value:h}):ee(h=>c({value:h}),r),d=e.subscribe(t,i);return u!=e.data[t]&&c({value:e.data[t]}),()=>{d()}}},[t,e]),e==null?void 0:e.data[t]},er=(e,t,r)=>{const[,u]=m.useState(0),c=m.useMemo(()=>r(e==null?void 0:e.data[t]),[r,e==null?void 0:e.data[t]]);return m.useEffect(()=>{if(e){let i=c,d=()=>{let b=r(e.data[t]);b!=i&&(i=b,u(_=>_+1))},h=e.subscribe(t,d);return d(),()=>h()}},[t,e]),c},Te=(e,...t)=>{m.useEffect(()=>{if(e)for(let[r,u]of t)e.data[r]!=u&&e.publish(r,u)},[e,...t.flat()]),ye(e,...t.map(r=>r[0]))},tr=(e,...t)=>{const[,r]=m.useState(0),u=t.map(c=>{var i;return(i=e==null?void 0:e.data)==null?void 0:i[c]});return m.useEffect(()=>{if(e){let c=u;const i=ee(()=>{let b=t.map(_=>{var O;return(O=e==null?void 0:e.data)==null?void 0:O[_]});t.some((_,O)=>c[O]!=b[O])&&(c=b,r(_=>_+1))},1);let d=t.map(b=>e.subscribe(b,i)),h=setTimeout(i,1);return()=>{clearTimeout(h),i.cancel(),d.forEach(b=>b())}}},[e,...t]),Object.fromEntries(t.map((c,i)=>[c,u[i]]))},rr=(e,t=100,...r)=>{const[,u]=m.useState(0),c=r.map(i=>{var d;return(d=e==null?void 0:e.data)==null?void 0:d[i]});return m.useEffect(()=>{if(e){let i=c;const d=Zt(()=>{let _=r.map(O=>{var w;return(w=e==null?void 0:e.data)==null?void 0:w[O]});r.some((O,w)=>i[w]!=_[w])&&(i=_,u(O=>O+1))},t);let h=r.map(_=>e.subscribe(_,d)),b=setTimeout(d,1);return()=>{clearTimeout(b),d.cancel(),h.forEach(_=>_())}}},[e,...r]),c};var te={exports:{}},J={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Oe;function nr(){if(Oe)return J;Oe=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function r(u,c,i){var d=null;if(i!==void 0&&(d=""+i),c.key!==void 0&&(d=""+c.key),"key"in c){i={};for(var h in c)h!=="key"&&(i[h]=c[h])}else i=c;return c=i.ref,{$$typeof:e,type:u,key:d,ref:c!==void 0?c:null,props:i}}return J.Fragment=t,J.jsx=r,J.jsxs=r,J}var X={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var we;function or(){return we||(we=1,process.env.NODE_ENV!=="production"&&function(){function e(a){if(a==null)return null;if(typeof a=="function")return a.$$typeof===v?null:a.displayName||a.name||null;if(typeof a=="string")return a;switch(a){case E:return"Fragment";case A:return"Profiler";case S:return"StrictMode";case o:return"Suspense";case n:return"SuspenseList";case g:return"Activity"}if(typeof a=="object")switch(typeof a.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),a.$$typeof){case F:return"Portal";case U:return(a.displayName||"Context")+".Provider";case G:return(a._context.displayName||"Context")+".Consumer";case s:var p=a.render;return a=a.displayName,a||(a=p.displayName||p.name||"",a=a!==""?"ForwardRef("+a+")":"ForwardRef"),a;case f:return p=a.displayName||null,p!==null?p:e(a.type)||"Memo";case l:p=a._payload,a=a._init;try{return e(a(p))}catch{}}return null}function t(a){return""+a}function r(a){try{t(a);var p=!1}catch{p=!0}if(p){p=console;var T=p.error,R=typeof Symbol=="function"&&Symbol.toStringTag&&a[Symbol.toStringTag]||a.constructor.name||"Object";return T.call(p,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",R),t(a)}}function u(a){if(a===E)return"<>";if(typeof a=="object"&&a!==null&&a.$$typeof===l)return"<...>";try{var p=e(a);return p?"<"+p+">":"<...>"}catch{return"<...>"}}function c(){var a=j.A;return a===null?null:a.getOwner()}function i(){return Error("react-stack-top-frame")}function d(a){if(M.call(a,"key")){var p=Object.getOwnPropertyDescriptor(a,"key").get;if(p&&p.isReactWarning)return!1}return a.key!==void 0}function h(a,p){function T(){Ce||(Ce=!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)",p))}T.isReactWarning=!0,Object.defineProperty(a,"key",{get:T,configurable:!0})}function b(){var a=e(this.type);return je[a]||(je[a]=!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.")),a=this.props.ref,a!==void 0?a:null}function _(a,p,T,R,D,N,ue,fe){return T=N.ref,a={$$typeof:P,type:a,key:p,props:N,_owner:D},(T!==void 0?T:null)!==null?Object.defineProperty(a,"ref",{enumerable:!1,get:b}):Object.defineProperty(a,"ref",{enumerable:!1,value:null}),a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(a,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(a,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:ue}),Object.defineProperty(a,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:fe}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a}function O(a,p,T,R,D,N,ue,fe){var C=p.children;if(C!==void 0)if(R)if(re(C)){for(R=0;R<C.length;R++)w(C[R]);Object.freeze&&Object.freeze(C)}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 w(C);if(M.call(p,"key")){C=e(a);var V=Object.keys(p).filter(function(ur){return ur!=="key"});R=0<V.length?"{key: someKey, "+V.join(": ..., ")+": ...}":"{key: someKey}",Ne[C+R]||(V=0<V.length?"{"+V.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,R,C,V,C),Ne[C+R]=!0)}if(C=null,T!==void 0&&(r(T),C=""+T),d(p)&&(r(p.key),C=""+p.key),"key"in p){T={};for(var ce in p)ce!=="key"&&(T[ce]=p[ce])}else T=p;return C&&h(T,typeof a=="function"?a.displayName||a.name||"Unknown":a),_(a,C,N,D,c(),T,ue,fe)}function w(a){typeof a=="object"&&a!==null&&a.$$typeof===P&&a._store&&(a._store.validated=1)}var L=m,P=Symbol.for("react.transitional.element"),F=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),A=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),U=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),o=Symbol.for("react.suspense"),n=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),l=Symbol.for("react.lazy"),g=Symbol.for("react.activity"),v=Symbol.for("react.client.reference"),j=L.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,re=Array.isArray,K=console.createTask?console.createTask:function(){return null};L={"react-stack-bottom-frame":function(a){return a()}};var Ce,je={},Le=L["react-stack-bottom-frame"].bind(L,i)(),Pe=K(u(i)),Ne={};X.Fragment=E,X.jsx=function(a,p,T,R,D){var N=1e4>j.recentlyCreatedOwnerStacks++;return O(a,p,T,!1,R,D,N?Error("react-stack-top-frame"):Le,N?K(u(a)):Pe)},X.jsxs=function(a,p,T,R,D){var N=1e4>j.recentlyCreatedOwnerStacks++;return O(a,p,T,!0,R,D,N?Error("react-stack-top-frame"):Le,N?K(u(a)):Pe)}}()),X}var Se;function ar(){return Se||(Se=1,process.env.NODE_ENV==="production"?te.exports=nr():te.exports=or()),te.exports}var Re=ar();const ir=(e,t)=>{const r=c=>[e,...Object.entries(c??{}).sort((i,d)=>i[0].localeCompare(d[0])).flat()].join("-");let u=!1;return{Root:c=>{const i=se(r(c)),d=t(c),h=m.useMemo(()=>new Error().stack,[]);return Te(i,...Object.entries(d)),m.useEffect(()=>{if(u==!0){const b=new Error("RootContext "+r(c)+" are mounted more than once");throw b.stack=h,b}return u=!0,()=>{u=!1}}),Re.jsx(Re.Fragment,{})},useCtxState:c=>{const i=m.useMemo(()=>new Error().stack,[]);return m.useEffect(()=>{if(!u){const d=new Error("RootContext ["+r(c)+"] is not mounted");throw d.stack=i,d}},[u]),se(r(c))}}},sr=e=>{const[,t]=m.useState(0),{proxy:r,finalGetter:u,openGetter:c,clean:i}=m.useMemo(()=>{const d=new Set,h={},b=new Map,_=new Proxy(e==null?void 0:e.data,{get(E,S){if(O)return d.add(S),h[S]=E[S];throw new Error("now allow here")}});let O=!0,w=ee(()=>{[...d.values()].some(E=>{var S;return h[E]!=((S=e==null?void 0:e.data)==null?void 0:S[E])})&&t(E=>E+1)},0),L=()=>{O=!0,d.clear()},P=()=>{O=!1,[...d.values()].filter(E=>!b.has(E)).forEach(E=>{b.set(E,e==null?void 0:e.subscribe(E,w))}),[...b.keys()].filter(E=>!d.has(E)).forEach(E=>{let S=b.get(E);S==null||S(),b.delete(E)})};return{proxy:_,finalGetter:P,openGetter:L,clean:()=>{L(),P(),t(E=>E+1)}}},[]);return c(),setTimeout(u,0),m.useEffect(()=>()=>i(),[i]),r};y.Context=_e,y.createRootCtx=ir,y.getContext=Ee,y.useDataContext=se,y.useDataSource=$t,y.useDataSourceMultiple=Te,y.useDataSubscribe=qt,y.useDataSubscribeMultiple=tr,y.useDataSubscribeMultipleWithDebounce=rr,y.useDataSubscribeWithTransform=er,y.useQuickSubscribe=sr,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});

package/dist/state-utils/createRootCtx.d.ts

@@ -0,0 +1,5 @@
+import { Context } from './ctx';
+export declare const createRootCtx: <U extends object, V extends object>(name: string, useFn: (e: U) => V) => {
+    Root: (e: U) => import("react/jsx-runtime").JSX.Element;
+    useCtxState: (e: U) => Context<V>;
+};

package/dist/state-utils/ctx.d.ts

@@ -0,0 +1,94 @@
+/**
+ * Generic context for managing shared state and event subscriptions.
+ * @template D - The shape of the data managed by the context.
+ */
+export declare class Context<D> {
+    name: string;
+    /**
+     * Create a new Context instance.
+     * @param name - The name of the context (for debugging).
+     */
+    constructor(name: string);
+    private event;
+    /**
+     * The current data held by the context.
+     */
+    data: Partial<D>;
+    /**
+     * Registry for tracking active keys (for duplicate detection).
+     */
+    registry: Set<string>;
+    /**
+     * Publish a value to the context and notify subscribers if it changed.
+     * @param key - The key to update.
+     * @param value - The new value.
+     */
+    publish(key: keyof D, value: D[typeof key] | undefined): void;
+    /**
+     * Subscribe to changes for a specific key in the context.
+     * @param key - The key to subscribe to.
+     * @param listender - Callback invoked with the new value.
+     * @returns Unsubscribe function.
+     */
+    subscribe(key: keyof D, listender: (e: D[typeof key] | undefined) => void): () => undefined;
+}
+/**
+ * Get or create a memoized Context instance by name.
+ * @param name - The context name.
+ * @returns The Context instance.
+ */
+export declare const getContext: ((name: string) => Context<any>) & import('lodash').MemoizedFunction;
+/**
+ * Type alias for a function that returns a Context instance.
+ */
+export type getContext<D> = (e: string) => Context<D>;
+/**
+ * React hook to get a typed Context instance by name.
+ * @param name - The context name.
+ * @returns The Context instance.
+ */
+export declare const useDataContext: <D>(name?: string) => Context<D>;
+/**
+ * React hook to publish a value to the context when it changes.
+ * @param ctx - The context instance.
+ * @param key - The key to update.
+ * @param value - The new value.
+ */
+export declare const useDataSource: <D, K extends keyof D>(ctx: Context<D> | undefined, key: K, value: D[K] | undefined) => void;
+/**
+ * React hook to subscribe to a context value, with optional debounce.
+ * @param ctx - The context instance.
+ * @param key - The key to subscribe to.
+ * @param debounceTime - Debounce time in ms (default 0).
+ * @returns The current value for the key.
+ */
+export declare const useDataSubscribe: <D, K extends keyof D>(ctx: Context<D> | undefined, key: K, debounceTime?: number) => D[K] | undefined;
+/**
+ * React hook to subscribe to a context value and transform it before returning.
+ * @param ctx - The context instance.
+ * @param key - The key to subscribe to.
+ * @param transform - Function to transform the value.
+ * @returns The transformed value.
+ */
+export declare const useDataSubscribeWithTransform: <D, K extends keyof D, E>(ctx: Context<D> | undefined, key: K, transform: (e: D[K] | undefined) => E) => E;
+/**
+ * React hook to publish multiple values to the context.
+ * @param ctx - The context instance.
+ * @param entries - Array of [key, value] pairs to update.
+ */
+export declare const useDataSourceMultiple: <D, T extends readonly (keyof D)[]>(ctx: Context<D> | undefined, ...entries: { -readonly [P in keyof T]: [T[P], D[T[P]]]; }) => void;
+/**
+ * React hook to subscribe to multiple context values.
+ * @param ctx - The context instance.
+ * @param keys - Keys to subscribe to.
+ * @returns An object with the current values for the keys.
+ */
+export declare const useDataSubscribeMultiple: <D, K extends keyof D>(ctx: Context<D> | undefined, ...keys: K[]) => Pick<D, K>;
+/**
+ * React hook to subscribe to multiple context values with throttling.
+ * @param ctx - The context instance.
+ * @param debounceTime - Throttle time in ms (default 100).
+ * @param keys - Keys to subscribe to.
+ * @returns Array of current values for the keys.
+ */
+export declare const useDataSubscribeMultipleWithDebounce: <D, K extends (keyof D)[]>(ctx: Context<D> | undefined, debounceTime?: number, ...keys: K) => { [i in keyof K]: D[K[i]] | undefined; };

package/dist/state-utils/useQuickSubscribe.d.ts

@@ -0,0 +1,2 @@
+import { Context } from './ctx';
+export declare const useQuickSubscribe: <D>(ctx: Context<D> | undefined) => { [P in keyof D]?: D[P] | undefined; };

package/dist/state-utils/useQuickSubscribeV2.d.ts

@@ -0,0 +1,2 @@
+import { Context } from './ctx';
+export declare const useQuickSubscribeV2: <D>(ctx: Context<D> | undefined) => { [P in keyof D]?: D[P] | undefined; };

package/dist/state-utils/useRefValue.d.ts

@@ -0,0 +1 @@
+export declare const useRefValue: <T extends object>(e: T) => T;

package/fix-vscode-yarn-pnp.sh

@@ -0,0 +1,26 @@
+#!/bin/bash
+# Fix VS Code + Yarn PnP TypeScript/module resolution issues
+
+# 1. Set Yarn to use Plug'n'Play (PnP)
+yarn config set nodeLinker pnp
+
+# 2. Install dependencies
+yarn install
+
+# 3. Install Yarn SDKs for editor support
+yarn dlx @yarnpkg/sdks vscode
+
+# 4. Create VS Code settings for TypeScript SDK
+mkdir -p .vscode
+cat > .vscode/settings.json <<EOL
+{
+  "typescript.tsdk": ".yarn/sdks/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "search.exclude": {
+    "**/.yarn": true,
+    "**/.pnp.*": true
+  }
+}
+EOL
+
+echo "VS Code + Yarn PnP fix complete! Reload VS Code for changes to take effect."

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "react-state-custom",
+  "version": "1.0.0",
+  "description": "A React library built with Vite and TypeScript",
+  "type": "module",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite",
+    "test": "echo \"No tests specified\" && exit 0"
+  },
+  "keywords": [],
+  "author": "Your Name",
+  "license": "MIT",
+  "dependencies": {
+    "events": "^3.3.0",
+    "lodash-es": "^4.17.21",
+    "react-object-view-bigint": "^0.3.4",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "devDependencies": {
+    "@types/events": "^3",
+    "@types/lodash-es": "^4",
+    "@types/react": "19",
+    "@types/react-dom": "19",
+    "@vitejs/plugin-react": "^4.5.2",
+    "react": "19",
+    "react-dom": "19",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5"
+  },
+  "packageManager": "yarn@4.6.0+sha512.5383cc12567a95f1d668fbe762dfe0075c595b4bfff433be478dbbe24e05251a8e8c3eb992a986667c1d53b6c3a9c85b8398c35a960587fbd9fa3a0915406728"
+}

package/src/components/MyComponent.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+interface MyComponentProps {
+    title: string;
+    description?: string;
+}
+
+const MyComponent: React.FC<MyComponentProps> = ({ title, description }) => {
+    return (
+        <div>
+            <h1>{title}</h1>
+            {description && <p>{description}</p>}
+        </div>
+    );
+};
+
+export default MyComponent;

package/src/index.ts

@@ -0,0 +1,19 @@
+// export { default as MyComponent } from './components/MyComponent';
+
+export {
+  Context,
+  getContext,
+  useDataContext,
+  useDataSource,
+  useDataSourceMultiple,
+  useDataSubscribe,
+  useDataSubscribeMultiple,
+  useDataSubscribeMultipleWithDebounce,
+  useDataSubscribeWithTransform
+} from "./state-utils/ctx"
+
+export { createRootCtx } from "./state-utils/createRootCtx"
+
+export { useQuickSubscribeV2 as useQuickSubscribe } from "./state-utils/useQuickSubscribeV2"
+
+// export { OBJView } from "./components/ObjectView"

package/src/state-utils/createRootCtx.tsx

@@ -0,0 +1,56 @@
+import { useEffect, useMemo } from "react"
+import { useDataContext, useDataSourceMultiple, type Context } from "./ctx"
+
+
+
+export const createRootCtx = <U extends object, V extends object>(name: string, useFn: (e: U) => V) => {
+
+  const resolveCtxName = (e: U) => [
+    name,
+    ...Object
+      .entries(e ?? {})
+      .sort((e, f) => e[0].localeCompare(f[0]))
+      .flat()
+  ].join("-")
+
+  let isCtxMounted = false
+
+  return {
+    Root: (e: U) => {
+      const ctx = useDataContext<V>(resolveCtxName(e))
+      const state = useFn(e)
+      const stack = useMemo(() => new Error().stack, [])
+
+      useDataSourceMultiple(
+        ctx,
+        ...Object.entries(state) as any
+      )
+
+      useEffect(() => {
+        if (isCtxMounted == true) {
+          const err = new Error("RootContext " + resolveCtxName(e) + " are mounted more than once")
+          err.stack = stack;
+          throw err
+        }
+        isCtxMounted = true;
+        return () => { isCtxMounted = false };
+      })
+
+      return <></>
+    },
+    useCtxState: (e: U): Context<V> => {
+
+      const stack = useMemo(() => new Error().stack, [])
+
+      useEffect(() => {
+        if (!isCtxMounted) {
+          const err = new Error("RootContext [" + resolveCtxName(e) + "] is not mounted")
+          err.stack = stack;
+          throw err
+        }
+      }, [isCtxMounted])
+
+      return useDataContext<V>(resolveCtxName(e))
+    }
+  }
+}

package/src/state-utils/ctx.ts

@@ -0,0 +1,308 @@
+import event from "events"
+import { debounce, memoize, throttle } from "lodash-es"
+import { useEffect, useMemo, useState } from "react"
+
+
+
+/**
+ * Generic context for managing shared state and event subscriptions.
+ * @template D - The shape of the data managed by the context.
+ */
+export class Context<D> {
+  /**
+   * Create a new Context instance.
+   * @param name - The name of the context (for debugging).
+   */
+  constructor(public name: string) {
+    console.log("[CONTEXT] %s", name)
+    this.event.setMaxListeners(100)
+  }
+
+  private event = new event.EventEmitter()
+
+  /**
+   * The current data held by the context.
+   */
+  public data: Partial<D> = {}
+  /**
+   * Registry for tracking active keys (for duplicate detection).
+   */
+  public registry = new Set<string>()
+
+  /**
+   * Publish a value to the context and notify subscribers if it changed.
+   * @param key - The key to update.
+   * @param value - The new value.
+   */
+  public publish(key: keyof D, value: D[typeof key] | undefined) {
+
+    if (value != this.data[key]) {
+      this.data[key] = value
+      // console.count("[COUNT] " + String(key))
+      this.event.emit(String(key), { value })
+    }
+  }
+
+  /**
+   * Subscribe to changes for a specific key in the context.
+   * @param key - The key to subscribe to.
+   * @param listender - Callback invoked with the new value.
+   * @returns Unsubscribe function.
+   */
+  public subscribe(key: keyof D, listender: (e: D[typeof key] | undefined) => void) {
+    const listener = ({ value }: any) => {
+      listender(value)
+    }
+    this.event.addListener(String(key), listener)
+    console.log("listenerCount:", String(key), this.event.listenerCount(String(key)))
+
+    if (key in this.data) listender(this.data[key])
+
+    return () => (this.event.removeListener(String(key), listener), undefined)
+  }
+
+}
+
+/**
+ * Get or create a memoized Context instance by name.
+ * @param name - The context name.
+ * @returns The Context instance.
+ */
+export const getContext = memoize((name: string) => new Context<any>(name))
+
+/**
+ * Type alias for a function that returns a Context instance.
+ */
+export type getContext<D> = (e: string) => Context<D>
+
+/**
+ * React hook to get a typed Context instance by name.
+ * @param name - The context name.
+ * @returns The Context instance.
+ */
+export const useDataContext = <D>(name: string = "noname") => {
+
+  const ctx = useMemo(() => getContext(name), [name])
+
+  return ctx as any as Context<D>
+}
+
+/**
+ * Internal hook to check for duplicate registry entries in a context.
+ * Warns if any of the provided names are already registered.
+ * @param ctx - The context instance.
+ * @param names - Names to check and register.
+ */
+const useRegistryChecker = (ctx: Context<any> | undefined, ...names: string[]) => {
+  // return;
+  const stack = new Error("[ctx] useRegistryChecker failed " + JSON.stringify({ names, ctx: ctx?.name ?? 'undefined' }))
+
+  useEffect(
+    () => {
+      if (ctx) {
+        if (names.some(name => ctx.registry.has(name))) {
+          console.error(stack)
+        }
+        names.forEach(e => ctx.registry.add(e))
+
+        // console.debug("[ctx] %s%s add datasource", componentId, ctx.name, names)
+        return () => {
+          // console.debug("[ctx] %s %s remove datasource", componentId, ctx.name, names)
+
+          names.forEach(e => ctx.registry.delete(e))
+        }
+      }
+    },
+    [ctx, names.length]
+  )
+
+}
+
+/**
+ * React hook to publish a value to the context when it changes.
+ * @param ctx - The context instance.
+ * @param key - The key to update.
+ * @param value - The new value.
+ */
+export const useDataSource = <D, K extends keyof D>(ctx: Context<D> | undefined, key: K, value: D[K] | undefined) => {
+  //@ts-check
+  useEffect(() => {
+    if (ctx && ctx.data[key] != value) {
+
+      ctx.publish(key, value)
+    }
+  }, [key, value, ctx])
+
+  useRegistryChecker(ctx, key as any)
+}
+
+/**
+ * React hook to subscribe to a context value, with optional debounce.
+ * @param ctx - The context instance.
+ * @param key - The key to subscribe to.
+ * @param debounceTime - Debounce time in ms (default 0).
+ * @returns The current value for the key.
+ */
+export const useDataSubscribe = <D, K extends keyof D>(ctx: Context<D> | undefined, key: K, debounceTime = 0): D[K] | undefined => {
+  //@ts-check
+  const [{ value }, setState] = useState(() => ({ value: ctx?.data?.[key] }))
+
+  useEffect(() => {
+    if (ctx) {
+      let callback = debounceTime == 0 ? (value: any) => setState({ value } as any) : debounce((value: any) => setState({ value } as any), debounceTime)
+      let unsub = ctx.subscribe(key, callback)
+      value != ctx.data[key] && setState({ value: ctx.data[key] })
+      return () => {
+        unsub()
+      }
+    }
+  }, [key, ctx])
+
+  return ctx?.data[key]
+}
+
+/**
+ * React hook to subscribe to a context value and transform it before returning.
+ * @param ctx - The context instance.
+ * @param key - The key to subscribe to.
+ * @param transform - Function to transform the value.
+ * @returns The transformed value.
+ */
+export const useDataSubscribeWithTransform = <D, K extends keyof D, E>(ctx: Context<D> | undefined, key: K, transform: (e: D[K] | undefined) => E): E => {
+  const [, setState] = useState(0)
+  const result = useMemo(
+    () => transform(ctx?.data[key]),
+    [transform, ctx?.data[key]]
+  )
+
+  useEffect(() => {
+    if (ctx) {
+      let preValue = result
+      let callback = () => {
+        let newValue = transform(ctx.data[key])
+        if (newValue != preValue) {
+          preValue = newValue;
+          setState(e => e + 1)
+        };
+      }
+      let unsub = ctx.subscribe(key, callback)
+      callback();
+      return () => unsub()
+    }
+  }, [key, ctx])
+
+  return result
+}
+
+/**
+ * React hook to publish multiple values to the context.
+ * @param ctx - The context instance.
+ * @param entries - Array of [key, value] pairs to update.
+ */
+export const useDataSourceMultiple = <D, T extends readonly (keyof D)[]>(
+  ctx: Context<D> | undefined,
+  ...entries: { -readonly [P in keyof T]: [T[P], D[T[P]]] }
+) => {
+  //@ts-check
+  useEffect(() => {
+    if (ctx) {
+      for (let [key, value] of entries) {
+        ctx.data[key] != value && ctx.publish(key, value)
+      }
+    }
+  }, [ctx, ...entries.flat()])
+
+  useRegistryChecker(ctx, ...entries.map(e => e[0]) as any)
+
+}
+
+/**
+ * React hook to subscribe to multiple context values.
+ * @param ctx - The context instance.
+ * @param keys - Keys to subscribe to.
+ * @returns An object with the current values for the keys.
+ */
+export const useDataSubscribeMultiple = <D, K extends keyof D>(
+  ctx: Context<D> | undefined,
+  ...keys: K[]
+): Pick<D, K> => {
+  const [, setCounter] = useState(0)
+
+  const returnValues = keys.map(key => ctx?.data?.[key])
+
+  useEffect(() => {
+    if (ctx) {
+      let prevValues = returnValues
+      const callback = debounce(() => {
+        let currentValues = keys.map(key => ctx?.data?.[key])
+        if (keys.some((key, i) => prevValues[i] != currentValues[i])) {
+          // console.log("DIFF", keys.filter((e, i) => prevValues[i] != currentValues[i]))
+          prevValues = currentValues
+          setCounter(c => c + 1)
+        }
+      }, 1)
+
+      let handles = keys.map(key => ctx.subscribe(key, callback))
+
+      let firstCall = setTimeout(callback, 1);
+
+      return () => {
+        clearTimeout(firstCall)
+        callback.cancel();
+        handles.forEach(unsub => unsub())
+      }
+
+    }
+  }, [ctx, ...keys])
+
+
+  return Object
+    .fromEntries(keys.map((key, index) => [key, returnValues[index]])) as any
+}
+
+/**
+ * React hook to subscribe to multiple context values with throttling.
+ * @param ctx - The context instance.
+ * @param debounceTime - Throttle time in ms (default 100).
+ * @param keys - Keys to subscribe to.
+ * @returns Array of current values for the keys.
+ */
+export const useDataSubscribeMultipleWithDebounce = <D, K extends (keyof D)[]>(
+  ctx: Context<D> | undefined,
+  debounceTime = 100,
+  ...keys: K
+): { [i in keyof K]: D[K[i]] | undefined } => {
+  //@ts-check
+  const [, setCounter] = useState(0)
+
+  const returnValues = keys.map(key => ctx?.data?.[key])
+
+  useEffect(() => {
+    if (ctx) {
+      let prevValues = returnValues
+      const callback = throttle(() => {
+        let currentValues = keys.map(key => ctx?.data?.[key])
+        if (keys.some((key, i) => prevValues[i] != currentValues[i])) {
+          prevValues = currentValues
+          setCounter(c => c + 1)
+        }
+      }, debounceTime)
+
+      let handles = keys.map(key => ctx.subscribe(key, callback))
+
+      let firstCall = setTimeout(callback, 1);
+
+      return () => {
+        clearTimeout(firstCall)
+        callback.cancel();
+        handles.forEach(unsub => unsub())
+      }
+
+    }
+  }, [ctx, ...keys])
+
+  return returnValues as any
+}
+
+
+