reactish-state 2.0.0-alpha.0 → 2.0.1

package/dist/esm/middleware/applyMiddleware.mjs

@@ -1,8 +1,8 @@
-const applyMiddleware = (middlewares, {
-  fromRight
-} = {}) => api => middlewares[fromRight ? 'reduceRight' : 'reduce']((set, middleware) => middleware ? middleware({
-  ...api,
-  set
+//#region src/middleware/applyMiddleware.ts
+const applyMiddleware = (middlewares, { fromRight } = {}) => (api) => middlewares[fromRight ? "reduceRight" : "reduce"]((set, middleware) => middleware ? middleware({
+	...api,
+	set
 }) : set, api.set);
 
-export { applyMiddleware };
+//#endregion
+export { applyMiddleware };

package/dist/esm/middleware/immer.mjs

@@ -1,7 +1,7 @@
-import { produce } from 'immer';
+import { produce } from "immer";
 
-const immer = ({
-  set
-}) => (value, context) => set(typeof value === 'function' ? produce(value) : value, context);
+//#region src/middleware/immer.ts
+const immer = ({ set }) => (value, context) => set(typeof value === "function" ? produce(value) : value, context);
 
-export { immer };
+//#endregion
+export { immer };

package/dist/esm/middleware/index.mjs

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

package/dist/esm/middleware/persist.mjs

@@ -1,39 +1,30 @@
-const persist = ({
-  prefix,
-  getStorage = () => localStorage
-} = {}) => {
-  const states = [];
-  return {
-    middleware: ({
-      set,
-      get,
-      meta
-    }) => {
-      let key = meta()?.key;
-      if (process.env.NODE_ENV !== 'production' && !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 */
-        }
-      };
-    },
-    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;
-    }
-  };
+//#region src/middleware/persist.ts
+const persist = ({ prefix, getStorage = () => localStorage } = {}) => {
+	const states = [];
+	return {
+		middleware: ({ set, get, meta }) => {
+			let key = meta()?.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 {}
+			};
+		},
+		hydrate: () => {
+			states.forEach(([key, set]) => {
+				try {
+					const value = getStorage().getItem(key);
+					if (value != null) set(value !== "undefined" ? JSON.parse(value) : void 0, `HYDRATE_${key}`);
+				} catch {}
+			});
+			states.length = 0;
+		}
+	};
 };
 
-export { persist };
+//#endregion
+export { persist };

package/dist/esm/middleware/reduxDevtools.mjs

@@ -1,34 +1,24 @@
-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,
-    meta
-  }) => {
-    const key = meta()?.key;
-    if (process.env.NODE_ENV !== 'production' && !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 (value, action) => {
-      set(value, action);
-      mergedState[key] = get();
-      devtools.send(typeof action === 'string' ? {
-        type: action
-      } : action || {
-        type: `SET_${key}`,
-        value
-      }, mergedState);
-    };
-  };
+//#region src/middleware/reduxDevtools.ts
+const reduxDevtools = ({ name } = {}) => {
+	let devtoolsExt;
+	if (typeof window === "undefined" || !(devtoolsExt = window.__REDUX_DEVTOOLS_EXTENSION__)) return;
+	const devtools = devtoolsExt.connect({ name });
+	const mergedState = {};
+	return ({ set, get, meta }) => {
+		const key = meta()?.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 (value, action) => {
+			set(value, action);
+			mergedState[key] = get();
+			devtools.send(typeof action === "string" ? { type: action } : action || {
+				type: `SET_${key}`,
+				value
+			}, mergedState);
+		};
+	};
 };
 
-export { reduxDevtools };
+//#endregion
+export { reduxDevtools };

package/dist/esm/plugin/applyPlugin.mjs

@@ -1,3 +1,5 @@
-const applyPlugin = plugins => selector => plugins.forEach(plugin => plugin?.(selector));
+//#region src/plugin/applyPlugin.ts
+const applyPlugin = (plugins) => (selector) => plugins.forEach((plugin) => plugin?.(selector));
 
-export { applyPlugin };
+//#endregion
+export { applyPlugin };

package/dist/esm/plugin/index.mjs

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

package/dist/esm/plugin/reduxDevtools.mjs

@@ -1,26 +1,20 @@
-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 ({
-    get,
-    subscribe,
-    meta
-  }) => {
-    const key = meta()?.key;
-    if (process.env.NODE_ENV !== 'production' && !key) throw new Error('[reactish-state] selector should be provided with a string `key` in the config object when the `reduxDevtools` plugin is used.');
-    const updateState = () => {
-      mergedState[key] = get();
-      devtools.init(mergedState);
-    };
-    updateState();
-    subscribe(updateState);
-  };
+//#region src/plugin/reduxDevtools.ts
+const reduxDevtools = ({ name } = {}) => {
+	let devtoolsExt;
+	if (typeof window === "undefined" || !(devtoolsExt = window.__REDUX_DEVTOOLS_EXTENSION__)) return;
+	const devtools = devtoolsExt.connect({ name });
+	const mergedState = {};
+	return ({ get, subscribe, meta }) => {
+		const key = meta()?.key;
+		if (!key) throw new Error("[reactish-state] selector should be provided with a string `key` in the config object when the `reduxDevtools` plugin is used.");
+		const updateState = () => {
+			mergedState[key] = get();
+			devtools.init(mergedState);
+		};
+		updateState();
+		subscribe(updateState);
+	};
 };
 
-export { reduxDevtools };
+//#endregion
+export { reduxDevtools };

package/dist/esm/react/shim.mjs

@@ -1,8 +1,10 @@
-import React from 'react';
+import React from "react";
 
+//#region src/react/shim.ts
 let useSyncExternalStore = React.useSyncExternalStore;
 const setReactShim = ([shim]) => {
-  useSyncExternalStore = shim;
+	useSyncExternalStore = shim;
 };
 
-export { setReactShim, useSyncExternalStore };
+//#endregion
+export { setReactShim, useSyncExternalStore };

package/dist/esm/react/useSelector.mjs

@@ -1,27 +1,29 @@
-import { useState } from 'react';
-import { createSubscriber, getSelectorValues, isEqual } from '../utils.mjs';
-import { useSnapshot } from './useSnapshot.mjs';
+'use client';
 
+import { createSubscriber, getSelectorValues, isEqual } from "../utils.mjs";
+import { useSnapshot } from "./useSnapshot.mjs";
+import { useState } from "react";
+
+//#region src/react/useSelector.ts
 const useSelector = (selectorParamFactory, deps) => {
-  const items = selectorParamFactory();
-  const cutoff = items.length - 1;
-  const selectorFunc = items[cutoff];
-  items.length = cutoff;
-  const [context] = useState(() =>
-  // eslint-disable-next-line no-sparse-arrays
-  [, createSubscriber(items)]);
-  return useSnapshot({
-    get: () => {
-      const [cache] = context;
-      const selectorValues = getSelectorValues(items);
-      const args = selectorValues.concat(deps || selectorFunc);
-      if (cache && isEqual(args, cache[0])) return cache[1];
-      const value = selectorFunc(...selectorValues);
-      context[0] = [args, value];
-      return value;
-    },
-    subscribe: context[1]
-  });
+	const items = selectorParamFactory();
+	const cutoff = items.length - 1;
+	const selectorFunc = items[cutoff];
+	items.length = cutoff;
+	const [context] = useState(() => [, createSubscriber(items)]);
+	return useSnapshot({
+		get: () => {
+			const [cache] = context;
+			const selectorValues = getSelectorValues(items);
+			const args = selectorValues.concat(deps || selectorFunc);
+			if (cache && isEqual(args, cache[0])) return cache[1];
+			const value = selectorFunc(...selectorValues);
+			context[0] = [args, value];
+			return value;
+		},
+		subscribe: context[1]
+	});
 };
 
-export { useSelector };
+//#endregion
+export { useSelector };

package/dist/esm/react/useSnapshot.mjs

@@ -1,13 +1,12 @@
-import { useSyncExternalStore } from './shim.mjs';
+'use client';
 
-const useSnapshot = ({
-  subscribe,
-  get
-}) => {
-  if (process.env.NODE_ENV !== 'production' && !useSyncExternalStore) {
-    throw new Error('[reactish-state] Shim setup is required for React 16/17. See: https://github.com/szhsin/reactish-state/tree/master?tab=readme-ov-file#react-1617-setup');
-  }
-  return useSyncExternalStore(subscribe, get, get);
+import { useSyncExternalStore } from "./shim.mjs";
+
+//#region src/react/useSnapshot.ts
+const useSnapshot = ({ subscribe, get }) => {
+	if (!useSyncExternalStore) throw new Error("[reactish-state] Shim setup is required for React 16/17. See: https://github.com/szhsin/reactish-state/tree/master?tab=readme-ov-file#react-1617-setup");
+	return useSyncExternalStore(subscribe, get, get);
 };
 
-export { useSnapshot };
+//#endregion
+export { useSnapshot };

package/dist/esm/shim/index.mjs

@@ -1 +1,3 @@
-export { reactShim } from './reactShim.mjs';
+import { reactShim } from "./reactShim.mjs";
+
+export { reactShim };

package/dist/esm/shim/reactShim.mjs

@@ -1,5 +1,7 @@
-import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
+import { useSyncExternalStore } from "use-sync-external-store/shim/index.js";
 
+//#region src/shim/reactShim.ts
 const reactShim = [useSyncExternalStore];
 
-export { reactShim };
+//#endregion
+export { reactShim };

package/dist/esm/utils.mjs

@@ -1,13 +1,13 @@
+//#region src/utils.ts
 const isEqual = (args1, args2) => {
-  for (let i = 0; i < args1.length; i++) {
-    if (!Object.is(args1[i], args2[i])) return false;
-  }
-  return true;
+	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 createSubscriber = (items) => (listener) => {
+	const unsubscribers = items.map((item) => item.subscribe(listener));
+	return () => unsubscribers.forEach((unsubscribe) => unsubscribe());
 };
-const getSelectorValues = items => items.map(item => item.get());
+const getSelectorValues = (items) => items.map((item) => item.get());
 
-export { createSubscriber, getSelectorValues, isEqual };
+//#endregion
+export { createSubscriber, getSelectorValues, isEqual };

package/dist/esm/vanilla/selector.mjs

@@ -1,27 +1,28 @@
-import { createSubscriber, getSelectorValues, isEqual } from '../utils.mjs';
+import { createSubscriber, getSelectorValues, isEqual } from "../utils.mjs";
 
-const selectorBuilder = plugin => (...items) => {
-  const length = items.length;
-  const cutoff = typeof items[length - 1] === 'function' ? length - 1 : length - 2;
-  const selectorFunc = items[cutoff];
-  const metadata = items[cutoff + 1];
-  items.length = cutoff;
-  let cache;
-  const selector = {
-    get: () => {
-      const args = getSelectorValues(items);
-      if (cache && isEqual(args, cache[0])) return cache[1];
-      const value = selectorFunc(...args);
-      cache = [args, value];
-      return value;
-    },
-    subscribe: createSubscriber(items),
-    meta: () => metadata
-  };
-  plugin?.(selector);
-  return selector;
-  // Wrap TSelectorMeta in a tuple to prevent conditional type distribution;
-};
-const selector = /*#__PURE__*/selectorBuilder();
+//#region src/vanilla/selector.ts
+const selectorBuilder = (plugin) => ((...items) => {
+	const length = items.length;
+	const cutoff = typeof items[length - 1] === "function" ? length - 1 : length - 2;
+	const selectorFunc = items[cutoff];
+	const metadata = items[cutoff + 1];
+	items.length = cutoff;
+	let cache;
+	const selector$1 = {
+		get: () => {
+			const args = getSelectorValues(items);
+			if (cache && isEqual(args, cache[0])) return cache[1];
+			const value = selectorFunc(...args);
+			cache = [args, value];
+			return value;
+		},
+		subscribe: createSubscriber(items),
+		meta: () => metadata
+	};
+	plugin?.(selector$1);
+	return selector$1;
+});
+const selector = selectorBuilder();
 
-export { selector, selectorBuilder };
+//#endregion
+export { selector, selectorBuilder };

package/dist/esm/vanilla/state.mjs

@@ -1,34 +1,35 @@
-const stateBuilder = middleware => (initialValue, actionBuilder, metadata) => {
-  let value = initialValue;
-  const listeners = new Set();
-  const get = () => value;
-  const readonlyState = {
-    get,
-    meta: () => metadata,
-    subscribe: listener => {
-      listeners.add(listener);
-      return () => listeners.delete(listener);
-    }
-  };
-  let set = newValue => {
-    const nextValue = typeof newValue === 'function' ? newValue(value) : newValue;
-    if (!Object.is(value, nextValue)) {
-      const prevValue = value;
-      value = nextValue;
-      listeners.forEach(listener => listener(nextValue, prevValue));
-    }
-  };
-  if (middleware) set = middleware({
-    ...readonlyState,
-    set
-  });
-  return {
-    ...actionBuilder?.(set, get),
-    ...readonlyState,
-    set
-  };
-  // Wrap TStateMeta in a tuple to prevent conditional type distribution
-};
-const state = /*#__PURE__*/stateBuilder();
+//#region src/vanilla/state.ts
+const stateBuilder = (middleware) => ((initialValue, actionBuilder, metadata) => {
+	let value = initialValue;
+	const listeners = /* @__PURE__ */ new Set();
+	const get = () => value;
+	const readonlyState = {
+		get,
+		meta: () => metadata,
+		subscribe: (listener) => {
+			listeners.add(listener);
+			return () => listeners.delete(listener);
+		}
+	};
+	let set = (newValue) => {
+		const nextValue = typeof newValue === "function" ? newValue(value) : newValue;
+		if (!Object.is(value, nextValue)) {
+			const prevValue = value;
+			value = nextValue;
+			listeners.forEach((listener) => listener(nextValue, prevValue));
+		}
+	};
+	if (middleware) set = middleware({
+		...readonlyState,
+		set
+	});
+	return {
+		...actionBuilder?.(set, get),
+		...readonlyState,
+		set
+	};
+});
+const state = stateBuilder();
 
-export { state, stateBuilder };
+//#endregion
+export { state, stateBuilder };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactish-state",
-  "version": "2.0.0-alpha.0",
+  "version": "2.0.1",
   "description": "Simple, decentralized (atomic) state management for React.",
   "author": "Zheng Song",
   "license": "MIT",
@@ -27,19 +27,19 @@
     "redux"
   ],
   "scripts": {
-    "start": "run-p watch \"types -- --watch\"",
-    "bundle": "rollup -c",
-    "watch": "rollup -c -w",
+    "start": "run-p watch \"tc -- --watch\"",
+    "bundle": "rolldown -c",
+    "watch": "rolldown -w -c",
     "clean": "rm -Rf dist types",
-    "types": "tsc",
+    "tc": "tsc",
     "prepare": "rm -Rf types/__tests__",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
+    "lint": "oxlint --type-aware .",
+    "lint:es": "eslint .",
     "pret": "prettier -c .",
     "pret:fix": "prettier -w .",
-    "build": "run-s pret clean types lint bundle",
-    "test": "jest",
-    "test:watch": "jest --watch",
+    "build": "run-s pret clean tc lint lint:es bundle",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "eg": "npm run dev --prefix examples"
   },
   "exports": {
@@ -80,40 +80,36 @@
     }
   },
   "dependencies": {
-    "use-sync-external-store": "^1.5.0"
+    "use-sync-external-store": "^1.6.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.4",
-    "@babel/preset-env": "^7.28.3",
-    "@babel/preset-react": "^7.27.1",
-    "@babel/preset-typescript": "^7.27.1",
     "@redux-devtools/extension": "^3.3.0",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-replace": "^6.0.2",
-    "@testing-library/jest-dom": "^6.8.0",
-    "@testing-library/react": "^16.3.0",
-    "@types/jest": "^30.0.0",
-    "@types/react": "^19.1.12",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
+    "@types/node": "^25.0.3",
+    "@types/react": "^19.2.7",
     "@types/use-sync-external-store": "^1.5.0",
-    "babel-plugin-pure-annotations": "^0.1.2",
+    "@vitest/coverage-istanbul": "^4.0.16",
+    "@vitest/eslint-plugin": "^1.6.4",
     "deplift": "^1.0.1",
-    "eslint": "^9.35.0",
+    "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-jest": "^29.0.1",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-hooks-addons": "^0.5.0",
-    "globals": "^16.3.0",
-    "immer": "^10.1.3",
-    "jest": "^30.1.3",
-    "jest-environment-jsdom": "^30.1.2",
+    "globals": "^16.5.0",
+    "immer": "^11.1.0",
+    "jsdom": "^27.4.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.6.2",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "rollup": "^4.50.1",
-    "typescript": "^5.9.2",
-    "typescript-eslint": "^8.42.0"
+    "oxlint": "^1.35.0",
+    "oxlint-tsgolint": "^0.10.0",
+    "prettier": "^3.7.4",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "rolldown": "^1.0.0-beta.57",
+    "rollup-plugin-add-directive": "^1.0.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.50.1",
+    "vitest": "^4.0.16"
   }
 }