reactish-state 2.0.0-alpha.0 → 2.0.1

package/dist/cjs/_virtual/rolldown_runtime.cjs

@@ -0,0 +1,31 @@
+
+'use strict';
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+exports.__toESM = __toESM;

package/dist/cjs/index.cjs

@@ -1,17 +1,15 @@
-'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.state = state.state;
-exports.stateBuilder = state.stateBuilder;
-exports.selector = selector.selector;
-exports.selectorBuilder = selector.selectorBuilder;
-exports.useSnapshot = useSnapshot.useSnapshot;
-exports.useSelector = useSelector.useSelector;
-exports.setReactShim = shim.setReactShim;
+'use strict';
+const require_state = require('./vanilla/state.cjs');
+const require_selector = require('./vanilla/selector.cjs');
+const require_shim = require('./react/shim.cjs');
+const require_useSnapshot = require('./react/useSnapshot.cjs');
+const require_useSelector = require('./react/useSelector.cjs');
+
+exports.selector = require_selector.selector;
+exports.selectorBuilder = require_selector.selectorBuilder;
+exports.setReactShim = require_shim.setReactShim;
+exports.state = require_state.state;
+exports.stateBuilder = require_state.stateBuilder;
+exports.useSelector = require_useSelector.useSelector;
+exports.useSnapshot = require_useSnapshot.useSnapshot;

package/dist/cjs/middleware/applyMiddleware.cjs

@@ -1,10 +1,11 @@
+
 'use strict';
 
-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);
 
-exports.applyMiddleware = applyMiddleware;
+//#endregion
+exports.applyMiddleware = applyMiddleware;

package/dist/cjs/middleware/immer.cjs

@@ -1,9 +1,9 @@
-'use strict';
 
-var immer$1 = require('immer');
+'use strict';
+let immer = require("immer");
 
-const immer = ({
-  set
-}) => (value, context) => set(typeof value === 'function' ? immer$1.produce(value) : value, context);
+//#region src/middleware/immer.ts
+const immer$1 = ({ set }) => (value, context) => set(typeof value === "function" ? (0, immer.produce)(value) : value, context);
 
-exports.immer = immer;
+//#endregion
+exports.immer = immer$1;

package/dist/cjs/middleware/index.cjs

@@ -1,11 +1,9 @@
-'use strict';
-
-var applyMiddleware = require('./applyMiddleware.cjs');
-var persist = require('./persist.cjs');
-var reduxDevtools = require('./reduxDevtools.cjs');
-
 
+'use strict';
+const require_applyMiddleware = require('./applyMiddleware.cjs');
+const require_persist = require('./persist.cjs');
+const require_reduxDevtools = require('./reduxDevtools.cjs');
 
-exports.applyMiddleware = applyMiddleware.applyMiddleware;
-exports.persist = persist.persist;
-exports.reduxDevtools = reduxDevtools.reduxDevtools;
+exports.applyMiddleware = require_applyMiddleware.applyMiddleware;
+exports.persist = require_persist.persist;
+exports.reduxDevtools = require_reduxDevtools.reduxDevtools;

package/dist/cjs/middleware/persist.cjs

@@ -1,41 +1,33 @@
+
 'use strict';
 
-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 (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 {}
+			};
+		},
+		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;
+		}
+	};
 };
 
-exports.persist = persist;
+//#endregion
+exports.persist = persist;

package/dist/cjs/middleware/reduxDevtools.cjs

@@ -1,36 +1,27 @@
+
 '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,
-    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 (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);
+		};
+	};
 };
 
-exports.reduxDevtools = reduxDevtools;
+//#endregion
+exports.reduxDevtools = reduxDevtools;

package/dist/cjs/plugin/applyPlugin.cjs

@@ -1,5 +1,8 @@
+
 'use strict';
 
-const applyPlugin = plugins => selector => plugins.forEach(plugin => plugin?.(selector));
+//#region src/plugin/applyPlugin.ts
+const applyPlugin = (plugins) => (selector) => plugins.forEach((plugin) => plugin?.(selector));
 
-exports.applyPlugin = applyPlugin;
+//#endregion
+exports.applyPlugin = applyPlugin;

package/dist/cjs/plugin/index.cjs

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

package/dist/cjs/plugin/reduxDevtools.cjs

@@ -1,28 +1,23 @@
+
 '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 ({
-    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 (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);
+	};
 };
 
-exports.reduxDevtools = reduxDevtools;
+//#endregion
+exports.reduxDevtools = reduxDevtools;

package/dist/cjs/react/shim.cjs

@@ -1,10 +1,20 @@
-'use strict';
 
-var React = require('react');
+'use strict';
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
 
-exports.useSyncExternalStore = React.useSyncExternalStore;
+//#region src/react/shim.ts
+let useSyncExternalStore = react.default.useSyncExternalStore;
 const setReactShim = ([shim]) => {
-  exports.useSyncExternalStore = shim;
+	useSyncExternalStore = shim;
 };
 
+//#endregion
 exports.setReactShim = setReactShim;
+Object.defineProperty(exports, 'useSyncExternalStore', {
+  enumerable: true,
+  get: function () {
+    return useSyncExternalStore;
+  }
+});

