@context-query/react 0.1.0 → 0.2.0-dev.1

package/dist/context.d.ts

@@ -1,7 +1,4 @@
 import type { ContextQueryStore, TStateImpl } from "@context-query/core";
 export declare const createContextQuery: <TState extends TStateImpl>() => {
     StoreContext: import("react").Context<ContextQueryStore<TState> | null>;
-    ContextQuerySubscriptionContext: import("react").Context<{
-        subscribe: ContextQueryStore<TState>["subscribe"] | null;
-    } | null>;
 };

package/dist/hooks.d.ts

@@ -1,3 +1,3 @@
 import { TStateImpl } from "@context-query/core";
 import { createContextQuery } from "./context";
-export declare function createUseContextQuery<TState extends TStateImpl>(contexts: ReturnType<typeof createContextQuery<TState>>): <TKey extends keyof TState>(key: TKey) => [TState[TKey], (value: TState[TKey] | ((prev: TState[TKey]) => TState[TKey])) => boolean];
+export declare function createUseContextQuery<TState extends TStateImpl>(contexts: ReturnType<typeof createContextQuery<TState>>): <TKey extends keyof TState>(keys?: TKey[]) => readonly [{ [K in TKey]: TState[K]; }, (value: { [K in TKey]: TState[K]; } | ((prev: { [K in TKey]: TState[K]; }) => { [K in TKey]: TState[K]; })) => void];

package/dist/index.d.ts

@@ -1,5 +1,9 @@
 import { TStateImpl } from "@context-query/core";
