react-app-store-manager 2.1.2 → 3.0.0

package/dist/Store.d.ts

@@ -1,35 +1,24 @@
 import React, { Context } from "react";
 interface ListenerInterface {
+    path: string;
     onUpdate(): void;
 }
-declare type update<Value> = (store: Value) => Value;
-export interface StoreInterface<Value, Actions> {
-    value: Value;
-    actions: Actions;
-    update(store: (store: Value) => Value): void;
-    action(actions: (action: Actions) => any): any;
-    context: Context<Value>;
-    subscribe(listener: ListenerInterface): void;
-    unsubscribe(listener: ListenerInterface): void;
-}
-export declare class Store<Value, Actions> {
+export declare class Store<Value> {
     private __value;
-    private readonly __actions?;
     private readonly __context;
     private __listeners;
-    constructor(__value: Value, __actions?: Actions | undefined, __context?: Context<Value>, __listeners?: ListenerInterface[]);
+    constructor(__value: Value, __context?: Context<Value>, __listeners?: ListenerInterface[]);
     value: Value;
-    actions: Actions | undefined;
-    update(store: update<Value>): boolean;
+    update<N>(path: (store: Value) => N, update: (value: N) => N): boolean;
     private __subscribe;
     private __unsubscribe;
     __store: {
         __context: React.Context<Value>;
         __value: Value;
-        __actions: Actions | undefined;
         __listeners: ListenerInterface[];
         __subscribe: (listener: ListenerInterface) => void;
         __unsubscribe: (listener: ListenerInterface) => void;
     };
+    private updateObjectAddressByString;
 }
 export {};

package/dist/Store.js

@@ -7,29 +7,32 @@ exports.Store = void 0;
 var react_1 = __importDefault(require("react"));
 var isEqual_1 = require("./isEqual");
 var Store = /** @class */ (function () {
-    function Store(__value, __actions, __context, __listeners) {
+    function Store(__value, __context, __listeners) {
         if (__context === void 0) { __context = react_1["default"].createContext(__value); }
         if (__listeners === void 0) { __listeners = []; }
         this.__value = __value;
-        this.__actions = __actions;
         this.__context = __context;
         this.__listeners = __listeners;
         this.value = this.__value;
-        this.actions = this.__actions;
         this.__store = {
             __context: this.__context,
             __value: this.__value,
-            __actions: this.__actions,
             __listeners: this.__listeners,
             __subscribe: this.__subscribe,
             __unsubscribe: this.__unsubscribe
         };
     }
-    Store.prototype.update = function (store) {
-        var newValue = store(this.value);
-        if (!(0, isEqual_1.isEqual)(newValue, this.value)) {
-            this.value = newValue;
-            this.__listeners.map(function (listener) { return listener.onUpdate(); });
+    Store.prototype.update = function (path, update) {
+        var objectPath = path.toString().split("=>")[1].trim().split(".").filter(function (val, key) { return key > 0; }).join(".");
+        var oldValue = path(this.value);
+        var newValue = update(path(this.value));
+        if (!(0, isEqual_1.isEqual)(newValue, oldValue)) {
+            this.updateObjectAddressByString(objectPath, newValue);
+            this.__listeners.forEach(function (listener) {
+                if (objectPath.startsWith(listener.path)) {
+                    listener.onUpdate();
+                }
+            });
             return true;
         }
         return false;
@@ -40,6 +43,16 @@ var Store = /** @class */ (function () {
     Store.prototype.__unsubscribe = function (listener) {
         this.__listeners = this.__listeners.filter(function (l) { return l !== listener; });
     };
+    Store.prototype.updateObjectAddressByString = function (path, value) {
+        var object = this.value;
+        var stack = path.split('.');
+        while (stack.length > 1) {
+            // @ts-ignore
+            object = object[stack.shift()];
+        }
+        // @ts-ignore
+        object[stack.shift()] = value;
+    };
     return Store;
 }());
 exports.Store = Store;

package/dist/createStore.d.ts

@@ -1,2 +1,2 @@
 import { Store } from "./Store";
-export declare function createStore<V, A extends object | undefined = undefined>(value: any, actions?: A): Store<V, A>;
+export declare function createStore<V extends {}>(value: V): Store<V>;

package/dist/createStore.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.createStore = void 0;
 var Store_1 = require("./Store");
-function createStore(value, actions) {
-    return new Store_1.Store(value, actions);
+function createStore(value) {
+    return new Store_1.Store(value);
 }
 exports.createStore = createStore;

package/dist/index.d.ts

@@ -1,3 +1,2 @@
-export * from "./Provider";
 export * from "./createStore";
 export * from "./useStore";

package/dist/index.js

@@ -14,6 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 exports.__esModule = true;
-__exportStar(require("./Provider"), exports);
 __exportStar(require("./createStore"), exports);
 __exportStar(require("./useStore"), exports);

package/dist/useStore.d.ts

@@ -1,2 +1,2 @@
 import { Store } from "./Store";
-export declare function useStore<T, A = undefined>(store: Store<T, A>): T;
+export declare function useStore<S, V extends any = any>(store: Store<S>, path: (store: S) => V): V;

package/dist/useStore.js

@@ -2,7 +2,19 @@
 exports.__esModule = true;
 exports.useStore = void 0;
 var react_1 = require("react");
-function useStore(store) {
-    return (0, react_1.useContext)(store.__store.__context);
+function useStore(store, path) {
+    var objectPath = path.toString().split("=>")[1].trim().split(".").filter(function (val, key) { return key > 0; }).join(".");
+    var _a = (0, react_1.useReducer)(function (x) { return !x; }, true), forceUpdate = _a[1];
+    (0, react_1.useEffect)(function () {
+        var listener = {
+            path: objectPath,
+            onUpdate: forceUpdate
+        };
+        store.__store.__subscribe(listener);
+        return function () {
+            store.__store.__unsubscribe(listener);
+        };
+    }, []);
+    return path(store.value);
 }
 exports.useStore = useStore;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-app-store-manager",
-  "version": "2.1.2",
+  "version": "3.0.0",
   "description": "",
   "scripts": {
     "build": "tsc --declaration"