@tramvai/state 2.70.0 → 2.72.0

package/lib/devTools/index.es.js

@@ -0,0 +1,21 @@
+/*
+### TODO
+
+Монорепозиторий экосистемы [redux-devtools](https://github.com/reduxjs/redux-devtools)
+
+Пример кастомной [интеграции redux-devtools с mobx](https://github.com/zalmoxisus/mobx-remotedev/blob/master/src/monitorActions.js)
+
+Интегрированный в DevTools функционал:
+
+1. Лог экшенов
+2. Состояние стейта
+3. Dispatch
+4. ~~Time Traveling~~
+ */
+// eslint-disable-next-line import/no-mutable-exports
+let middleware = () => () => (next) => (event) => next(event);
+if (process.env.NODE_ENV !== 'production') {
+    middleware = require('./middleware.es.js').middleware;
+}
+
+export { middleware };

package/lib/devTools/index.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/*
+### TODO
+
+Монорепозиторий экосистемы [redux-devtools](https://github.com/reduxjs/redux-devtools)
+
+Пример кастомной [интеграции redux-devtools с mobx](https://github.com/zalmoxisus/mobx-remotedev/blob/master/src/monitorActions.js)
+
+Интегрированный в DevTools функционал:
+
+1. Лог экшенов
+2. Состояние стейта
+3. Dispatch
+4. ~~Time Traveling~~
+ */
+// eslint-disable-next-line import/no-mutable-exports
+exports.middleware = () => () => (next) => (event) => next(event);
+if (process.env.NODE_ENV !== 'production') {
+    exports.middleware = require('./middleware.js').middleware;
+}

package/lib/devTools/middleware.es.js

@@ -0,0 +1,37 @@
+import pick from '@tinkoff/utils/object/pick';
+import { devTools } from './devTools.es.js';
+import { DISPATCH } from './constants.es.js';
+
+const middleware = ({ pickState } = {}) => (api) => (next) => {
+    const getState = pickState && pickState.length ? () => pick(pickState, api.getState()) : api.getState;
+    // TODO: типизировать message
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    devTools.subscribe((message) => {
+        if (message.type === 'DISPATCH' && message.state) {
+            switch (message.payload.type) {
+                                // TODO: имплементировать все возможные действия из DevTools
+            }
+        }
+        else if (message.type === 'ACTION' && message.payload) {
+            try {
+                // eslint-disable-next-line no-new-func
+                const action = new Function(`return ${message.payload}`)();
+                api.dispatch(action);
+            }
+            catch (e) {
+                devTools.error(e.message);
+            }
+        }
+    });
+    devTools.init(getState());
+    return (event) => {
+        const result = next(event);
+        devTools.send({
+            type: `${DISPATCH} ${event.type}`,
+            event,
+        }, getState());
+        return result;
+    };
+};
+
+export { middleware };