-export declare function createContextQuery<TState extends TStateImpl>(): {
-    Provider: import("react").FC<import("./provider").ProviderProps<TState>>;
-    useContextQuery: <TKey extends keyof TState>(key: TKey) => [TState[TKey], (value: TState[TKey] | ((prev: TState[TKey]) => TState[TKey])) => boolean];
+export declare function createContextQuery<TState extends TStateImpl>(initialState: TState): {
+    Provider: import("react").FC<{
+        children?: import("react").ReactNode | undefined;
+    }>;
+    useContextQuery: <TKey extends keyof TState>(keys?: TKey[] | undefined) => readonly [{ [K in TKey]: TState[K]; }, (value: { [K in TKey]: TState[K]; } | ((prev: { [K in TKey]: TState[K]; }) => { [K in TKey]: TState[K]; })) => void];
+    updateState: (state: TState | ((prev: TState) => TState)) => void;
+    setState: <TKey extends keyof TState>(key: TKey, value: TState[TKey] | ((prev: TState[TKey]) => TState[TKey])) => void;
 };

package/dist/index.esm.js

@@ -1,2 +1,2 @@
-import{useContext as t,useState as e,useEffect as r,useCallback as n,createContext as s,useRef as i,useMemo as o}from"react";import{jsx as u}from"react/jsx-runtime";var c,a={};var l=(c||(c=1,a.ContextQueryStore=class{state;listeners;constructor(t){this.state=t,this.listeners=new Map}getState(){return this.state}getStateByKey(t){return this.state[t]}updateState(t){const e={...this.state};return this.state={...t},Object.keys(t).forEach((t=>{e[t]!==this.state[t]&&this.notifyListeners(t)})),!0}setState(t,e){return this.state[t]!==e&&(this.state={...this.state,[t]:e},this.notifyListeners(t),!0)}notifyListeners(t){const e=this.listeners.get(t);if(e){const r=this.state[t];e.forEach((t=>t(r)))}}subscribe(t,e){const r=r=>{e(t,r)};return this.listeners.has(t)||this.listeners.set(t,new Set),this.listeners.get(t).add(r),{unsubscribe:()=>{const e=this.listeners.get(t);e&&(e.delete(r),0===e.size&&this.listeners.delete(t))}}}}),a);function h(){const t={StoreContext:s(null),ContextQuerySubscriptionContext:s(null)},e=(t=>{const{StoreContext:e,ContextQuerySubscriptionContext:n}=t;return function({children:t,initialState:s}){const c=i(null),a=i(null);c.current||(c.current=new l.ContextQueryStore(s),a.current=s),r((()=>{c.current&&!Object.is(a.current,s)&&(c.current.updateState(s),a.current=s)}),[s]);const h=o((()=>({subscribe:c.current?c.current.subscribe.bind(c.current):null})),[c.current]);return u(e.Provider,{value:c.current,children:u(n.Provider,{value:h,children:t})})}})(t);return{Provider:e,contexts:t}}function b(){const{Provider:s,contexts:i}=h(),o=function(s){const{StoreContext:i,ContextQuerySubscriptionContext:o}=s;return function(s){const u=t(i),c=t(o);if(!u)throw new Error("useContextQuery must be used within a ContextQueryProvider");if(!c||!c.subscribe)throw new Error("ContextQuerySubscriptionContext not properly initialized");const[a,l]=e((()=>u.getStateByKey(s)));return r((()=>{if(!c.subscribe)return;const t=c.subscribe(s,((t,e)=>{l(e)}));return()=>{t.unsubscribe()}}),[s,c.subscribe,u]),[a,n((t=>{if("function"==typeof t){const e=t,r=u.getStateByKey(s);return u.setState(s,e(r))}return u.setState(s,t)}),[s,u])]}}(i);return{Provider:s,useContextQuery:o}}export{b as createContextQuery};
+import{useState as t,useEffect as e,useCallback as s,useContext as r,createContext as n}from"react";import{jsx as i}from"react/jsx-runtime";var o,a={};var c=(o||(o=1,a.ContextQueryStore=class{state;listeners;constructor(t){this.state=t,this.listeners=new Map}getState(){return this.state}getStateByKey(t){return this.state[t]}updateState(t){const e={...this.state};this.state={...t},Object.keys(t).forEach((t=>{Object.is(e[t],this.state[t])||this.notifyListeners(t)}))}setState(t,e){Object.is(this.state[t],e)||(this.state={...this.state,[t]:e},this.notifyListeners(t))}notifyListeners(t){const e=this.listeners.get(t);if(e){const s=this.state[t];e.forEach((t=>t(s)))}}subscribe(t,e){const s=s=>{e(t,s)};return this.listeners.has(t)||this.listeners.set(t,new Set),this.listeners.get(t).add(s),{unsubscribe:()=>{const e=this.listeners.get(t);e&&(e.delete(s),0===e.size&&this.listeners.delete(t))}}}}),a);function u(n){const{StoreContext:i}=n;return n=>{const o=(()=>{const t=r(i);if(!t)throw new Error("useContextQuery must be used within a ContextQueryProvider");return t})(),a=n??Object.keys(o.getState()),c=()=>a.reduce(((t,e)=>({...t,[e]:o.getStateByKey(e)})),{}),[u,h]=t(c);e((()=>{const t=(t,e)=>{h((s=>({...s,[t]:e})))},e=a.map((e=>o.subscribe(e,t)));return()=>{e.forEach((t=>t.unsubscribe()))}}),[a,o]);return[u,s((t=>{const e=c(),s="function"==typeof t?t(e):t;Object.entries(s).forEach((([t,e])=>{o.setState(t,e)}))}),[a,o])]}}function h(t){const e={StoreContext:n(null)},s=((t,e)=>{const{StoreContext:s}=t;return function({children:t}){return i(s.Provider,{value:e,children:t})}})(e,t);return{Provider:s,contexts:e}}function f(t){const e=new c.ContextQueryStore(t),{Provider:s,contexts:r}=h(e);return{Provider:s,useContextQuery:u(r),updateState:t=>{if("function"==typeof t){const s=t,r=e.getState();e.updateState(s(r))}else e.updateState(t)},setState:(t,s)=>{if("function"==typeof s){const r=s,n=e.getStateByKey(t);e.setState(t,r(n))}else e.setState(t,s)}}}export{f as createContextQuery};
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../core/dist/index.js","../src/provider.tsx","../src/context.ts","../src/index.ts","../src/hooks.ts"],"sourcesContent":["\"use strict\";exports.ContextQueryStore=class{state;listeners;constructor(t){this.state=t,this.listeners=new Map}getState(){return this.state}getStateByKey(t){return this.state[t]}updateState(t){const s={...this.state};this.state={...t};return Object.keys(t).forEach((t=>{s[t]!==this.state[t]&&this.notifyListeners(t)})),!0}setState(t,s){return this.state[t]!==s&&(this.state={...this.state,[t]:s},this.notifyListeners(t),!0)}notifyListeners(t){const s=this.listeners.get(t);if(s){const e=this.state[t];s.forEach((t=>t(e)))}}subscribe(t,s){const e=e=>{s(t,e)};this.listeners.has(t)||this.listeners.set(t,new Set),this.listeners.get(t).add(e);return{unsubscribe:()=>{const s=this.listeners.get(t);s&&(s.delete(e),0===s.size&&this.listeners.delete(t))}}}};\n//# sourceMappingURL=index.js.map\n","import { ContextQueryStore, TStateImpl } from \"@context-query/core\";\nimport { FC, PropsWithChildren, useEffect, useMemo, useRef } from \"react\";\nimport { createContextQuery } from \"./context\";\n\nexport interface ProviderProps<TState extends TStateImpl>\n  extends PropsWithChildren {\n  initialState: TState;\n}\n\nexport const createContextQueryProvider = <TState extends TStateImpl>(\n  contexts: ReturnType<typeof createContextQuery<TState>>\n): FC<ProviderProps<TState>> => {\n  const { StoreContext, ContextQuerySubscriptionContext } = contexts;\n\n  return function ContextQueryProvider({\n    children,\n    initialState,\n  }: ProviderProps<TState>) {\n    const storeRef = useRef<ContextQueryStore<TState> | null>(null);\n    const previousStateRef = useRef<TState | null>(null);\n\n    if (!storeRef.current) {\n      storeRef.current = new ContextQueryStore<TState>(initialState);\n      previousStateRef.current = initialState;\n    }\n\n    useEffect(() => {\n      if (\n        storeRef.current &&\n        !Object.is(previousStateRef.current, initialState)\n      ) {\n        storeRef.current.updateState(initialState);\n        previousStateRef.current = initialState;\n      }\n    }, [initialState]);\n\n    const contextQuerySubscriptionContextValue = useMemo(\n      () => ({\n        subscribe: storeRef.current\n          ? storeRef.current.subscribe.bind(storeRef.current)\n          : null,\n      }),\n      [storeRef.current]\n    );\n\n    return (\n      <StoreContext.Provider value={storeRef.current}>\n        <ContextQuerySubscriptionContext.Provider\n          value={contextQuerySubscriptionContextValue}\n        >\n          {children}\n        </ContextQuerySubscriptionContext.Provider>\n      </StoreContext.Provider>\n    );\n  };\n};\n\nexport function createReactContextQuery<TState extends TStateImpl>() {\n  const contexts = createContextQuery<TState>();\n  const ContextQueryProvider = createContextQueryProvider<TState>(contexts);\n\n  return {\n    Provider: ContextQueryProvider,\n    contexts,\n  };\n}\n","import type { ContextQueryStore, TStateImpl } from \"@context-query/core\";\nimport { createContext } from \"react\";\n\nexport const createContextQuery = <TState extends TStateImpl>() => {\n  const StoreContext = createContext<ContextQueryStore<TState> | null>(null);\n  const ContextQuerySubscriptionContext = createContext<{\n    subscribe: ContextQueryStore<TState>[\"subscribe\"] | null;\n  } | null>(null);\n\n  return {\n    StoreContext,\n    ContextQuerySubscriptionContext,\n  };\n};\n","import { TStateImpl } from \"@context-query/core\";\nimport { createUseContextQuery } from \"./hooks\";\nimport { createReactContextQuery } from \"./provider\";\n\nexport function createContextQuery<TState extends TStateImpl>() {\n  const { Provider, contexts } = createReactContextQuery<TState>();\n\n  const useContextQuery = createUseContextQuery<TState>(contexts);\n\n  return {\n    Provider,\n    useContextQuery,\n  };\n}\n","import { TStateImpl } from \"@context-query/core\";\nimport { useCallback, useContext, useEffect, useState } from \"react\";\nimport { createContextQuery } from \"./context\";\n\nexport function createUseContextQuery<TState extends TStateImpl>(\n  contexts: ReturnType<typeof createContextQuery<TState>>\n) {\n  const { StoreContext, ContextQuerySubscriptionContext } = contexts;\n\n  return function useContextQuery<TKey extends keyof TState>(\n    key: TKey\n  ): [\n    TState[TKey],\n    (value: TState[TKey] | ((prev: TState[TKey]) => TState[TKey])) => boolean,\n  ] {\n    const store = useContext(StoreContext);\n    const subscription = useContext(ContextQuerySubscriptionContext);\n\n    if (!store) {\n      throw new Error(\n        \"useContextQuery must be used within a ContextQueryProvider\"\n      );\n    }\n\n    if (!subscription || !subscription.subscribe) {\n      throw new Error(\n        \"ContextQuerySubscriptionContext not properly initialized\"\n      );\n    }\n\n    const [state, setLocalState] = useState<TState[TKey]>(() =>\n      store.getStateByKey(key)\n    );\n\n    useEffect(() => {\n      const handleChange = (_: TKey, newValue: TState[TKey]) => {\n        setLocalState(newValue);\n      };\n\n      if (!subscription.subscribe) return;\n\n      const sub = subscription.subscribe(key, handleChange);\n\n      return () => {\n        sub.unsubscribe();\n      };\n    }, [key, subscription.subscribe, store]);\n\n    const setState = useCallback(\n      (value: TState[TKey] | ((prev: TState[TKey]) => TState[TKey])) => {\n        if (typeof value === \"function\") {\n          const updateFn = value as (prev: TState[TKey]) => TState[TKey];\n          const currentValue = store.getStateByKey(key);\n          return store.setState(key, updateFn(currentValue));\n        }\n        return store.setState(key, value);\n      },\n      [key, store]\n    );\n\n    return [state, setState];\n  };\n}\n"],"names":["dist","ContextQueryStore","state","listeners","constructor","t","this","Map","getState","getStateByKey","updateState","s","Object","keys","forEach","notifyListeners","setState","get","e","subscribe","has","set","Set","add","unsubscribe","delete","size","createReactContextQuery","contexts","StoreContext","createContext","ContextQuerySubscriptionContext","ContextQueryProvider","children","initialState","storeRef","useRef","previousStateRef","current","useEffect","is","contextQuerySubscriptionContextValue","useMemo","bind","_jsx","Provider","value","createContextQueryProvider","createContextQuery","useContextQuery","key","store","useContext","subscription","Error","setLocalState","useState","sub","_","newValue","useCallback","updateFn","currentValue","createUseContextQuery"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../core/dist/index.js","../src/hooks.ts","../src/provider.tsx","../src/context.ts","../src/index.ts"],"sourcesContent":["\"use strict\";exports.ContextQueryStore=class{state;listeners;constructor(t){this.state=t,this.listeners=new Map}getState(){return this.state}getStateByKey(t){return this.state[t]}updateState(t){const s={...this.state};this.state={...t};Object.keys(t).forEach((t=>{Object.is(s[t],this.state[t])||this.notifyListeners(t)}))}setState(t,s){Object.is(this.state[t],s)||(this.state={...this.state,[t]:s},this.notifyListeners(t))}notifyListeners(t){const s=this.listeners.get(t);if(s){const e=this.state[t];s.forEach((t=>t(e)))}}subscribe(t,s){const e=e=>{s(t,e)};this.listeners.has(t)||this.listeners.set(t,new Set),this.listeners.get(t).add(e);return{unsubscribe:()=>{const s=this.listeners.get(t);s&&(s.delete(e),0===s.size&&this.listeners.delete(t))}}}};\n//# sourceMappingURL=index.js.map\n","import { TStateImpl } from \"@context-query/core\";\nimport { useCallback, useContext, useEffect, useState } from \"react\";\nimport { createContextQuery } from \"./context\";\n\nexport function createUseContextQuery<TState extends TStateImpl>(\n  contexts: ReturnType<typeof createContextQuery<TState>>\n) {\n  const { StoreContext } = contexts;\n\n  const useStore = () => {\n    const store = useContext(StoreContext);\n\n    if (!store) {\n      throw new Error(\n        \"useContextQuery must be used within a ContextQueryProvider\"\n      );\n    }\n\n    return store;\n  };\n\n  return <TKey extends keyof TState>(keys?: TKey[]) => {\n    const store = useStore();\n    const localKeys = keys ?? (Object.keys(store.getState()) as TKey[]);\n\n    type StateSubset = { [K in TKey]: TState[K] };\n\n    const getStateSubset = (): StateSubset => {\n      return localKeys.reduce(\n        (acc, key) => ({ ...acc, [key]: store.getStateByKey(key) }),\n        {} as StateSubset\n      );\n    };\n\n    const [state, setLocalState] = useState<StateSubset>(getStateSubset);\n\n    useEffect(() => {\n      const handleChange = (key: TKey, newValue: TState[TKey]) => {\n        setLocalState((prev) => ({ ...prev, [key]: newValue }));\n      };\n\n      const subscriptions = localKeys.map((key) =>\n        store.subscribe(key, handleChange)\n      );\n\n      return () => {\n        subscriptions.forEach((sub) => sub.unsubscribe());\n      };\n    }, [localKeys, store]);\n\n    const setState = useCallback(\n      (value: StateSubset | ((prev: StateSubset) => StateSubset)) => {\n        const currentValue = getStateSubset();\n        const updatedValue =\n          typeof value === \"function\"\n            ? (value as Function)(currentValue)\n            : value;\n\n        Object.entries(updatedValue).forEach(([k, v]) => {\n          store.setState(k as TKey, v as TState[TKey]);\n        });\n      },\n      [localKeys, store]\n    );\n\n    return [state, setState] as const;\n  };\n}\n","import { ContextQueryStore, TStateImpl } from \"@context-query/core\";\nimport { FC, PropsWithChildren } from \"react\";\nimport { createContextQuery } from \"./context\";\n\nexport type ProviderProps<TState extends TStateImpl> = PropsWithChildren;\n\nexport const createContextQueryProvider = <TState extends TStateImpl>(\n  contexts: ReturnType<typeof createContextQuery<TState>>,\n  store: ContextQueryStore<TState>\n): FC<ProviderProps<TState>> => {\n  const { StoreContext } = contexts;\n\n  return function ContextQueryProvider({ children }: ProviderProps<TState>) {\n    return (\n      <StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n    );\n  };\n};\n\nexport function createReactContextQuery<TState extends TStateImpl>(\n  store: ContextQueryStore<TState>\n) {\n  const contexts = createContextQuery<TState>();\n  const ContextQueryProvider = createContextQueryProvider<TState>(\n    contexts,\n    store\n  );\n\n  return {\n    Provider: ContextQueryProvider,\n    contexts,\n  };\n}\n","import type { ContextQueryStore, TStateImpl } from \"@context-query/core\";\nimport { createContext } from \"react\";\n\nexport const createContextQuery = <TState extends TStateImpl>() => {\n  const StoreContext = createContext<ContextQueryStore<TState> | null>(null);\n  return {\n    StoreContext,\n  };\n};\n","import { ContextQueryStore, TStateImpl } from \"@context-query/core\";\nimport { createUseContextQuery } from \"./hooks\";\nimport { createReactContextQuery } from \"./provider\";\n\nexport function createContextQuery<TState extends TStateImpl>(\n  initialState: TState\n) {\n  const store = new ContextQueryStore<TState>(initialState);\n\n  const { Provider, contexts } = createReactContextQuery<TState>(store);\n  const useContextQuery = createUseContextQuery<TState>(contexts);\n\n  const updateState = (state: TState | ((prev: TState) => TState)) => {\n    if (typeof state === \"function\") {\n      const updateFn = state as (prev: TState) => TState;\n      const currentValue = store.getState();\n      store.updateState(updateFn(currentValue));\n    } else {\n      store.updateState(state);\n    }\n  };\n\n  const setState = <TKey extends keyof TState>(\n    key: TKey,\n    value: TState[TKey] | ((prev: TState[TKey]) => TState[TKey])\n  ) => {\n    if (typeof value === \"function\") {\n      const updateFn = value as (prev: TState[TKey]) => TState[TKey];\n      const currentValue = store.getStateByKey(key);\n      store.setState(key, updateFn(currentValue));\n    } else {\n      store.setState(key, value);\n    }\n  };\n\n  return {\n    Provider,\n    useContextQuery,\n    updateState,\n    setState,\n  };\n}\n"],"names":["dist","ContextQueryStore","state","listeners","constructor","t","this","Map","getState","getStateByKey","updateState","s","Object","keys","forEach","is","notifyListeners","setState","get","e","subscribe","has","set","Set","add","unsubscribe","delete","size","createUseContextQuery","contexts","StoreContext","store","useContext","Error","useStore","localKeys","getStateSubset","reduce","acc","key","setLocalState","useState","useEffect","handleChange","newValue","prev","subscriptions","map","sub","useCallback","value","currentValue","updatedValue","entries","k","v","createReactContextQuery","createContext","ContextQueryProvider","children","_jsx","Provider","createContextQueryProvider","createContextQuery","initialState","useContextQuery","updateFn"],"mappings":"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"}

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("react"),e=require("react/jsx-runtime");var r,s={};var n=(r||(r=1,s.ContextQueryStore=class{state;listeners;constructor(t){this.state=t,this.listeners=new Map}getState(){return this.state}getStateByKey(t){return this.state[t]}updateState(t){const e={...this.state};return this.state={...t},Object.keys(t).forEach((t=>{e[t]!==this.state[t]&&this.notifyListeners(t)})),!0}setState(t,e){return this.state[t]!==e&&(this.state={...this.state,[t]:e},this.notifyListeners(t),!0)}notifyListeners(t){const e=this.listeners.get(t);if(e){const r=this.state[t];e.forEach((t=>t(r)))}}subscribe(t,e){const r=r=>{e(t,r)};return this.listeners.has(t)||this.listeners.set(t,new Set),this.listeners.get(t).add(r),{unsubscribe:()=>{const e=this.listeners.get(t);e&&(e.delete(r),0===e.size&&this.listeners.delete(t))}}}}),s);function i(){const r={StoreContext:t.createContext(null),ContextQuerySubscriptionContext:t.createContext(null)},s=(r=>{const{StoreContext:s,ContextQuerySubscriptionContext:i}=r;return function({children:r,initialState:u}){const o=t.useRef(null),c=t.useRef(null);o.current||(o.current=new n.ContextQueryStore(u),c.current=u),t.useEffect((()=>{o.current&&!Object.is(c.current,u)&&(o.current.updateState(u),c.current=u)}),[u]);const a=t.useMemo((()=>({subscribe:o.current?o.current.subscribe.bind(o.current):null})),[o.current]);return e.jsx(s.Provider,{value:o.current,children:e.jsx(i.Provider,{value:a,children:r})})}})(r);return{Provider:s,contexts:r}}exports.createContextQuery=function(){const{Provider:e,contexts:r}=i(),s=function(e){const{StoreContext:r,ContextQuerySubscriptionContext:s}=e;return function(e){const n=t.useContext(r),i=t.useContext(s);if(!n)throw new Error("useContextQuery must be used within a ContextQueryProvider");if(!i||!i.subscribe)throw new Error("ContextQuerySubscriptionContext not properly initialized");const[u,o]=t.useState((()=>n.getStateByKey(e)));return t.useEffect((()=>{if(!i.subscribe)return;const t=i.subscribe(e,((t,e)=>{o(e)}));return()=>{t.unsubscribe()}}),[e,i.subscribe,n]),[u,t.useCallback((t=>{if("function"==typeof t){const r=t,s=n.getStateByKey(e);return n.setState(e,r(s))}return n.setState(e,t)}),[e,n])]}}(r);return{Provider:e,useContextQuery:s}};
+"use strict";var t,e=require("react"),s=require("react/jsx-runtime"),r={};var n=(t||(t=1,r.ContextQueryStore=class{state;listeners;constructor(t){this.state=t,this.listeners=new Map}getState(){return this.state}getStateByKey(t){return this.state[t]}updateState(t){const e={...this.state};this.state={...t},Object.keys(t).forEach((t=>{Object.is(e[t],this.state[t])||this.notifyListeners(t)}))}setState(t,e){Object.is(this.state[t],e)||(this.state={...this.state,[t]:e},this.notifyListeners(t))}notifyListeners(t){const e=this.listeners.get(t);if(e){const s=this.state[t];e.forEach((t=>t(s)))}}subscribe(t,e){const s=s=>{e(t,s)};return this.listeners.has(t)||this.listeners.set(t,new Set),this.listeners.get(t).add(s),{unsubscribe:()=>{const e=this.listeners.get(t);e&&(e.delete(s),0===e.size&&this.listeners.delete(t))}}}}),r);function i(t){const{StoreContext:s}=t;return t=>{const r=(()=>{const t=e.useContext(s);if(!t)throw new Error("useContextQuery must be used within a ContextQueryProvider");return t})(),n=t??Object.keys(r.getState()),i=()=>n.reduce(((t,e)=>({...t,[e]:r.getStateByKey(e)})),{}),[o,a]=e.useState(i);e.useEffect((()=>{const t=(t,e)=>{a((s=>({...s,[t]:e})))},e=n.map((e=>r.subscribe(e,t)));return()=>{e.forEach((t=>t.unsubscribe()))}}),[n,r]);return[o,e.useCallback((t=>{const e=i(),s="function"==typeof t?t(e):t;Object.entries(s).forEach((([t,e])=>{r.setState(t,e)}))}),[n,r])]}}function o(t){const r={StoreContext:e.createContext(null)},n=((t,e)=>{const{StoreContext:r}=t;return function({children:t}){return s.jsx(r.Provider,{value:e,children:t})}})(r,t);return{Provider:n,contexts:r}}exports.createContextQuery=function(t){const e=new n.ContextQueryStore(t),{Provider:s,contexts:r}=o(e);return{Provider:s,useContextQuery:i(r),updateState:t=>{if("function"==typeof t){const s=t,r=e.getState();e.updateState(s(r))}else e.updateState(t)},setState:(t,s)=>{if("function"==typeof s){const r=s,n=e.getStateByKey(t);e.setState(t,r(n))}else e.setState(t,s)}}};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../core/dist/index.js","../src/provider.tsx","../src/context.ts","../src/index.ts","../src/hooks.ts"],"sourcesContent":["\"use strict\";exports.ContextQueryStore=class{state;listeners;constructor(t){this.state=t,this.listeners=new Map}getState(){return this.state}getStateByKey(t){return this.state[t]}updateState(t){const s={...this.state};this.state={...t};return Object.keys(t).forEach((t=>{s[t]!==this.state[t]&&this.notifyListeners(t)})),!0}setState(t,s){return this.state[t]!==s&&(this.state={...this.state,[t]:s},this.notifyListeners(t),!0)}notifyListeners(t){const s=this.listeners.get(t);if(s){const e=this.state[t];s.forEach((t=>t(e)))}}subscribe(t,s){const e=e=>{s(t,e)};this.listeners.has(t)||this.listeners.set(t,new Set),this.listeners.get(t).add(e);return{unsubscribe:()=>{const s=this.listeners.get(t);s&&(s.delete(e),0===s.size&&this.listeners.delete(t))}}}};\n//# sourceMappingURL=index.js.map\n","import { ContextQueryStore, TStateImpl } from \"@context-query/core\";\nimport { FC, PropsWithChildren, useEffect, useMemo, useRef } from \"react\";\nimport { createContextQuery } from \"./context\";\n\nexport interface ProviderProps<TState extends TStateImpl>\n  extends PropsWithChildren {\n  initialState: TState;\n}\n\nexport const createContextQueryProvider = <TState extends TStateImpl>(\n  contexts: ReturnType<typeof createContextQuery<TState>>\n): FC<ProviderProps<TState>> => {\n  const { StoreContext, ContextQuerySubscriptionContext } = contexts;\n\n  return function ContextQueryProvider({\n    children,\n    initialState,\n  }: ProviderProps<TState>) {\n    const storeRef = useRef<ContextQueryStore<TState> | null>(null);\n    const previousStateRef = useRef<TState | null>(null);\n\n    if (!storeRef.current) {\n      storeRef.current = new ContextQueryStore<TState>(initialState);\n      previousStateRef.current = initialState;\n    }\n\n    useEffect(() => {\n      if (\n        storeRef.current &&\n        !Object.is(previousStateRef.current, initialState)\n      ) {\n        storeRef.current.updateState(initialState);\n        previousStateRef.current = initialState;\n      }\n    }, [initialState]);\n\n    const contextQuerySubscriptionContextValue = useMemo(\n      () => ({\n        subscribe: storeRef.current\n          ? storeRef.current.subscribe.bind(storeRef.current)\n          : null,\n      }),\n      [storeRef.current]\n    );\n\n    return (\n      <StoreContext.Provider value={storeRef.current}>\n        <ContextQuerySubscriptionContext.Provider\n          value={contextQuerySubscriptionContextValue}\n        >\n          {children}\n        </ContextQuerySubscriptionContext.Provider>\n      </StoreContext.Provider>\n    );\n  };\n};\n\nexport function createReactContextQuery<TState extends TStateImpl>() {\n  const contexts = createContextQuery<TState>();\n  const ContextQueryProvider = createContextQueryProvider<TState>(contexts);\n\n  return {\n    Provider: ContextQueryProvider,\n    contexts,\n  };\n}\n","import type { ContextQueryStore, TStateImpl } from \"@context-query/core\";\nimport { createContext } from \"react\";\n\nexport const createContextQuery = <TState extends TStateImpl>() => {\n  const StoreContext = createContext<ContextQueryStore<TState> | null>(null);\n  const ContextQuerySubscriptionContext = createContext<{\n    subscribe: ContextQueryStore<TState>[\"subscribe\"] | null;\n  } | null>(null);\n\n  return {\n    StoreContext,\n    ContextQuerySubscriptionContext,\n  };\n};\n","import { TStateImpl } from \"@context-query/core\";\nimport { createUseContextQuery } from \"./hooks\";\nimport { createReactContextQuery } from \"./provider\";\n\nexport function createContextQuery<TState extends TStateImpl>() {\n  const { Provider, contexts } = createReactContextQuery<TState>();\n\n  const useContextQuery = createUseContextQuery<TState>(contexts);\n\n  return {\n    Provider,\n    useContextQuery,\n  };\n}\n","import { TStateImpl } from \"@context-query/core\";\nimport { useCallback, useContext, useEffect, useState } from \"react\";\nimport { createContextQuery } from \"./context\";\n\nexport function createUseContextQuery<TState extends TStateImpl>(\n  contexts: ReturnType<typeof createContextQuery<TState>>\n) {\n  const { StoreContext, ContextQuerySubscriptionContext } = contexts;\n\n  return function useContextQuery<TKey extends keyof TState>(\n    key: TKey\n  ): [\n    TState[TKey],\n    (value: TState[TKey] | ((prev: TState[TKey]) => TState[TKey])) => boolean,\n  ] {\n    const store = useContext(StoreContext);\n    const subscription = useContext(ContextQuerySubscriptionContext);\n\n    if (!store) {\n      throw new Error(\n        \"useContextQuery must be used within a ContextQueryProvider\"\n      );\n    }\n\n    if (!subscription || !subscription.subscribe) {\n      throw new Error(\n        \"ContextQuerySubscriptionContext not properly initialized\"\n      );\n    }\n\n    const [state, setLocalState] = useState<TState[TKey]>(() =>\n      store.getStateByKey(key)\n    );\n\n    useEffect(() => {\n      const handleChange = (_: TKey, newValue: TState[TKey]) => {\n        setLocalState(newValue);\n      };\n\n      if (!subscription.subscribe) return;\n\n      const sub = subscription.subscribe(key, handleChange);\n\n      return () => {\n        sub.unsubscribe();\n      };\n    }, [key, subscription.subscribe, store]);\n\n    const setState = useCallback(\n      (value: TState[TKey] | ((prev: TState[TKey]) => TState[TKey])) => {\n        if (typeof value === \"function\") {\n          const updateFn = value as (prev: TState[TKey]) => TState[TKey];\n          const currentValue = store.getStateByKey(key);\n          return store.setState(key, updateFn(currentValue));\n        }\n        return store.setState(key, value);\n      },\n      [key, store]\n    );\n\n    return [state, setState];\n  };\n}\n"],"names":["dist","ContextQueryStore","state","listeners","constructor","t","this","Map","getState","getStateByKey","updateState","s","Object","keys","forEach","notifyListeners","setState","get","e","subscribe","has","set","Set","add","unsubscribe","delete","size","createReactContextQuery","contexts","StoreContext","createContext","ContextQuerySubscriptionContext","ContextQueryProvider","children","initialState","storeRef","useRef","previousStateRef","current","useEffect","is","contextQuerySubscriptionContextValue","useMemo","bind","_jsx","Provider","value","createContextQueryProvider","useContextQuery","key","store","useContext","subscription","Error","setLocalState","useState","sub","_","newValue","useCallback","updateFn","currentValue","createUseContextQuery"],"mappings":"6FAAaA,EAAAC,kBAA0B,MAAMC,MAAMC,UAAU,WAAAC,CAAYC,GAAGC,KAAKJ,MAAMG,EAAEC,KAAKH,UAAU,IAAII,GAAG,CAAC,QAAAC,GAAW,OAAOF,KAAKJ,KAAK,CAAC,aAAAO,CAAcJ,GAAG,OAAOC,KAAKJ,MAAMG,EAAE,CAAC,WAAAK,CAAYL,GAAG,MAAMM,EAAE,IAAIL,KAAKJ,OAAyB,OAAlBI,KAAKJ,MAAM,IAAIG,GAAUO,OAAOC,KAAKR,GAAGS,SAAST,IAAIM,EAAEN,KAAKC,KAAKJ,MAAMG,IAAIC,KAAKS,gBAAgBV,EAAG,KAAG,CAAE,CAAC,QAAAW,CAASX,EAAEM,GAAG,OAAOL,KAAKJ,MAAMG,KAAKM,IAAIL,KAAKJ,MAAM,IAAII,KAAKJ,MAAMG,CAACA,GAAGM,GAAGL,KAAKS,gBAAgBV,IAAG,EAAG,CAAC,eAAAU,CAAgBV,GAAG,MAAMM,EAAEL,KAAKH,UAAUc,IAAIZ,GAAG,GAAGM,EAAE,CAAC,MAAMO,EAAEZ,KAAKJ,MAAMG,GAAGM,EAAEG,SAAST,GAAGA,EAAEa,IAAI,CAAC,CAAC,SAAAC,CAAUd,EAAEM,GAAG,MAAMO,EAAEA,IAAIP,EAAEN,EAAEa,EAAE,EAAoF,OAAlFZ,KAAKH,UAAUiB,IAAIf,IAAIC,KAAKH,UAAUkB,IAAIhB,EAAE,IAAIiB,KAAKhB,KAAKH,UAAUc,IAAIZ,GAAGkB,IAAIL,GAAS,CAACM,YAAY,KAAK,MAAMb,EAAEL,KAAKH,UAAUc,IAAIZ,GAAGM,IAAIA,EAAEc,OAAOP,GAAG,IAAIP,EAAEe,MAAMpB,KAAKH,UAAUsB,OAAOpB,GAAE,EAAG,gBCyD9tBsB,IACd,MAAMC,ECjDC,CACLC,aANmBC,EAAaA,cAAmC,MAOnEC,gCANsCD,EAAaA,cAE3C,ODoDJE,EAlDkC,CACxCJ,IAEA,MAAMC,aAAEA,EAAYE,gCAAEA,GAAoCH,EAE1D,OAAO,UAA8BK,SACnCA,EAAQC,aACRA,IAEA,MAAMC,EAAWC,EAAMA,OAAmC,MACpDC,EAAmBD,EAAMA,OAAgB,MAE1CD,EAASG,UACZH,EAASG,QAAU,IAAIrC,EAAiBA,kBAASiC,GACjDG,EAAiBC,QAAUJ,GAG7BK,EAAAA,WAAU,KAENJ,EAASG,UACR1B,OAAO4B,GAAGH,EAAiBC,QAASJ,KAErCC,EAASG,QAAQ5B,YAAYwB,GAC7BG,EAAiBC,QAAUJ,KAE5B,CAACA,IAEJ,MAAMO,EAAuCC,EAAAA,SAC3C,KAAO,CACLvB,UAAWgB,EAASG,QAChBH,EAASG,QAAQnB,UAAUwB,KAAKR,EAASG,SACzC,QAEN,CAACH,EAASG,UAGZ,OACEM,EAAAA,IAACf,EAAagB,UAASC,MAAOX,EAASG,QAAOL,SAC5CW,MAACb,EAAgCc,SAAQ,CACvCC,MAAOL,EAAoCR,SAE1CA,KAIR,CAAA,EAK4Bc,CAAmCnB,GAEhE,MAAO,CACLiB,SAAUb,EACVJ,WAEJ,uCE5DE,MAAMiB,SAAEA,EAAQjB,SAAEA,GAAaD,IAEzBqB,ECHF,SACJpB,GAEA,MAAMC,aAAEA,EAAYE,gCAAEA,GAAoCH,EAE1D,OAAO,SACLqB,GAKA,MAAMC,EAAQC,EAAUA,WAACtB,GACnBuB,EAAeD,EAAUA,WAACpB,GAEhC,IAAKmB,EACH,MAAM,IAAIG,MACR,8DAIJ,IAAKD,IAAiBA,EAAajC,UACjC,MAAM,IAAIkC,MACR,4DAIJ,MAAOnD,EAAOoD,GAAiBC,EAAAA,UAAuB,IACpDL,EAAMzC,cAAcwC,KA6BtB,OA1BAV,EAAAA,WAAU,KAKR,IAAKa,EAAajC,UAAW,OAE7B,MAAMqC,EAAMJ,EAAajC,UAAU8B,GANd,CAACQ,EAASC,KAC7BJ,EAAcI,EAAS,IAOzB,MAAO,KACLF,EAAIhC,aAAa,CAClB,GACA,CAACyB,EAAKG,EAAajC,UAAW+B,IAc1B,CAAChD,EAZSyD,eACdb,IACC,GAAqB,mBAAVA,EAAsB,CAC/B,MAAMc,EAAWd,EACXe,EAAeX,EAAMzC,cAAcwC,GACzC,OAAOC,EAAMlC,SAASiC,EAAKW,EAASC,IAEtC,OAAOX,EAAMlC,SAASiC,EAAKH,EAAM,GAEnC,CAACG,EAAKC,IAIT,CACH,CDvD0BY,CAA8BlC,GAEtD,MAAO,CACLiB,WACAG,kBAEJ"}
+{"version":3,"file":"index.js","sources":["../../core/dist/index.js","../src/hooks.ts","../src/provider.tsx","../src/context.ts","../src/index.ts"],"sourcesContent":["\"use strict\";exports.ContextQueryStore=class{state;listeners;constructor(t){this.state=t,this.listeners=new Map}getState(){return this.state}getStateByKey(t){return this.state[t]}updateState(t){const s={...this.state};this.state={...t};Object.keys(t).forEach((t=>{Object.is(s[t],this.state[t])||this.notifyListeners(t)}))}setState(t,s){Object.is(this.state[t],s)||(this.state={...this.state,[t]:s},this.notifyListeners(t))}notifyListeners(t){const s=this.listeners.get(t);if(s){const e=this.state[t];s.forEach((t=>t(e)))}}subscribe(t,s){const e=e=>{s(t,e)};this.listeners.has(t)||this.listeners.set(t,new Set),this.listeners.get(t).add(e);return{unsubscribe:()=>{const s=this.listeners.get(t);s&&(s.delete(e),0===s.size&&this.listeners.delete(t))}}}};\n//# sourceMappingURL=index.js.map\n","import { TStateImpl } from \"@context-query/core\";\nimport { useCallback, useContext, useEffect, useState } from \"react\";\nimport { createContextQuery } from \"./context\";\n\nexport function createUseContextQuery<TState extends TStateImpl>(\n  contexts: ReturnType<typeof createContextQuery<TState>>\n) {\n  const { StoreContext } = contexts;\n\n  const useStore = () => {\n    const store = useContext(StoreContext);\n\n    if (!store) {\n      throw new Error(\n        \"useContextQuery must be used within a ContextQueryProvider\"\n      );\n    }\n\n    return store;\n  };\n\n  return <TKey extends keyof TState>(keys?: TKey[]) => {\n    const store = useStore();\n    const localKeys = keys ?? (Object.keys(store.getState()) as TKey[]);\n\n    type StateSubset = { [K in TKey]: TState[K] };\n\n    const getStateSubset = (): StateSubset => {\n      return localKeys.reduce(\n        (acc, key) => ({ ...acc, [key]: store.getStateByKey(key) }),\n        {} as StateSubset\n      );\n    };\n\n    const [state, setLocalState] = useState<StateSubset>(getStateSubset);\n\n    useEffect(() => {\n      const handleChange = (key: TKey, newValue: TState[TKey]) => {\n        setLocalState((prev) => ({ ...prev, [key]: newValue }));\n      };\n\n      const subscriptions = localKeys.map((key) =>\n        store.subscribe(key, handleChange)\n      );\n\n      return () => {\n        subscriptions.forEach((sub) => sub.unsubscribe());\n      };\n    }, [localKeys, store]);\n\n    const setState = useCallback(\n      (value: StateSubset | ((prev: StateSubset) => StateSubset)) => {\n        const currentValue = getStateSubset();\n        const updatedValue =\n          typeof value === \"function\"\n            ? (value as Function)(currentValue)\n            : value;\n\n        Object.entries(updatedValue).forEach(([k, v]) => {\n          store.setState(k as TKey, v as TState[TKey]);\n        });\n      },\n      [localKeys, store]\n    );\n\n    return [state, setState] as const;\n  };\n}\n","import { ContextQueryStore, TStateImpl } from \"@context-query/core\";\nimport { FC, PropsWithChildren } from \"react\";\nimport { createContextQuery } from \"./context\";\n\nexport type ProviderProps<TState extends TStateImpl> = PropsWithChildren;\n\nexport const createContextQueryProvider = <TState extends TStateImpl>(\n  contexts: ReturnType<typeof createContextQuery<TState>>,\n  store: ContextQueryStore<TState>\n): FC<ProviderProps<TState>> => {\n  const { StoreContext } = contexts;\n\n  return function ContextQueryProvider({ children }: ProviderProps<TState>) {\n    return (\n      <StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n    );\n  };\n};\n\nexport function createReactContextQuery<TState extends TStateImpl>(\n  store: ContextQueryStore<TState>\n) {\n  const contexts = createContextQuery<TState>();\n  const ContextQueryProvider = createContextQueryProvider<TState>(\n    contexts,\n    store\n  );\n\n  return {\n    Provider: ContextQueryProvider,\n    contexts,\n  };\n}\n","import type { ContextQueryStore, TStateImpl } from \"@context-query/core\";\nimport { createContext } from \"react\";\n\nexport const createContextQuery = <TState extends TStateImpl>() => {\n  const StoreContext = createContext<ContextQueryStore<TState> | null>(null);\n  return {\n    StoreContext,\n  };\n};\n","import { ContextQueryStore, TStateImpl } from \"@context-query/core\";\nimport { createUseContextQuery } from \"./hooks\";\nimport { createReactContextQuery } from \"./provider\";\n\nexport function createContextQuery<TState extends TStateImpl>(\n  initialState: TState\n) {\n  const store = new ContextQueryStore<TState>(initialState);\n\n  const { Provider, contexts } = createReactContextQuery<TState>(store);\n  const useContextQuery = createUseContextQuery<TState>(contexts);\n\n  const updateState = (state: TState | ((prev: TState) => TState)) => {\n    if (typeof state === \"function\") {\n      const updateFn = state as (prev: TState) => TState;\n      const currentValue = store.getState();\n      store.updateState(updateFn(currentValue));\n    } else {\n      store.updateState(state);\n    }\n  };\n\n  const setState = <TKey extends keyof TState>(\n    key: TKey,\n    value: TState[TKey] | ((prev: TState[TKey]) => TState[TKey])\n  ) => {\n    if (typeof value === \"function\") {\n      const updateFn = value as (prev: TState[TKey]) => TState[TKey];\n      const currentValue = store.getStateByKey(key);\n      store.setState(key, updateFn(currentValue));\n    } else {\n      store.setState(key, value);\n    }\n  };\n\n  return {\n    Provider,\n    useContextQuery,\n    updateState,\n    setState,\n  };\n}\n"],"names":["dist","ContextQueryStore","state","listeners","constructor","t","this","Map","getState","getStateByKey","updateState","s","Object","keys","forEach","is","notifyListeners","setState","get","e","subscribe","has","set","Set","add","unsubscribe","delete","size","createUseContextQuery","contexts","StoreContext","store","useContext","Error","useStore","localKeys","getStateSubset","reduce","acc","key","setLocalState","useState","useEffect","handleChange","newValue","prev","subscriptions","map","sub","useCallback","value","currentValue","updatedValue","entries","k","v","createReactContextQuery","createContext","ContextQueryProvider","children","_jsx","jsx","Provider","createContextQueryProvider","initialState","useContextQuery","updateFn"],"mappings":"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"}

