@pixotope/react-context-store 0.3.0 → 0.4.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @pixotope/react-context-store@0.3.0 build /home/circleci/project/packages/react-context-store
+> @pixotope/react-context-store@0.4.0 build /home/circleci/project/packages/react-context-store
 > tsup src/index.ts --format cjs,esm --dts --sourcemap --external react
 
 CLI Building entry: src/index.ts
@@ -8,13 +8,13 @@
 CLI Target: es6
 CJS Build start
 ESM Build start
-ESM dist/index.js     7.88 KB
-ESM dist/index.js.map 16.05 KB
-ESM ⚡️ Build success in 32ms
-CJS dist/index.cjs     8.49 KB
-CJS dist/index.cjs.map 16.17 KB
-CJS ⚡️ Build success in 33ms
+CJS dist/index.cjs     8.57 KB
+CJS dist/index.cjs.map 16.37 KB
+CJS ⚡️ Build success in 68ms
+ESM dist/index.js     7.96 KB
+ESM dist/index.js.map 16.25 KB
+ESM ⚡️ Build success in 69ms
 DTS Build start
-DTS ⚡️ Build success in 2162ms
-DTS dist/index.d.cts 2.31 KB
-DTS dist/index.d.ts  2.31 KB
+DTS ⚡️ Build success in 3560ms
+DTS dist/index.d.cts 2.34 KB
+DTS dist/index.d.ts  2.34 KB

package/.turbo/turbo-check-types.log

@@ -1,4 +1,4 @@
 
-> @pixotope/react-context-store@0.3.0 check-types /home/circleci/project/packages/react-context-store
+> @pixotope/react-context-store@0.4.0 check-types /home/circleci/project/packages/react-context-store
 > tsc --noEmit
 

package/.turbo/turbo-test.log

@@ -1,14 +1,14 @@
 
-> @pixotope/react-context-store@0.3.0 test /home/circleci/project/packages/react-context-store
+> @pixotope/react-context-store@0.4.0 test /home/circleci/project/packages/react-context-store
 > vitest
 
 
  RUN  v3.2.4 /home/circleci/project/packages/react-context-store
 
- ✓ src/store.test.tsx (12 tests) 105ms
+ ✓ src/store.test.tsx (14 tests) 163ms
 
  Test Files  1 passed (1)
-      Tests  12 passed (12)
-   Start at  17:35:07
-   Duration  3.27s (transform 301ms, setup 181ms, collect 307ms, tests 105ms, environment 1.13s, prepare 616ms)
+      Tests  14 passed (14)
+   Start at  17:40:29
+   Duration  7.05s (transform 626ms, setup 310ms, collect 804ms, tests 163ms, environment 2.10s, prepare 1.52s)
 

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @pixotope/react-context-store
 
+## 0.4.0
+
+### Minor Changes
+
+- a0b9271:  - ✨ enhance actions and include related tests
+
 ## 0.3.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -235,11 +235,13 @@ function createContextStore(initialState, actions = {}, options = {}) {
     return actionProxy;
   }
   const useSetStore = () => useStore(() => false).set;
