cross-state 0.6.6 → 0.6.7

package/dist/cjs/lib/standardMethods.cjs

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createArrayAction = (prop) => function arrayAction(...args) {
+  const newArray = this.get().slice();
+  const result = newArray[prop](...args);
+  this.set(newArray);
+  return result;
+};
+const arrayMethods = {
+  splice: createArrayAction("splice"),
+  push: createArrayAction("push"),
+  pop: createArrayAction("pop"),
+  shift: createArrayAction("shift"),
+  unshift: createArrayAction("unshift"),
+  reverse: createArrayAction("reverse"),
+  sort: createArrayAction("sort")
+};
+const recordMethods = {
+  // set<T extends Record<any, any>, P extends Path<T>>(
+  //   this: Store<T>,
+  //   path: P,
+  //   value: Update<Value<T, P>>,
+  // ) {
+  //   if (value instanceof Function) {
+  //     value = value(get(this.get(), path));
+  //   }
+  //   this.set(set(this.get(), path, value));
+  //   return this;
+  // },
+  delete(key) {
+    const copy = { ...this.get() };
+    delete copy[key];
+    this.set(copy);
+  },
+  clear() {
+    this.set({});
+  }
+};
+const mapMethods = {
+  // set<K, V>(this: Store<Map<K, V>>, key: K, value: UpdateFrom<V, [V | undefined]>) {
+  //   if (value instanceof Function) {
+  //     value = value(this.get().get(key));
+  //   }
+  //   const newMap = new Map(this.get());
+  //   newMap.set(key, value);
+  //   this.set(newMap);
+  //   return this;
+  // },
+  delete(key) {
+    const newMap = new Map(this.get());
+    const result = newMap.delete(key);
+    this.set(newMap);
+    return result;
+  },
+  clear() {
+    this.set(/* @__PURE__ */ new Map());
+  }
+};
+const setMethods = {
+  add(value) {
+    const newSet = new Set(this.get());
+    newSet.add(value);
+    this.set(newSet);
+  },
+  delete(value) {
+    const newSet = new Set(this.get());
+    newSet.delete(value);
+    this.set(newSet);
+  },
+  clear() {
+    this.set(/* @__PURE__ */ new Set());
+  }
+};
+exports.arrayMethods = arrayMethods;
+exports.mapMethods = mapMethods;
+exports.recordMethods = recordMethods;
+exports.setMethods = setMethods;
+//# sourceMappingURL=standardMethods.cjs.map

package/dist/cjs/lib/standardMethods.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"standardMethods.cjs","sources":["../../../src/lib/standardMethods.ts"],"sourcesContent":["import type { Store } from '../core/store';\nimport type { OptionalPropertyOf } from './typeHelpers';\n\ntype Function_ = (...args: any) => any;\n\nconst createArrayAction = <P extends keyof Array<any>>(prop: P) =>\n  function arrayAction<T extends Array<any>>(\n    this: Store<T>,\n    ...args: T[P] extends Function_ ? Parameters<T[P]> : never\n  ): T[P] extends Function_ ? ReturnType<T[P]> : never {\n    const newArray = this.get().slice() as T;\n    const result = (newArray[prop] as Function_)(...(args as any));\n    this.set(newArray);\n    return result;\n  };\n\nexport const arrayMethods = {\n  splice: createArrayAction('splice'),\n  push: createArrayAction('push'),\n  pop: createArrayAction('pop'),\n  shift: createArrayAction('shift'),\n  unshift: createArrayAction('unshift'),\n  reverse: createArrayAction('reverse'),\n  sort: createArrayAction('sort'),\n};\n\nexport const recordMethods = {\n  // set<T extends Record<any, any>, P extends Path<T>>(\n  //   this: Store<T>,\n  //   path: P,\n  //   value: Update<Value<T, P>>,\n  // ) {\n  //   if (value instanceof Function) {\n  //     value = value(get(this.get(), path));\n  //   }\n\n  //   this.set(set(this.get(), path, value));\n  //   return this;\n  // },\n\n  delete<T extends Record<any, any>, K extends OptionalPropertyOf<T>>(this: Store<T>, key: K) {\n    const copy = { ...this.get() };\n    delete copy[key];\n    this.set(copy);\n  },\n\n  clear<T extends Record<any, any>>(this: Store<Partial<T>>) {\n    this.set({} as T);\n  },\n};\n\nexport const mapMethods = {\n  // set<K, V>(this: Store<Map<K, V>>, key: K, value: UpdateFrom<V, [V | undefined]>) {\n  //   if (value instanceof Function) {\n  //     value = value(this.get().get(key));\n  //   }\n\n  //   const newMap = new Map(this.get());\n  //   newMap.set(key, value);\n  //   this.set(newMap);\n  //   return this;\n  // },\n\n  delete<K, V>(this: Store<Map<K, V>>, key: K) {\n    const newMap = new Map(this.get());\n    const result = newMap.delete(key);\n    this.set(newMap);\n    return result;\n  },\n\n  clear<K, V>(this: Store<Map<K, V>>) {\n    this.set(new Map());\n  },\n};\n\nexport const setMethods = {\n  add<T>(this: Store<Set<T>>, value: T) {\n    const newSet = new Set(this.get());\n    newSet.add(value);\n    this.set(newSet);\n  },\n\n  delete<T>(this: Store<Set<T>>, value: T) {\n    const newSet = new Set(this.get());\n    newSet.delete(value);\n    this.set(newSet);\n  },\n\n  clear<T>(this: Store<Set<T>>) {\n    this.set(new Set());\n  },\n};\n"],"names":[],"mappings":";;AAKA,MAAM,oBAAoB,CAA6B,SACrD,SAAS,eAEJ,MACgD;AACnD,QAAM,WAAW,KAAK,IAAI,EAAE,MAAM;AAClC,QAAM,SAAU,SAAS,IAAI,EAAgB,GAAI,IAAY;AAC7D,OAAK,IAAI,QAAQ;AACV,SAAA;AACT;AAEK,MAAM,eAAe;AAAA,EAC1B,QAAQ,kBAAkB,QAAQ;AAAA,EAClC,MAAM,kBAAkB,MAAM;AAAA,EAC9B,KAAK,kBAAkB,KAAK;AAAA,EAC5B,OAAO,kBAAkB,OAAO;AAAA,EAChC,SAAS,kBAAkB,SAAS;AAAA,EACpC,SAAS,kBAAkB,SAAS;AAAA,EACpC,MAAM,kBAAkB,MAAM;AAChC;AAEO,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAc3B,OAAoF,KAAQ;AAC1F,UAAM,OAAO,EAAE,GAAG,KAAK,IAAM,EAAA;AAC7B,WAAO,KAAK,GAAG;AACf,SAAK,IAAI,IAAI;AAAA,EACf;AAAA,EAEA,QAA2D;AACpD,SAAA,IAAI,CAAA,CAAO;AAAA,EAClB;AACF;AAEO,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxB,OAAqC,KAAQ;AAC3C,UAAM,SAAS,IAAI,IAAI,KAAK,IAAK,CAAA;AAC3B,UAAA,SAAS,OAAO,OAAO,GAAG;AAChC,SAAK,IAAI,MAAM;AACR,WAAA;AAAA,EACT;AAAA,EAEA,QAAoC;AAC7B,SAAA,IAAQ,oBAAA,IAAA,CAAK;AAAA,EACpB;AACF;AAEO,MAAM,aAAa;AAAA,EACxB,IAA4B,OAAU;AACpC,UAAM,SAAS,IAAI,IAAI,KAAK,IAAK,CAAA;AACjC,WAAO,IAAI,KAAK;AAChB,SAAK,IAAI,MAAM;AAAA,EACjB;AAAA,EAEA,OAA+B,OAAU;AACvC,UAAM,SAAS,IAAI,IAAI,KAAK,IAAK,CAAA;AACjC,WAAO,OAAO,KAAK;AACnB,SAAK,IAAI,MAAM;AAAA,EACjB;AAAA,EAEA,QAA8B;AACvB,SAAA,IAAQ,oBAAA,IAAA,CAAK;AAAA,EACpB;AACF;;;;;"}

