reactish-state 0.11.2 → 1.0.0-alpha.0

package/dist/cjs/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var state = require('./vanilla/state.cjs');
+var selector = require('./vanilla/selector.cjs');
+var useSnapshot = require('./react/useSnapshot.cjs');
+var useSelector = require('./react/useSelector.cjs');
+var shim = require('./react/shim.cjs');
+
+
+
+exports.createState = state.createState;
+exports.state = state.state;
+exports.createSelector = selector.createSelector;
+exports.selector = selector.selector;
+exports.useSnapshot = useSnapshot.useSnapshot;
+exports.useSelector = useSelector.useSelector;
+exports.setReactShim = shim.setReactShim;

package/dist/cjs/react/shim.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var React = require('react');
+
+exports.useSyncExternalStore = React.useSyncExternalStore;
+const setReactShim = ([shim]) => {
+  exports.useSyncExternalStore = shim;
+};
+
+exports.setReactShim = setReactShim;

package/dist/cjs/react/useSelector.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var React = require('react');
+var utils = require('../utils.cjs');
+var useSnapshot = require('./useSnapshot.cjs');
+
+const useSelector = (selectorParamFactory, deps) => {
+  const items = selectorParamFactory();
+  const cutoff = items.length - 1;
+  const selectorFunc = items[cutoff];
+  items.length = cutoff;
+  const [context] = React.useState(() => ({
+    sub: utils.createSubscriber(items)
+  }));
+  const get = () => {
+    const {
+      cache
+    } = context;
+    const reactishValues = utils.getReactishValues(items);
+    const args = reactishValues.concat(deps || selectorFunc);
+    if (cache && utils.isEqual(args, cache.args)) return cache.val;
+    const val = selectorFunc(...reactishValues);
+    context.cache = {
+      args,
+      val
+    };
+    return val;
+  };
+  return useSnapshot.useSnapshot({
+    get,
+    subscribe: context.sub
+  });
+};
+
+exports.useSelector = useSelector;

package/dist/cjs/react/useSnapshot.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var shim = require('./shim.cjs');
+
+const useSnapshot = ({
+  subscribe,
+  get
+}) => {
+  if (process.env.NODE_ENV !== 'production' && !shim.useSyncExternalStore) {
+    throw new Error('[reactish-state] Shim setup is required for React 16/17.');
+  }
+  return shim.useSyncExternalStore(subscribe, get, get);
+};
+
+exports.useSnapshot = useSnapshot;

package/dist/cjs/utils.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+const isEqual = (args1, args2) => {
+  for (let i = 0; i < args1.length; i++) {
+    if (!Object.is(args1[i], args2[i])) return false;
+  }
+  return true;
+};
+const createSubscriber = items => listener => {
+  const unsubscribers = items.map(item => item.subscribe(listener));
+  return () => unsubscribers.forEach(unsubscribe => unsubscribe());
+};
+const getReactishValues = items => items.map(item => item.get());
+
+exports.createSubscriber = createSubscriber;
+exports.getReactishValues = getReactishValues;
+exports.isEqual = isEqual;

package/dist/cjs/vanilla/selector.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var utils = require('../utils.cjs');
+
+const createSelector = ({
+  plugin
+} = {}) => (...items) => {
+  const {
+    length
+  } = items;
+  const cutoff = typeof items[length - 1] === 'function' ? length - 1 : length - 2;
+  const selectorFunc = items[cutoff];
+  const config = items[cutoff + 1];
+  items.length = cutoff;
+  let cache;
+  const selector = {
+    get: () => {
+      const args = utils.getReactishValues(items);
+      if (cache && utils.isEqual(args, cache.args)) return cache.val;
+      const val = selectorFunc(...args);
+      cache = {
+        args,
+        val
+      };
+      return val;
+    },
+    subscribe: utils.createSubscriber(items)
+  };
+  plugin?.(selector, config);
+  return selector;
+};
+const selector = /*#__PURE__*/createSelector();
+
+exports.createSelector = createSelector;
+exports.selector = selector;

