react-app-store-manager 2.1.1 → 3.0.1

package/dist/Provider.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
-import { StoreInterface } from "./Store";
+import { Store } from "./Store";
 interface Props<V, E> {
     children?: ReactNode;
-    store: StoreInterface<V, E>;
+    store: Store<V, E>;
 }
 export declare function Provider<V, E>({ store, children }: Props<V, E>): JSX.Element;
 export {};

package/dist/Provider.js

@@ -27,7 +27,7 @@ exports.Provider = void 0;
 var react_1 = __importStar(require("react"));
 function Provider(_a) {
     var store = _a.store, children = _a.children;
-    var Provider = store.context;
+    var Provider = store.__store.__context;
     var _b = (0, react_1.useReducer)(function (x) { return !x; }, true), updater = _b[0], forceUpdate = _b[1];
     var value = (0, react_1.useMemo)(function () { return store.value; }, [store.value, updater]);
     (0, react_1.useEffect)(function () {
@@ -36,8 +36,8 @@ function Provider(_a) {
                 forceUpdate();
             }
         };
-        store.subscribe(listener);
-        return function () { return store.unsubscribe(listener); };
+        store.__store.__subscribe(listener);
+        return function () { return store.__store.__unsubscribe(listener); };
     }, [store]);
     return (react_1["default"].createElement(Provider.Provider, { value: value }, children));
 }

package/dist/Store.d.ts

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

package/dist/Store.js

@@ -7,27 +7,51 @@ exports.Store = void 0;
 var react_1 = __importDefault(require("react"));
 var isEqual_1 = require("./isEqual");
 var Store = /** @class */ (function () {
-    function Store(value, actions) {
-        this.listeners = [];
-        this.context = react_1["default"].createContext(value);
-        this.value = value;
-        this.actions = actions;
+    function Store(__value, __context, __listeners) {
+        if (__context === void 0) { __context = react_1["default"].createContext(__value); }
+        if (__listeners === void 0) { __listeners = []; }
+        this.__value = __value;
+        this.__context = __context;
+        this.__listeners = __listeners;
+        this.value = this.__value;
+        this.__store = {
+            __context: this.__context,
+            __value: this.__value,
+            __listeners: this.__listeners,
+            __subscribe: this.__subscribe,
+            __unsubscribe: this.__unsubscribe
+        };
     }
-    Store.prototype.update = function (callback) {
-        var newValue = callback(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.path.startsWith(objectPath)) {
+                    listener.onUpdate();
+                }
+            });
+            return true;
         }
+        return false;
     };
-    Store.prototype.action = function (callback) {
-        return callback.bind(this, this.actions);
+    Store.prototype.__subscribe = function (listener) {
+        this.__listeners.push(listener);
     };
-    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.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;
 }());

package/dist/createStore.d.ts

@@ -1,2 +1,2 @@
-import { StoreInterface } from "./Store";
-export declare function createStore<V, A extends object | undefined = undefined>(value: any, actions: A): StoreInterface<V, A>;
+import { Store } from "./Store";
+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 { StoreInterface } from "./Store";
-export declare function useStore<T, A = undefined>(store: StoreInterface<T, A>): T;
+import { Store } from "./Store";
+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.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.1",
+  "version": "3.0.1",
   "description": "",
   "scripts": {
     "build": "tsc --declaration"