116 lines
2.5 KiB
JavaScript
116 lines
2.5 KiB
JavaScript
"use strict";
|
|
|
|
var __read = this && this.__read || function (o, n) {
|
|
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
if (!m) return o;
|
|
var i = m.call(o),
|
|
r,
|
|
ar = [],
|
|
e;
|
|
|
|
try {
|
|
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
|
ar.push(r.value);
|
|
}
|
|
} catch (error) {
|
|
e = {
|
|
error: error
|
|
};
|
|
} finally {
|
|
try {
|
|
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
} finally {
|
|
if (e) throw e.error;
|
|
}
|
|
}
|
|
|
|
return ar;
|
|
};
|
|
|
|
var __importDefault = this && this.__importDefault || function (mod) {
|
|
return mod && mod.__esModule ? mod : {
|
|
"default": mod
|
|
};
|
|
};
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.createUseStorageState = void 0;
|
|
|
|
var react_1 = require("react");
|
|
|
|
var useUpdateEffect_1 = __importDefault(require("../useUpdateEffect"));
|
|
|
|
function isFunction(obj) {
|
|
return typeof obj === 'function';
|
|
}
|
|
|
|
function createUseStorageState(nullishStorage) {
|
|
function useStorageState(key, defaultValue) {
|
|
var storage = nullishStorage;
|
|
|
|
var _a = __read(react_1.useState(function () {
|
|
return getStoredValue();
|
|
}), 2),
|
|
state = _a[0],
|
|
setState = _a[1];
|
|
|
|
useUpdateEffect_1["default"](function () {
|
|
setState(getStoredValue());
|
|
}, [key]);
|
|
|
|
function getStoredValue() {
|
|
try {
|
|
var raw = storage.getItem(key);
|
|
|
|
if (raw) {
|
|
return JSON.parse(raw);
|
|
}
|
|
} catch (e) {
|
|
console.error(e);
|
|
}
|
|
|
|
if (isFunction(defaultValue)) {
|
|
return defaultValue();
|
|
}
|
|
|
|
return defaultValue;
|
|
}
|
|
|
|
var updateState = react_1.useCallback(function (value) {
|
|
if (typeof value === 'undefined') {
|
|
storage.removeItem(key);
|
|
setState(undefined);
|
|
} else if (isFunction(value)) {
|
|
var previousState = getStoredValue();
|
|
var currentState = value(previousState);
|
|
|
|
try {
|
|
storage.setItem(key, JSON.stringify(currentState));
|
|
setState(currentState);
|
|
} catch (e) {
|
|
console.error(e);
|
|
}
|
|
} else {
|
|
try {
|
|
storage.setItem(key, JSON.stringify(value));
|
|
setState(value);
|
|
} catch (e) {
|
|
console.error(e);
|
|
}
|
|
}
|
|
}, [key]);
|
|
return [state, updateState];
|
|
}
|
|
|
|
if (!nullishStorage) {
|
|
return function (_, defaultValue) {
|
|
return [isFunction(defaultValue) ? defaultValue() : defaultValue, function () {}];
|
|
};
|
|
}
|
|
|
|
return useStorageState;
|
|
}
|
|
|
|
exports.createUseStorageState = createUseStorageState; |