reactish-state 0.8.0 → 0.8.1

package/dist/middleware/cjs/index.js

@@ -15,7 +15,10 @@ var applyMiddleware = function applyMiddleware() {
 
 var immer = function immer(set) {
   return function (value) {
-    return set(typeof value === 'function' ? immer$1.produce(value) : value);
+    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      rest[_key - 1] = arguments[_key];
+    }
+    return set.apply(void 0, [typeof value === 'function' ? immer$1.produce(value) : value].concat(rest));
   };
 };
 
@@ -28,12 +31,12 @@ var persist = function persist(_temp) {
     } : _ref$getStorage;
   var states = [];
   var middleware = function middleware(set, get, config) {
-    var key = config ? config.key : '';
+    var key = (config == null ? void 0 : 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) {
-      set(value);
+    return function () {
+      set.apply(void 0, arguments);
       getStorage().setItem(key, JSON.stringify(get()));
     };
   };
@@ -42,7 +45,7 @@ var persist = function persist(_temp) {
       var key = _ref2[0],
         set = _ref2[1];
       var value = getStorage().getItem(key);
-      value && set(JSON.parse(value));
+      value && set(JSON.parse(value), 'HYDRATE');
     });
     states.length = 0;
   };
@@ -55,10 +58,13 @@ var reduxDevtools = function reduxDevtools(set, get, config) {
     name: config == null ? void 0 : config.key
   });
   devtools.init(get());
-  return function (vaule) {
-    set(vaule);
-    devtools.send({
-      type: 'SET_STATE'
+  return function (value, action) {
+    set.apply(null, arguments);
+    devtools.send(typeof action === 'string' ? {
+      type: action
+    } : action || {
+      type: 'SET',
+      value: value
     }, get());
   };
 };

package/dist/middleware/es/immer.js

@@ -2,7 +2,10 @@ import { produce } from 'immer';
 
 var immer = function immer(set) {
   return function (value) {
-    return set(typeof value === 'function' ? produce(value) : value);
+    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      rest[_key - 1] = arguments[_key];
+    }
+    return set.apply(void 0, [typeof value === 'function' ? produce(value) : value].concat(rest));
   };
 };
 

package/dist/middleware/es/persist.js

@@ -7,12 +7,12 @@ var persist = function persist(_temp) {
     } : _ref$getStorage;
   var states = [];
   var middleware = function middleware(set, get, config) {
-    var key = config ? config.key : '';
+    var key = (config == null ? void 0 : 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) {
-      set(value);
+    return function () {
+      set.apply(void 0, arguments);
       getStorage().setItem(key, JSON.stringify(get()));
     };
   };
@@ -21,7 +21,7 @@ var persist = function persist(_temp) {
       var key = _ref2[0],
         set = _ref2[1];
       var value = getStorage().getItem(key);
-      value && set(JSON.parse(value));
+      value && set(JSON.parse(value), 'HYDRATE');
     });
     states.length = 0;
   };

package/dist/middleware/es/reduxDevtools.js

@@ -4,10 +4,13 @@ var reduxDevtools = function reduxDevtools(set, get, config) {
     name: config == null ? void 0 : config.key
   });
   devtools.init(get());
-  return function (vaule) {
-    set(vaule);
-    devtools.send({
-      type: 'SET_STATE'
+  return function (value, action) {
+    set.apply(null, arguments);
+    devtools.send(typeof action === 'string' ? {
+      type: action
+    } : action || {
+      type: 'SET',
+      value: value
     }, get());
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactish-state",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "",
   "author": "Zheng Song",
   "license": "MIT",

package/types/common.d.ts

@@ -1,10 +1,16 @@
 export declare type Getter<T> = () => T;
-export declare type Setter<T> = (newValue: T | ((value: T) => T)) => void;
+export declare type Setter<T> = (newValue: T | ((value: T) => T), action?: string | {
+    type: string;
+    [key: string]: unknown;
+}) => void;
 export declare type Listener = () => void;
 export interface Reactish<T> {
     get: Getter<T>;
     subscribe: (listener: Listener) => () => void;
 }
+export interface Config {
+    key?: string;
+}
 export interface Middleware {
-    <T, X>(set: Setter<T>, get: Getter<T>, config?: X): Setter<T>;
+    <T>(set: Setter<T>, get: Getter<T>, config?: Config): Setter<T>;
 }

package/types/index.d.ts

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

package/types/vanilla/state.d.ts

@@ -1,13 +1,11 @@
-import type { Setter, Reactish, Middleware } from '../common';
+import type { Setter, Reactish, Config, Middleware } from '../common';
 declare type ActionCreator<T, A> = ((set: Setter<T>, get: () => T) => A) | null | 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, X>(initialValue: T, actionCreator?: ActionCreator<T, A>, config?: X) => State<T, A, ActionCreator<T, A>>;
-declare const createState: <T, X>({ middleware }?: {
+declare const createState: ({ middleware }?: {
     middleware?: Middleware | undefined;
-}) => <A>(initialValue: T, actionCreator?: ActionCreator<T, A>, config?: X | undefined) => State<T, A, ActionCreator<T, A>>;
-declare const state: StateCreator;
-export type { StateCreator };
+}) => <T, A>(initialValue: T, actionCreator?: ActionCreator<T, A>, config?: Config) => State<T, A, ActionCreator<T, A>>;
+declare const state: <T, A>(initialValue: T, actionCreator?: ActionCreator<T, A>, config?: Config) => State<T, A, ActionCreator<T, A>>;
 export { state, createState };

package/types/middleware/logger.d.ts

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