@roam-garden/landscaping-toolbox/dist/common/react.js

Common UI things for Roam Garden management

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useLocalState = void 0;
const react_1 = require("react");
function useLocalState(name, initial) {
    // for Gatsby build: https://www.gatsbyjs.com/docs/debugging-html-builds/#how-to-check-if-window-is-defined
    const storage = typeof window !== `undefined` ? window.localStorage : undefined;
    const initialWrapper = JSON.parse((storage === null || storage === void 0 ? void 0 : storage.getItem(name)) || "{}");
    const initialValue = (initialWrapper === null || initialWrapper === void 0 ? void 0 : initialWrapper.value) !== undefined ? initialWrapper === null || initialWrapper === void 0 ? void 0 : initialWrapper.value : initial;
    const [get, set] = react_1.useState(initialValue);
    return [get, (value) => {
            set(value);
            storage === null || storage === void 0 ? void 0 : storage.setItem(name, JSON.stringify({ value }));
        }];
}
exports.useLocalState = useLocalState;
//# sourceMappingURL=react.js.map