tg-use-local-storage-state/src/storage.js

React hook that persists data in localStorage

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
/* eslint-disable no-else-return */
/**
 * Abstraction for localStorage that uses an in-memory fallback when localStorage throws an error.
 * Reasons for throwing an error:
 * - maximum quota is exceeded
 * - under Mobile Safari (since iOS 5) when the user enters private mode `localStorage.setItem()`
 *   will throw
 * - trying to access localStorage object when cookies are disabled in Safari throws
 *   "SecurityError: The operation is insecure."
 */
exports.default = {
    data: new Map(),
    get(key, defaultValue, options) {
        try {
            if (this.data.has(key)) {
                return this.data.get(key);
            }
            else {
                const item = localStorage.getItem(key);
                if ((options === null || options === void 0 ? void 0 : options.isSimpleString) === true) {
                    return item;
                }
                else {
                    return parseJSON(item);
                }
            }
        }
        catch (err) {
            // eslint-disable-next-line no-console
            console.warn(`use-local-storage-state - Error getting stored value, using defaultValue instead:`, err, localStorage.getItem(key));
            return defaultValue;
        }
    },
    set(key, value, options) {
        try {
            localStorage.setItem(key, (typeof value !== 'string' || !((options === null || options === void 0 ? void 0 : options.isSimpleString) === true))
                ? JSON.stringify(value)
                : value);
            this.data.delete(key);
        }
        catch (err) {
            // eslint-disable-next-line no-console
            console.warn(`use-local-storage-state - Error setting stored value, using data.set instead:`, err, value);
            this.data.set(key, value);
        }
    },
    remove(key) {
        this.data.delete(key);
        localStorage.removeItem(key);
    },
};
/**
 * A wrapper for `JSON.parse()` which supports the return value of `JSON.stringify(undefined)`
 * which returns the string `"undefined"` and this method returns the value `undefined`.
 */
function parseJSON(value) {
    return value === 'undefined'
        ? undefined
        : // - `JSON.parse()` TypeScript types don't accept non-string values, this is why we pass
            //   empty string which will throw an error
            // - when `value` is `null`, we will pass empty string and the `JSON.parse()` will throw
            //   an error which we need and is required by the parent function
            JSON.parse(value !== null && value !== void 0 ? value : '');
}