feat(search): use dexie.js instead of localStorage

Author: sy-records

package-lock.json

@@ -36,6 +36,7 @@
     "*.js": "eslint --fix"
   },
   "dependencies": {
+    "dexie": "^4.0.8",
     "medium-zoom": "^1.1.0",
     "opencollective-postinstall": "^2.0.2",
     "prismjs": "^1.29.0",

package.json

@@ -2,9 +2,25 @@ import {
   getAndRemoveConfig,
   getAndRemoveDocisfyIgnoreConfig,
 } from '../../core/render/utils.js';
+import Dexie from 'dexie';
 
 let INDEXS = {};
 
+const db = new Dexie("DocsifySearchDB");
+db.version(1).stores({
+  search: "key, value"
+});
+
+async function saveData(maxAge, expireKey, indexKey) {
+  await db.search.put({ key: expireKey, value: Date.now() + maxAge });
+  await db.search.put({ key: indexKey, value: JSON.stringify(INDEXS) });
+}
+
+async function getData(key) {
+  const item = await db.search.get(key);
+  return item ? item.value : null;
+}
+
 const LOCAL_STORAGE = {
   EXPIRE_KEY: 'docsify.search.expires',
   INDEX_KEY: 'docsify.search.index',
@@ -73,11 +89,6 @@ function getListData(token) {
   return token.text;
 }
 
-function saveData(maxAge, expireKey, indexKey) {
-  localStorage.setItem(expireKey, Date.now() + maxAge);
-  localStorage.setItem(indexKey, JSON.stringify(INDEXS));
-}
-
 export function genIndex(path, content = '', router, depth) {
   const tokens = window.marked.lexer(content);
   const slugify = window.Docsify.slugify;
@@ -240,7 +251,7 @@ export function search(query) {
   return matchingResults.sort((r1, r2) => r2.score - r1.score);
 }
 
-export function init(config, vm) {
+export async function init(config, vm) {
   const isAuto = config.paths === 'auto';
   const paths = isAuto ? getAllPaths(vm.router) : config.paths;
 
@@ -274,9 +285,9 @@ export function init(config, vm) {
   const expireKey = resolveExpireKey(config.namespace) + namespaceSuffix;
   const indexKey = resolveIndexKey(config.namespace) + namespaceSuffix;
 
-  const isExpired = localStorage.getItem(expireKey) < Date.now();
+  const isExpired = await getData(expireKey) < Date.now();
 
-  INDEXS = JSON.parse(localStorage.getItem(indexKey));
+  INDEXS = JSON.parse(await getData(indexKey));
 
   if (isExpired) {
     INDEXS = {};
@@ -293,9 +304,11 @@ export function init(config, vm) {
     }
 
     Docsify.get(vm.router.getFile(path), false, vm.config.requestHeaders).then(
-      result => {
+      async result => {
         INDEXS[path] = genIndex(path, result, vm.router, config.depth);
-        len === ++count && saveData(config.maxAge, expireKey, indexKey);
+        if (len === ++count) {
+          await saveData(config.maxAge, expireKey, indexKey);
+        }
       },
     );
   });