@pixotope/react-context-store 0.1.0 → 0.3.0

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
-> @pixotope/react-context-store@0.0.1 build /home/circleci/project/packages/react-context-store
-> tsup src/index.ts --format cjs,esm --dts --sourcemap
+> @pixotope/react-context-store@0.3.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
 CLI Using tsconfig: tsconfig.json
@@ -8,13 +8,13 @@
 CLI Target: es6
 CJS Build start
 ESM Build start
-ESM dist/index.js     15.11 KB
-ESM dist/index.js.map 25.09 KB
-ESM ⚡️ Build success in 29ms
-CJS dist/index.cjs     15.37 KB
-CJS dist/index.cjs.map 25.31 KB
-CJS ⚡️ Build success in 29ms
+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
 DTS Build start
-DTS ⚡️ Build success in 1853ms
-DTS dist/index.d.cts 2.21 KB
-DTS dist/index.d.ts  2.21 KB
+DTS ⚡️ Build success in 2162ms
+DTS dist/index.d.cts 2.31 KB
+DTS dist/index.d.ts  2.31 KB

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

@@ -1,4 +1,4 @@
 
-> @pixotope/react-context-store@0.0.1 check-types /home/circleci/project/packages/react-context-store
+> @pixotope/react-context-store@0.3.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.0.1 test /home/circleci/project/packages/react-context-store
+> @pixotope/react-context-store@0.3.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) 74ms
+ ✓ src/store.test.tsx (12 tests) 105ms
 
  Test Files  1 passed (1)
       Tests  12 passed (12)
-   Start at  15:56:24
-   Duration  2.92s (transform 308ms, setup 102ms, collect 267ms, tests 74ms, environment 849ms, prepare 882ms)
+   Start at  17:35:07
+   Duration  3.27s (transform 301ms, setup 181ms, collect 307ms, tests 105ms, environment 1.13s, prepare 616ms)
 

package/CHANGELOG.md

@@ -1,7 +1,13 @@
 # @pixotope/react-context-store
 
-## 0.1.0
+## 0.3.0
 
 ### Minor Changes
 
-- 9256ddb: - bum minor version for all packages
+- eec8876: - remove `use-sync-external-store` and force peer react version to min 18
+
+## 0.2.0
+
+### Minor Changes
+
+- 2546f76: - general type and compatibility improvements

package/dist/index.cjs

