@lucianojd/recoil-sync-next/dist/esm/history/useSyncHistory.js

recoil-sync stores for Next.js

import { useCallback, useRef } from 'react';
import { DefaultValue } from 'recoil';
export function useSyncHistory({ storeKey, getHistoryKey, saveItems, loadItems, listenChangeHistory, }) {
    var _a;
    const historyInfo = useRef();
    // set current historyInfo by navigation
    const historyKey = getHistoryKey();
    if (historyKey && historyKey !== ((_a = historyInfo.current) === null || _a === void 0 ? void 0 : _a.historyKey)) {
        historyInfo.current = { historyKey, historyItems: {} };
    }
    const read = useCallback((itemKey) => {
        var _a;
        if (!historyInfo.current) {
            return new DefaultValue();
        }
        const { historyItems } = historyInfo.current;
        return (_a = historyItems[itemKey]) !== null && _a !== void 0 ? _a : new DefaultValue();
    }, []);
    const write = useCallback(({ diff }) => {
        var _a;
        const historyKey = getHistoryKey();
        assertString(historyKey);
        (_a = historyInfo.current) !== null && _a !== void 0 ? _a : (historyInfo.current = { historyKey, historyItems: {} });
        const { historyItems } = historyInfo.current;
        for (const [itemKey, itemValue] of diff) {
            historyItems[itemKey] = itemValue;
        }
    }, [getHistoryKey]);
    const listen = useCallback(({ updateAllKnownItems }) => {
        return listenChangeHistory((url) => {
            var _a, _b;
            // saving previouse history associated items.
            if (historyInfo.current) {
                const { historyKey, historyItems } = historyInfo.current;
                saveItems(historyKey, historyItems);
            }
            const historyKey = getHistoryKey();
            assertString(historyKey);
            // history has changed by navigation.
            if (historyKey === ((_a = historyInfo.current) === null || _a === void 0 ? void 0 : _a.historyKey)) {
                // nothing to do if URL wasn't changed.
                if (url === ((_b = globalThis.location) === null || _b === void 0 ? void 0 : _b.pathname)) {
                    return;
                }
                // clear history associated items from Recoil store.
                historyInfo.current = undefined;
                updateAllKnownItems(new Map());
                return;
            }
            // history has changed by forward/backward.
            // loading next history associated items from SessionStorage.
            const historyItems = loadItems(historyKey);
            historyInfo.current = { historyKey, historyItems };
            updateAllKnownItems(new Map(Object.entries(historyItems)));
        });
    }, [getHistoryKey, saveItems, loadItems, listenChangeHistory]);
    return { storeKey, read, write, listen };
}
function assertString(s) {
    if (typeof s !== 'string') {
        throw new Error(`${s} must be string`);
    }
}