reactish-state 0.7.1 → 0.8.0

package/dist/cjs/index.js

@@ -5,7 +5,7 @@ var shim = require('use-sync-external-store/shim');
 var createState = function createState(_temp) {
   var _ref = _temp === void 0 ? {} : _temp,
     middleware = _ref.middleware;
-  return function (initialValue, actionCreator, context) {
+  return function (initialValue, actionCreator, config) {
     var value = initialValue;
     var listeners = new Set();
     var get = function get() {
@@ -20,7 +20,7 @@ var createState = function createState(_temp) {
         });
       }
     };
-    if (middleware) set = middleware(set, get, context);
+    if (middleware) set = middleware(set, get, config);
     return {
       get: get,
       set: set,

package/dist/es/vanilla/state.js

@@ -1,7 +1,7 @@
 var createState = function createState(_temp) {
   var _ref = _temp === void 0 ? {} : _temp,
     middleware = _ref.middleware;
-  return function (initialValue, actionCreator, context) {
+  return function (initialValue, actionCreator, config) {
     var value = initialValue;
     var listeners = new Set();
     var get = function get() {
@@ -16,7 +16,7 @@ var createState = function createState(_temp) {
         });
       }
     };
-    if (middleware) set = middleware(set, get, context);
+    if (middleware) set = middleware(set, get, config);
     return {
       get: get,
       set: set,

package/dist/middleware/cjs/index.js

@@ -1,29 +1,21 @@
 'use strict';
 
+var immer$1 = require('immer');
+
 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, context) {
+  return function (set, get, config) {
     return middlewares.reduceRight(function (prev, curr) {
-      return curr(prev, get, context);
+      return curr(prev, get, config);
     }, set);
   };
 };
 
-var devtools = function devtools(set, get, context) {
-  if (typeof window === 'undefined') return set;
-  var devtoolsExtension = window.__REDUX_DEVTOOLS_EXTENSION__;
-  var extension = devtoolsExtension.connect({
-    name: context.key
-  });
-  extension.init(get());
-  return function (vaule) {
-    set(vaule);
-    extension.send({
-      type: 'anonymous',
-      vaule: vaule
-    }, get());
+var immer = function immer(set) {
+  return function (value) {
+    return set(typeof value === 'function' ? immer$1.produce(value) : value);
   };
 };
 
@@ -35,9 +27,9 @@ var persist = function persist(_temp) {
       return localStorage;
     } : _ref$getStorage;
   var states = [];
-  var middleware = function middleware(set, get, context) {
-    var key = context ? context.key : '';
-    if (!key) throw new Error('[reactish-state] state should be provided with a string `key` in the context object when the `persist` middleware is used.');
+  var middleware = function middleware(set, get, config) {
+    var key = config ? 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 function (value) {
@@ -57,6 +49,21 @@ var persist = function persist(_temp) {
   return middleware;
 };
 
+var reduxDevtools = function reduxDevtools(set, get, config) {
+  if (typeof window === 'undefined' || !window.__REDUX_DEVTOOLS_EXTENSION__) return set;
+  var devtools = window.__REDUX_DEVTOOLS_EXTENSION__.connect({
+    name: config == null ? void 0 : config.key
+  });
+  devtools.init(get());
+  return function (vaule) {
+    set(vaule);
+    devtools.send({
+      type: 'SET_STATE'
+    }, get());
+  };
+};
+
 exports.applyMiddleware = applyMiddleware;
-exports.devtools = devtools;
+exports.immer = immer;
 exports.persist = persist;
+exports.reduxDevtools = reduxDevtools;

package/dist/middleware/es/applyMiddleware.js

@@ -2,9 +2,9 @@ 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, context) {
+  return function (set, get, config) {
     return middlewares.reduceRight(function (prev, curr) {
-      return curr(prev, get, context);
+      return curr(prev, get, config);
     }, set);
   };
 };

package/dist/middleware/es/immer.js

@@ -0,0 +1,9 @@
+import { produce } from 'immer';
+
+var immer = function immer(set) {
+  return function (value) {
+    return set(typeof value === 'function' ? produce(value) : value);
+  };
+};
+
+export { immer };

package/dist/middleware/es/index.js

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

package/dist/middleware/es/persist.js

@@ -6,9 +6,9 @@ var persist = function persist(_temp) {
       return localStorage;
     } : _ref$getStorage;
   var states = [];
-  var middleware = function middleware(set, get, context) {
-    var key = context ? context.key : '';
-    if (!key) throw new Error('[reactish-state] state should be provided with a string `key` in the context object when the `persist` middleware is used.');
+  var middleware = function middleware(set, get, config) {
+    var key = config ? 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 function (value) {

package/dist/middleware/es/reduxDevtools.js

@@ -0,0 +1,15 @@
+var reduxDevtools = function reduxDevtools(set, get, config) {
+  if (typeof window === 'undefined' || !window.__REDUX_DEVTOOLS_EXTENSION__) return set;
+  var devtools = window.__REDUX_DEVTOOLS_EXTENSION__.connect({
+    name: config == null ? void 0 : config.key
+  });
+  devtools.init(get());
+  return function (vaule) {
+    set(vaule);
+    devtools.send({
+      type: 'SET_STATE'
+    }, get());
+  };
+};
+
+export { reduxDevtools };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactish-state",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "description": "",
   "author": "Zheng Song",
   "license": "MIT",
@@ -29,7 +29,13 @@
   },
   "peerDependencies": {
     "react": "^16.8 || ^17.0 || ^18.0",
-    "react-dom": "^16.8 || ^17.0 || ^18.0"
+    "react-dom": "^16.8 || ^17.0 || ^18.0",
+    "immer": ">=6.0"
+  },
+  "peerDependenciesMeta": {
+    "immer": {
+      "optional": true
+    }
   },
   "dependencies": {
     "use-sync-external-store": "^1.2.0"
@@ -38,6 +44,7 @@
     "@babel/core": "^7.19.6",
     "@babel/preset-env": "^7.19.4",
     "@babel/preset-typescript": "^7.18.6",
+    "@redux-devtools/extension": "^3.2.3",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
     "@types/jest": "^29.1.2",
@@ -52,6 +59,7 @@
     "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-hooks-addons": "^0.3.1",
+    "immer": "^9.0.16",
     "jest": "^29.2.2",
     "jest-environment-jsdom": "^29.2.2",
     "npm-run-all": "^4.1.5",

package/types/common.d.ts

@@ -6,5 +6,5 @@ export interface Reactish<T> {
     subscribe: (listener: Listener) => () => void;
 }
 export interface Middleware {
-    <T, X>(set: Setter<T>, get: Getter<T>, context?: X): Setter<T>;
+    <T, X>(set: Setter<T>, get: Getter<T>, config?: X): Setter<T>;
 }

package/types/middleware/immer.d.ts

@@ -0,0 +1,3 @@
+import type { Middleware } from '../common';
+declare const immer: Middleware;
+export { immer };

package/types/middleware/index.d.ts

@@ -1,3 +1,4 @@
 export { applyMiddleware } from './applyMiddleware';
-export { devtools } from './devtools';
+export { immer } from './immer';
 export { persist } from './persist';
+export { reduxDevtools } from './reduxDevtools';

package/types/middleware/reduxDevtools.d.ts

@@ -0,0 +1,3 @@
+import type { Middleware } from '../common';
+declare const reduxDevtools: Middleware;
+export { reduxDevtools };

package/types/vanilla/state.d.ts

@@ -4,10 +4,10 @@ interface State<T, A = unknown, C extends ActionCreator<T, A> = undefined> exten
     set: Setter<T>;
     actions: C extends undefined ? never : A;
 }
-declare type StateCreator = <T, A, X>(initialValue: T, actionCreator?: ActionCreator<T, A>, context?: X) => State<T, A, ActionCreator<T, A>>;
+declare type StateCreator = <T, A, X>(initialValue: T, actionCreator?: ActionCreator<T, A>, config?: X) => State<T, A, ActionCreator<T, A>>;
 declare const createState: <T, X>({ middleware }?: {
     middleware?: Middleware | undefined;
-}) => <A>(initialValue: T, actionCreator?: ActionCreator<T, A>, context?: X | undefined) => State<T, A, ActionCreator<T, A>>;
+}) => <A>(initialValue: T, actionCreator?: ActionCreator<T, A>, config?: X | undefined) => State<T, A, ActionCreator<T, A>>;
 declare const state: StateCreator;
 export type { StateCreator };
 export { state, createState };

package/dist/middleware/es/devtools.js

@@ -1,17 +0,0 @@
-var devtools = function devtools(set, get, context) {
-  if (typeof window === 'undefined') return set;
-  var devtoolsExtension = window.__REDUX_DEVTOOLS_EXTENSION__;
-  var extension = devtoolsExtension.connect({
-    name: context.key
-  });
-  extension.init(get());
-  return function (vaule) {
-    set(vaule);
-    extension.send({
-      type: 'anonymous',
-      vaule: vaule
-    }, get());
-  };
-};
-
-export { devtools };

package/dist/middleware/es/logger.js

@@ -1,10 +0,0 @@
-/* eslint-disable no-console */
-var logger = function logger(set, get) {
-  return function (value) {
-    console.log('setting', value);
-    set(value);
-    console.log('next state', get());
-  };
-};
-
-export { logger };

package/types/middleware/devtools.d.ts

@@ -1,3 +0,0 @@
-import type { Middleware } from '../common';
-declare const devtools: Middleware;
-export { devtools };