package/dist/cjs/vanilla/state.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+const createState = ({
+  middleware
+} = {}) => (initialValue, actionCreator, config) => {
+  let value = initialValue;
+  const listeners = new Set();
+  const get = () => value;
+  let set = newValue => {
+    const nextValue = typeof newValue === 'function' ? newValue(value) : newValue;
+    if (!Object.is(value, nextValue)) {
+      value = nextValue;
+      listeners.forEach(listener => listener());
+    }
+  };
+  const subscribe = listener => {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+  };
+  if (middleware) set = middleware({
+    set,
+    get,
+    subscribe
+  }, config);
+  return {
+    get,
+    set,
+    subscribe,
+    actions: actionCreator?.(set, get)
+  };
+};
+const state = /*#__PURE__*/createState();
+
+exports.createState = createState;
+exports.state = state;

package/dist/esm/index.mjs

@@ -0,0 +1,5 @@
+export { createState, state } from './vanilla/state.mjs';
+export { createSelector, selector } from './vanilla/selector.mjs';
+export { useSnapshot } from './react/useSnapshot.mjs';
+export { useSelector } from './react/useSelector.mjs';
+export { setReactShim } from './react/shim.mjs';

package/dist/esm/react/shim.mjs

@@ -0,0 +1,8 @@
+import React from 'react';
+
+let useSyncExternalStore = React.useSyncExternalStore;
+const setReactShim = ([shim]) => {
+  useSyncExternalStore = shim;
+};
+
+export { setReactShim, useSyncExternalStore };

package/dist/esm/react/{useSelector.js → useSelector.mjs}

@@ -1,6 +1,6 @@
 import { useState } from 'react';