package/dist/cjs/lib/throttle.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const calcDuration = require("./calcDuration.cjs");
+function throttle(action, duration) {
+  const ms = calcDuration.calcDuration(duration);
+  let t = 0;
+  let timeout;
+  return (...args) => {
+    if (timeout !== void 0) {
+      clearTimeout(timeout);
+    }
+    const dt = t + ms - Date.now();
+    if (dt <= 0) {
+      action(...args);
+      t = Date.now();
+      return;
+    }
+    timeout = setTimeout(() => {
+      action(...args);
+      t = Date.now();
+    }, dt);
+  };
+}
+exports.throttle = throttle;
+//# sourceMappingURL=throttle.cjs.map

package/dist/cjs/lib/throttle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"throttle.cjs","sources":["../../../src/lib/throttle.ts"],"sourcesContent":["import { calcDuration } from './calcDuration';\nimport type { Duration } from '@core';\n\nexport function throttle<Args extends any[]>(\n  action: (...args: Args) => void,\n  duration: Duration,\n): (...args: Args) => void {\n  const ms = calcDuration(duration);\n\n  let t = 0;\n  let timeout: ReturnType<typeof setTimeout> | undefined;\n\n  return (...args: Args) => {\n    if (timeout !== undefined) {\n      clearTimeout(timeout);\n    }\n\n    const dt = t + ms - Date.now();\n    if (dt <= 0) {\n      action(...args);\n      t = Date.now();\n      return;\n    }\n\n    timeout = setTimeout(() => {\n      action(...args);\n      t = Date.now();\n    }, dt);\n  };\n}\n"],"names":["calcDuration"],"mappings":";;;AAGgB,SAAA,SACd,QACA,UACyB;AACnB,QAAA,KAAKA,0BAAa,QAAQ;AAEhC,MAAI,IAAI;AACJ,MAAA;AAEJ,SAAO,IAAI,SAAe;AACxB,QAAI,YAAY,QAAW;AACzB,mBAAa,OAAO;AAAA,IACtB;AAEA,UAAM,KAAK,IAAI,KAAK,KAAK,IAAI;AAC7B,QAAI,MAAM,GAAG;AACX,aAAO,GAAG,IAAI;AACd,UAAI,KAAK;AACT;AAAA,IACF;AAEA,cAAU,WAAW,MAAM;AACzB,aAAO,GAAG,IAAI;AACd,UAAI,KAAK;OACR,EAAE;AAAA,EAAA;AAET;;"}

