Upload 2 files

static/app.js

@@ -30,6 +30,7 @@ const STATE = {
   suppressAutoLoad: false,
   searchController: null,
   searchSequence: 0,
+  searchCache: new Map(),
   searchUrlWithoutPreview: null,
   highlightQuery: null,
   highlightPatterns: [],
@@ -39,6 +40,7 @@ const STATE = {
 
 const DOM = {};
 const HISTORY_KEY = "vomebook_search_history";
+const SEARCH_CACHE_LIMIT = 60;
 
 function themeIcon(isDark) {
   const shape = isDark
@@ -193,6 +195,29 @@ const API = {
   },
 };
 
+function stableStringify(value) {
+  if (Array.isArray(value)) return `[${value.map(stableStringify).join(",")}]`;
+  if (value && typeof value === "object") {
+    return `{${Object.keys(value).sort().map((key) => `${JSON.stringify(key)}:${stableStringify(value[key])}`).join(",")}}`;
+  }
+  return JSON.stringify(value);
+}
+
+function getCachedSearch(key) {
+  if (!STATE.searchCache.has(key)) return null;
+  const value = STATE.searchCache.get(key);
+  STATE.searchCache.delete(key);
+  STATE.searchCache.set(key, value);
+  return value;
+}
+
+function setCachedSearch(key, value) {
+  STATE.searchCache.set(key, value);
+  while (STATE.searchCache.size > SEARCH_CACHE_LIMIT) {
+    STATE.searchCache.delete(STATE.searchCache.keys().next().value);
+  }
+}
+
 function cacheDom() {
   DOM.headerTitle = $("#header-title");
   DOM.headerLogo = $("#header-logo");
@@ -518,7 +543,11 @@ async function pathSearch(signal) {
     search_paths: STATE.searchPaths,
     fulltext: STATE.fulltext,
   };
+  const cacheKey = `${STATE.source || ""}\n${stableStringify(body)}`;
+  const cached = getCachedSearch(cacheKey);
+  if (cached) return { data: cached, page, cached: true };
   const data = await API.search(body, STATE.source, signal);
+  setCachedSearch(cacheKey, data);
   return { data, page };
 }
 

static/sw.js

@@ -1,4 +1,4 @@
-const CACHE_NAME = "vomebook-search-v2";
+const CACHE_NAME = "vomebook-search-v1.0.0-beta";
 
 const PRECACHE_URLS = [
   "/",