react-state-custom 1.0.3 → 1.0.4

package/dist/index.es.js

@@ -934,6 +934,7 @@ const hr = (e, t) => {
   ].join("-");
   let u = /* @__PURE__ */ new Set();
   return {
+    resolveCtxName: r,
     Root: (f) => {
       const n = r(f), d = ce(n), h = t(f), m = W(() => new Error().stack, []);
       return rr(

package/dist/index.umd.js

@@ -19,4 +19,4 @@
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,R,C,U,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 i=="function"?i.displayName||i.name||"Unknown":i),_(i,C,N,k,c(),T,ue,fe)}function O(i){typeof i=="object"&&i!==null&&i.$$typeof===P&&i._store&&(i._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"),Y=Symbol.for("react.consumer"),G=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),a=Symbol.for("react.suspense"),o=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,ne=Array.isArray,K=console.createTask?console.createTask:function(){return null};L={"react-stack-bottom-frame":function(i){return i()}};var Ce,je={},Le=L["react-stack-bottom-frame"].bind(L,n)(),Pe=K(u(n)),Ne={};X.Fragment=E,X.jsx=function(i,p,T,R,k){var N=1e4>j.recentlyCreatedOwnerStacks++;return w(i,p,T,!1,R,k,N?Error("react-stack-top-frame"):Le,N?K(u(i)):Pe)},X.jsxs=function(i,p,T,R,k){var N=1e4>j.recentlyCreatedOwnerStacks++;return w(i,p,T,!0,R,k,N?Error("react-stack-top-frame"):Le,N?K(u(i)):Pe)}}()),X}var Se;function ar(){return Se||(Se=1,process.env.NODE_ENV==="production"?re.exports=nr():re.exports=or()),re.exports}var Re=ar();const ir=(e,t)=>{const r=c=>[e,...Object.entries(c??{}).sort((n,d)=>n[0].localeCompare(d[0])).flat()].join("-");let u=new Set;return{Root:c=>{const n=r(c),d=te(n),h=t(c),b=m.useMemo(()=>new Error().stack,[]);return Te(d,...Object.entries(h)),m.useEffect(()=>{if(u.has(n)){const _=new Error("RootContext "+n+" are mounted more than once");throw _.stack=b,_}return u.add(n),()=>{u.delete(n)}}),Re.jsx(Re.Fragment,{})},useCtxStateStrict:c=>{const n=r(c),d=m.useMemo(()=>new Error().stack,[]);return m.useEffect(()=>{if(!u.has(n)){const h=new Error("RootContext ["+n+"] is not mounted");throw h.stack=d,h}},[n]),te(n)},useCtxState:c=>{const n=r(c),d=m.useMemo(()=>new Error().stack,[]);return m.useEffect(()=>{if(!u.has(n)){const h=new Error("RootContext ["+n+"] is not mounted");h.stack=d;let b=setTimeout(()=>console.error(h),1e3);return()=>clearTimeout(b)}},[u.has(n)]),te(n)}}},sr=e=>{const[,t]=m.useState(0),{proxy:r,finalGetter:u,openGetter:c,clean:n}=m.useMemo(()=>{const d=new Set,h={},b=new Map,_=new Proxy(e==null?void 0:e.data,{get(E,S){if(w)return d.add(S),h[S]=E[S];throw new Error("now allow here")}});let w=!0,O=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=()=>{w=!0,d.clear()},P=()=>{w=!1,[...d.values()].filter(E=>!b.has(E)).forEach(E=>{b.set(E,e==null?void 0:e.subscribe(E,O))}),[...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)}}},[e]);return c(),setTimeout(u,0),m.useEffect(()=>()=>n(),[n]),r};y.Context=_e,y.createRootCtx=ir,y.getContext=Ee,y.useDataContext=te,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"})});
+  <%s key={someKey} {...props} />`,R,C,U,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 i=="function"?i.displayName||i.name||"Unknown":i),_(i,C,N,k,c(),T,ue,fe)}function O(i){typeof i=="object"&&i!==null&&i.$$typeof===P&&i._store&&(i._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"),Y=Symbol.for("react.consumer"),G=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),a=Symbol.for("react.suspense"),o=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,ne=Array.isArray,K=console.createTask?console.createTask:function(){return null};L={"react-stack-bottom-frame":function(i){return i()}};var Ce,je={},Le=L["react-stack-bottom-frame"].bind(L,n)(),Pe=K(u(n)),Ne={};X.Fragment=E,X.jsx=function(i,p,T,R,k){var N=1e4>j.recentlyCreatedOwnerStacks++;return w(i,p,T,!1,R,k,N?Error("react-stack-top-frame"):Le,N?K(u(i)):Pe)},X.jsxs=function(i,p,T,R,k){var N=1e4>j.recentlyCreatedOwnerStacks++;return w(i,p,T,!0,R,k,N?Error("react-stack-top-frame"):Le,N?K(u(i)):Pe)}}()),X}var Se;function ar(){return Se||(Se=1,process.env.NODE_ENV==="production"?re.exports=nr():re.exports=or()),re.exports}var Re=ar();const ir=(e,t)=>{const r=c=>[e,...Object.entries(c??{}).sort((n,d)=>n[0].localeCompare(d[0])).flat()].join("-");let u=new Set;return{resolveCtxName:r,Root:c=>{const n=r(c),d=te(n),h=t(c),b=m.useMemo(()=>new Error().stack,[]);return Te(d,...Object.entries(h)),m.useEffect(()=>{if(u.has(n)){const _=new Error("RootContext "+n+" are mounted more than once");throw _.stack=b,_}return u.add(n),()=>{u.delete(n)}}),Re.jsx(Re.Fragment,{})},useCtxStateStrict:c=>{const n=r(c),d=m.useMemo(()=>new Error().stack,[]);return m.useEffect(()=>{if(!u.has(n)){const h=new Error("RootContext ["+n+"] is not mounted");throw h.stack=d,h}},[n]),te(n)},useCtxState:c=>{const n=r(c),d=m.useMemo(()=>new Error().stack,[]);return m.useEffect(()=>{if(!u.has(n)){const h=new Error("RootContext ["+n+"] is not mounted");h.stack=d;let b=setTimeout(()=>console.error(h),1e3);return()=>clearTimeout(b)}},[u.has(n)]),te(n)}}},sr=e=>{const[,t]=m.useState(0),{proxy:r,finalGetter:u,openGetter:c,clean:n}=m.useMemo(()=>{const d=new Set,h={},b=new Map,_=new Proxy(e==null?void 0:e.data,{get(E,S){if(w)return d.add(S),h[S]=E[S];throw new Error("now allow here")}});let w=!0,O=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=()=>{w=!0,d.clear()},P=()=>{w=!1,[...d.values()].filter(E=>!b.has(E)).forEach(E=>{b.set(E,e==null?void 0:e.subscribe(E,O))}),[...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)}}},[e]);return c(),setTimeout(u,0),m.useEffect(()=>()=>n(),[n]),r};y.Context=_e,y.createRootCtx=ir,y.getContext=Ee,y.useDataContext=te,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/createAutoCtx.d.ts

@@ -0,0 +1,8 @@
+import { Context } from './ctx';
+import { createRootCtx } from './createRootCtx';
+export declare const AutoRootCtx: ({ Wrapper }: {
+    Wrapper?: import('react').ExoticComponent<import('react').FragmentProps> | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const createAutoCtx: <U extends object, V extends object>({ Root, useCtxState, useCtxStateStrict, resolveCtxName }: ReturnType<typeof createRootCtx<U, V>>) => {
+    useCtxState: (e: U) => Context<V>;
+};

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-state-custom",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "A React library built with Vite and TypeScript",
   "type": "module",
   "main": "dist/index.umd.js",

package/src/state-utils/createAutoCtx.tsx

@@ -0,0 +1,134 @@
+import { createContext, useEffect, useMemo, useState, Fragment, useCallback } from "react"
+import { getContext, useDataContext, useDataSource, useDataSourceMultiple, useDataSubscribe, type Context } from "./ctx"
+import { createRootCtx } from "./createRootCtx"
+
+
+
+
+
+
+const weakmapName = (function () {
+  const weakmap = new WeakMap()
+
+  return (e: any): string => {
+    let result = weakmap.get(e);
+    if (!result) {
+      weakmap.set(e, result = (e?.name ?? "") + Math.random().toString())
+    }
+    return result
+  }
+})()
+
+
+const resolveName = (e: any) => [
+  ...Object
+    .entries(e ?? {})
+    .sort((e, f) => e[0].localeCompare(f[0]))
+    .flat()
+].join("-")
+
+
+export const AutoRootCtx = ({ Wrapper = Fragment }) => {
+
+  const ctx = useDataContext<any>("auto-ctx")
+
+
+  const [state, setState] = useState<Record<string, { Component: React.FC, subState: Record<string, { params: any, counter: number }> }>>({})
+
+
+  const subscribeRoot = useCallback(
+    (Comp: any, params: any) => {
+      const weakName = weakmapName(Comp);
+      const key = resolveName(params);
+
+      setState(({
+        [weakName]: {
+          Component = Comp,
+          subState: {
+            [key]: preState = { params, counter: 0 },
+            ...subState
+          } = {}
+        } = {},
+        ...state
+      }) => ({
+        ...state,
+        [weakName]: {
+          Component,
+          subState: {
+            ...subState,
+            [key]: {
+              ...preState,
+              counter: preState.counter + 1,
+            },
+          },
+        }
+      }));
+
+      return () => setState(({
+        [weakName]: {
+          Component = Comp,
+          subState: {
+            [key]: preState = { params, counter: 0 },
+            ...subState
+          } = {}
+        } = {},
+        ...state
+      }) => ({
+        ...state,
+        [weakName]: {
+          Component,
+          subState: {
+            ...subState,
+            ...preState.counter > 1 ? {
+              [key]: {
+                ...preState,
+                counter: preState.counter - 1,
+              },
+            } : {},
+          },
+        }
+      }))
+
+    },
+    []
+  )
+
+  useDataSourceMultiple(ctx,
+    ["subscribe", subscribeRoot],
+    ["state", state],
+  )
+
+
+  return <>
+    {Object.entries(state)
+      .flatMap(([k1, { Component, subState }]) => Object
+        .entries(subState)
+        .map(([k2, { counter, params }]) => ({ key: k1 + k2, Component, params, counter }))
+        .filter(e => e.counter > 0)
+        .map(({ key, params, Component }) => <Wrapper key={key} >
+          <Component {...params} />
+        </Wrapper>)
+      )
+    }
+  </>
+
+}
+
+export const createAutoCtx = <U extends object, V extends object,>({ Root, useCtxState, useCtxStateStrict, resolveCtxName }: ReturnType<typeof createRootCtx<U, V>>) => {
+
+  return {
+
+    useCtxState: (e: U): Context<V> => {
+
+      const ctxName = resolveCtxName(e)
+
+      const subscribe = useDataSubscribe(useDataContext<any>("auto-ctx"), "subscribe")
+
+      useEffect(() => {
+        return subscribe(Root, e)
+      }, [subscribe, ctxName])
+
+      return useDataContext<V>(ctxName)
+    }
+  }
+}

package/src/state-utils/createRootCtx.tsx

@@ -16,6 +16,7 @@ export const createRootCtx = <U extends object, V extends object>(name: string,
   let ctxMountedCheck = new Set<string>()
 
   return {
+    resolveCtxName,
     Root: (e: U) => {
       const ctxName = resolveCtxName(e)
       const ctx = useDataContext<V>(ctxName)