package/dist/cjs/lib/trackingProxy.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ProxyKeys = [
+  "get",
+  "getOwnPropertyDescriptor",
+  "getPrototypeOf",
+  "has",
+  "isExtensible",
+  "ownKeys"
+];
+const isPlainObject = (value) => typeof value === "object" && value !== null && Object.getPrototypeOf(value) === Object.prototype;
+function trackingProxy(value) {
+  if (!isPlainObject(value) && !Array.isArray(value)) {
+    return [value, (other) => other === value];
+  }
+  const deps = new Array();
+  const proxy = new Proxy(
+    value,
+    Object.fromEntries(
+      ProxyKeys.map((key) => [
+        key,
+        (currentValue, ...args) => {
+          const function_ = Reflect[key];
+          const [proxiedValue, equals] = trackingProxy(function_(currentValue, ...args));
+          deps.push((otherValue) => {
+            if (!isPlainObject(otherValue) && !Array.isArray(otherValue)) {
+              return false;
+            }
+            return equals(function_(otherValue, ...args));
+          });
+          return proxiedValue;
+        }
+      ])
+    )
+  );
+  return [proxy, (other) => !!other && deps.every((equals) => equals(other))];
+}
+exports.trackingProxy = trackingProxy;
+//# sourceMappingURL=trackingProxy.cjs.map

package/dist/cjs/lib/trackingProxy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackingProxy.cjs","sources":["../../../src/lib/trackingProxy.ts"],"sourcesContent":["export type TrackingProxy<T> = [value: T, equals: (newValue: T) => boolean];\ntype Object_ = Record<string | symbol, unknown>;\n\nconst ProxyKeys = [\n  'get',\n  'getOwnPropertyDescriptor',\n  'getPrototypeOf',\n  'has',\n  'isExtensible',\n  'ownKeys',\n] as const;\n\nconst isPlainObject = (value: unknown) =>\n  typeof value === 'object' && value !== null && Object.getPrototypeOf(value) === Object.prototype;\n\nexport function trackingProxy<T>(value: T): TrackingProxy<T> {\n  if (!isPlainObject(value) && !Array.isArray(value)) {\n    return [value, (other) => other === value];\n  }\n\n  const deps = new Array<TrackingProxy<any>[1]>();\n\n  const proxy = new Proxy(\n    value as T & Object_,\n    Object.fromEntries(\n      ProxyKeys.map((key) => [\n        key,\n        (currentValue: T & Object_, ...args: any[]) => {\n          const function_ = Reflect[key] as any;\n          const [proxiedValue, equals] = trackingProxy(function_(currentValue, ...args));\n\n          deps.push((otherValue) => {\n            if (!isPlainObject(otherValue) && !Array.isArray(otherValue)) {\n              return false;\n            }\n\n            return equals(function_(otherValue, ...args));\n          });\n\n          return proxiedValue;\n        },\n      ]),\n    ),\n  );\n\n  return [proxy, (other) => !!other && deps.every((equals) => equals(other))];\n}\n"],"names":[],"mappings":";;AAGA,MAAM,YAAY;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,gBAAgB,CAAC,UACrB,OAAO,UAAU,YAAY,UAAU,QAAQ,OAAO,eAAe,KAAK,MAAM,OAAO;AAElF,SAAS,cAAiB,OAA4B;AACvD,MAAA,CAAC,cAAc,KAAK,KAAK,CAAC,MAAM,QAAQ,KAAK,GAAG;AAClD,WAAO,CAAC,OAAO,CAAC,UAAU,UAAU,KAAK;AAAA,EAC3C;AAEM,QAAA,OAAO,IAAI;AAEjB,QAAM,QAAQ,IAAI;AAAA,IAChB;AAAA,IACA,OAAO;AAAA,MACL,UAAU,IAAI,CAAC,QAAQ;AAAA,QACrB;AAAA,QACA,CAAC,iBAA8B,SAAgB;AACvC,gBAAA,YAAY,QAAQ,GAAG;AACvB,gBAAA,CAAC,cAAc,MAAM,IAAI,cAAc,UAAU,cAAc,GAAG,IAAI,CAAC;AAExE,eAAA,KAAK,CAAC,eAAe;AACpB,gBAAA,CAAC,cAAc,UAAU,KAAK,CAAC,MAAM,QAAQ,UAAU,GAAG;AACrD,qBAAA;AAAA,YACT;AAEA,mBAAO,OAAO,UAAU,YAAY,GAAG,IAAI,CAAC;AAAA,UAAA,CAC7C;AAEM,iBAAA;AAAA,QACT;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EAAA;AAGF,SAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,SAAS,KAAK,MAAM,CAAC,WAAW,OAAO,KAAK,CAAC,CAAC;AAC5E;;"}

package/dist/cjs/react/read.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useCache = require("./useCache.cjs");
+function read(cache, options) {
+  const { status, value, error } = useCache.useCache(cache, options);
+  if (status === "value") {
+    return value;
+  }
+  if (status === "error") {
+    throw error;
+  }
+  throw cache.state.once((state) => state.status !== "pending");
+}
+exports.read = read;
+//# sourceMappingURL=read.cjs.map

package/dist/cjs/react/read.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"read.cjs","sources":["../../../src/react/read.ts"],"sourcesContent":["import { useCache } from './useCache';\nimport type { UseStoreOptions } from './useStore';\nimport type { Cache } from '@core';\n\nexport function read<T>(cache: Cache<T>, options?: UseStoreOptions): T {\n  const { status, value, error } = useCache(cache, options);\n\n  if (status === 'value') {\n    return value;\n  }\n\n  if (status === 'error') {\n    throw error;\n  }\n\n  throw cache.state.once((state) => state.status !== 'pending');\n}\n"],"names":["useCache"],"mappings":";;;AAIgB,SAAA,KAAQ,OAAiB,SAA8B;AACrE,QAAM,EAAE,QAAQ,OAAO,MAAU,IAAAA,kBAAS,OAAO,OAAO;AAExD,MAAI,WAAW,SAAS;AACf,WAAA;AAAA,EACT;AAEA,MAAI,WAAW,SAAS;AAChB,UAAA;AAAA,EACR;AAEA,QAAM,MAAM,MAAM,KAAK,CAAC,UAAU,MAAM,WAAW,SAAS;AAC9D;;"}

