2021-08-20 19:38:16 +09:00
|
|
|
// FirefoxのプライベートモードなどではindexedDBが使用不可能なので、
|
|
|
|
// indexedDBが使えない環境ではlocalStorageを使う
|
2023-01-13 13:40:33 +09:00
|
|
|
import { get as iget, set as iset, del as idel } from "idb-keyval";
|
2021-08-20 19:38:16 +09:00
|
|
|
|
|
|
|
const fallbackName = (key: string) => `idbfallback::${key}`;
|
|
|
|
|
2023-01-13 13:40:33 +09:00
|
|
|
let idbAvailable = typeof window !== "undefined" ? !!window.indexedDB : true;
|
2021-08-20 19:38:16 +09:00
|
|
|
|
|
|
|
if (idbAvailable) {
|
2023-01-13 13:40:33 +09:00
|
|
|
iset("idb-test", "test").catch((err) => {
|
|
|
|
console.error("idb error", err);
|
|
|
|
console.error("indexedDB is unavailable. It will use localStorage.");
|
2021-08-20 19:38:16 +09:00
|
|
|
idbAvailable = false;
|
2022-07-13 21:17:19 +09:00
|
|
|
});
|
|
|
|
} else {
|
2023-01-13 13:40:33 +09:00
|
|
|
console.error("indexedDB is unavailable. It will use localStorage.");
|
2021-08-20 19:38:16 +09:00
|
|
|
}
|
|
|
|
|
|
|
|
export async function get(key: string) {
|
|
|
|
if (idbAvailable) return iget(key);
|
|
|
|
return JSON.parse(localStorage.getItem(fallbackName(key)));
|
|
|
|
}
|
|
|
|
|
|
|
|
export async function set(key: string, val: any) {
|
|
|
|
if (idbAvailable) return iset(key, val);
|
|
|
|
return localStorage.setItem(fallbackName(key), JSON.stringify(val));
|
|
|
|
}
|
|
|
|
|
|
|
|
export async function del(key: string) {
|
|
|
|
if (idbAvailable) return idel(key);
|
|
|
|
return localStorage.removeItem(fallbackName(key));
|
|
|
|
}
|