-import { createSubscriber, getReactishValues, isEqual } from '../utils.js';
-import { useSnapshot } from './useSnapshot.js';
+import { createSubscriber, getReactishValues, isEqual } from '../utils.mjs';
+import { useSnapshot } from './useSnapshot.mjs';
 
 const useSelector = (selectorParamFactory, deps) => {
   const items = selectorParamFactory();

package/dist/esm/react/useSnapshot.mjs

@@ -0,0 +1,13 @@
+import { useSyncExternalStore } from './shim.mjs';
+
+const useSnapshot = ({
+  subscribe,
+  get
+}) => {
+  if (process.env.NODE_ENV !== 'production' && !useSyncExternalStore) {
+    throw new Error('[reactish-state] Shim setup is required for React 16/17.');
+  }
+  return useSyncExternalStore(subscribe, get, get);
+};
+
+export { useSnapshot };

package/dist/esm/vanilla/{selector.js → selector.mjs}

@@ -1,4 +1,4 @@
-import { getReactishValues, createSubscriber, isEqual } from '../utils.js';
+import { createSubscriber, getReactishValues, isEqual } from '../utils.mjs';
 
 const createSelector = ({
   plugin
@@ -24,7 +24,7 @@ const createSelector = ({
     },
     subscribe: createSubscriber(items)
   };
-  plugin == null || plugin(selector, config);
+  plugin?.(selector, config);
   return selector;
 };
 const selector = /*#__PURE__*/createSelector();

package/dist/esm/vanilla/{state.js → state.mjs}

@@ -24,7 +24,7 @@ const createState = ({
     get,
     set,
     subscribe,
-    actions: actionCreator && actionCreator(set, get)
+    actions: actionCreator?.(set, get)
   };
 };
 const state = /*#__PURE__*/createState();

package/dist/middleware/cjs/applyMiddleware.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+const applyMiddleware = (middlewares, {
+  fromRight
+} = {}) => (api, config) => middlewares[fromRight ? 'reduceRight' : 'reduce']((set, middleware) => middleware ? middleware({
+  ...api,
+  set
+}, config) : set, api.set);
+
+exports.applyMiddleware = applyMiddleware;

package/dist/middleware/cjs/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var applyMiddleware = require('./applyMiddleware.cjs');
+var persist = require('./persist.cjs');
+var reduxDevtools = require('./reduxDevtools.cjs');
+
+
+
+exports.applyMiddleware = applyMiddleware.applyMiddleware;
+exports.persist = persist.persist;
+exports.reduxDevtools = reduxDevtools.reduxDevtools;

package/dist/middleware/cjs/persist.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+const persist = ({
+  prefix,
+  getStorage = () => localStorage
+} = {}) => {
+  const states = [];
+  const middleware = ({
+    set,
+    get
+  }, config) => {
+    let key = config?.key || '';
+    if (!key) throw new Error('[reactish-state] state should be provided with a string `key` in the config object when the `persist` middleware is used.');
+    if (prefix) key = prefix + key;
+    states.push([key, set]);
+    return (...args) => {
+      set(...args);
+      try {
+        getStorage().setItem(key, JSON.stringify(get()));
+      } catch (_unused) {
+        /* continue regardless of error */
+      }
+    };
+  };
+  middleware.hydrate = () => {
+    states.forEach(([key, set]) => {
+      try {
+        const value = getStorage().getItem(key);
+        value != null && set(value !== 'undefined' ? JSON.parse(value) : undefined, `HYDRATE_${key}`);
+      } catch (_unused2) {
+        /* continue regardless of error */
+      }
+    });
+    states.length = 0;
+  };
+  return middleware;
+};
+
+exports.persist = persist;

package/dist/middleware/cjs/reduxDevtools.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+const reduxDevtools = ({
+  name
+} = {}) => {
+  let devtoolsExt;
+  if (process.env.NODE_ENV === 'production' || typeof window === 'undefined' || !(devtoolsExt = window.__REDUX_DEVTOOLS_EXTENSION__)) return;
+  const devtools = devtoolsExt.connect({
+    name
+  });
+  const mergedState = {};
+  return ({
+    set,
+    get
+  }, config) => {
+    const key = config?.key;
+    if (!key) throw new Error('[reactish-state] state should be provided with a string `key` in the config object when the `reduxDevtools` middleware is used.');
+    mergedState[key] = get();
+    devtools.init(mergedState);
+    return (...args) => {
+      const [value, action] = args;
+      set(...args);
+      mergedState[key] = get();
+      devtools.send(typeof action === 'string' ? {
+        type: action
+      } : action || {
+        type: `SET_${key}`,
+        value
+      }, mergedState);
+    };
+  };
+};
+
+exports.reduxDevtools = reduxDevtools;

package/dist/middleware/esm/index.mjs

@@ -0,0 +1,3 @@
+export { applyMiddleware } from './applyMiddleware.mjs';
+export { persist } from './persist.mjs';
+export { reduxDevtools } from './reduxDevtools.mjs';

package/dist/middleware/esm/{persist.js → persist.mjs}

@@ -7,7 +7,7 @@ const persist = ({
     set,
     get
   }, config) => {
-    let key = (config == null ? void 0 : config.key) || '';
+    let key = config?.key || '';
     if (!key) throw new Error('[reactish-state] state should be provided with a string `key` in the config object when the `persist` middleware is used.');
     if (prefix) key = prefix + key;
     states.push([key, set]);

package/dist/middleware/esm/{reduxDevtools.js → reduxDevtools.mjs}

@@ -11,7 +11,7 @@ const reduxDevtools = ({
     set,
     get
   }, config) => {
-    const key = config == null ? void 0 : config.key;
+    const key = config?.key;
     if (!key) throw new Error('[reactish-state] state should be provided with a string `key` in the config object when the `reduxDevtools` middleware is used.');
     mergedState[key] = get();
     devtools.init(mergedState);

package/dist/plugin/cjs/applyPlugin.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const applyPlugin = plugins => (reactish, config) => plugins.forEach(plugin => plugin?.(reactish, config));
+
+exports.applyPlugin = applyPlugin;

package/dist/plugin/cjs/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var applyPlugin = require('./applyPlugin.cjs');
+var reduxDevtools = require('./reduxDevtools.cjs');
+
+
+
+exports.applyPlugin = applyPlugin.applyPlugin;
+exports.reduxDevtools = reduxDevtools.reduxDevtools;

package/dist/plugin/cjs/{index.js → reduxDevtools.cjs}

@@ -1,7 +1,5 @@
 'use strict';
 
-const applyPlugin = plugins => (reactish, config) => plugins.forEach(plugin => plugin == null ? void 0 : plugin(reactish, config));
-
 const reduxDevtools = ({
   name
 } = {}) => {
@@ -15,7 +13,7 @@ const reduxDevtools = ({
     get,
     subscribe
   }, config) => {
-    const key = config == null ? void 0 : config.key;
+    const key = config?.key;
     if (!key) throw new Error('[reactish-state] state should be provided with a string `key` in the config object when the `reduxDevtools` plugin is used.');
     const updateState = () => {
       mergedState[key] = get();
@@ -26,5 +24,4 @@ const reduxDevtools = ({
   };
 };
 
-exports.applyPlugin = applyPlugin;
 exports.reduxDevtools = reduxDevtools;

package/dist/plugin/esm/{applyPlugin.js → applyPlugin.mjs}

@@ -1,3 +1,3 @@
-const applyPlugin = plugins => (reactish, config) => plugins.forEach(plugin => plugin == null ? void 0 : plugin(reactish, config));
+const applyPlugin = plugins => (reactish, config) => plugins.forEach(plugin => plugin?.(reactish, config));
 
 export { applyPlugin };

package/dist/plugin/esm/index.mjs

@@ -0,0 +1,2 @@
+export { applyPlugin } from './applyPlugin.mjs';
+export { reduxDevtools } from './reduxDevtools.mjs';

package/dist/plugin/esm/{reduxDevtools.js → reduxDevtools.mjs}

@@ -11,7 +11,7 @@ const reduxDevtools = ({
     get,
     subscribe
   }, config) => {
-    const key = config == null ? void 0 : config.key;
+    const key = config?.key;
     if (!key) throw new Error('[reactish-state] state should be provided with a string `key` in the config object when the `reduxDevtools` plugin is used.');
     const updateState = () => {
       mergedState[key] = get();

package/dist/shim/cjs/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var reactShim = require('./reactShim.cjs');
+
+
+
+exports.reactShim = reactShim.reactShim;

package/dist/shim/cjs/reactShim.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var shim = require('use-sync-external-store/shim/index.js');
+
+const reactShim = [shim.useSyncExternalStore];
+
+exports.reactShim = reactShim;

package/dist/shim/esm/index.mjs

@@ -0,0 +1 @@
+export { reactShim } from './reactShim.mjs';

package/dist/shim/esm/reactShim.mjs

@@ -0,0 +1,5 @@
+import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
+
+const reactShim = [useSyncExternalStore];
+
+export { reactShim };

package/package.json

@@ -1,13 +1,16 @@
 {
   "name": "reactish-state",
-  "version": "0.11.2",
+  "version": "1.0.0-alpha.0",
   "description": "Simple, decentralized state management for React.",
   "author": "Zheng Song",
   "license": "MIT",
-  "repository": "szhsin/reactish-state",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/szhsin/reactish-state.git"
+  },
   "homepage": "https://github.com/szhsin/reactish-state#readme",
-  "main": "./dist/cjs/index.js",
-  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.mjs",
   "types": "./types/index.d.ts",
   "sideEffects": false,
   "files": [
@@ -28,12 +31,12 @@
     "watch": "rollup -c -w",
     "clean": "rm -Rf dist types",
     "types": "tsc",
-    "posttypes": "rm -Rf types/__tests__",
+    "prepare": "rm -Rf types/__tests__",
     "lint": "eslint .",
     "lint:fix": "eslint --fix .",
     "pret": "prettier -c .",
     "pret:fix": "prettier -w .",
-    "build": "run-s pret clean lint types bundle",
+    "build": "run-s pret lint clean types bundle",
     "test": "jest",
     "test:watch": "jest --watch",
     "eg": "npm run dev --prefix examples"
@@ -41,28 +44,34 @@
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "require": "./dist/cjs/index.js",
-      "default": "./dist/esm/index.js"
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
     },
     "./middleware": {
       "types": "./types/middleware/index.d.ts",
-      "require": "./dist/middleware/cjs/index.js",
-      "default": "./dist/middleware/esm/index.js"
+      "require": "./dist/middleware/cjs/index.cjs",
+      "default": "./dist/middleware/esm/index.mjs"
     },
     "./middleware/immer": {
       "types": "./types/middleware/immer.d.ts",
-      "require": "./dist/middleware/cjs/immer.js",
-      "default": "./dist/middleware/esm/immer.js"
+      "require": "./dist/middleware/cjs/immer.cjs",
+      "default": "./dist/middleware/esm/immer.mjs"
     },
     "./plugin": {
       "types": "./types/plugin/index.d.ts",
-      "require": "./dist/plugin/cjs/index.js",
-      "default": "./dist/plugin/esm/index.js"
-    }
+      "require": "./dist/plugin/cjs/index.cjs",
+      "default": "./dist/plugin/esm/index.mjs"
+    },
+    "./shim": {
+      "types": "./types/shim/index.d.ts",
+      "require": "./dist/shim/cjs/index.cjs",
+      "default": "./dist/shim/esm/index.mjs"
+    },
+    "./package.json": "./package.json"
   },
   "peerDependencies": {
     "immer": ">=6.0",
-    "react": "^16.8 || ^17.0 || ^18.0"
+    "react": "^16.8 || ^17 || ^18 || ^19"
   },
   "peerDependenciesMeta": {
     "immer": {
@@ -70,38 +79,44 @@
     }
   },
   "dependencies": {
-    "use-sync-external-store": "^1.2.0"
+    "use-sync-external-store": "^1.4.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.2",
-    "@babel/preset-env": "^7.23.2",
-    "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.23.2",
-    "@redux-devtools/extension": "^3.2.5",
+    "@babel/core": "^7.26.9",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@redux-devtools/extension": "^3.3.0",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@testing-library/jest-dom": "^6.1.4",
-    "@testing-library/react": "^14.0.0",
-    "@types/jest": "^29.5.7",
-    "@types/react": "^18.2.34",
-    "@types/use-sync-external-store": "^0.0.5",
-    "@typescript-eslint/eslint-plugin": "^6.9.1",
-    "@typescript-eslint/parser": "^6.9.1",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.0.8",
+    "@types/use-sync-external-store": "^0.0.6",
     "babel-plugin-pure-annotations": "^0.1.2",
-    "eslint": "^8.53.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-jest": "^27.6.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-hooks-addons": "^0.3.1",
-    "immer": "^10.0.3",
+    "eslint": "^9.20.1",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-jest": "^28.11.0",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-hooks-addons": "^0.4.1",
+    "globals": "^15.15.0",
+    "immer": "^10.1.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.0.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup": "^4.3.0",
-    "typescript": "^5.2.2"
+    "prettier": "^3.4.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "rollup": "^4.34.2",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.24.0"
+  },
+  "overrides": {
+    "whatwg-url@11.0.0": {
+      "tr46": "^4"
+    }
   }
 }

package/types/index.d.ts

@@ -3,3 +3,4 @@ export * from './vanilla/state';
 export * from './vanilla/selector';
 export * from './react/useSnapshot';
 export * from './react/useSelector';
+export { setReactShim } from './react/shim';

package/types/middleware/persist.d.ts

@@ -1,6 +1,6 @@
 import type { Middleware } from '../common';
 interface PersistMiddleware extends Middleware {
-    hydrate(): void;
+    hydrate(this: void): void;
 }
 type Persist = (options?: {
     prefix?: string;

package/types/react/shim.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare let useSyncExternalStore: typeof React.useSyncExternalStore;
+declare const setReactShim: ([shim]: readonly [typeof React.useSyncExternalStore]) => void;
+export { useSyncExternalStore, setReactShim };

package/types/react/useSelector.d.ts

@@ -1,3 +1,3 @@
-import type { ReactishArray, SelectorFunc, SelectorParams } from '../common';
-declare const useSelector: <RA extends ReactishArray, T>(selectorParamFactory: () => [...RA, SelectorFunc<RA, T>], deps?: unknown[]) => T;
+import type { ReactishArray, SelectorParams } from '../common';
+declare const useSelector: <RA extends ReactishArray, T>(selectorParamFactory: () => SelectorParams<RA, T>, deps?: unknown[]) => T;
 export { useSelector };

package/types/shim/index.d.ts

@@ -0,0 +1 @@
+export * from './reactShim';

package/types/shim/reactShim.d.ts

@@ -0,0 +1,3 @@
+import { useSyncExternalStore } from 'use-sync-external-store/shim';
+declare const reactShim: readonly [typeof useSyncExternalStore];
+export { reactShim };

package/types/vanilla/selector.d.ts

@@ -1,6 +1,6 @@
 import type { Plugin, Selector } from '../common';
 declare const createSelector: ({ plugin }?: {
-    plugin?: Plugin | undefined;
+    plugin?: Plugin;
 }) => Selector;
 declare const selector: Selector;
 export type { Selector };

package/types/vanilla/state.d.ts

@@ -5,7 +5,7 @@ interface State<T, A = unknown, C extends ActionCreator<T, A> = undefined> exten
     actions: C extends undefined ? never : A;
 }
 declare const createState: ({ middleware }?: {
-    middleware?: Middleware | undefined;
+    middleware?: Middleware;
 }) => <T, A>(initialValue: T, actionCreator?: ActionCreator<T, A>, config?: Config) => State<T, A, ActionCreator<T, A>>;
 declare const state: <T, A>(initialValue: T, actionCreator?: ActionCreator<T, A>, config?: Config) => State<T, A, ActionCreator<T, A>>;
 export type { State, ActionCreator };

package/dist/cjs/index.js

@@ -1,116 +0,0 @@
-'use strict';
-
-var shim = require('use-sync-external-store/shim');
-var react = require('react');
-
-const createState = ({
-  middleware
-} = {}) => (initialValue, actionCreator, config) => {
-  let value = initialValue;
-  const listeners = new Set();
-  const get = () => value;
-  let set = newValue => {
-    const nextValue = typeof newValue === 'function' ? newValue(value) : newValue;
-    if (!Object.is(value, nextValue)) {
-      value = nextValue;
-      listeners.forEach(listener => listener());
-    }
-  };
-  const subscribe = listener => {
-    listeners.add(listener);
-    return () => listeners.delete(listener);
-  };
-  if (middleware) set = middleware({
-    set,
-    get,
-    subscribe
-  }, config);
-  return {
-    get,
-    set,
-    subscribe,
-    actions: actionCreator && actionCreator(set, get)
-  };
-};
-const state = /*#__PURE__*/createState();
-
-const isEqual = (args1, args2) => {
-  for (let i = 0; i < args1.length; i++) {
-    if (!Object.is(args1[i], args2[i])) return false;
-  }
-  return true;
-};
-const createSubscriber = items => listener => {
-  const unsubscribers = items.map(item => item.subscribe(listener));
-  return () => unsubscribers.forEach(unsubscribe => unsubscribe());
-};
-const getReactishValues = items => items.map(item => item.get());
-
-const createSelector = ({
-  plugin
-} = {}) => (...items) => {
-  const {
-    length
-  } = items;
-  const cutoff = typeof items[length - 1] === 'function' ? length - 1 : length - 2;
-  const selectorFunc = items[cutoff];
-  const config = items[cutoff + 1];
-  items.length = cutoff;
-  let cache;
-  const selector = {
-    get: () => {
-      const args = getReactishValues(items);
-      if (cache && isEqual(args, cache.args)) return cache.val;
-      const val = selectorFunc(...args);
-      cache = {
-        args,
-        val
-      };
-      return val;
-    },
-    subscribe: createSubscriber(items)
-  };
-  plugin == null || plugin(selector, config);
-  return selector;
-};
-const selector = /*#__PURE__*/createSelector();
-
-const useSnapshot = ({
-  subscribe,
-  get
-}) => shim.useSyncExternalStore(subscribe, get, get);
-
-const useSelector = (selectorParamFactory, deps) => {
-  const items = selectorParamFactory();
-  const cutoff = items.length - 1;
-  const selectorFunc = items[cutoff];
-  items.length = cutoff;
-  const [context] = react.useState(() => ({
-    sub: createSubscriber(items)
-  }));
-  const get = () => {
-    const {
-      cache
-    } = context;
-    const reactishValues = getReactishValues(items);
-    const args = reactishValues.concat(deps || selectorFunc);
-    if (cache && isEqual(args, cache.args)) return cache.val;
-    const val = selectorFunc(...reactishValues);
-    context.cache = {
-      args,
-      val
-    };
-    return val;
-  };
-  return useSnapshot({
-    get,
-    subscribe: context.sub
-  });
-};
-
-exports.createSelector = createSelector;
-exports.createState = createState;
-exports.selector = selector;
-exports.state = state;
-exports.useSelector = useSelector;
-exports.useSnapshot = useSnapshot;

package/dist/esm/index.js

@@ -1,4 +0,0 @@
-export { createState, state } from './vanilla/state.js';
-export { createSelector, selector } from './vanilla/selector.js';
-export { useSnapshot } from './react/useSnapshot.js';
-export { useSelector } from './react/useSelector.js';

package/dist/esm/react/useSnapshot.js

@@ -1,8 +0,0 @@
-import { useSyncExternalStore } from 'use-sync-external-store/shim';
-
-const useSnapshot = ({
-  subscribe,
-  get
-}) => useSyncExternalStore(subscribe, get, get);
-
-export { useSnapshot };

package/dist/middleware/cjs/index.js

@@ -1,79 +0,0 @@
-'use strict';
-
-const applyMiddleware = (middlewares, {
-  fromRight
-} = {}) => (api, config) => middlewares[fromRight ? 'reduceRight' : 'reduce']((set, middleware) => middleware ? middleware({
-  ...api,
-  set
-}, config) : set, api.set);
-
-const persist = ({
-  prefix,
-  getStorage = () => localStorage
-} = {}) => {
-  const states = [];
-  const middleware = ({
-    set,
-    get
-  }, config) => {
-    let key = (config == null ? void 0 : config.key) || '';
-    if (!key) throw new Error('[reactish-state] state should be provided with a string `key` in the config object when the `persist` middleware is used.');
-    if (prefix) key = prefix + key;
-    states.push([key, set]);
-    return (...args) => {
-      set(...args);
-      try {
-        getStorage().setItem(key, JSON.stringify(get()));
-      } catch (_unused) {
-        /* continue regardless of error */
-      }
-    };
-  };
-  middleware.hydrate = () => {
-    states.forEach(([key, set]) => {
-      try {
-        const value = getStorage().getItem(key);
-        value != null && set(value !== 'undefined' ? JSON.parse(value) : undefined, `HYDRATE_${key}`);
-      } catch (_unused2) {
-        /* continue regardless of error */
-      }
-    });
-    states.length = 0;
-  };
-  return middleware;
-};
-
-const reduxDevtools = ({
-  name
-} = {}) => {
-  let devtoolsExt;
-  if (process.env.NODE_ENV === 'production' || typeof window === 'undefined' || !(devtoolsExt = window.__REDUX_DEVTOOLS_EXTENSION__)) return;
-  const devtools = devtoolsExt.connect({
-    name
-  });
-  const mergedState = {};
-  return ({
-    set,
-    get
-  }, config) => {
-    const key = config == null ? void 0 : config.key;
-    if (!key) throw new Error('[reactish-state] state should be provided with a string `key` in the config object when the `reduxDevtools` middleware is used.');
-    mergedState[key] = get();
-    devtools.init(mergedState);
-    return (...args) => {
-      const [value, action] = args;
-      set(...args);
-      mergedState[key] = get();
-      devtools.send(typeof action === 'string' ? {
-        type: action
-      } : action || {
-        type: `SET_${key}`,
-        value
-      }, mergedState);
-    };
-  };
-};
-
-exports.applyMiddleware = applyMiddleware;
-exports.persist = persist;
-exports.reduxDevtools = reduxDevtools;

package/dist/middleware/esm/index.js

@@ -1,3 +0,0 @@
-export { applyMiddleware } from './applyMiddleware.js';
-export { persist } from './persist.js';
-export { reduxDevtools } from './reduxDevtools.js';

package/dist/plugin/esm/index.js

@@ -1,2 +0,0 @@
-export { applyPlugin } from './applyPlugin.js';
-export { reduxDevtools } from './reduxDevtools.js';