package/dist/cjs/react/storeScope.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const require$$0 = require("react");
+const store = require("../core/store.cjs");
+const contextMap = /* @__PURE__ */ new WeakMap();
+function getStoreScopeContext(scope) {
+  let context = contextMap.get(scope);
+  if (!context) {
+    context = require$$0.createContext(store.createStore(scope.defaultValue));
+    contextMap.set(scope, context);
+  }
+  return context;
+}
+function StoreScopeProvider({ scope, store: inputStore, children }) {
+  const context = getStoreScopeContext(scope);
+  const currentStore = require$$0.useMemo(
+    () => inputStore ?? store.createStore(scope.defaultValue),
+    [scope, inputStore]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(context.Provider, { value: currentStore, children });
+}
+function useStoreScope(scope) {
+  const context = getStoreScopeContext(scope);
+  return require$$0.useContext(context);
+}
+exports.StoreScopeProvider = StoreScopeProvider;
+exports.contextMap = contextMap;
+exports.getStoreScopeContext = getStoreScopeContext;
+exports.useStoreScope = useStoreScope;
+//# sourceMappingURL=storeScope.cjs.map

package/dist/cjs/react/storeScope.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"storeScope.cjs","sources":["../../../src/react/storeScope.tsx"],"sourcesContent":["import type { Context, ReactNode } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\nimport type { Store } from '@core/store';\nimport { createStore } from '@core/store';\nimport type { StoreScope } from '@core/storeScope';\n\nexport type StoreScopeProps<T> = { scope: StoreScope<T>; store?: Store<T>; children?: ReactNode };\n\nexport const contextMap = new WeakMap<StoreScope<any>, Context<Store<any>>>();\n\nexport function getStoreScopeContext<T>(scope: StoreScope<T>): Context<Store<T>> {\n  let context = contextMap.get(scope);\n\n  if (!context) {\n    context = createContext<Store<T>>(createStore(scope.defaultValue));\n    contextMap.set(scope, context);\n  }\n\n  return context;\n}\n\nexport function StoreScopeProvider<T>({ scope, store: inputStore, children }: StoreScopeProps<T>) {\n  const context = getStoreScopeContext(scope);\n  const currentStore = useMemo(\n    () => inputStore ?? createStore(scope.defaultValue),\n    [scope, inputStore],\n  );\n\n  return <context.Provider value={currentStore}>{children}</context.Provider>;\n}\n\nexport function useStoreScope<T>(scope: StoreScope<T>): Store<T> {\n  const context = getStoreScopeContext(scope);\n  return useContext(context);\n}\n"],"names":["createContext","createStore","useMemo","useContext"],"mappings":";;;;;AAQa,MAAA,iCAAiB,QAA8C;AAErE,SAAS,qBAAwB,OAAyC;AAC3E,MAAA,UAAU,WAAW,IAAI,KAAK;AAElC,MAAI,CAAC,SAAS;AACZ,cAAUA,WAAAA,cAAwBC,MAAAA,YAAY,MAAM,YAAY,CAAC;AACtD,eAAA,IAAI,OAAO,OAAO;AAAA,EAC/B;AAEO,SAAA;AACT;AAEO,SAAS,mBAAsB,EAAE,OAAO,OAAO,YAAY,YAAgC;AAC1F,QAAA,UAAU,qBAAqB,KAAK;AAC1C,QAAM,eAAeC,WAAA;AAAA,IACnB,MAAM,cAAcD,MAAAA,YAAY,MAAM,YAAY;AAAA,IAClD,CAAC,OAAO,UAAU;AAAA,EAAA;AAGpB,wCAAQ,QAAQ,UAAR,EAAiB,OAAO,cAAe,SAAS,CAAA;AAC1D;AAEO,SAAS,cAAiB,OAAgC;AACzD,QAAA,UAAU,qBAAqB,KAAK;AAC1C,SAAOE,WAAAA,WAAW,OAAO;AAC3B;;;;;"}

package/dist/cjs/react/useCache.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("react");
+const useStore = require("./useStore.cjs");
+const makeSelector = require("../lib/makeSelector.cjs");
+function useCache(cache, { passive, ...options } = {}) {
+  const mappedState = require$$0.useMemo(() => {
+    var _a;
+    const rootCache = ((_a = cache.derivedFromCache) == null ? void 0 : _a.cache) ?? cache;
+    let selector = (x) => x;
+    if (cache.derivedFromCache) {
+      selector = (value) => {
+        for (const s of cache.derivedFromCache.selectors) {
+          value = makeSelector.makeSelector(s)(value);
+        }
+        return value;
+      };
+    }
+    return rootCache.state.map((state) => {
+      const value = state.status === "value" ? selector(state.value) : void 0;
+      return Object.assign(
+        [value, state.error, state.isUpdating, state.isStale],
+        { ...state, value }
+      );
+    });
+  }, [cache]);
+  require$$0.useEffect(() => !passive ? cache.sub(() => void 0) : void 0, [cache, passive]);
+  return useStore.useStore(mappedState, options);
+}
+exports.useCache = useCache;
+//# sourceMappingURL=useCache.cjs.map

