react-app-store-manager 2.1.2 → 3.0.2

package/dist/Store.d.ts

@@ -1,35 +1,17 @@
-import React, { Context } from "react";
-interface ListenerInterface {
+import { Context } from "react";
+interface Listener {
+    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[]);
-    value: Value;
-    actions: Actions | undefined;
-    update(store: update<Value>): 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;
-    };
+    constructor(__value: Value, __context?: Context<Value>, __listeners?: Listener[]);
+    update<N>(path: (store: Value) => N, update: (value: N) => N): boolean;
+    get<N>(path: (store: Value) => N): N;
+    __subscribe(listener: Listener): void;
+    __unsubscribe(listener: Listener): void;
+    private updateObjectAddressByString;
 }
 export {};

package/dist/Store.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -7,39 +18,48 @@ 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.__value = (__assign({}, this.__value));
+            this.updateObjectAddressByString(objectPath, newValue);
+            this.__listeners.forEach(function (listener) {
+                if (listener.path.includes(objectPath) || objectPath.includes(listener.path)) {
+                    listener.onUpdate();
+                }
+            });
             return true;
         }
         return false;
     };
+    Store.prototype.get = function (path) {
+        return path(this.__value);
+    };
     Store.prototype.__subscribe = function (listener) {
         this.__listeners.push(listener);
     };
     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: object): 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): any;

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; }, false), refresh = _a[1];
+    var listener = {
+        path: objectPath,
+        onUpdate: refresh
+    };
+    (0, react_1.useEffect)(function () {
+        store.__subscribe(listener);
+        return function () {
+            store.__unsubscribe(listener);
+        };
+    }, []);
+    return store.get(path);
 }
 exports.useStore = useStore;

package/package.json

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