reactish-state 0.5.2 → 0.6.0

package/dist/cjs/index.js

@@ -2,33 +2,40 @@
 
 var shim = require('use-sync-external-store/shim');
 
-var state = function state(initialValue, actionCreator) {
-  var value = initialValue;
-  var listeners = new Set();
-  function get() {
-    return value;
-  }
-  function set(newValue) {
-    var nextValue = typeof newValue === 'function' ? newValue(value) : newValue;
-    if (!Object.is(value, nextValue)) {
-      value = nextValue;
-      listeners.forEach(function (listener) {
-        listener();
-      });
-    }
-  }
-  return {
-    get: get,
-    set: set,
-    subscribe: function subscribe(listener) {
-      listeners.add(listener);
-      return function () {
-        listeners["delete"](listener);
-      };
-    },
-    actions: actionCreator && actionCreator(set, get)
+var createState = function createState(_temp) {
+  var _ref = _temp === void 0 ? {} : _temp,
+    enhancer = _ref.enhancer;
+  return function (initialValue, actionCreator) {
+    var value = initialValue;
+    var listeners = new Set();
+    var get = function get() {
+      return value;
+    };
+    var set = function set(newValue) {
+      var nextValue = typeof newValue === 'function' ? newValue(value) : newValue;
+      if (!Object.is(value, nextValue)) {
+        value = nextValue;
+        listeners.forEach(function (listener) {
+          listener();
+        });
+      }
+    };
+    if (enhancer) set = enhancer(set, get);
+    return {
+      get: get,
+      set: set,
+      subscribe: function subscribe(listener) {
+        listeners.add(listener);
+        return function () {
+          listeners["delete"](listener);
+        };
+      },
+      actions: actionCreator && actionCreator(set, get)
+    };
   };
 };
+var state = /*#__PURE__*/createState();
+
 var isEqual = function isEqual(args1, args2) {
   for (var i = 0; i < args1.length; i++) {
     if (!Object.is(args1[i], args2[i])) return false;
@@ -70,10 +77,10 @@ var selector = function selector() {
 };
 
 var useSnapshot = function useSnapshot(state) {
-  var value = shim.useSyncExternalStore(state.subscribe, state.get, state.get);
-  return value;
+  return shim.useSyncExternalStore(state.subscribe, state.get, state.get);
 };
 
+exports.createState = createState;
 exports.selector = selector;
 exports.state = state;
 exports.useSnapshot = useSnapshot;

package/dist/es/index.js

@@ -1,2 +1,3 @@
-export { selector, state } from './vanilla.js';
-export { useSnapshot } from './react.js';
+export { createState, state } from './vanilla/state.js';
+export { selector } from './vanilla/selector.js';
+export { useSnapshot } from './react/useSnapshot.js';

package/dist/es/{react.js → react/useSnapshot.js}

@@ -1,8 +1,7 @@
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
 
 var useSnapshot = function useSnapshot(state) {
-  var value = useSyncExternalStore(state.subscribe, state.get, state.get);
-  return value;
+  return useSyncExternalStore(state.subscribe, state.get, state.get);
 };
 
 export { useSnapshot };

package/dist/es/{vanilla.js → vanilla/selector.js}

@@ -1,30 +1,3 @@
-var state = function state(initialValue, actionCreator) {
-  var value = initialValue;
-  var listeners = new Set();
-  function get() {
-    return value;
-  }
-  function set(newValue) {
-    var nextValue = typeof newValue === 'function' ? newValue(value) : newValue;
-    if (!Object.is(value, nextValue)) {
-      value = nextValue;
-      listeners.forEach(function (listener) {
-        listener();
-      });
-    }
-  }
-  return {
-    get: get,
-    set: set,
-    subscribe: function subscribe(listener) {
-      listeners.add(listener);
-      return function () {
-        listeners["delete"](listener);
-      };
-    },
-    actions: actionCreator && actionCreator(set, get)
-  };
-};
 var isEqual = function isEqual(args1, args2) {
   for (var i = 0; i < args1.length; i++) {
     if (!Object.is(args1[i], args2[i])) return false;
@@ -65,4 +38,4 @@ var selector = function selector() {
   };
 };
 
-export { selector, state };
+export { selector };

package/dist/es/vanilla/state.js

@@ -0,0 +1,35 @@
+var createState = function createState(_temp) {
+  var _ref = _temp === void 0 ? {} : _temp,
+    enhancer = _ref.enhancer;
+  return function (initialValue, actionCreator) {
+    var value = initialValue;
+    var listeners = new Set();
+    var get = function get() {
+      return value;
+    };
+    var set = function set(newValue) {
+      var nextValue = typeof newValue === 'function' ? newValue(value) : newValue;
+      if (!Object.is(value, nextValue)) {
+        value = nextValue;
+        listeners.forEach(function (listener) {
+          listener();
+        });
+      }
+    };
+    if (enhancer) set = enhancer(set, get);
+    return {
+      get: get,
+      set: set,
+      subscribe: function subscribe(listener) {
+        listeners.add(listener);
+        return function () {
+          listeners["delete"](listener);
+        };
+      },
+      actions: actionCreator && actionCreator(set, get)
+    };
+  };
+};
+var state = /*#__PURE__*/createState();
+
+export { createState, state };

package/dist/middleware/cjs/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var applyMiddleware = function applyMiddleware() {
+  for (var _len = arguments.length, middlewares = new Array(_len), _key = 0; _key < _len; _key++) {
+    middlewares[_key] = arguments[_key];
+  }
+  return function (set, get) {
+    middlewares.forEach(function (middleware) {
+      return set = middleware(set, get);
+    });
+    return set;
+  };
+};
+
+exports.applyMiddleware = applyMiddleware;

package/dist/middleware/es/applyMiddleware.js

@@ -0,0 +1,13 @@
+var applyMiddleware = function applyMiddleware() {
+  for (var _len = arguments.length, middlewares = new Array(_len), _key = 0; _key < _len; _key++) {
+    middlewares[_key] = arguments[_key];
+  }
+  return function (set, get) {
+    middlewares.forEach(function (middleware) {
+      return set = middleware(set, get);
+    });
+    return set;
+  };
+};
+
+export { applyMiddleware };

package/dist/middleware/es/index.js

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

package/middleware/package.json

@@ -0,0 +1,7 @@
+{
+  "private": true,
+  "sideEffects": false,
+  "main": "../dist/middleware/cjs/index.js",
+  "module": "../dist/middleware/es/index.js",
+  "types": "../types/middleware/index.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactish-state",
-  "version": "0.5.2",
+  "version": "0.6.0",
   "description": "",
   "author": "Zheng Song",
   "license": "MIT",
@@ -10,7 +10,8 @@
   "sideEffects": false,
   "files": [
     "dist/",
-    "types/"
+    "types/",
+    "middleware"
   ],
   "scripts": {
     "start": "run-p watch \"types -- --watch\"",

package/types/common.d.ts

@@ -0,0 +1,8 @@
+export declare type Getter<T> = () => T;
+export declare type Setter<T> = (newValue: T | ((value: T) => T)) => void;
+export declare type Listener = () => void;
+export interface Reactish<T> {
+    get: Getter<T>;
+    subscribe: (listener: Listener) => () => void;
+}
+export declare type Enhancer<T> = (set: Setter<T>, get: Getter<T>) => Setter<T>;

package/types/index.d.ts

@@ -1,2 +1,4 @@
-export { state, selector } from './vanilla';
-export { useSnapshot } from './react';
+export { state, createState } from './vanilla/state';
+export { selector } from './vanilla/selector';
+export { useSnapshot } from './react/useSnapshot';
+export type { StateCreator } from './vanilla/state';

package/types/middleware/applyMiddleware.d.ts

@@ -0,0 +1,3 @@
+import type { Enhancer } from '../common';
+declare const applyMiddleware: <T>(...middlewares: Enhancer<T>[]) => Enhancer<T>;
+export { applyMiddleware };

package/types/middleware/index.d.ts

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

package/types/{react.d.ts → react/useSnapshot.d.ts}

@@ -1,3 +1,3 @@
-import { Reactish } from './vanilla';
+import type { Reactish } from '../common';
 declare const useSnapshot: <T>(state: Reactish<T>) => T;
 export { useSnapshot };

package/types/vanilla/selector.d.ts

@@ -0,0 +1,11 @@
+import type { Reactish, Listener } from '../common';
+declare type ReactishArray = Reactish<unknown>[];
+declare type ReactishValueArray<R extends ReactishArray> = {
+    [index in keyof R]: ReturnType<R[index]['get']>;
+};
+declare type SelectorFunc<R extends ReactishArray, T> = (...args: ReactishValueArray<R>) => T;
+declare const selector: <R extends ReactishArray, T>(...items: [...R, SelectorFunc<R, T>]) => {
+    get: () => T;
+    subscribe: (listener: Listener) => () => void;
+};
+export { selector };

package/types/vanilla/state.d.ts

@@ -0,0 +1,13 @@
+import type { Setter, Reactish, Enhancer } from '../common';
+declare type ActionCreator<T, A> = ((set: Setter<T>, get: () => T) => A) | undefined;
+interface State<T, A = unknown, C extends ActionCreator<T, A> = undefined> extends Reactish<T> {
+    set: Setter<T>;
+    actions: C extends undefined ? never : A;
+}
+declare type StateCreator = <T, A>(initialValue: T, actionCreator?: ActionCreator<T, A>) => State<T, A, ActionCreator<T, A>>;
+declare const createState: <T, A>({ enhancer }?: {
+    enhancer?: Enhancer<T> | undefined;
+}) => (initialValue: T, actionCreator?: ActionCreator<T, A>) => State<T, A, ActionCreator<T, A>>;
+declare const state: StateCreator;
+export type { StateCreator };
+export { state, createState };

package/types/vanilla.d.ts

@@ -1,22 +0,0 @@
-declare type Listener = () => void;
-declare type Setter<T> = (newValue: T | ((value: T) => T)) => void;
-declare type ActionCreator<T, A> = ((set: Setter<T>, get: () => T) => A) | undefined;
-interface Reactish<T> {
-    get: () => T;
-    subscribe: (listener: Listener) => () => void;
-}
-interface State<T, A = unknown, C extends ActionCreator<T, A> = undefined> extends Reactish<T> {
-    set: Setter<T>;
-    actions: C extends undefined ? never : A;
-}
-declare const state: <T, A>(initialValue: T, actionCreator?: ActionCreator<T, A>) => State<T, A, ActionCreator<T, A>>;
-declare type ReactishArray = Reactish<unknown>[];
-declare type ReactishValueArray<R extends ReactishArray> = {
-    [index in keyof R]: ReturnType<R[index]['get']>;
-};
-declare type SelectorFunc<R extends ReactishArray, T> = (...args: ReactishValueArray<R>) => T;
-declare const selector: <R extends ReactishArray, T>(...items: [...R, SelectorFunc<R, T>]) => {
-    get: () => T;
-    subscribe: (listener: Listener) => () => void;
-};
-export { Reactish, state, selector };