package/dist/cjs/react/useCache.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCache.cjs","sources":["../../../src/react/useCache.ts"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport type { UseStoreOptions } from './useStore';\nimport { useStore } from './useStore';\nimport type { Cache } from '@core';\nimport type { CacheState } from '@lib/cacheState';\nimport { makeSelector } from '@lib/makeSelector';\n\nexport type UseCacheArray<T> = [\n  value: T | undefined,\n  error: unknown | undefined,\n  isUpdating: boolean,\n  isStale: boolean,\n];\n\nexport type UseCacheValue<T> = UseCacheArray<T> & CacheState<T>;\n\nexport interface UseCacheOptions extends UseStoreOptions {\n  passive?: boolean;\n}\n\nexport function useCache<T>(\n  cache: Cache<T>,\n  { passive, ...options }: UseCacheOptions = {},\n): UseCacheValue<T> {\n  const mappedState = useMemo(() => {\n    const rootCache: Cache<any> = cache.derivedFromCache?.cache ?? cache;\n    let selector = (x: any) => x;\n\n    if (cache.derivedFromCache) {\n      selector = (value: any) => {\n        for (const s of cache.derivedFromCache!.selectors) {\n          value = makeSelector(s)(value);\n        }\n        return value;\n      };\n    }\n\n    return rootCache.state.map((state) => {\n      const value = state.status === 'value' ? selector(state.value) : undefined;\n\n      return Object.assign<UseCacheArray<T>, CacheState<T>>(\n        [value, state.error, state.isUpdating, state.isStale],\n        { ...state, value },\n      );\n    });\n  }, [cache]);\n\n  useEffect(() => (!passive ? cache.sub(() => undefined) : undefined), [cache, passive]);\n\n  return useStore(mappedState, options);\n}\n"],"names":["useMemo","makeSelector","useEffect","useStore"],"mappings":";;;;;AAoBgB,SAAA,SACd,OACA,EAAE,SAAS,GAAG,QAAQ,IAAqB,CAAA,GACzB;AACZ,QAAA,cAAcA,WAAAA,QAAQ,MAAM;;AAC1B,UAAA,cAAwB,WAAM,qBAAN,mBAAwB,UAAS;AAC3D,QAAA,WAAW,CAAC,MAAW;AAE3B,QAAI,MAAM,kBAAkB;AAC1B,iBAAW,CAAC,UAAe;AACd,mBAAA,KAAK,MAAM,iBAAkB,WAAW;AACzC,kBAAAC,aAAA,aAAa,CAAC,EAAE,KAAK;AAAA,QAC/B;AACO,eAAA;AAAA,MAAA;AAAA,IAEX;AAEA,WAAO,UAAU,MAAM,IAAI,CAAC,UAAU;AACpC,YAAM,QAAQ,MAAM,WAAW,UAAU,SAAS,MAAM,KAAK,IAAI;AAEjE,aAAO,OAAO;AAAA,QACZ,CAAC,OAAO,MAAM,OAAO,MAAM,YAAY,MAAM,OAAO;AAAA,QACpD,EAAE,GAAG,OAAO,MAAM;AAAA,MAAA;AAAA,IACpB,CACD;AAAA,EAAA,GACA,CAAC,KAAK,CAAC;AAEVC,aAAAA,UAAU,MAAO,CAAC,UAAU,MAAM,IAAI,MAAM,MAAS,IAAI,QAAY,CAAC,OAAO,OAAO,CAAC;AAE9E,SAAAC,SAAA,SAAS,aAAa,OAAO;AACtC;;"}

package/dist/cjs/react/useProp.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useStore = require("./useStore.cjs");
+function useProp(store, options) {
+  const value = useStore.useStore(store, options);
+  return [value, store.set];
+}
+exports.useProp = useProp;
+//# sourceMappingURL=useProp.cjs.map

package/dist/cjs/react/useProp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProp.cjs","sources":["../../../src/react/useProp.ts"],"sourcesContent":["import type { UseStoreOptions } from './useStore';\nimport { useStore } from './useStore';\nimport type { Store } from '@core/store';\nimport type { UpdateFunction } from '@core/commonTypes';\n\nexport function useProp<T>(\n  store: Store<T>,\n  options?: UseStoreOptions,\n): [value: T, setValue: UpdateFunction<T>] {\n  const value = useStore(store, options);\n\n  return [value, store.set];\n}\n"],"names":["useStore"],"mappings":";;;AAKgB,SAAA,QACd,OACA,SACyC;AACnC,QAAA,QAAQA,SAAAA,SAAS,OAAO,OAAO;AAE9B,SAAA,CAAC,OAAO,MAAM,GAAG;AAC1B;;"}