+  const useStoreSelector = () => useStore(() => false).selector;
   return {
     Provider,
     useStore,
     useSetStore,
     useActions,
+    useStoreSelector,
     subscribe: observable.subscribe,
     unsubscribe: observable.unsubscribe
   };

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../utils/dist/comparison/index.js","../src/index.ts","../src/store.tsx"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\n\n// src/comparison/index.ts\nvar comparison_exports = {};\n__export(comparison_exports, {\n  shallowEqual: () => shallowEqual\n});\nmodule.exports = __toCommonJS(comparison_exports);\n\n// src/comparison/shallowEqual.ts\nfunction shallowEqual(objA, objB) {\n  if (Object.is(objA, objB)) {\n    return true;\n  }\n  if (typeof objA !== \"object\" || objA === null || typeof objB !== \"object\" || objB === null) {\n    return false;\n  }\n  if (objA instanceof Map && objB instanceof Map) {\n    if (objA.size !== objB.size) return false;\n    for (const [key, value] of objA) {\n      if (!Object.is(value, objB.get(key))) {\n        return false;\n      }\n    }\n    return true;\n  }\n  if (objA instanceof Set && objB instanceof Set) {\n    if (objA.size !== objB.size) return false;\n    for (const value of objA) {\n      if (!objB.has(value)) {\n        return false;\n      }\n    }\n    return true;\n  }\n  const keysA = Object.keys(objA);\n  if (keysA.length !== Object.keys(objB).length) {\n    return false;\n  }\n  for (let i = 0; i < keysA.length; i++) {\n    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !Object.is(objA[keysA[i]], objB[keysA[i]])) {\n      return false;\n    }\n  }\n  return true;\n}\n// Annotate the CommonJS export names for ESM import in node:\n0 && (module.exports = {\n  shallowEqual\n});\n","export * from \"./store\";\n","import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from \"react\";\nimport { shallowEqual } from \"@pixotope/utils/comparison\";\n\nconst LIB_NAME = \"@pixotope/react-context-store\";\n\nexport type SelectorOptions<Selected> = (\n  first: Selected,\n  second: Selected\n) => boolean;\n\nexport type ContextOptions = {\n  /**\n   * If true, the store state will be preserved across mounts and un-mounts\n   * of the Provider.\n   * @default false\n   */\n  global?: boolean;\n  /**\n   * A function that will be used to compare the selected state.\n   * @default shallowEqual\n   */\n  compare?: SelectorOptions<unknown>;\n};\n\nexport type SetterArgs<Store> = Store | ((prev: Store) => Store);\ntype ExtractActionKeys<T> = {\n  [K in keyof T]: T[K] extends (\n    stateProps: never,\n    action: infer A\n  ) => void | Promise<void>\n    ? A extends ActionablePayload<infer Payload>\n      ? Payload extends undefined\n        ? () => void\n        : (payload: Payload) => void\n      : () => void\n    : never;\n};\n\ntype Prettify<T> = {\n  [K in keyof T]: T[K];\n} & {};\n\nexport type ActionablePayload<Payload = any> = {\n  payload: Payload;\n};\n\ntype StateActionProps<Store> = {\n  set: (value: SetterArgs<Store>) => void;\n  get: () => Store;\n};\n\ntype Actions<Store> = {\n  [key: string]: (\n    stateProps: StateActionProps<Store>,\n    action: ActionablePayload\n  ) => void | Promise<void>;\n};\n\ntype UseStoreReturnType<Store, SelectorOutput> = {\n  state: SelectorOutput;\n  get: () => SelectorOutput;\n  set: (value: SetterArgs<Store>) => void;\n  selector: () => Store;\n};\n\ntype ContextReturnType<Store, A extends Actions<Store>> = {\n  Provider: React.FC<React.PropsWithChildren>;\n  useStore: <SelectorOutput = Store>(\n    selector?: (store: Store) => SelectorOutput,\n    options?: SelectorOptions<SelectorOutput>\n  ) => UseStoreReturnType<Store, SelectorOutput>;\n  useActions: () => Prettify<ExtractActionKeys<A>>;\n  useSetStore: () => (value: SetterArgs<Store>) => void;\n  subscribe: <SelectorOutput = Store>(\n    selector: (store: Store) => SelectorOutput,\n    callback: (state: SelectorOutput) => void,\n    options?: SelectorOptions<SelectorOutput>\n  ) => () => void;\n  unsubscribe: (callback: () => void) => void;\n};\n\nfunction isFunction(value: any): value is (prev: any) => any {\n  return typeof value === \"function\";\n}\n\nexport function createContextStore<Store, A extends Actions<Store> = {}>(\n  ...args: Extract<A, { payload: A }> extends { payload: infer Payload }\n    ? [initialState: Store, actions?: A, options?: ContextOptions]\n    : [initialState: Store, options?: ContextOptions]\n): ContextReturnType<Store, A>;\nexport function createContextStore<Store, A extends Actions<Store> = {}>(\n  initialState: Store,\n  actions: A = {} as A,\n  options: ContextOptions = {}\n) {\n  let globalStore: Store | undefined = options.global\n    ? initialState\n    : undefined;\n\n  function useStoreData({\n    defaultSubscriber = [],\n  }: {\n    defaultSubscriber?: ((state: Store) => void)[];\n  } = {}): {\n    get: () => Store;\n    set: (value: SetterArgs<Store>) => void;\n    subscribe: (callback: (state: Store) => void) => () => void;\n  } {\n    const store = useRef<Store>(globalStore ?? initialState);\n\n    const get = useCallback(() => store.current, []);\n\n    const subscribers = useRef(\n      new Set<(state: Store) => void>(defaultSubscriber)\n    );\n\n    const set = useCallback((value: SetterArgs<Store>) => {\n      store.current = isFunction(value) ? value(store.current) : value;\n\n      if (options.global) {\n        globalStore = store.current;\n      }\n\n      subscribers.current.forEach((callback) => callback(store.current));\n    }, []);\n\n    const subscribe = useCallback((callback: (state: Store) => void) => {\n      subscribers.current.add(callback);\n\n      return () => subscribers.current.delete(callback);\n    }, []);\n\n    return {\n      get,\n      set,\n      subscribe,\n    };\n  }\n\n  type UseStoreDataReturnType = ReturnType<typeof useStoreData>;\n\n  const StoreContext = createContext<UseStoreDataReturnType | null>(null);\n\n  /**\n   * This is the provider that will be used to wrap the react component tree\n   * to provide the store to all the components in the tree.\n   */\n  function Provider({ children }: React.PropsWithChildren) {\n    return (\n      <StoreContext.Provider\n        value={useStoreData({ defaultSubscriber: [observable.broadcast] })}\n      >\n        {children}\n      </StoreContext.Provider>\n    );\n  }\n\n  /**\n   * This holds all the observables that are subscribed to the store\n   * but not being actively used by any component. Helps to broadcast\n   * store updates to all the observables that are interested in reacting\n   * to state outside the react component tree.\n   */\n  const observers = new Set<(state: Store) => void>();\n\n  function subscribeExternal<SelectorOutput = Store>(\n    selector: (store: Store) => SelectorOutput = (store) =>\n      store as unknown as SelectorOutput,\n    callback: (state: SelectorOutput) => void,\n    compare: SelectorOptions<SelectorOutput> = shallowEqual\n  ): () => void {\n    let lastSelectedState: SelectorOutput | undefined;\n\n    const shouldSendUpdates = (newSelectedState: SelectorOutput) => {\n      if (\n        lastSelectedState === undefined ||\n        !compare(lastSelectedState, newSelectedState)\n      ) {\n        lastSelectedState = newSelectedState;\n\n        return true;\n      }\n\n      return false;\n    };\n\n    const selectedCb = (store: Store) => {\n      const selected = selector(store);\n      const shouldSend = shouldSendUpdates(selected);\n\n      if (shouldSend) {\n        callback(selector(store));\n      }\n    };\n    observers.add(selectedCb);\n\n    return () => observers.delete(selectedCb);\n  }\n\n  /**\n   * A simple observable that proxy store updates to all the subscribers\n   * that are interested in reacting to state outside the react component tree.\n   */\n  const observable = {\n    subscribe: subscribeExternal,\n    unsubscribe: (callback: (state: Store) => void) => {\n      observers.delete(callback);\n    },\n    broadcast: (state: Store) => {\n      observers.forEach((callback) => callback(state));\n    },\n  } as const;\n\n  /**\n   * This is the hook that will be used to access the store from any component\n   * in the react component tree.\n   * @param selector A function that will be used to select the part of the store\n   * that is needed by the component.\n   * @param options Options to customize the behavior of the hook.\n   * @returns An object with the selected state, a function to update the store\n   * and a function to get the entire store.\n   * @example\n   * ```tsx\n   *  const { get, set } = useStore(store => store.user);\n   *  const { get, set } = useStore(store => store.user, { deepEqual: false });\n   *  const { get, set } = useStore(store => store.user, {\n   *      compare: (first, second) => first.id === second.id\n   *  });\n   * ```\n   */\n  function useStore<SelectorOutput = Store>(\n    selector: (store: Store) => SelectorOutput = (store) =>\n      store as unknown as SelectorOutput,\n    compare: SelectorOptions<SelectorOutput> = options.compare ?? shallowEqual\n  ): UseStoreReturnType<Store, SelectorOutput> {\n    const store = useContext(StoreContext);\n    const lastSelectedState = useRef<SelectorOutput | undefined>(undefined);\n\n    if (!store) {\n      throw new Error(\n        `[${LIB_NAME}] Store not found. Make sure the component is wrapped in a ${Provider} component.`\n      );\n    }\n\n    const state = useSyncExternalStore(\n      store.subscribe,\n      () => {\n        const selectedState = selector(store.get());\n\n        if (\n          lastSelectedState.current === undefined ||\n          !compare(lastSelectedState.current, selectedState)\n        ) {\n          lastSelectedState.current = selectedState;\n        }\n\n        return lastSelectedState.current;\n      },\n      () => selector(initialState)\n    );\n\n    return {\n      state,\n      get: () => state,\n      set: store.set,\n      selector: () => store.get(),\n    };\n  }\n\n  function useActions() {\n    const store = useContext(StoreContext);\n\n    if (!store) {\n      throw new Error(\n        `[${LIB_NAME}] Store not found. Make sure the component is wrapped in a ${Provider} component.`\n      );\n    }\n\n    const actionProxy = useMemo(\n      () =>\n        new Proxy(actions, {\n          get: (target, prop) => {\n            const action = target[prop as string];\n\n            if (action) {\n              return (args: Parameters<typeof action>[\"1\"]) => {\n                action(\n                  {\n                    set: store.set,\n                    get: store.get,\n                  },\n                  {\n                    payload: args,\n                  }\n                );\n              };\n            }\n          },\n          set: () => {\n            throw new Error(`[${LIB_NAME}] Actions cannot be updated`);\n          },\n        }),\n      []\n    );\n\n    return actionProxy as unknown as ExtractActionKeys<typeof actions>;\n  }\n\n  const useSetStore = () => useStore(() => false).set;\n\n  return {\n    Provider,\n    useStore,\n    useSetStore,\n    useActions,\n    subscribe: observable.subscribe,\n    unsubscribe: observable.unsubscribe,\n  };\n}\n"],"mappings":"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","names":["exports","module","__defProp","__getOwnPropDesc","__getOwnPropNames","__hasOwnProp","__export","__copyProps","__toCommonJS","shallowEqual","React"]}
+{"version":3,"sources":["../../utils/dist/comparison/index.js","../src/index.ts","../src/store.tsx"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\n\n// src/comparison/index.ts\nvar comparison_exports = {};\n__export(comparison_exports, {\n  shallowEqual: () => shallowEqual\n});\nmodule.exports = __toCommonJS(comparison_exports);\n\n// src/comparison/shallowEqual.ts\nfunction shallowEqual(objA, objB) {\n  if (Object.is(objA, objB)) {\n    return true;\n  }\n  if (typeof objA !== \"object\" || objA === null || typeof objB !== \"object\" || objB === null) {\n    return false;\n  }\n  if (objA instanceof Map && objB instanceof Map) {\n    if (objA.size !== objB.size) return false;\n    for (const [key, value] of objA) {\n      if (!Object.is(value, objB.get(key))) {\n        return false;\n      }\n    }\n    return true;\n  }\n  if (objA instanceof Set && objB instanceof Set) {\n    if (objA.size !== objB.size) return false;\n    for (const value of objA) {\n      if (!objB.has(value)) {\n        return false;\n      }\n    }\n    return true;\n  }\n  const keysA = Object.keys(objA);\n  if (keysA.length !== Object.keys(objB).length) {\n    return false;\n  }\n  for (let i = 0; i < keysA.length; i++) {\n    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !Object.is(objA[keysA[i]], objB[keysA[i]])) {\n      return false;\n    }\n  }\n  return true;\n}\n// Annotate the CommonJS export names for ESM import in node:\n0 && (module.exports = {\n  shallowEqual\n});\n","export * from \"./store\";\n","import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from \"react\";\nimport { shallowEqual } from \"@pixotope/utils/comparison\";\n\nconst LIB_NAME = \"@pixotope/react-context-store\";\n\nexport type SelectorOptions<Selected> = (\n  first: Selected,\n  second: Selected\n) => boolean;\n\nexport type ContextOptions = {\n  /**\n   * If true, the store state will be preserved across mounts and un-mounts\n   * of the Provider.\n   * @default false\n   */\n  global?: boolean;\n  /**\n   * A function that will be used to compare the selected state.\n   * @default shallowEqual\n   */\n  compare?: SelectorOptions<unknown>;\n};\n\nexport type SetterArgs<Store> = Store | ((prev: Store) => Store);\ntype ExtractActionKeys<T> = {\n  [K in keyof T]: T[K] extends (\n    stateProps: never,\n    action: infer A\n  ) => void | Promise<void>\n    ? A extends ActionablePayload<infer Payload>\n      ? Payload extends undefined\n        ? () => void\n        : (payload: Payload) => void\n      : () => void\n    : never;\n};\n\ntype Prettify<T> = {\n  [K in keyof T]: T[K];\n} & {};\n\nexport type ActionablePayload<Payload = any> = {\n  payload: Payload;\n};\n\ntype StateActionProps<Store> = {\n  set: (value: SetterArgs<Store>) => void;\n  get: () => Store;\n};\n\ntype Actions<Store> = {\n  [key: string]: (\n    stateProps: StateActionProps<Store>,\n    action: ActionablePayload\n  ) => void | Promise<void>;\n};\n\ntype UseStoreReturnType<Store, SelectorOutput> = {\n  state: SelectorOutput;\n  get: () => SelectorOutput;\n  set: (value: SetterArgs<Store>) => void;\n  selector: () => Store;\n};\n\ntype ContextReturnType<Store, A extends Actions<Store>> = {\n  Provider: React.FC<React.PropsWithChildren>;\n  useStore: <SelectorOutput = Store>(\n    selector?: (store: Store) => SelectorOutput,\n    options?: SelectorOptions<SelectorOutput>\n  ) => UseStoreReturnType<Store, SelectorOutput>;\n  useActions: () => Prettify<ExtractActionKeys<A>>;\n  useSetStore: () => (value: SetterArgs<Store>) => void;\n  useStoreSelector: () => () => Store;\n  subscribe: <SelectorOutput = Store>(\n    selector: (store: Store) => SelectorOutput,\n    callback: (state: SelectorOutput) => void,\n    options?: SelectorOptions<SelectorOutput>\n  ) => () => void;\n  unsubscribe: (callback: () => void) => void;\n};\n\nfunction isFunction(value: any): value is (prev: any) => any {\n  return typeof value === \"function\";\n}\n\nexport function createContextStore<Store, A extends Actions<Store>>(\n  ...args: Extract<A, { payload: A }> extends { payload: infer Payload }\n    ? [initialState: Store, actions?: A, options?: ContextOptions]\n    : [initialState: Store, options?: ContextOptions]\n): ContextReturnType<Store, A>;\nexport function createContextStore<Store, A extends Actions<Store>>(\n  initialState: Store,\n  actions: A = {} as A,\n  options: ContextOptions = {}\n): ContextReturnType<Store, A> {\n  let globalStore: Store | undefined = options.global\n    ? initialState\n    : undefined;\n\n  function useStoreData({\n    defaultSubscriber = [],\n  }: {\n    defaultSubscriber?: ((state: Store) => void)[];\n  } = {}): {\n    get: () => Store;\n    set: (value: SetterArgs<Store>) => void;\n    subscribe: (callback: (state: Store) => void) => () => void;\n  } {\n    const store = useRef<Store>(globalStore ?? initialState);\n\n    const get = useCallback(() => store.current, []);\n\n    const subscribers = useRef(\n      new Set<(state: Store) => void>(defaultSubscriber)\n    );\n\n    const set = useCallback((value: SetterArgs<Store>) => {\n      store.current = isFunction(value) ? value(store.current) : value;\n\n      if (options.global) {\n        globalStore = store.current;\n      }\n\n      subscribers.current.forEach((callback) => callback(store.current));\n    }, []);\n\n    const subscribe = useCallback((callback: (state: Store) => void) => {\n      subscribers.current.add(callback);\n\n      return () => subscribers.current.delete(callback);\n    }, []);\n\n    return {\n      get,\n      set,\n      subscribe,\n    };\n  }\n\n  type UseStoreDataReturnType = ReturnType<typeof useStoreData>;\n\n  const StoreContext = createContext<UseStoreDataReturnType | null>(null);\n\n  /**\n   * This is the provider that will be used to wrap the react component tree\n   * to provide the store to all the components in the tree.\n   */\n  function Provider({ children }: React.PropsWithChildren) {\n    return (\n      <StoreContext.Provider\n        value={useStoreData({ defaultSubscriber: [observable.broadcast] })}\n      >\n        {children}\n      </StoreContext.Provider>\n    );\n  }\n\n  /**\n   * This holds all the observables that are subscribed to the store\n   * but not being actively used by any component. Helps to broadcast\n   * store updates to all the observables that are interested in reacting\n   * to state outside the react component tree.\n   */\n  const observers = new Set<(state: Store) => void>();\n\n  function subscribeExternal<SelectorOutput = Store>(\n    selector: (store: Store) => SelectorOutput = (store) =>\n      store as unknown as SelectorOutput,\n    callback: (state: SelectorOutput) => void,\n    compare: SelectorOptions<SelectorOutput> = shallowEqual\n  ): () => void {\n    let lastSelectedState: SelectorOutput | undefined;\n\n    const shouldSendUpdates = (newSelectedState: SelectorOutput) => {\n      if (\n        lastSelectedState === undefined ||\n        !compare(lastSelectedState, newSelectedState)\n      ) {\n        lastSelectedState = newSelectedState;\n\n        return true;\n      }\n\n      return false;\n    };\n\n    const selectedCb = (store: Store) => {\n      const selected = selector(store);\n      const shouldSend = shouldSendUpdates(selected);\n\n      if (shouldSend) {\n        callback(selector(store));\n      }\n    };\n    observers.add(selectedCb);\n\n    return () => observers.delete(selectedCb);\n  }\n\n  /**\n   * A simple observable that proxy store updates to all the subscribers\n   * that are interested in reacting to state outside the react component tree.\n   */\n  const observable = {\n    subscribe: subscribeExternal,\n    unsubscribe: (callback: (state: Store) => void) => {\n      observers.delete(callback);\n    },\n    broadcast: (state: Store) => {\n      observers.forEach((callback) => callback(state));\n    },\n  } as const;\n\n  /**\n   * This is the hook that will be used to access the store from any component\n   * in the react component tree.\n   * @param selector A function that will be used to select the part of the store\n   * that is needed by the component.\n   * @param options Options to customize the behavior of the hook.\n   * @returns An object with the selected state, a function to update the store\n   * and a function to get the entire store.\n   * @example\n   * ```tsx\n   *  const { get, set } = useStore(store => store.user);\n   *  const { get, set } = useStore(store => store.user, { deepEqual: false });\n   *  const { get, set } = useStore(store => store.user, {\n   *      compare: (first, second) => first.id === second.id\n   *  });\n   * ```\n   */\n  function useStore<SelectorOutput = Store>(\n    selector: (store: Store) => SelectorOutput = (store) =>\n      store as unknown as SelectorOutput,\n    compare: SelectorOptions<SelectorOutput> = options.compare ?? shallowEqual\n  ): UseStoreReturnType<Store, SelectorOutput> {\n    const store = useContext(StoreContext);\n    const lastSelectedState = useRef<SelectorOutput | undefined>(undefined);\n\n    if (!store) {\n      throw new Error(\n        `[${LIB_NAME}] Store not found. Make sure the component is wrapped in a ${Provider} component.`\n      );\n    }\n\n    const state = useSyncExternalStore(\n      store.subscribe,\n      () => {\n        const selectedState = selector(store.get());\n\n        if (\n          lastSelectedState.current === undefined ||\n          !compare(lastSelectedState.current, selectedState)\n        ) {\n          lastSelectedState.current = selectedState;\n        }\n\n        return lastSelectedState.current;\n      },\n      () => selector(initialState)\n    );\n\n    return {\n      state,\n      get: () => state,\n      set: store.set,\n      selector: () => store.get(),\n    };\n  }\n\n  function useActions() {\n    const store = useContext(StoreContext);\n\n    if (!store) {\n      throw new Error(\n        `[${LIB_NAME}] Store not found. Make sure the component is wrapped in a ${Provider} component.`\n      );\n    }\n\n    const actionProxy = useMemo(\n      () =>\n        new Proxy(actions, {\n          get: (target, prop) => {\n            const action = target[prop as string];\n\n            if (action) {\n              return (args: Parameters<typeof action>[\"1\"]) => {\n                action(\n                  {\n                    set: store.set,\n                    get: store.get,\n                  },\n                  {\n                    payload: args,\n                  }\n                );\n              };\n            }\n          },\n          set: () => {\n            throw new Error(`[${LIB_NAME}] Actions cannot be updated`);\n          },\n        }),\n      []\n    );\n\n    return actionProxy as unknown as ExtractActionKeys<typeof actions>;\n  }\n\n  const useSetStore = () => useStore(() => false).set;\n  const useStoreSelector = () => useStore(() => false).selector;\n\n  return {\n    Provider,\n    useStore,\n    useSetStore,\n    useActions,\n    useStoreSelector,\n    subscribe: observable.subscribe,\n    unsubscribe: observable.unsubscribe,\n  };\n}\n"],"mappings":"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","names":["exports","module","__defProp","__getOwnPropDesc","__getOwnPropNames","__hasOwnProp","__export","__copyProps","__toCommonJS","shallowEqual","React"]}

package/dist/index.d.cts

@@ -42,10 +42,11 @@ type ContextReturnType<Store, A extends Actions<Store>> = {
     useStore: <SelectorOutput = Store>(selector?: (store: Store) => SelectorOutput, options?: SelectorOptions<SelectorOutput>) => UseStoreReturnType<Store, SelectorOutput>;
     useActions: () => Prettify<ExtractActionKeys<A>>;
     useSetStore: () => (value: SetterArgs<Store>) => void;
+    useStoreSelector: () => () => Store;
     subscribe: <SelectorOutput = Store>(selector: (store: Store) => SelectorOutput, callback: (state: SelectorOutput) => void, options?: SelectorOptions<SelectorOutput>) => () => void;
     unsubscribe: (callback: () => void) => void;
 };
-declare function createContextStore<Store, A extends Actions<Store> = {}>(...args: Extract<A, {
+declare function createContextStore<Store, A extends Actions<Store>>(...args: Extract<A, {
     payload: A;
 }> extends {
     payload: infer Payload;

package/dist/index.d.ts

@@ -42,10 +42,11 @@ type ContextReturnType<Store, A extends Actions<Store>> = {
     useStore: <SelectorOutput = Store>(selector?: (store: Store) => SelectorOutput, options?: SelectorOptions<SelectorOutput>) => UseStoreReturnType<Store, SelectorOutput>;
     useActions: () => Prettify<ExtractActionKeys<A>>;
     useSetStore: () => (value: SetterArgs<Store>) => void;
+    useStoreSelector: () => () => Store;
     subscribe: <SelectorOutput = Store>(selector: (store: Store) => SelectorOutput, callback: (state: SelectorOutput) => void, options?: SelectorOptions<SelectorOutput>) => () => void;
     unsubscribe: (callback: () => void) => void;
 };
-declare function createContextStore<Store, A extends Actions<Store> = {}>(...args: Extract<A, {
+declare function createContextStore<Store, A extends Actions<Store>>(...args: Extract<A, {
     payload: A;
 }> extends {
     payload: infer Payload;

package/dist/index.js

@@ -229,11 +229,13 @@ function createContextStore(initialState, actions = {}, options = {}) {
     return actionProxy;
   }
   const useSetStore = () => useStore(() => false).set;
+  const useStoreSelector = () => useStore(() => false).selector;
   return {
     Provider,
     useStore,
     useSetStore,
     useActions,
+    useStoreSelector,
     subscribe: observable.subscribe,
     unsubscribe: observable.unsubscribe
   };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../utils/dist/comparison/index.js","../src/store.tsx"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\n\n// src/comparison/index.ts\nvar comparison_exports = {};\n__export(comparison_exports, {\n  shallowEqual: () => shallowEqual\n});\nmodule.exports = __toCommonJS(comparison_exports);\n\n// src/comparison/shallowEqual.ts\nfunction shallowEqual(objA, objB) {\n  if (Object.is(objA, objB)) {\n    return true;\n  }\n  if (typeof objA !== \"object\" || objA === null || typeof objB !== \"object\" || objB === null) {\n    return false;\n  }\n  if (objA instanceof Map && objB instanceof Map) {\n    if (objA.size !== objB.size) return false;\n    for (const [key, value] of objA) {\n      if (!Object.is(value, objB.get(key))) {\n        return false;\n      }\n    }\n    return true;\n  }\n  if (objA instanceof Set && objB instanceof Set) {\n    if (objA.size !== objB.size) return false;\n    for (const value of objA) {\n      if (!objB.has(value)) {\n        return false;\n      }\n    }\n    return true;\n  }\n  const keysA = Object.keys(objA);\n  if (keysA.length !== Object.keys(objB).length) {\n    return false;\n  }\n  for (let i = 0; i < keysA.length; i++) {\n    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !Object.is(objA[keysA[i]], objB[keysA[i]])) {\n      return false;\n    }\n  }\n  return true;\n}\n// Annotate the CommonJS export names for ESM import in node:\n0 && (module.exports = {\n  shallowEqual\n});\n","import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from \"react\";\nimport { shallowEqual } from \"@pixotope/utils/comparison\";\n\nconst LIB_NAME = \"@pixotope/react-context-store\";\n\nexport type SelectorOptions<Selected> = (\n  first: Selected,\n  second: Selected\n) => boolean;\n\nexport type ContextOptions = {\n  /**\n   * If true, the store state will be preserved across mounts and un-mounts\n   * of the Provider.\n   * @default false\n   */\n  global?: boolean;\n  /**\n   * A function that will be used to compare the selected state.\n   * @default shallowEqual\n   */\n  compare?: SelectorOptions<unknown>;\n};\n\nexport type SetterArgs<Store> = Store | ((prev: Store) => Store);\ntype ExtractActionKeys<T> = {\n  [K in keyof T]: T[K] extends (\n    stateProps: never,\n    action: infer A\n  ) => void | Promise<void>\n    ? A extends ActionablePayload<infer Payload>\n      ? Payload extends undefined\n        ? () => void\n        : (payload: Payload) => void\n      : () => void\n    : never;\n};\n\ntype Prettify<T> = {\n  [K in keyof T]: T[K];\n} & {};\n\nexport type ActionablePayload<Payload = any> = {\n  payload: Payload;\n};\n\ntype StateActionProps<Store> = {\n  set: (value: SetterArgs<Store>) => void;\n  get: () => Store;\n};\n\ntype Actions<Store> = {\n  [key: string]: (\n    stateProps: StateActionProps<Store>,\n    action: ActionablePayload\n  ) => void | Promise<void>;\n};\n\ntype UseStoreReturnType<Store, SelectorOutput> = {\n  state: SelectorOutput;\n  get: () => SelectorOutput;\n  set: (value: SetterArgs<Store>) => void;\n  selector: () => Store;\n};\n\ntype ContextReturnType<Store, A extends Actions<Store>> = {\n  Provider: React.FC<React.PropsWithChildren>;\n  useStore: <SelectorOutput = Store>(\n    selector?: (store: Store) => SelectorOutput,\n    options?: SelectorOptions<SelectorOutput>\n  ) => UseStoreReturnType<Store, SelectorOutput>;\n  useActions: () => Prettify<ExtractActionKeys<A>>;\n  useSetStore: () => (value: SetterArgs<Store>) => void;\n  subscribe: <SelectorOutput = Store>(\n    selector: (store: Store) => SelectorOutput,\n    callback: (state: SelectorOutput) => void,\n    options?: SelectorOptions<SelectorOutput>\n  ) => () => void;\n  unsubscribe: (callback: () => void) => void;\n};\n\nfunction isFunction(value: any): value is (prev: any) => any {\n  return typeof value === \"function\";\n}\n\nexport function createContextStore<Store, A extends Actions<Store> = {}>(\n  ...args: Extract<A, { payload: A }> extends { payload: infer Payload }\n    ? [initialState: Store, actions?: A, options?: ContextOptions]\n    : [initialState: Store, options?: ContextOptions]\n): ContextReturnType<Store, A>;\nexport function createContextStore<Store, A extends Actions<Store> = {}>(\n  initialState: Store,\n  actions: A = {} as A,\n  options: ContextOptions = {}\n) {\n  let globalStore: Store | undefined = options.global\n    ? initialState\n    : undefined;\n\n  function useStoreData({\n    defaultSubscriber = [],\n  }: {\n    defaultSubscriber?: ((state: Store) => void)[];\n  } = {}): {\n    get: () => Store;\n    set: (value: SetterArgs<Store>) => void;\n    subscribe: (callback: (state: Store) => void) => () => void;\n  } {\n    const store = useRef<Store>(globalStore ?? initialState);\n\n    const get = useCallback(() => store.current, []);\n\n    const subscribers = useRef(\n      new Set<(state: Store) => void>(defaultSubscriber)\n    );\n\n    const set = useCallback((value: SetterArgs<Store>) => {\n      store.current = isFunction(value) ? value(store.current) : value;\n\n      if (options.global) {\n        globalStore = store.current;\n      }\n\n      subscribers.current.forEach((callback) => callback(store.current));\n    }, []);\n\n    const subscribe = useCallback((callback: (state: Store) => void) => {\n      subscribers.current.add(callback);\n\n      return () => subscribers.current.delete(callback);\n    }, []);\n\n    return {\n      get,\n      set,\n      subscribe,\n    };\n  }\n\n  type UseStoreDataReturnType = ReturnType<typeof useStoreData>;\n\n  const StoreContext = createContext<UseStoreDataReturnType | null>(null);\n\n  /**\n   * This is the provider that will be used to wrap the react component tree\n   * to provide the store to all the components in the tree.\n   */\n  function Provider({ children }: React.PropsWithChildren) {\n    return (\n      <StoreContext.Provider\n        value={useStoreData({ defaultSubscriber: [observable.broadcast] })}\n      >\n        {children}\n      </StoreContext.Provider>\n    );\n  }\n\n  /**\n   * This holds all the observables that are subscribed to the store\n   * but not being actively used by any component. Helps to broadcast\n   * store updates to all the observables that are interested in reacting\n   * to state outside the react component tree.\n   */\n  const observers = new Set<(state: Store) => void>();\n\n  function subscribeExternal<SelectorOutput = Store>(\n    selector: (store: Store) => SelectorOutput = (store) =>\n      store as unknown as SelectorOutput,\n    callback: (state: SelectorOutput) => void,\n    compare: SelectorOptions<SelectorOutput> = shallowEqual\n  ): () => void {\n    let lastSelectedState: SelectorOutput | undefined;\n\n    const shouldSendUpdates = (newSelectedState: SelectorOutput) => {\n      if (\n        lastSelectedState === undefined ||\n        !compare(lastSelectedState, newSelectedState)\n      ) {\n        lastSelectedState = newSelectedState;\n\n        return true;\n      }\n\n      return false;\n    };\n\n    const selectedCb = (store: Store) => {\n      const selected = selector(store);\n      const shouldSend = shouldSendUpdates(selected);\n\n      if (shouldSend) {\n        callback(selector(store));\n      }\n    };\n    observers.add(selectedCb);\n\n    return () => observers.delete(selectedCb);\n  }\n\n  /**\n   * A simple observable that proxy store updates to all the subscribers\n   * that are interested in reacting to state outside the react component tree.\n   */\n  const observable = {\n    subscribe: subscribeExternal,\n    unsubscribe: (callback: (state: Store) => void) => {\n      observers.delete(callback);\n    },\n    broadcast: (state: Store) => {\n      observers.forEach((callback) => callback(state));\n    },\n  } as const;\n\n  /**\n   * This is the hook that will be used to access the store from any component\n   * in the react component tree.\n   * @param selector A function that will be used to select the part of the store\n   * that is needed by the component.\n   * @param options Options to customize the behavior of the hook.\n   * @returns An object with the selected state, a function to update the store\n   * and a function to get the entire store.\n   * @example\n   * ```tsx\n   *  const { get, set } = useStore(store => store.user);\n   *  const { get, set } = useStore(store => store.user, { deepEqual: false });\n   *  const { get, set } = useStore(store => store.user, {\n   *      compare: (first, second) => first.id === second.id\n   *  });\n   * ```\n   */\n  function useStore<SelectorOutput = Store>(\n    selector: (store: Store) => SelectorOutput = (store) =>\n      store as unknown as SelectorOutput,\n    compare: SelectorOptions<SelectorOutput> = options.compare ?? shallowEqual\n  ): UseStoreReturnType<Store, SelectorOutput> {\n    const store = useContext(StoreContext);\n    const lastSelectedState = useRef<SelectorOutput | undefined>(undefined);\n\n    if (!store) {\n      throw new Error(\n        `[${LIB_NAME}] Store not found. Make sure the component is wrapped in a ${Provider} component.`\n      );\n    }\n\n    const state = useSyncExternalStore(\n      store.subscribe,\n      () => {\n        const selectedState = selector(store.get());\n\n        if (\n          lastSelectedState.current === undefined ||\n          !compare(lastSelectedState.current, selectedState)\n        ) {\n          lastSelectedState.current = selectedState;\n        }\n\n        return lastSelectedState.current;\n      },\n      () => selector(initialState)\n    );\n\n    return {\n      state,\n      get: () => state,\n      set: store.set,\n      selector: () => store.get(),\n    };\n  }\n\n  function useActions() {\n    const store = useContext(StoreContext);\n\n    if (!store) {\n      throw new Error(\n        `[${LIB_NAME}] Store not found. Make sure the component is wrapped in a ${Provider} component.`\n      );\n    }\n\n    const actionProxy = useMemo(\n      () =>\n        new Proxy(actions, {\n          get: (target, prop) => {\n            const action = target[prop as string];\n\n            if (action) {\n              return (args: Parameters<typeof action>[\"1\"]) => {\n                action(\n                  {\n                    set: store.set,\n                    get: store.get,\n                  },\n                  {\n                    payload: args,\n                  }\n                );\n              };\n            }\n          },\n          set: () => {\n            throw new Error(`[${LIB_NAME}] Actions cannot be updated`);\n          },\n        }),\n      []\n    );\n\n    return actionProxy as unknown as ExtractActionKeys<typeof actions>;\n  }\n\n  const useSetStore = () => useStore(() => false).set;\n\n  return {\n    Provider,\n    useStore,\n    useSetStore,\n    useActions,\n    subscribe: observable.subscribe,\n    unsubscribe: observable.unsubscribe,\n  };\n}\n"],"mappings":"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","names":["__defProp","__getOwnPropDesc","__getOwnPropNames","__hasOwnProp","__copyProps","shallowEqual"]}
+{"version":3,"sources":["../../utils/dist/comparison/index.js","../src/store.tsx"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\n\n// src/comparison/index.ts\nvar comparison_exports = {};\n__export(comparison_exports, {\n  shallowEqual: () => shallowEqual\n});\nmodule.exports = __toCommonJS(comparison_exports);\n\n// src/comparison/shallowEqual.ts\nfunction shallowEqual(objA, objB) {\n  if (Object.is(objA, objB)) {\n    return true;\n  }\n  if (typeof objA !== \"object\" || objA === null || typeof objB !== \"object\" || objB === null) {\n    return false;\n  }\n  if (objA instanceof Map && objB instanceof Map) {\n    if (objA.size !== objB.size) return false;\n    for (const [key, value] of objA) {\n      if (!Object.is(value, objB.get(key))) {\n        return false;\n      }\n    }\n    return true;\n  }\n  if (objA instanceof Set && objB instanceof Set) {\n    if (objA.size !== objB.size) return false;\n    for (const value of objA) {\n      if (!objB.has(value)) {\n        return false;\n      }\n    }\n    return true;\n  }\n  const keysA = Object.keys(objA);\n  if (keysA.length !== Object.keys(objB).length) {\n    return false;\n  }\n  for (let i = 0; i < keysA.length; i++) {\n    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !Object.is(objA[keysA[i]], objB[keysA[i]])) {\n      return false;\n    }\n  }\n  return true;\n}\n// Annotate the CommonJS export names for ESM import in node:\n0 && (module.exports = {\n  shallowEqual\n});\n","import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from \"react\";\nimport { shallowEqual } from \"@pixotope/utils/comparison\";\n\nconst LIB_NAME = \"@pixotope/react-context-store\";\n\nexport type SelectorOptions<Selected> = (\n  first: Selected,\n  second: Selected\n) => boolean;\n\nexport type ContextOptions = {\n  /**\n   * If true, the store state will be preserved across mounts and un-mounts\n   * of the Provider.\n   * @default false\n   */\n  global?: boolean;\n  /**\n   * A function that will be used to compare the selected state.\n   * @default shallowEqual\n   */\n  compare?: SelectorOptions<unknown>;\n};\n\nexport type SetterArgs<Store> = Store | ((prev: Store) => Store);\ntype ExtractActionKeys<T> = {\n  [K in keyof T]: T[K] extends (\n    stateProps: never,\n    action: infer A\n  ) => void | Promise<void>\n    ? A extends ActionablePayload<infer Payload>\n      ? Payload extends undefined\n        ? () => void\n        : (payload: Payload) => void\n      : () => void\n    : never;\n};\n\ntype Prettify<T> = {\n  [K in keyof T]: T[K];\n} & {};\n\nexport type ActionablePayload<Payload = any> = {\n  payload: Payload;\n};\n\ntype StateActionProps<Store> = {\n  set: (value: SetterArgs<Store>) => void;\n  get: () => Store;\n};\n\ntype Actions<Store> = {\n  [key: string]: (\n    stateProps: StateActionProps<Store>,\n    action: ActionablePayload\n  ) => void | Promise<void>;\n};\n\ntype UseStoreReturnType<Store, SelectorOutput> = {\n  state: SelectorOutput;\n  get: () => SelectorOutput;\n  set: (value: SetterArgs<Store>) => void;\n  selector: () => Store;\n};\n\ntype ContextReturnType<Store, A extends Actions<Store>> = {\n  Provider: React.FC<React.PropsWithChildren>;\n  useStore: <SelectorOutput = Store>(\n    selector?: (store: Store) => SelectorOutput,\n    options?: SelectorOptions<SelectorOutput>\n  ) => UseStoreReturnType<Store, SelectorOutput>;\n  useActions: () => Prettify<ExtractActionKeys<A>>;\n  useSetStore: () => (value: SetterArgs<Store>) => void;\n  useStoreSelector: () => () => Store;\n  subscribe: <SelectorOutput = Store>(\n    selector: (store: Store) => SelectorOutput,\n    callback: (state: SelectorOutput) => void,\n    options?: SelectorOptions<SelectorOutput>\n  ) => () => void;\n  unsubscribe: (callback: () => void) => void;\n};\n\nfunction isFunction(value: any): value is (prev: any) => any {\n  return typeof value === \"function\";\n}\n\nexport function createContextStore<Store, A extends Actions<Store>>(\n  ...args: Extract<A, { payload: A }> extends { payload: infer Payload }\n    ? [initialState: Store, actions?: A, options?: ContextOptions]\n    : [initialState: Store, options?: ContextOptions]\n): ContextReturnType<Store, A>;\nexport function createContextStore<Store, A extends Actions<Store>>(\n  initialState: Store,\n  actions: A = {} as A,\n  options: ContextOptions = {}\n): ContextReturnType<Store, A> {\n  let globalStore: Store | undefined = options.global\n    ? initialState\n    : undefined;\n\n  function useStoreData({\n    defaultSubscriber = [],\n  }: {\n    defaultSubscriber?: ((state: Store) => void)[];\n  } = {}): {\n    get: () => Store;\n    set: (value: SetterArgs<Store>) => void;\n    subscribe: (callback: (state: Store) => void) => () => void;\n  } {\n    const store = useRef<Store>(globalStore ?? initialState);\n\n    const get = useCallback(() => store.current, []);\n\n    const subscribers = useRef(\n      new Set<(state: Store) => void>(defaultSubscriber)\n    );\n\n    const set = useCallback((value: SetterArgs<Store>) => {\n      store.current = isFunction(value) ? value(store.current) : value;\n\n      if (options.global) {\n        globalStore = store.current;\n      }\n\n      subscribers.current.forEach((callback) => callback(store.current));\n    }, []);\n\n    const subscribe = useCallback((callback: (state: Store) => void) => {\n      subscribers.current.add(callback);\n\n      return () => subscribers.current.delete(callback);\n    }, []);\n\n    return {\n      get,\n      set,\n      subscribe,\n    };\n  }\n\n  type UseStoreDataReturnType = ReturnType<typeof useStoreData>;\n\n  const StoreContext = createContext<UseStoreDataReturnType | null>(null);\n\n  /**\n   * This is the provider that will be used to wrap the react component tree\n   * to provide the store to all the components in the tree.\n   */\n  function Provider({ children }: React.PropsWithChildren) {\n    return (\n      <StoreContext.Provider\n        value={useStoreData({ defaultSubscriber: [observable.broadcast] })}\n      >\n        {children}\n      </StoreContext.Provider>\n    );\n  }\n\n  /**\n   * This holds all the observables that are subscribed to the store\n   * but not being actively used by any component. Helps to broadcast\n   * store updates to all the observables that are interested in reacting\n   * to state outside the react component tree.\n   */\n  const observers = new Set<(state: Store) => void>();\n\n  function subscribeExternal<SelectorOutput = Store>(\n    selector: (store: Store) => SelectorOutput = (store) =>\n      store as unknown as SelectorOutput,\n    callback: (state: SelectorOutput) => void,\n    compare: SelectorOptions<SelectorOutput> = shallowEqual\n  ): () => void {\n    let lastSelectedState: SelectorOutput | undefined;\n\n    const shouldSendUpdates = (newSelectedState: SelectorOutput) => {\n      if (\n        lastSelectedState === undefined ||\n        !compare(lastSelectedState, newSelectedState)\n      ) {\n        lastSelectedState = newSelectedState;\n\n        return true;\n      }\n\n      return false;\n    };\n\n    const selectedCb = (store: Store) => {\n      const selected = selector(store);\n      const shouldSend = shouldSendUpdates(selected);\n\n      if (shouldSend) {\n        callback(selector(store));\n      }\n    };\n    observers.add(selectedCb);\n\n    return () => observers.delete(selectedCb);\n  }\n\n  /**\n   * A simple observable that proxy store updates to all the subscribers\n   * that are interested in reacting to state outside the react component tree.\n   */\n  const observable = {\n    subscribe: subscribeExternal,\n    unsubscribe: (callback: (state: Store) => void) => {\n      observers.delete(callback);\n    },\n    broadcast: (state: Store) => {\n      observers.forEach((callback) => callback(state));\n    },\n  } as const;\n\n  /**\n   * This is the hook that will be used to access the store from any component\n   * in the react component tree.\n   * @param selector A function that will be used to select the part of the store\n   * that is needed by the component.\n   * @param options Options to customize the behavior of the hook.\n   * @returns An object with the selected state, a function to update the store\n   * and a function to get the entire store.\n   * @example\n   * ```tsx\n   *  const { get, set } = useStore(store => store.user);\n   *  const { get, set } = useStore(store => store.user, { deepEqual: false });\n   *  const { get, set } = useStore(store => store.user, {\n   *      compare: (first, second) => first.id === second.id\n   *  });\n   * ```\n   */\n  function useStore<SelectorOutput = Store>(\n    selector: (store: Store) => SelectorOutput = (store) =>\n      store as unknown as SelectorOutput,\n    compare: SelectorOptions<SelectorOutput> = options.compare ?? shallowEqual\n  ): UseStoreReturnType<Store, SelectorOutput> {\n    const store = useContext(StoreContext);\n    const lastSelectedState = useRef<SelectorOutput | undefined>(undefined);\n\n    if (!store) {\n      throw new Error(\n        `[${LIB_NAME}] Store not found. Make sure the component is wrapped in a ${Provider} component.`\n      );\n    }\n\n    const state = useSyncExternalStore(\n      store.subscribe,\n      () => {\n        const selectedState = selector(store.get());\n\n        if (\n          lastSelectedState.current === undefined ||\n          !compare(lastSelectedState.current, selectedState)\n        ) {\n          lastSelectedState.current = selectedState;\n        }\n\n        return lastSelectedState.current;\n      },\n      () => selector(initialState)\n    );\n\n    return {\n      state,\n      get: () => state,\n      set: store.set,\n      selector: () => store.get(),\n    };\n  }\n\n  function useActions() {\n    const store = useContext(StoreContext);\n\n    if (!store) {\n      throw new Error(\n        `[${LIB_NAME}] Store not found. Make sure the component is wrapped in a ${Provider} component.`\n      );\n    }\n\n    const actionProxy = useMemo(\n      () =>\n        new Proxy(actions, {\n          get: (target, prop) => {\n            const action = target[prop as string];\n\n            if (action) {\n              return (args: Parameters<typeof action>[\"1\"]) => {\n                action(\n                  {\n                    set: store.set,\n                    get: store.get,\n                  },\n                  {\n                    payload: args,\n                  }\n                );\n              };\n            }\n          },\n          set: () => {\n            throw new Error(`[${LIB_NAME}] Actions cannot be updated`);\n          },\n        }),\n      []\n    );\n\n    return actionProxy as unknown as ExtractActionKeys<typeof actions>;\n  }\n\n  const useSetStore = () => useStore(() => false).set;\n  const useStoreSelector = () => useStore(() => false).selector;\n\n  return {\n    Provider,\n    useStore,\n    useSetStore,\n    useActions,\n    useStoreSelector,\n    subscribe: observable.subscribe,\n    unsubscribe: observable.unsubscribe,\n  };\n}\n"],"mappings":"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","names":["__defProp","__getOwnPropDesc","__getOwnPropNames","__hasOwnProp","__copyProps","shallowEqual"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixotope/react-context-store",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "",
   "private": false,
   "main": "dist/index.js",
@@ -20,7 +20,7 @@
     "tsup": "^8.5.0",
     "typescript": "^5.7.2",
     "vitest": "^3.2.4",
-    "@pixotope/utils": "0.1.0"
+    "@pixotope/utils": "0.2.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0"

package/src/store.test.tsx

@@ -7,7 +7,7 @@ import {
 import React from "react";
 import { vi, describe, test, beforeEach, it, expect } from "vitest";
 
-import { createContextStore } from "./store";
+import { createContextStore, ActionablePayload } from "./store";
 
 const initialState = {
   count: 0,
@@ -45,7 +45,7 @@ describe("createContextStore", () => {
     store = createContextStore(initialState);
   });
 
-  it.concurrent("should return the initial state", async () => {
+  it("should return the initial state", async () => {
     const { result } = renderHookWithProvider(
       () => store.useStore(),
       store.Provider
@@ -53,7 +53,7 @@ describe("createContextStore", () => {
 
     expect(result.current.get()).toEqual(initialState);
   });
-  it.concurrent("should return the updated state", async () => {
+  it("should return the updated state", async () => {
     const { result } = renderHookWithProvider(
       () => store.useStore(),
       store.Provider
@@ -64,7 +64,7 @@ describe("createContextStore", () => {
 
     expect(result.current.get().count).toEqual(1);
   });
-  it.concurrent(
+  it(
     "should return the reference to the same object if not changed",
     () => {
       const { result } = renderHookWithProvider(
@@ -89,7 +89,7 @@ describe("createContextStore", () => {
       expect(prevUser).toBe(userAfterCountChange);
     }
   );
-  it.concurrent("should call compare function passed to useStore", () => {
+  it("should call compare function passed to useStore", () => {
     const compare = vi.fn(() => true);
     const { result } = renderHookWithProvider(
       () => store.useStore((store) => store, compare),
@@ -107,7 +107,7 @@ describe("createContextStore", () => {
 
     expect(compare).toBeCalled();
   });
-  it.concurrent("should cause re-render if compare returns false", () => {
+  it("should cause re-render if compare returns false", () => {
     const compare = vi.fn(() => false);
     const { result } = renderHookWithProvider(
       () => store.useStore((store) => store, compare),
@@ -126,7 +126,7 @@ describe("createContextStore", () => {
     expect(compare).toBeCalled();
     expect(result.current.get().user.name).toEqual("Micheal");
   });
-  it.concurrent("should not cause re-render if compare returns true", () => {
+  it("should not cause re-render if compare returns true", () => {
     const compare = vi.fn(() => true);
     const { result } = renderHookWithProvider(
       () => store.useStore((store) => store, compare),
@@ -145,12 +145,12 @@ describe("createContextStore", () => {
 
     expect(result.current.get().user).toEqual(prevUser);
   });
-  test.concurrent("selector is called with the current state", () => {
+  test("selector is called with the current state", () => {
     const selector = vi.fn((state) => state.user);
     renderHookWithProvider(() => store.useStore(selector), store.Provider);
     expect(selector).toBeCalledWith(initialState);
   });
-  test.concurrent(
+  test(
     "selector is called with the current state after update",
     () => {
       const selector = vi.fn((state) => state.user);
@@ -176,7 +176,7 @@ describe("createContextStore", () => {
       });
     }
   );
-  test.concurrent("selector passed to userStore returns correct value", () => {
+  test("selector passed to userStore returns correct value", () => {
     const selector = vi.fn((state: typeof initialState) => state.user);
     const { result } = renderHookWithProvider(
       () => store.useStore(selector),
@@ -184,7 +184,7 @@ describe("createContextStore", () => {
     );
     expect(result.current.get()).toEqual(initialState.user);
   });
-  test.concurrent(
+  test(
     "hook returns a selctor function that returns the correct value",
     () => {
       const { result } = renderHookWithProvider(
@@ -194,7 +194,7 @@ describe("createContextStore", () => {
       expect(result.current.selector()).toEqual(initialState);
     }
   );
-  test.concurrent(
+  test(
     "hook returns a selctor function that returns the correct value after update",
     () => {
       const { result } = renderHookWithProvider(
@@ -219,7 +219,7 @@ describe("createContextStore", () => {
       });
     }
   );
-  it.concurrent("should only cause re-render if selected value changes", () => {
+  it("should only cause re-render if selected value changes", () => {
     const selector = vi.fn((state: typeof initialState) => state.user);
     const { result } = renderHookWithProvider(
       () => store.useStore(selector),
@@ -235,4 +235,66 @@ describe("createContextStore", () => {
 
     expect(result.current.get()).toBe(prevUser);
   });
+
+  it("should call action without payload", () => {
+    const storeWithActions = createContextStore(initialState, {
+      increment: ({ set, get }) => {
+        set((prev) => ({ ...prev, count: get().count + 1 }));
+      },
+    });
+
+    const { result } = renderHookWithProvider(
+      () => ({
+        store: storeWithActions.useStore(),
+        actions: storeWithActions.useActions(),
+      }),
+      storeWithActions.Provider
+    );
+
+    act(() => {
+      result.current.actions.increment();
+    });
+
+    expect(result.current.store.get().count).toBe(1);
+  });
+
+  it("should call action with typed payload", () => {
+    const storeWithActions = createContextStore(initialState, {
+      incrementBy: ({ set, get }, action: ActionablePayload<number>) => {
+        set((prev) => ({ ...prev, count: get().count + action.payload }));
+      },
+      updateUser: (
+        { set },
+        action: ActionablePayload<{ name: string; age: number }>
+      ) => {
+        set((prev) => ({ ...prev, user: action.payload }));
+      },
+    });
+
+    const { result } = renderHookWithProvider(
+      () => ({
+        store: storeWithActions.useStore(),
+        actions: storeWithActions.useActions(),
+      }),
+      storeWithActions.Provider
+    );
+
+    act(() => {
+      result.current.actions.incrementBy(5);
+    });
+    expect(result.current.store.get().count).toBe(5);
+
+    act(() => {
+      result.current.actions.updateUser({ name: "Jane", age: 25 });
+    });
+    expect(result.current.store.get().user).toEqual({ name: "Jane", age: 25 });
+
+    // Type assertions to verify action signatures are correctly inferred
+    const actions = result.current.actions;
+    const _incrementBy: (payload: number) => void = actions.incrementBy;
+    const _updateUser: (payload: { name: string; age: number }) => void =
+      actions.updateUser;
+    void _incrementBy;
+    void _updateUser;
+  });
 });

package/src/store.tsx

@@ -78,6 +78,7 @@ type ContextReturnType<Store, A extends Actions<Store>> = {
   ) => UseStoreReturnType<Store, SelectorOutput>;
   useActions: () => Prettify<ExtractActionKeys<A>>;
   useSetStore: () => (value: SetterArgs<Store>) => void;
+  useStoreSelector: () => () => Store;
   subscribe: <SelectorOutput = Store>(
     selector: (store: Store) => SelectorOutput,
     callback: (state: SelectorOutput) => void,
@@ -90,16 +91,16 @@ function isFunction(value: any): value is (prev: any) => any {
   return typeof value === "function";
 }
 
-export function createContextStore<Store, A extends Actions<Store> = {}>(
+export function createContextStore<Store, A extends Actions<Store>>(
   ...args: Extract<A, { payload: A }> extends { payload: infer Payload }
     ? [initialState: Store, actions?: A, options?: ContextOptions]
     : [initialState: Store, options?: ContextOptions]
 ): ContextReturnType<Store, A>;
-export function createContextStore<Store, A extends Actions<Store> = {}>(
+export function createContextStore<Store, A extends Actions<Store>>(
   initialState: Store,
   actions: A = {} as A,
   options: ContextOptions = {}
-) {
+): ContextReturnType<Store, A> {
   let globalStore: Store | undefined = options.global
     ? initialState
     : undefined;
@@ -314,12 +315,14 @@ export function createContextStore<Store, A extends Actions<Store> = {}>(
   }
 
   const useSetStore = () => useStore(() => false).set;
+  const useStoreSelector = () => useStore(() => false).selector;
 
   return {
     Provider,
     useStore,
     useSetStore,
     useActions,
+    useStoreSelector,
     subscribe: observable.subscribe,
     unsubscribe: observable.unsubscribe,
   };