UNPKG

@nkey-ui/use-local-storage

Version:

A React hook for handling data in local storage.

63 lines (61 loc) 2.04 kB
"use strict"; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // src/index.ts var src_exports = {}; __export(src_exports, { useLocalStorage: () => useLocalStorage }); module.exports = __toCommonJS(src_exports); var import_react = require("react"); var import_shared_utils = require("@nkey-ui/shared-utils"); function useLocalStorage(key, initialValue) { const [storedValue, setStoredValue] = (0, import_react.useState)(() => { if (import_shared_utils.isServer) { return initialValue; } try { const item = localStorage.getItem(key); return item ? JSON.parse(item) : initialValue; } catch (error) { console.log(error); return initialValue; } }); function setValue(value) { try { const valueToStore = value instanceof Function ? value(storedValue) : value; setStoredValue(valueToStore); if (!import_shared_utils.isServer) { localStorage.setItem(key, JSON.stringify(valueToStore)); } } catch (error) { console.log(error); } } function removeValue() { if (!import_shared_utils.isServer) { localStorage.removeItem(key); } } return [storedValue, setValue, removeValue]; } // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { useLocalStorage });