@@ -30,135 +30,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js
-var require_use_sync_external_store_shim_production = __commonJS({
-  "../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js"(exports2) {
-    "use strict";
-    var React2 = require("react");
-    function is(x, y) {
-      return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
-    }
-    var objectIs = "function" === typeof Object.is ? Object.is : is;
-    var useState = React2.useState;
-    var useEffect = React2.useEffect;
-    var useLayoutEffect = React2.useLayoutEffect;
-    var useDebugValue = React2.useDebugValue;
-    function useSyncExternalStore$2(subscribe, getSnapshot) {
-      var value = getSnapshot(), _useState = useState({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
-      useLayoutEffect(
-        function() {
-          inst.value = value;
-          inst.getSnapshot = getSnapshot;
-          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-        },
-        [subscribe, value, getSnapshot]
-      );
-      useEffect(
-        function() {
-          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          return subscribe(function() {
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          });
-        },
-        [subscribe]
-      );
-      useDebugValue(value);
-      return value;
-    }
-    function checkIfSnapshotChanged(inst) {
-      var latestGetSnapshot = inst.getSnapshot;
-      inst = inst.value;
-      try {
-        var nextValue = latestGetSnapshot();
-        return !objectIs(inst, nextValue);
-      } catch (error) {
-        return true;
-      }
-    }
-    function useSyncExternalStore$1(subscribe, getSnapshot) {
-      return getSnapshot();
-    }
-    var shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-    exports2.useSyncExternalStore = void 0 !== React2.useSyncExternalStore ? React2.useSyncExternalStore : shim;
-  }
-});
-
-// ../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js
-var require_use_sync_external_store_shim_development = __commonJS({
-  "../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js"(exports2) {
-    "use strict";
-    "production" !== process.env.NODE_ENV && function() {
-      function is(x, y) {
-        return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
-      }
-      function useSyncExternalStore$2(subscribe, getSnapshot) {
-        didWarnOld18Alpha || void 0 === React2.startTransition || (didWarnOld18Alpha = true, console.error(
-          "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
-        ));
-        var value = getSnapshot();
-        if (!didWarnUncachedGetSnapshot) {
-          var cachedValue = getSnapshot();
-          objectIs(value, cachedValue) || (console.error(
-            "The result of getSnapshot should be cached to avoid an infinite loop"
-          ), didWarnUncachedGetSnapshot = true);
-        }
-        cachedValue = useState({
-          inst: { value, getSnapshot }
-        });
-        var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
-        useLayoutEffect(
-          function() {
-            inst.value = value;
-            inst.getSnapshot = getSnapshot;
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          },
-          [subscribe, value, getSnapshot]
-        );
-        useEffect(
-          function() {
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-            return subscribe(function() {
-              checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-            });
-          },
-          [subscribe]
-        );
-        useDebugValue(value);
-        return value;
-      }
-      function checkIfSnapshotChanged(inst) {
-        var latestGetSnapshot = inst.getSnapshot;
-        inst = inst.value;
-        try {
-          var nextValue = latestGetSnapshot();
-          return !objectIs(inst, nextValue);
-        } catch (error) {
-          return true;
-        }
-      }
-      function useSyncExternalStore$1(subscribe, getSnapshot) {
-        return getSnapshot();
-      }
-      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React2 = require("react"), objectIs = "function" === typeof Object.is ? Object.is : is, useState = React2.useState, useEffect = React2.useEffect, useLayoutEffect = React2.useLayoutEffect, useDebugValue = React2.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-      exports2.useSyncExternalStore = void 0 !== React2.useSyncExternalStore ? React2.useSyncExternalStore : shim;
-      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-    }();
-  }
-});
-
-// ../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js
-var require_shim = __commonJS({
-  "../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js"(exports2, module2) {
-    "use strict";
-    if (process.env.NODE_ENV === "production") {
-      module2.exports = require_use_sync_external_store_shim_production();
-    } else {
-      module2.exports = require_use_sync_external_store_shim_development();
-    }
-  }
-});
-
 // ../utils/dist/comparison/index.js
 var require_comparison = __commonJS({
   "../utils/dist/comparison/index.js"(exports2, module2) {
@@ -233,7 +104,6 @@ module.exports = __toCommonJS(index_exports);
 
 // src/store.tsx
 var import_react = __toESM(require("react"), 1);
-var import_shim = __toESM(require_shim(), 1);
 var import_comparison = __toESM(require_comparison(), 1);
 var LIB_NAME = "@pixotope/react-context-store";
 function isFunction(value) {
@@ -277,7 +147,7 @@ function createContextStore(initialState, actions = {}, options = {}) {
     );
   }
   const observers = /* @__PURE__ */ new Set();
-  function subscribeExternal(selector = (store) => store, callback, compare = (first, second) => first === second) {
+  function subscribeExternal(selector = (store) => store, callback, compare = import_comparison.shallowEqual) {
     let lastSelectedState;
     const shouldSendUpdates = (newSelectedState) => {
       if (lastSelectedState === void 0 || !compare(lastSelectedState, newSelectedState)) {
@@ -313,7 +183,7 @@ function createContextStore(initialState, actions = {}, options = {}) {
         `[${LIB_NAME}] Store not found. Make sure the component is wrapped in a ${Provider} component.`
       );
     }
-    const state = (0, import_shim.useSyncExternalStore)(
+    const state = (0, import_react.useSyncExternalStore)(
       store.subscribe,
       () => {
         const selectedState = selector(store.get());
@@ -325,6 +195,7 @@ function createContextStore(initialState, actions = {}, options = {}) {
       () => selector(initialState)
     );
     return {
+      state,
       get: () => state,
       set: store.set,
       selector: () => store.get()
@@ -377,28 +248,4 @@ function createContextStore(initialState, actions = {}, options = {}) {
 0 && (module.exports = {
   createContextStore
 });
-/*! Bundled license information:
-
-use-sync-external-store/cjs/use-sync-external-store-shim.production.js:
-  (**
-   * @license React
-   * use-sync-external-store-shim.production.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-use-sync-external-store/cjs/use-sync-external-store-shim.development.js:
-  (**
-   * @license React
-   * use-sync-external-store-shim.development.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-*/
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js","../../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js","../../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js","../../utils/dist/comparison/index.js","../src/index.ts","../src/store.tsx"],"sourcesContent":["/**\n * @license React\n * use-sync-external-store-shim.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar React = require(\"react\");\nfunction is(x, y) {\n  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);\n}\nvar objectIs = \"function\" === typeof Object.is ? Object.is : is,\n  useState = React.useState,\n  useEffect = React.useEffect,\n  useLayoutEffect = React.useLayoutEffect,\n  useDebugValue = React.useDebugValue;\nfunction useSyncExternalStore$2(subscribe, getSnapshot) {\n  var value = getSnapshot(),\n    _useState = useState({ inst: { value: value, getSnapshot: getSnapshot } }),\n    inst = _useState[0].inst,\n    forceUpdate = _useState[1];\n  useLayoutEffect(\n    function () {\n      inst.value = value;\n      inst.getSnapshot = getSnapshot;\n      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n    },\n    [subscribe, value, getSnapshot]\n  );\n  useEffect(\n    function () {\n      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n      return subscribe(function () {\n        checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n      });\n    },\n    [subscribe]\n  );\n  useDebugValue(value);\n  return value;\n}\nfunction checkIfSnapshotChanged(inst) {\n  var latestGetSnapshot = inst.getSnapshot;\n  inst = inst.value;\n  try {\n    var nextValue = latestGetSnapshot();\n    return !objectIs(inst, nextValue);\n  } catch (error) {\n    return !0;\n  }\n}\nfunction useSyncExternalStore$1(subscribe, getSnapshot) {\n  return getSnapshot();\n}\nvar shim =\n  \"undefined\" === typeof window ||\n  \"undefined\" === typeof window.document ||\n  \"undefined\" === typeof window.document.createElement\n    ? useSyncExternalStore$1\n    : useSyncExternalStore$2;\nexports.useSyncExternalStore =\n  void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;\n","/**\n * @license React\n * use-sync-external-store-shim.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function is(x, y) {\n      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);\n    }\n    function useSyncExternalStore$2(subscribe, getSnapshot) {\n      didWarnOld18Alpha ||\n        void 0 === React.startTransition ||\n        ((didWarnOld18Alpha = !0),\n        console.error(\n          \"You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release.\"\n        ));\n      var value = getSnapshot();\n      if (!didWarnUncachedGetSnapshot) {\n        var cachedValue = getSnapshot();\n        objectIs(value, cachedValue) ||\n          (console.error(\n            \"The result of getSnapshot should be cached to avoid an infinite loop\"\n          ),\n          (didWarnUncachedGetSnapshot = !0));\n      }\n      cachedValue = useState({\n        inst: { value: value, getSnapshot: getSnapshot }\n      });\n      var inst = cachedValue[0].inst,\n        forceUpdate = cachedValue[1];\n      useLayoutEffect(\n        function () {\n          inst.value = value;\n          inst.getSnapshot = getSnapshot;\n          checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n        },\n        [subscribe, value, getSnapshot]\n      );\n      useEffect(\n        function () {\n          checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n          return subscribe(function () {\n            checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n          });\n        },\n        [subscribe]\n      );\n      useDebugValue(value);\n      return value;\n    }\n    function checkIfSnapshotChanged(inst) {\n      var latestGetSnapshot = inst.getSnapshot;\n      inst = inst.value;\n      try {\n        var nextValue = latestGetSnapshot();\n        return !objectIs(inst, nextValue);\n      } catch (error) {\n        return !0;\n      }\n    }\n    function useSyncExternalStore$1(subscribe, getSnapshot) {\n      return getSnapshot();\n    }\n    \"undefined\" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&\n      \"function\" ===\n        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&\n      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());\n    var React = require(\"react\"),\n      objectIs = \"function\" === typeof Object.is ? Object.is : is,\n      useState = React.useState,\n      useEffect = React.useEffect,\n      useLayoutEffect = React.useLayoutEffect,\n      useDebugValue = React.useDebugValue,\n      didWarnOld18Alpha = !1,\n      didWarnUncachedGetSnapshot = !1,\n      shim =\n        \"undefined\" === typeof window ||\n        \"undefined\" === typeof window.document ||\n        \"undefined\" === typeof window.document.createElement\n          ? useSyncExternalStore$1\n          : useSyncExternalStore$2;\n    exports.useSyncExternalStore =\n      void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;\n    \"undefined\" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&\n      \"function\" ===\n        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&\n      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('../cjs/use-sync-external-store-shim.production.js');\n} else {\n  module.exports = require('../cjs/use-sync-external-store-shim.development.js');\n}\n","\"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} from \"react\";\nimport { useSyncExternalStore } from \"use-sync-external-store/shim\";\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\ntype 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 ContextReturnType<Store, A extends Actions<Store>> = {\n  Provider: React.FC<{ children: React.ReactNode }>;\n  useStore: <SelectorOutput = Store>(\n    selector?: (store: Store) => SelectorOutput,\n    options?: SelectorOptions<SelectorOutput>\n  ) => {\n    get: () => SelectorOutput;\n    set: (value: SetterArgs<Store>) => void;\n    selector: () => Store;\n  };\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): 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 }: { children: React.ReactNode }) {\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> = (first, second) =>\n      first === second\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  ): {\n    get: () => SelectorOutput;\n    set: (value: SetterArgs<Store>) => void;\n    selector: () => Store;\n  } {\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      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","React","exports","React","exports","module","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  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"]}

package/dist/index.d.cts

@@ -31,24 +31,24 @@ type StateActionProps<Store> = {
 type Actions<Store> = {
     [key: string]: (stateProps: StateActionProps<Store>, action: ActionablePayload) => void | Promise<void>;
 };
+type UseStoreReturnType<Store, SelectorOutput> = {
+    state: SelectorOutput;
+    get: () => SelectorOutput;
+    set: (value: SetterArgs<Store>) => void;
+    selector: () => Store;
+};
 type ContextReturnType<Store, A extends Actions<Store>> = {
-    Provider: React.FC<{
-        children: React.ReactNode;
-    }>;
-    useStore: <SelectorOutput = Store>(selector?: (store: Store) => SelectorOutput, options?: SelectorOptions<SelectorOutput>) => {
-        get: () => SelectorOutput;
-        set: (value: SetterArgs<Store>) => void;
-        selector: () => Store;
-    };
+    Provider: React.FC<React.PropsWithChildren>;
+    useStore: <SelectorOutput = Store>(selector?: (store: Store) => SelectorOutput, options?: SelectorOptions<SelectorOutput>) => UseStoreReturnType<Store, SelectorOutput>;
     useActions: () => Prettify<ExtractActionKeys<A>>;
     useSetStore: () => (value: SetterArgs<Store>) => void;
     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;
 } ? [initialState: Store, actions?: A, options?: ContextOptions] : [initialState: Store, options?: ContextOptions]): ContextReturnType<Store, A>;
 
-export { type ActionablePayload, type ContextOptions, type SelectorOptions, createContextStore };
+export { type ActionablePayload, type ContextOptions, type SelectorOptions, type SetterArgs, createContextStore };

package/dist/index.d.ts

@@ -31,24 +31,24 @@ type StateActionProps<Store> = {
 type Actions<Store> = {
     [key: string]: (stateProps: StateActionProps<Store>, action: ActionablePayload) => void | Promise<void>;
 };
+type UseStoreReturnType<Store, SelectorOutput> = {
+    state: SelectorOutput;
+    get: () => SelectorOutput;
+    set: (value: SetterArgs<Store>) => void;
+    selector: () => Store;
+};
 type ContextReturnType<Store, A extends Actions<Store>> = {
-    Provider: React.FC<{
-        children: React.ReactNode;
-    }>;
-    useStore: <SelectorOutput = Store>(selector?: (store: Store) => SelectorOutput, options?: SelectorOptions<SelectorOutput>) => {
-        get: () => SelectorOutput;
-        set: (value: SetterArgs<Store>) => void;
-        selector: () => Store;
-    };
+    Provider: React.FC<React.PropsWithChildren>;
+    useStore: <SelectorOutput = Store>(selector?: (store: Store) => SelectorOutput, options?: SelectorOptions<SelectorOutput>) => UseStoreReturnType<Store, SelectorOutput>;
     useActions: () => Prettify<ExtractActionKeys<A>>;
     useSetStore: () => (value: SetterArgs<Store>) => void;
     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;
 } ? [initialState: Store, actions?: A, options?: ContextOptions] : [initialState: Store, options?: ContextOptions]): ContextReturnType<Store, A>;
 
-export { type ActionablePayload, type ContextOptions, type SelectorOptions, createContextStore };
+export { type ActionablePayload, type ContextOptions, type SelectorOptions, type SetterArgs, createContextStore };

package/dist/index.js

@@ -4,13 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-var __commonJS = (cb, mod) => function __require2() {
+var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 var __copyProps = (to, from, except, desc) => {
@@ -30,135 +24,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js
-var require_use_sync_external_store_shim_production = __commonJS({
-  "../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js"(exports) {
-    "use strict";
-    var React2 = __require("react");
-    function is(x, y) {
-      return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
-    }
-    var objectIs = "function" === typeof Object.is ? Object.is : is;
-    var useState = React2.useState;
-    var useEffect = React2.useEffect;
-    var useLayoutEffect = React2.useLayoutEffect;
-    var useDebugValue = React2.useDebugValue;
-    function useSyncExternalStore$2(subscribe, getSnapshot) {
-      var value = getSnapshot(), _useState = useState({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
-      useLayoutEffect(
-        function() {
-          inst.value = value;
-          inst.getSnapshot = getSnapshot;
-          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-        },
-        [subscribe, value, getSnapshot]
-      );
-      useEffect(
-        function() {
-          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          return subscribe(function() {
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          });
-        },
-        [subscribe]
-      );
-      useDebugValue(value);
-      return value;
-    }
-    function checkIfSnapshotChanged(inst) {
-      var latestGetSnapshot = inst.getSnapshot;
-      inst = inst.value;
-      try {
-        var nextValue = latestGetSnapshot();
-        return !objectIs(inst, nextValue);
-      } catch (error) {
-        return true;
-      }
-    }
-    function useSyncExternalStore$1(subscribe, getSnapshot) {
-      return getSnapshot();
-    }
-    var shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-    exports.useSyncExternalStore = void 0 !== React2.useSyncExternalStore ? React2.useSyncExternalStore : shim;
-  }
-});
-
-// ../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js
-var require_use_sync_external_store_shim_development = __commonJS({
-  "../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js"(exports) {
-    "use strict";
-    "production" !== process.env.NODE_ENV && function() {
-      function is(x, y) {
-        return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
-      }
-      function useSyncExternalStore$2(subscribe, getSnapshot) {
-        didWarnOld18Alpha || void 0 === React2.startTransition || (didWarnOld18Alpha = true, console.error(
-          "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
-        ));
-        var value = getSnapshot();
-        if (!didWarnUncachedGetSnapshot) {
-          var cachedValue = getSnapshot();
-          objectIs(value, cachedValue) || (console.error(
-            "The result of getSnapshot should be cached to avoid an infinite loop"
-          ), didWarnUncachedGetSnapshot = true);
-        }
-        cachedValue = useState({
-          inst: { value, getSnapshot }
-        });
-        var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
-        useLayoutEffect(
-          function() {
-            inst.value = value;
-            inst.getSnapshot = getSnapshot;
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          },
-          [subscribe, value, getSnapshot]
-        );
-        useEffect(
-          function() {
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-            return subscribe(function() {
-              checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-            });
-          },
-          [subscribe]
-        );
-        useDebugValue(value);
-        return value;
-      }
-      function checkIfSnapshotChanged(inst) {
-        var latestGetSnapshot = inst.getSnapshot;
-        inst = inst.value;
-        try {
-          var nextValue = latestGetSnapshot();
-          return !objectIs(inst, nextValue);
-        } catch (error) {
-          return true;
-        }
-      }
-      function useSyncExternalStore$1(subscribe, getSnapshot) {
-        return getSnapshot();
-      }
-      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React2 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is, useState = React2.useState, useEffect = React2.useEffect, useLayoutEffect = React2.useLayoutEffect, useDebugValue = React2.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-      exports.useSyncExternalStore = void 0 !== React2.useSyncExternalStore ? React2.useSyncExternalStore : shim;
-      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-    }();
-  }
-});
-
-// ../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js
-var require_shim = __commonJS({
-  "../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js"(exports, module) {
-    "use strict";
-    if (process.env.NODE_ENV === "production") {
-      module.exports = require_use_sync_external_store_shim_production();
-    } else {
-      module.exports = require_use_sync_external_store_shim_development();
-    }
-  }
-});
-
 // ../utils/dist/comparison/index.js
 var require_comparison = __commonJS({
   "../utils/dist/comparison/index.js"(exports, module) {
@@ -225,14 +90,14 @@ var require_comparison = __commonJS({
 });
 
 // src/store.tsx
-var import_shim = __toESM(require_shim(), 1);
 var import_comparison = __toESM(require_comparison(), 1);
 import React, {
   createContext,
   useCallback,
   useContext,
   useMemo,
-  useRef
+  useRef,
+  useSyncExternalStore
 } from "react";
 var LIB_NAME = "@pixotope/react-context-store";
 function isFunction(value) {
@@ -276,7 +141,7 @@ function createContextStore(initialState, actions = {}, options = {}) {
     );
   }
   const observers = /* @__PURE__ */ new Set();
-  function subscribeExternal(selector = (store) => store, callback, compare = (first, second) => first === second) {
+  function subscribeExternal(selector = (store) => store, callback, compare = import_comparison.shallowEqual) {
     let lastSelectedState;
     const shouldSendUpdates = (newSelectedState) => {
       if (lastSelectedState === void 0 || !compare(lastSelectedState, newSelectedState)) {
@@ -312,7 +177,7 @@ function createContextStore(initialState, actions = {}, options = {}) {
         `[${LIB_NAME}] Store not found. Make sure the component is wrapped in a ${Provider} component.`
       );
     }
-    const state = (0, import_shim.useSyncExternalStore)(
+    const state = useSyncExternalStore(
       store.subscribe,
       () => {
         const selectedState = selector(store.get());
@@ -324,6 +189,7 @@ function createContextStore(initialState, actions = {}, options = {}) {
       () => selector(initialState)
     );
     return {
+      state,
       get: () => state,
       set: store.set,
       selector: () => store.get()
@@ -375,28 +241,4 @@ function createContextStore(initialState, actions = {}, options = {}) {
 export {
   createContextStore
 };
-/*! Bundled license information:
-
-use-sync-external-store/cjs/use-sync-external-store-shim.production.js:
-  (**
-   * @license React
-   * use-sync-external-store-shim.production.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-use-sync-external-store/cjs/use-sync-external-store-shim.development.js:
-  (**
-   * @license React
-   * use-sync-external-store-shim.development.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-*/
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js","../../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js","../../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js","../../utils/dist/comparison/index.js","../src/store.tsx"],"sourcesContent":["/**\n * @license React\n * use-sync-external-store-shim.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar React = require(\"react\");\nfunction is(x, y) {\n  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);\n}\nvar objectIs = \"function\" === typeof Object.is ? Object.is : is,\n  useState = React.useState,\n  useEffect = React.useEffect,\n  useLayoutEffect = React.useLayoutEffect,\n  useDebugValue = React.useDebugValue;\nfunction useSyncExternalStore$2(subscribe, getSnapshot) {\n  var value = getSnapshot(),\n    _useState = useState({ inst: { value: value, getSnapshot: getSnapshot } }),\n    inst = _useState[0].inst,\n    forceUpdate = _useState[1];\n  useLayoutEffect(\n    function () {\n      inst.value = value;\n      inst.getSnapshot = getSnapshot;\n      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n    },\n    [subscribe, value, getSnapshot]\n  );\n  useEffect(\n    function () {\n      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n      return subscribe(function () {\n        checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n      });\n    },\n    [subscribe]\n  );\n  useDebugValue(value);\n  return value;\n}\nfunction checkIfSnapshotChanged(inst) {\n  var latestGetSnapshot = inst.getSnapshot;\n  inst = inst.value;\n  try {\n    var nextValue = latestGetSnapshot();\n    return !objectIs(inst, nextValue);\n  } catch (error) {\n    return !0;\n  }\n}\nfunction useSyncExternalStore$1(subscribe, getSnapshot) {\n  return getSnapshot();\n}\nvar shim =\n  \"undefined\" === typeof window ||\n  \"undefined\" === typeof window.document ||\n  \"undefined\" === typeof window.document.createElement\n    ? useSyncExternalStore$1\n    : useSyncExternalStore$2;\nexports.useSyncExternalStore =\n  void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;\n","/**\n * @license React\n * use-sync-external-store-shim.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function is(x, y) {\n      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);\n    }\n    function useSyncExternalStore$2(subscribe, getSnapshot) {\n      didWarnOld18Alpha ||\n        void 0 === React.startTransition ||\n        ((didWarnOld18Alpha = !0),\n        console.error(\n          \"You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release.\"\n        ));\n      var value = getSnapshot();\n      if (!didWarnUncachedGetSnapshot) {\n        var cachedValue = getSnapshot();\n        objectIs(value, cachedValue) ||\n          (console.error(\n            \"The result of getSnapshot should be cached to avoid an infinite loop\"\n          ),\n          (didWarnUncachedGetSnapshot = !0));\n      }\n      cachedValue = useState({\n        inst: { value: value, getSnapshot: getSnapshot }\n      });\n      var inst = cachedValue[0].inst,\n        forceUpdate = cachedValue[1];\n      useLayoutEffect(\n        function () {\n          inst.value = value;\n          inst.getSnapshot = getSnapshot;\n          checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n        },\n        [subscribe, value, getSnapshot]\n      );\n      useEffect(\n        function () {\n          checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n          return subscribe(function () {\n            checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n          });\n        },\n        [subscribe]\n      );\n      useDebugValue(value);\n      return value;\n    }\n    function checkIfSnapshotChanged(inst) {\n      var latestGetSnapshot = inst.getSnapshot;\n      inst = inst.value;\n      try {\n        var nextValue = latestGetSnapshot();\n        return !objectIs(inst, nextValue);\n      } catch (error) {\n        return !0;\n      }\n    }\n    function useSyncExternalStore$1(subscribe, getSnapshot) {\n      return getSnapshot();\n    }\n    \"undefined\" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&\n      \"function\" ===\n        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&\n      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());\n    var React = require(\"react\"),\n      objectIs = \"function\" === typeof Object.is ? Object.is : is,\n      useState = React.useState,\n      useEffect = React.useEffect,\n      useLayoutEffect = React.useLayoutEffect,\n      useDebugValue = React.useDebugValue,\n      didWarnOld18Alpha = !1,\n      didWarnUncachedGetSnapshot = !1,\n      shim =\n        \"undefined\" === typeof window ||\n        \"undefined\" === typeof window.document ||\n        \"undefined\" === typeof window.document.createElement\n          ? useSyncExternalStore$1\n          : useSyncExternalStore$2;\n    exports.useSyncExternalStore =\n      void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;\n    \"undefined\" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&\n      \"function\" ===\n        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&\n      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('../cjs/use-sync-external-store-shim.production.js');\n} else {\n  module.exports = require('../cjs/use-sync-external-store-shim.development.js');\n}\n","\"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} from \"react\";\nimport { useSyncExternalStore } from \"use-sync-external-store/shim\";\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\ntype 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 ContextReturnType<Store, A extends Actions<Store>> = {\n  Provider: React.FC<{ children: React.ReactNode }>;\n  useStore: <SelectorOutput = Store>(\n    selector?: (store: Store) => SelectorOutput,\n    options?: SelectorOptions<SelectorOutput>\n  ) => {\n    get: () => SelectorOutput;\n    set: (value: SetterArgs<Store>) => void;\n    selector: () => Store;\n  };\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): 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 }: { children: React.ReactNode }) {\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> = (first, second) =>\n      first === second\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  ): {\n    get: () => SelectorOutput;\n    set: (value: SetterArgs<Store>) => void;\n    selector: () => Store;\n  } {\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      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":["React","React","__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  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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixotope/react-context-store",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "",
   "private": false,
   "main": "dist/index.js",
@@ -12,21 +12,21 @@
     "@testing-library/react": "^16.3.0",
     "@types/jsdom": "^21.1.7",
     "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
+    "@types/react-dom": "^19.1.7",
     "@types/use-sync-external-store": "^1.5.0",
     "jsdom": "^26.1.0",
-    "react": "^19.1.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "tsup": "^8.5.0",
     "typescript": "^5.7.2",
-    "use-sync-external-store": "^1.5.0",
     "vitest": "^3.2.4",
     "@pixotope/utils": "0.1.0"
   },
   "peerDependencies": {
-    "react": ">=17.0.0"
+    "react": ">=18.0.0"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --sourcemap",
+    "build": "tsup src/index.ts --format cjs,esm --dts --sourcemap --external react",
     "check-types": "tsc --noEmit",
     "test": "vitest"
   }

package/src/store.tsx

@@ -4,8 +4,8 @@ import React, {
   useContext,
   useMemo,
   useRef,
+  useSyncExternalStore,
 } from "react";
-import { useSyncExternalStore } from "use-sync-external-store/shim";
 import { shallowEqual } from "@pixotope/utils/comparison";
 
 const LIB_NAME = "@pixotope/react-context-store";
@@ -29,7 +29,7 @@ export type ContextOptions = {
   compare?: SelectorOptions<unknown>;
 };
 
-type SetterArgs<Store> = Store | ((prev: Store) => Store);
+export type SetterArgs<Store> = Store | ((prev: Store) => Store);
 type ExtractActionKeys<T> = {
   [K in keyof T]: T[K] extends (
     stateProps: never,
@@ -63,16 +63,19 @@ type Actions<Store> = {
   ) => void | Promise<void>;
 };
 
+type UseStoreReturnType<Store, SelectorOutput> = {
+  state: SelectorOutput;
+  get: () => SelectorOutput;
+  set: (value: SetterArgs<Store>) => void;
+  selector: () => Store;
+};
+
 type ContextReturnType<Store, A extends Actions<Store>> = {
-  Provider: React.FC<{ children: React.ReactNode }>;
+  Provider: React.FC<React.PropsWithChildren>;
   useStore: <SelectorOutput = Store>(
     selector?: (store: Store) => SelectorOutput,
     options?: SelectorOptions<SelectorOutput>
-  ) => {
-    get: () => SelectorOutput;
-    set: (value: SetterArgs<Store>) => void;
-    selector: () => Store;
-  };
+  ) => UseStoreReturnType<Store, SelectorOutput>;
   useActions: () => Prettify<ExtractActionKeys<A>>;
   useSetStore: () => (value: SetterArgs<Store>) => void;
   subscribe: <SelectorOutput = Store>(
@@ -87,16 +90,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;
@@ -149,7 +152,7 @@ export function createContextStore<Store, A extends Actions<Store>>(
    * This is the provider that will be used to wrap the react component tree
    * to provide the store to all the components in the tree.
    */
-  function Provider({ children }: { children: React.ReactNode }) {
+  function Provider({ children }: React.PropsWithChildren) {
     return (
       <StoreContext.Provider
         value={useStoreData({ defaultSubscriber: [observable.broadcast] })}
@@ -171,8 +174,7 @@ export function createContextStore<Store, A extends Actions<Store>>(
     selector: (store: Store) => SelectorOutput = (store) =>
       store as unknown as SelectorOutput,
     callback: (state: SelectorOutput) => void,
-    compare: SelectorOptions<SelectorOutput> = (first, second) =>
-      first === second
+    compare: SelectorOptions<SelectorOutput> = shallowEqual
   ): () => void {
     let lastSelectedState: SelectorOutput | undefined;
 
@@ -237,11 +239,7 @@ export function createContextStore<Store, A extends Actions<Store>>(
     selector: (store: Store) => SelectorOutput = (store) =>
       store as unknown as SelectorOutput,
     compare: SelectorOptions<SelectorOutput> = options.compare ?? shallowEqual
-  ): {
-    get: () => SelectorOutput;
-    set: (value: SetterArgs<Store>) => void;
-    selector: () => Store;
-  } {
+  ): UseStoreReturnType<Store, SelectorOutput> {
     const store = useContext(StoreContext);
     const lastSelectedState = useRef<SelectorOutput | undefined>(undefined);
 
@@ -269,6 +267,7 @@ export function createContextStore<Store, A extends Actions<Store>>(
     );
 
     return {
+      state,
       get: () => state,
       set: store.set,
       selector: () => store.get(),