package/dist/cjs/react/useStore.cjs

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("react");
+require("../_virtual/with-selector.cjs");
+const hash = require("../lib/hash.cjs");
+const makeSelector = require("../lib/makeSelector.cjs");
+const trackingProxy = require("../lib/trackingProxy.cjs");
+const withSelector = require("../_virtual/with-selector2.cjs");
+function useStore(store, options) {
+  const lastEqualsRef = require$$0.useRef();
+  const { rootStore, selector } = require$$0.useMemo(() => {
+    var _a;
+    const rootStore2 = ((_a = store.derivedFrom) == null ? void 0 : _a.store) ?? store;
+    let selector2 = (x) => x;
+    if (store.derivedFrom) {
+      selector2 = (value2) => {
+        for (const s of store.derivedFrom.selectors) {
+          value2 = makeSelector.makeSelector(s)(value2);
+        }
+        return value2;
+      };
+    }
+    return { rootStore: rootStore2, selector: selector2 };
+  }, [store]);
+  const subOptions = { ...options, runNow: false, equals: void 0, passive: false };
+  const subscribe = require$$0.useCallback(
+    (listener) => {
+      return rootStore.sub(listener, subOptions);
+    },
+    [rootStore, hash.hash(subOptions)]
+  );
+  const value = withSelector.exports.useSyncExternalStoreWithSelector(
+    //
+    subscribe,
+    rootStore.get,
+    void 0,
+    selector,
+    (options == null ? void 0 : options.equals) ?? ((_v, newValue) => {
+      var _a;
+      return ((_a = lastEqualsRef.current) == null ? void 0 : _a.call(lastEqualsRef, newValue)) ?? false;
+    })
+  );
+  const [proxiedValue, equals] = trackingProxy.trackingProxy(value);
+  require$$0.useLayoutEffect(() => {
+    lastEqualsRef.current = equals;
+  });
+  require$$0.useDebugValue(value);
+  return proxiedValue;
+}
+exports.useStore = useStore;
+//# sourceMappingURL=useStore.cjs.map

package/dist/cjs/react/useStore.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStore.cjs","sources":["../../../src/react/useStore.ts"],"sourcesContent":["import { useCallback, useDebugValue, useLayoutEffect, useMemo, useRef } from 'react';\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/with-selector.js';\nimport type { SubscribeOptions } from '@core/commonTypes';\nimport type { Store } from '@core/store';\nimport { hash } from '@lib/hash';\nimport { makeSelector } from '@lib/makeSelector';\nimport { trackingProxy } from '@lib/trackingProxy';\n\nexport type UseStoreOptions = Omit<SubscribeOptions, 'runNow' | 'passive'>;\n\nexport function useStore<T>(store: Store<T>, options?: UseStoreOptions): T {\n  const lastEqualsRef = useRef<(newValue: T) => boolean>();\n\n  const { rootStore, selector } = useMemo(() => {\n    const rootStore = store.derivedFrom?.store ?? store;\n    let selector = (x: any) => x;\n\n    if (store.derivedFrom) {\n      selector = (value: any) => {\n        for (const s of store.derivedFrom!.selectors) {\n          value = makeSelector(s)(value);\n        }\n        return value;\n      };\n    }\n\n    return { rootStore, selector };\n  }, [store]);\n\n  const subOptions = { ...options, runNow: false, equals: undefined, passive: false };\n  const subscribe = useCallback(\n    (listener: () => void) => {\n      return rootStore.sub(listener, subOptions);\n    },\n    [rootStore, hash(subOptions)],\n  );\n\n  const value = useSyncExternalStoreWithSelector<unknown, T>(\n    //\n    subscribe,\n    rootStore.get,\n    undefined,\n    selector,\n    options?.equals ?? ((_v, newValue) => lastEqualsRef.current?.(newValue) ?? false),\n  );\n  const [proxiedValue, equals] = trackingProxy(value);\n\n  useLayoutEffect(() => {\n    lastEqualsRef.current = equals;\n  });\n\n  useDebugValue(value);\n  return proxiedValue;\n}\n"],"names":["useRef","useMemo","rootStore","selector","value","makeSelector","useCallback","hash","useSyncExternalStoreWithSelector","trackingProxy","useLayoutEffect","useDebugValue"],"mappings":";;;;;;;;AAUgB,SAAA,SAAY,OAAiB,SAA8B;AACzE,QAAM,gBAAgBA,WAAAA;AAEtB,QAAM,EAAE,WAAW,SAAS,IAAIC,mBAAQ,MAAM;;AACtCC,UAAAA,eAAY,WAAM,gBAAN,mBAAmB,UAAS;AAC1CC,QAAAA,YAAW,CAAC,MAAW;AAE3B,QAAI,MAAM,aAAa;AACrBA,kBAAW,CAACC,WAAe;AACd,mBAAA,KAAK,MAAM,YAAa,WAAW;AAC5CA,mBAAQC,aAAA,aAAa,CAAC,EAAED,MAAK;AAAA,QAC/B;AACOA,eAAAA;AAAAA,MAAA;AAAA,IAEX;AAEA,WAAO,EAAE,WAAAF,YAAW,UAAAC,UAAS;AAAA,EAAA,GAC5B,CAAC,KAAK,CAAC;AAEJ,QAAA,aAAa,EAAE,GAAG,SAAS,QAAQ,OAAO,QAAQ,QAAW,SAAS;AAC5E,QAAM,YAAYG,WAAA;AAAA,IAChB,CAAC,aAAyB;AACjB,aAAA,UAAU,IAAI,UAAU,UAAU;AAAA,IAC3C;AAAA,IACA,CAAC,WAAWC,UAAK,UAAU,CAAC;AAAA,EAAA;AAG9B,QAAM,QAAQC,aAAA,QAAA;AAAA;AAAA,IAEZ;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,KACA,mCAAS,YAAW,CAAC,IAAI,aAAa;;AAAA,kCAAc,YAAd,uCAAwB,cAAa;AAAA;AAAA,EAAA;AAE7E,QAAM,CAAC,cAAc,MAAM,IAAIC,4BAAc,KAAK;AAElDC,aAAAA,gBAAgB,MAAM;AACpB,kBAAc,UAAU;AAAA,EAAA,CACzB;AAEDC,aAAA,cAAc,KAAK;AACZ,SAAA;AACT;;"}