package/dist/cjs/react/useSelector.cjs

@@ -1,29 +1,32 @@
+
 'use strict';
+'use client';
 
-var React = require('react');
-var utils = require('../utils.cjs');
-var useSnapshot = require('./useSnapshot.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_utils = require('../utils.cjs');
+const require_useSnapshot = require('./useSnapshot.cjs');
+let react = require("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] = React.useState(() =>
-  // eslint-disable-next-line no-sparse-arrays
-  [, utils.createSubscriber(items)]);
-  return useSnapshot.useSnapshot({
-    get: () => {
-      const [cache] = context;
-      const selectorValues = utils.getSelectorValues(items);
-      const args = selectorValues.concat(deps || selectorFunc);
-      if (cache && utils.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] = (0, react.useState)(() => [, require_utils.createSubscriber(items)]);
+	return require_useSnapshot.useSnapshot({
+		get: () => {
+			const [cache] = context;
+			const selectorValues = require_utils.getSelectorValues(items);
+			const args = selectorValues.concat(deps || selectorFunc);
+			if (cache && require_utils.isEqual(args, cache[0])) return cache[1];
+			const value = selectorFunc(...selectorValues);
+			context[0] = [args, value];
+			return value;
+		},
+		subscribe: context[1]
+	});
 };
 
-exports.useSelector = useSelector;
+//#endregion
+exports.useSelector = useSelector;

package/dist/cjs/react/useSnapshot.cjs

@@ -1,15 +1,14 @@
+
 'use strict';
+'use client';
 
-var shim = require('./shim.cjs');
+const require_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. See: https://github.com/szhsin/reactish-state/tree/master?tab=readme-ov-file#react-1617-setup');
-  }
-  return shim.useSyncExternalStore(subscribe, get, get);
+//#region src/react/useSnapshot.ts
+const useSnapshot = ({ subscribe, get }) => {
+	if (process.env.NODE_ENV !== "production" && !require_shim.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 require_shim.useSyncExternalStore(subscribe, get, get);
 };
 
-exports.useSnapshot = useSnapshot;
+//#endregion
+exports.useSnapshot = useSnapshot;

package/dist/cjs/shim/index.cjs

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

package/dist/cjs/shim/reactShim.cjs

@@ -1,7 +1,9 @@
-'use strict';
 
-var shim = require('use-sync-external-store/shim/index.js');
+'use strict';
+let use_sync_external_store_shim = require("use-sync-external-store/shim/index.js");
 
-const reactShim = [shim.useSyncExternalStore];
+//#region src/shim/reactShim.ts
+const reactShim = [use_sync_external_store_shim.useSyncExternalStore];
 
-exports.reactShim = reactShim;
+//#endregion
+exports.reactShim = reactShim;

package/dist/cjs/utils.cjs

@@ -1,17 +1,18 @@
+
 'use strict';
 
+//#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());
 
+//#endregion
 exports.createSubscriber = createSubscriber;
 exports.getSelectorValues = getSelectorValues;
-exports.isEqual = isEqual;
+exports.isEqual = isEqual;

package/dist/cjs/vanilla/selector.cjs

@@ -1,30 +1,31 @@
-'use strict';
 
-var utils = require('../utils.cjs');
+'use strict';
+const require_utils = require('../utils.cjs');
 
-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 = utils.getSelectorValues(items);
-      if (cache && utils.isEqual(args, cache[0])) return cache[1];
-      const value = selectorFunc(...args);
-      cache = [args, value];
-      return value;
-    },
-    subscribe: utils.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 = require_utils.getSelectorValues(items);
+			if (cache && require_utils.isEqual(args, cache[0])) return cache[1];
+			const value = selectorFunc(...args);
+			cache = [args, value];
+			return value;
+		},
+		subscribe: require_utils.createSubscriber(items),
+		meta: () => metadata
+	};
+	plugin?.(selector$1);
+	return selector$1;
+});
+const selector = selectorBuilder();
 
+//#endregion
 exports.selector = selector;
-exports.selectorBuilder = selectorBuilder;
+exports.selectorBuilder = selectorBuilder;

package/dist/cjs/vanilla/state.cjs

@@ -1,37 +1,39 @@
+
 'use strict';
 
-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();
 
+//#endregion
 exports.state = state;
-exports.stateBuilder = stateBuilder;
+exports.stateBuilder = stateBuilder;

package/dist/esm/index.mjs

@@ -1,5 +1,7 @@
-export { state, stateBuilder } from './vanilla/state.mjs';
-export { selector, selectorBuilder } from './vanilla/selector.mjs';
-export { useSnapshot } from './react/useSnapshot.mjs';
-export { useSelector } from './react/useSelector.mjs';
-export { setReactShim } from './react/shim.mjs';
+import { state, stateBuilder } from "./vanilla/state.mjs";
+import { selector, selectorBuilder } from "./vanilla/selector.mjs";
+import { setReactShim } from "./react/shim.mjs";
+import { useSnapshot } from "./react/useSnapshot.mjs";
+import { useSelector } from "./react/useSelector.mjs";
+
+export { selector, selectorBuilder, setReactShim, state, stateBuilder, useSelector, useSnapshot };