react-principal/lib/createStore.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.createStore = void 0;
const react_1 = require("react");
const observe_1 = require("./observe");
const persist_1 = require("./persist");
/**
 * This function give you an store, use that in your components which want to
 * connect to store and provider
 */
exports.createStore = ({ reducer, initialState, mapStateToPersist, storage = window.localStorage, persistKey, }) => {
    const stateContext = observe_1.createObserveContext(initialState);
    const dispatchContext = react_1.createContext(() => { });
    function syncTabs(event) {
        const { dispatch } = store;
        if (event.key === persistKey && event.newValue !== event.oldValue) {
            dispatch({
                type: persist_1.INITIALIZE_STATE_FROM_STORAGE,
                payload: event.newValue ? JSON.parse(event.newValue) : event.newValue,
            });
        }
    }
    const store = {
        persistKey,
        dispatch: () => { },
        state: initialState,
        stateContext,
        dispatchContext,
        reducer,
        initialState,
        useState: (nextObserveState) => {
            return observe_1.useObserveContext(stateContext, nextObserveState);
        },
        useDispatch: () => react_1.useContext(dispatchContext),
        persist(state, action) {
            if (action.type !== persist_1.INITIALIZE_STATE_FROM_STORAGE) {
                storage.setItem(persistKey, JSON.stringify(mapStateToPersist ? mapStateToPersist(state) : state));
            }
        },
        async setToState() {
            var _a, _b;
            try {
                const storedState = await storage.getItem(persistKey);
                if (!storedState) {
                    return;
                }
                const stateObject = JSON.parse(storedState);
                const { dispatch } = store;
                const mappedState = mapStateToPersist
                    ? mapStateToPersist(stateObject)
                    : stateObject;
                dispatch({
                    type: persist_1.INITIALIZE_STATE_FROM_STORAGE,
                    payload: mappedState,
                });
                if (persistKey) {
                    /** Remove previously added event */
                    (_a = window.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(window, "storage", syncTabs);
                    /** Listening to events between tabs */
                    (_b = window.addEventListener) === null || _b === void 0 ? void 0 : _b.call(window, "storage", syncTabs);
                }
            }
            catch (error) {
                if (__DEV__) {
                    console.error(error);
                }
            }
        },
    };
    return store;
};
//# sourceMappingURL=createStore.js.map