reactish-state 0.7.0 → 0.7.2

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

@@ -4,11 +4,24 @@ 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) {
-    middlewares.forEach(function (middleware) {
-      return set = middleware(set, get, context);
-    });
-    return set;
+  return function (set, get, config) {
+    return middlewares.reduceRight(function (prev, curr) {
+      return curr(prev, get, config);
+    }, set);
+  };
+};
+
+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());
   };
 };
 
@@ -20,9 +33,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) {
@@ -44,3 +57,4 @@ var persist = function persist(_temp) {
 
 exports.applyMiddleware = applyMiddleware;
 exports.persist = persist;
+exports.reduxDevtools = reduxDevtools;

package/dist/middleware/es/applyMiddleware.js

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

package/dist/middleware/es/index.js

@@ -1,2 +1,3 @@
 export { applyMiddleware } from './applyMiddleware.js';
+export { reduxDevtools } from './reduxDevtools.js';
 export { persist } from './persist.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.0",
+  "version": "0.7.2",
   "description": "",
   "author": "Zheng Song",
   "license": "MIT",
@@ -38,6 +38,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",

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/index.d.ts

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

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 };