package/lib/devTools/middleware.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var pick = require('@tinkoff/utils/object/pick');
+var devTools = require('./devTools.js');
+var constants = require('./constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var pick__default = /*#__PURE__*/_interopDefaultLegacy(pick);
+
+const middleware = ({ pickState } = {}) => (api) => (next) => {
+    const getState = pickState && pickState.length ? () => pick__default["default"](pickState, api.getState()) : api.getState;
+    // TODO: типизировать message
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    devTools.devTools.subscribe((message) => {
+        if (message.type === 'DISPATCH' && message.state) {
+            switch (message.payload.type) {
+                                // TODO: имплементировать все возможные действия из DevTools
+            }
+        }
+        else if (message.type === 'ACTION' && message.payload) {
+            try {
+                // eslint-disable-next-line no-new-func
+                const action = new Function(`return ${message.payload}`)();
+                api.dispatch(action);
+            }
+            catch (e) {
+                devTools.devTools.error(e.message);
+            }
+        }
+    });
+    devTools.devTools.init(getState());
+    return (event) => {
+        const result = next(event);
+        devTools.devTools.send({
+            type: `${constants.DISPATCH} ${event.type}`,
+            event,
+        }, getState());
+        return result;
+    };
+};
+
+exports.middleware = middleware;

package/lib/dispatcher/childDispatcherContext.es.js

@@ -0,0 +1,46 @@
+import { DispatcherContext } from './dispatcherContext.es.js';
+
+class ChildDispatcherContext extends DispatcherContext {
+    /**
+     * @param context The context to be used for store instances
+     */
+    constructor({ dispatcher, context, initialState, parentDispatcherContext, middlewares, parentAllowedStores, }) {
+        super(dispatcher, context, initialState, middlewares);
+        this.allowedParentStores = new Set();
+        this.parentDispatcherContext = parentDispatcherContext;
+        parentAllowedStores === null || parentAllowedStores === void 0 ? void 0 : parentAllowedStores.forEach((store) => {
+            const storeName = this.dispatcher.getStoreName(typeof store === 'object' ? store.store : store);
+            this.allowedParentStores.add(storeName);
+            // use just storeName to prevent store initialization on the root-app side
+            this.getStore({ store: storeName, optional: true });
+        });
+    }
+    getStore(storeClass) {
+        let storeClassPrepared;
+        if (typeof storeClass === 'object') {
+            storeClassPrepared = storeClass.store;
+        }
+        else {
+            storeClassPrepared = storeClass;
+        }
+        const storeName = this.dispatcher.getStoreName(storeClassPrepared);
+        if (this.dispatcher.stores[storeName]) {
+            return super.getStore(storeClass);
+        }
+        if (this.allowedParentStores.has(storeName)) {
+            // use just storeName to prevent store initialization on the root-app side
+            const storeInstance = this.parentDispatcherContext.getStore({
+                store: storeName,
+                optional: true,
+            });
+            if (!storeInstance) {
+                return null;
+            }
+            this.storeSubscribe(storeName, storeInstance);
+            return storeInstance;
+        }
+        return super.getStore(storeClass);
+    }
+}
+
+export { ChildDispatcherContext };

package/lib/dispatcher/childDispatcherContext.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dispatcherContext = require('./dispatcherContext.js');
+
+class ChildDispatcherContext extends dispatcherContext.DispatcherContext {
+    /**
+     * @param context The context to be used for store instances
+     */
+    constructor({ dispatcher, context, initialState, parentDispatcherContext, middlewares, parentAllowedStores, }) {
+        super(dispatcher, context, initialState, middlewares);
+        this.allowedParentStores = new Set();
+        this.parentDispatcherContext = parentDispatcherContext;
+        parentAllowedStores === null || parentAllowedStores === void 0 ? void 0 : parentAllowedStores.forEach((store) => {
+            const storeName = this.dispatcher.getStoreName(typeof store === 'object' ? store.store : store);
+            this.allowedParentStores.add(storeName);
+            // use just storeName to prevent store initialization on the root-app side
+            this.getStore({ store: storeName, optional: true });
+        });
+    }
+    getStore(storeClass) {
+        let storeClassPrepared;
+        if (typeof storeClass === 'object') {
+            storeClassPrepared = storeClass.store;
+        }
+        else {
+            storeClassPrepared = storeClass;
+        }
+        const storeName = this.dispatcher.getStoreName(storeClassPrepared);
+        if (this.dispatcher.stores[storeName]) {
+            return super.getStore(storeClass);
+        }
+        if (this.allowedParentStores.has(storeName)) {
+            // use just storeName to prevent store initialization on the root-app side
+            const storeInstance = this.parentDispatcherContext.getStore({
+                store: storeName,
+                optional: true,
+            });
+            if (!storeInstance) {
+                return null;
+            }
+            this.storeSubscribe(storeName, storeInstance);
+            return storeInstance;
+        }
+        return super.getStore(storeClass);
+    }
+}
+
+exports.ChildDispatcherContext = ChildDispatcherContext;

package/lib/dispatcher/dispatcher.es.js

@@ -0,0 +1,105 @@
+import { DispatcherContext } from './dispatcherContext.es.js';
+
+class Dispatcher {
+    /**
+     * @class Dispatcher
+     * @param options Dispatcher options
+     * @param options.stores Array of stores to register
+     * @constructor
+     */
+    constructor(options) {
+        // eslint-disable-next-line no-param-reassign
+        options = options || {};
+        // eslint-disable-next-line no-param-reassign
+        options.stores = options.stores || [];
+        this.stores = {};
+        this.handlers = {};
+        options.stores.forEach((store) => {
+            this.registerStore(store);
+        });
+    }
+    createContext(context, initialState, middlewares) {
+        return new DispatcherContext(this, context, initialState, middlewares);
+    }
+    hasStore(store) {
+        return !!this.stores[store.storeName];
+    }
+    /**
+     * Registers a store so that it can handle actions.ß
+     * @param store A store class to be registered. The store should have a static
+     *      `storeName` property so that it can be loaded later.
+     * @throws {Error} if store is invalid
+     * @throws {Error} if store is already registered
+     */
+    registerStore(store) {
+        const { storeName } = store;
+        if (this.stores[storeName]) {
+            if (this.stores[storeName] === store) {
+                // Store is already registered, nothing to do
+                return;
+            }
+            if (process.env.NODE_ENV !== 'production') {
+                throw new Error(`Store with name '${storeName}' has already been registered.
+                Make sure you do not have multiple copies of the store installed.
+                exist ${this.stores[storeName]}
+                try ${store}`);
+            }
+        }
+        this.stores[storeName] = store;
+        if (store.handlers) {
+            Object.keys(store.handlers).forEach((action) => {
+                const handler = store.handlers[action];
+                this.registerHandler(action, storeName, handler);
+            });
+        }
+    }
+    unregisterStore(store) {
+        const { storeName } = store;
+        if (!this.stores[storeName]) {
+            return;
+        }
+        delete this.stores[storeName];
+        if (store.handlers) {
+            Object.keys(store.handlers).forEach((action) => {
+                const handler = store.handlers[action];
+                this.unregisterHandler(action, storeName, handler);
+            });
+        }
+    }
+    /**
+     * Gets a name from a store
+     * @param {String|Object} store The store name or class from which to extract
+     */
+    // eslint-disable-next-line class-methods-use-this
+    getStoreName(store) {
+        if (typeof store === 'string') {
+            return store;
+        }
+        return store.storeName;
+    }
+    /**
+     * Adds a handler function to be called for the given action
+     * @param action Name of the action
+     * @param name Name of the store that handles the action
+     * @param handler The function or name of the method that handles the action
+     */
+    registerHandler(action, name, handler) {
+        this.handlers[action] = this.handlers[action] || [];
+        this.handlers[action].push({
+            name,
+            handler,
+        });
+    }
+    unregisterHandler(action, name, handler) {
+        if (Array.isArray(this.handlers[action])) {
+            this.handlers[action] = this.handlers[action].filter((actionHandlers) => {
+                return !(actionHandlers.name === name && actionHandlers.handler === handler);
+            });
+        }
+    }
+}
+function createDispatcher(options) {
+    return new Dispatcher(options);
+}
+
+export { Dispatcher, createDispatcher };

package/lib/dispatcher/dispatcher.js

@@ -0,0 +1,110 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dispatcherContext = require('./dispatcherContext.js');
+
+class Dispatcher {
+    /**
+     * @class Dispatcher
+     * @param options Dispatcher options
+     * @param options.stores Array of stores to register
+     * @constructor
+     */
+    constructor(options) {
+        // eslint-disable-next-line no-param-reassign
+        options = options || {};
+        // eslint-disable-next-line no-param-reassign
+        options.stores = options.stores || [];
+        this.stores = {};
+        this.handlers = {};
+        options.stores.forEach((store) => {
+            this.registerStore(store);
+        });
+    }
+    createContext(context, initialState, middlewares) {
+        return new dispatcherContext.DispatcherContext(this, context, initialState, middlewares);
+    }
+    hasStore(store) {
+        return !!this.stores[store.storeName];
+    }
+    /**
+     * Registers a store so that it can handle actions.ß
+     * @param store A store class to be registered. The store should have a static
+     *      `storeName` property so that it can be loaded later.
+     * @throws {Error} if store is invalid
+     * @throws {Error} if store is already registered
+     */
+    registerStore(store) {
+        const { storeName } = store;
+        if (this.stores[storeName]) {
+            if (this.stores[storeName] === store) {
+                // Store is already registered, nothing to do
+                return;
+            }
+            if (process.env.NODE_ENV !== 'production') {
+                throw new Error(`Store with name '${storeName}' has already been registered.
+                Make sure you do not have multiple copies of the store installed.
+                exist ${this.stores[storeName]}
+                try ${store}`);
+            }
+        }
+        this.stores[storeName] = store;
+        if (store.handlers) {
+            Object.keys(store.handlers).forEach((action) => {
+                const handler = store.handlers[action];
+                this.registerHandler(action, storeName, handler);
+            });
+        }
+    }
+    unregisterStore(store) {
+        const { storeName } = store;
+        if (!this.stores[storeName]) {
+            return;
+        }
+        delete this.stores[storeName];
+        if (store.handlers) {
+            Object.keys(store.handlers).forEach((action) => {
+                const handler = store.handlers[action];
+                this.unregisterHandler(action, storeName, handler);
+            });
+        }
+    }
+    /**
+     * Gets a name from a store
+     * @param {String|Object} store The store name or class from which to extract
+     */
+    // eslint-disable-next-line class-methods-use-this
+    getStoreName(store) {
+        if (typeof store === 'string') {
+            return store;
+        }
+        return store.storeName;
+    }
+    /**
+     * Adds a handler function to be called for the given action
+     * @param action Name of the action
+     * @param name Name of the store that handles the action
+     * @param handler The function or name of the method that handles the action
+     */
+    registerHandler(action, name, handler) {
+        this.handlers[action] = this.handlers[action] || [];
+        this.handlers[action].push({
+            name,
+            handler,
+        });
+    }
+    unregisterHandler(action, name, handler) {
+        if (Array.isArray(this.handlers[action])) {
+            this.handlers[action] = this.handlers[action].filter((actionHandlers) => {
+                return !(actionHandlers.name === name && actionHandlers.handler === handler);
+            });
+        }
+    }
+}
+function createDispatcher(options) {
+    return new Dispatcher(options);
+}
+
+exports.Dispatcher = Dispatcher;
+exports.createDispatcher = createDispatcher;