package/dist/provider.d.ts

@@ -1,16 +1,13 @@
 import { ContextQueryStore, TStateImpl } from "@context-query/core";
 import { FC, PropsWithChildren } from "react";
 import { createContextQuery } from "./context";
-export interface ProviderProps<TState extends TStateImpl> extends PropsWithChildren {
-    initialState: TState;
-}
-export declare const createContextQueryProvider: <TState extends TStateImpl>(contexts: ReturnType<typeof createContextQuery<TState>>) => FC<ProviderProps<TState>>;
-export declare function createReactContextQuery<TState extends TStateImpl>(): {
-    Provider: FC<ProviderProps<TState>>;
+export type ProviderProps<TState extends TStateImpl> = PropsWithChildren;
+export declare const createContextQueryProvider: <TState extends TStateImpl>(contexts: ReturnType<typeof createContextQuery<TState>>, store: ContextQueryStore<TState>) => FC<ProviderProps<TState>>;
+export declare function createReactContextQuery<TState extends TStateImpl>(store: ContextQueryStore<TState>): {
+    Provider: FC<{
+        children?: import("react").ReactNode | undefined;
+    }>;
     contexts: {
         StoreContext: import("react").Context<ContextQueryStore<TState> | null>;
-        ContextQuerySubscriptionContext: import("react").Context<{
-            subscribe: (<TKey extends keyof TState>(key: TKey, listener: (key: TKey, value: TState[TKey]) => void) => import("@context-query/core").Subscription) | null;
-        } | null>;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@context-query/react",
-  "version": "0.1.0",
+  "version": "0.2.0-dev.1",
   "license": "MIT",
   "description": "React bindings for ContextQuery",
   "author": "Minyeoung Seo <tjalsdud89@naver.com>",
@@ -30,7 +30,7 @@
     "react": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@context-query/core": "latest",
+    "@context-query/core": "0.2.0-dev.1",
     "react": "^18.3.1"
   },
   "devDependencies": {