package/dist/cjs/react.cjs

@@ -1,292 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
-const hash = require("./hash.cjs");
-const jsxRuntime = require("react/jsx-runtime");
-var withSelectorExports = {};
-var withSelector = {
-  get exports() {
-    return withSelectorExports;
-  },
-  set exports(v) {
-    withSelectorExports = v;
-  }
-};
-var useSyncExternalStoreWithSelector_production_min = {};
-/**
- * @license React
- * use-sync-external-store-with-selector.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredUseSyncExternalStoreWithSelector_production_min;
-function requireUseSyncExternalStoreWithSelector_production_min() {
-  if (hasRequiredUseSyncExternalStoreWithSelector_production_min)
-    return useSyncExternalStoreWithSelector_production_min;
-  hasRequiredUseSyncExternalStoreWithSelector_production_min = 1;
-  var g = require$$0;
-  function n(a, b) {
-    return a === b && (0 !== a || 1 / a === 1 / b) || a !== a && b !== b;
-  }
-  var p = "function" === typeof Object.is ? Object.is : n, q = g.useSyncExternalStore, r = g.useRef, t = g.useEffect, u = g.useMemo, v = g.useDebugValue;
-  useSyncExternalStoreWithSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e, l, h) {
-    var c = r(null);
-    if (null === c.current) {
-      var f = { hasValue: false, value: null };
-      c.current = f;
-    } else
-      f = c.current;
-    c = u(function() {
-      function a2(a3) {
-        if (!c2) {
-          c2 = true;
-          d2 = a3;
-          a3 = l(a3);
-          if (void 0 !== h && f.hasValue) {
-            var b2 = f.value;
-            if (h(b2, a3))
-              return k = b2;
-          }
-          return k = a3;
-        }
-        b2 = k;
-        if (p(d2, a3))
-          return b2;
-        var e2 = l(a3);
-        if (void 0 !== h && h(b2, e2))
-          return b2;
-        d2 = a3;
-        return k = e2;
-      }
-      var c2 = false, d2, k, m = void 0 === e ? null : e;
-      return [function() {
-        return a2(b());
-      }, null === m ? void 0 : function() {
-        return a2(m());
-      }];
-    }, [b, e, l, h]);
-    var d = q(a, c[0], c[1]);
-    t(function() {
-      f.hasValue = true;
-      f.value = d;
-    }, [d]);
-    v(d);
-    return d;
-  };
-  return useSyncExternalStoreWithSelector_production_min;
-}
-var useSyncExternalStoreWithSelector_development = {};
-/**
- * @license React
- * use-sync-external-store-with-selector.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredUseSyncExternalStoreWithSelector_development;
-function requireUseSyncExternalStoreWithSelector_development() {
-  if (hasRequiredUseSyncExternalStoreWithSelector_development)
-    return useSyncExternalStoreWithSelector_development;
-  hasRequiredUseSyncExternalStoreWithSelector_development = 1;
-  if (process.env.NODE_ENV !== "production") {
-    (function() {
-      if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
-        __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-      }
-      var React = require$$0;
-      function is(x, y) {
-        return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
-      }
-      var objectIs = typeof Object.is === "function" ? Object.is : is;
-      var useSyncExternalStore = React.useSyncExternalStore;
-      var useRef = React.useRef, useEffect = React.useEffect, useMemo = React.useMemo, useDebugValue = React.useDebugValue;
-      function useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
-        var instRef = useRef(null);
-        var inst;
-        if (instRef.current === null) {
-          inst = {
-            hasValue: false,
-            value: null
-          };
-          instRef.current = inst;
-        } else {
-          inst = instRef.current;
-        }
-        var _useMemo = useMemo(function() {
-          var hasMemo = false;
-          var memoizedSnapshot;
-          var memoizedSelection;
-          var memoizedSelector = function(nextSnapshot) {
-            if (!hasMemo) {
-              hasMemo = true;
-              memoizedSnapshot = nextSnapshot;
-              var _nextSelection = selector(nextSnapshot);
-              if (isEqual !== void 0) {
-                if (inst.hasValue) {
-                  var currentSelection = inst.value;
-                  if (isEqual(currentSelection, _nextSelection)) {
-                    memoizedSelection = currentSelection;
-                    return currentSelection;
-                  }
-                }
-              }
-              memoizedSelection = _nextSelection;
-              return _nextSelection;
-            }
-            var prevSnapshot = memoizedSnapshot;
-            var prevSelection = memoizedSelection;
-            if (objectIs(prevSnapshot, nextSnapshot)) {
-              return prevSelection;
-            }
-            var nextSelection = selector(nextSnapshot);
-            if (isEqual !== void 0 && isEqual(prevSelection, nextSelection)) {
-              return prevSelection;
-            }
-            memoizedSnapshot = nextSnapshot;
-            memoizedSelection = nextSelection;
-            return nextSelection;
-          };
-          var maybeGetServerSnapshot = getServerSnapshot === void 0 ? null : getServerSnapshot;
-          var getSnapshotWithSelector = function() {
-            return memoizedSelector(getSnapshot());
-          };
-          var getServerSnapshotWithSelector = maybeGetServerSnapshot === null ? void 0 : function() {
-            return memoizedSelector(maybeGetServerSnapshot());
-          };
-          return [getSnapshotWithSelector, getServerSnapshotWithSelector];
-        }, [getSnapshot, getServerSnapshot, selector, isEqual]), getSelection = _useMemo[0], getServerSelection = _useMemo[1];
-        var value = useSyncExternalStore(subscribe, getSelection, getServerSelection);
-        useEffect(function() {
-          inst.hasValue = true;
-          inst.value = value;
-        }, [value]);
-        useDebugValue(value);
-        return value;
-      }
-      useSyncExternalStoreWithSelector_development.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector;
-      if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function") {
-        __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-      }
-    })();
-  }
-  return useSyncExternalStoreWithSelector_development;
-}
-(function(module2) {
-  if (process.env.NODE_ENV === "production") {
-    module2.exports = requireUseSyncExternalStoreWithSelector_production_min();
-  } else {
-    module2.exports = requireUseSyncExternalStoreWithSelector_development();
-  }
-})(withSelector);
-function useStore(store, options) {
-  const lastEqualsRef = require$$0.useRef();
-  const { rootStore, selector } = require$$0.useMemo(() => {
-    var _a;
-    const rootStore2 = ((_a = store.derivedFrom) == null ? void 0 : _a.store) ?? store;
-    let selector2 = (x) => x;
-    if (store.derivedFrom) {
-      selector2 = (value2) => {
-        for (const s of store.derivedFrom.selectors) {
-          value2 = hash.makeSelector(s)(value2);
-        }
-        return value2;
-      };
-    }
-    return { rootStore: rootStore2, selector: selector2 };
-  }, [store]);
-  const subOptions = { ...options, runNow: false, equals: void 0, passive: false };
-  const subscribe = require$$0.useCallback(
-    (listener) => {
-      return rootStore.sub(listener, subOptions);
-    },
-    [rootStore, hash.hash(subOptions)]
-  );
-  const value = withSelectorExports.useSyncExternalStoreWithSelector(
-    //
-    subscribe,
-    rootStore.get,
-    void 0,
-    selector,
-    (options == null ? void 0 : options.equals) ?? ((_v, newValue) => {
-      var _a;
-      return ((_a = lastEqualsRef.current) == null ? void 0 : _a.call(lastEqualsRef, newValue)) ?? false;
-    })
-  );
-  const [proxiedValue, equals] = hash.trackingProxy(value);
-  require$$0.useLayoutEffect(() => {
-    lastEqualsRef.current = equals;
-  });
-  require$$0.useDebugValue(value);
-  return proxiedValue;
-}
-function useCache(cache, { passive, ...options } = {}) {
-  const mappedState = require$$0.useMemo(() => {
-    var _a;
-    const rootCache = ((_a = cache.derivedFromCache) == null ? void 0 : _a.cache) ?? cache;
-    let selector = (x) => x;
-    if (cache.derivedFromCache) {
-      selector = (value) => {
-        for (const s of cache.derivedFromCache.selectors) {
-          value = hash.makeSelector(s)(value);
-        }
-        return value;
-      };
-    }
-    return rootCache.state.map((state) => {
-      const value = state.status === "value" ? selector(state.value) : void 0;
-      return Object.assign(
-        [value, state.error, state.isUpdating, state.isStale],
-        { ...state, value }
-      );
-    });
-  }, [cache]);
-  require$$0.useEffect(() => !passive ? cache.sub(() => void 0) : void 0, [cache, passive]);
-  return useStore(mappedState, options);
-}
-function read(cache, options) {
-  const { status, value, error } = useCache(cache, options);
-  if (status === "value") {
-    return value;
-  }
-  if (status === "error") {
-    throw error;
-  }
-  throw cache.state.once((state) => state.status !== "pending");
-}
-const contextMap = /* @__PURE__ */ new WeakMap();
-function getStoreScopeContext(scope) {
-  let context = contextMap.get(scope);
-  if (!context) {
-    context = require$$0.createContext(hash.createStore(scope.defaultValue));
-    contextMap.set(scope, context);
-  }
-  return context;
-}
-function StoreScopeProvider({ scope, store: inputStore, children }) {
-  const context = getStoreScopeContext(scope);
-  const currentStore = require$$0.useMemo(
-    () => inputStore ?? hash.createStore(scope.defaultValue),
-    [scope, inputStore]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(context.Provider, { value: currentStore, children });
-}
-function useStoreScope(scope) {
-  const context = getStoreScopeContext(scope);
-  return require$$0.useContext(context);
-}
-function useProp(store, options) {
-  const value = useStore(store, options);
-  return [value, store.set];
-}
-exports.StoreScopeProvider = StoreScopeProvider;
-exports.read = read;
-exports.useCache = useCache;
-exports.useProp = useProp;
-exports.useStore = useStore;
-exports.useStoreScope = useStoreScope;
+const read = require("./react/read.cjs");
+const storeScope = require("./react/storeScope.cjs");
+const useCache = require("./react/useCache.cjs");
+const useProp = require("./react/useProp.cjs");
+const useStore = require("./react/useStore.cjs");
+exports.read = read.read;
+exports.StoreScopeProvider = storeScope.StoreScopeProvider;
+exports.useStoreScope = storeScope.useStoreScope;
+exports.useCache = useCache.useCache;
+exports.useProp = useProp.useProp;
+exports.useStore = useStore.useStore;
 //# sourceMappingURL=react.cjs.map