Upload app.js

static/app.js

@@ -639,13 +639,29 @@ function readInlineInitialPayload() {
 async function loadSidebarInitial(sourceSlug) {
   const url = sidebarInitialUrlForSource(sourceSlug);
   if (sidebarInitialCache.has(url)) return sidebarInitialCache.get(url);
-  const resp = await fetch(url);
-  if (!resp.ok) return null;
-  const data = await resp.json();
+  const inlineData = readInlineJson("initial-sidebar-data");
+  if (inlineData && ((inlineData.source || null) === (sourceSlug || null))) {
+    sidebarInitialCache.set(url, inlineData);
+    return inlineData;
+  }
+  const pending = fetch(url).then((resp) => resp.ok ? resp.json() : null);
+  sidebarInitialCache.set(url, pending);
+  const data = await pending;
   sidebarInitialCache.set(url, data);
   return data;
 }
 
+function readInlineJson(id) {
+  const node = document.getElementById(id);
+  if (!node || node.dataset.consumed === "1") return null;
+  node.dataset.consumed = "1";
+  try {
+    return JSON.parse(node.textContent || "null");
+  } catch (_error) {
+    return null;
+  }
+}
+
 function currentStateCanUseInitial() {
   return STATE.page === 1
     && STATE.query === ""
@@ -1829,7 +1845,10 @@ async function init() {
   syncUrl();
   restorePreviewFromUrl({ scroll: false });
   const initialSearch = doSearch();
-  STATE.sources = await API.getSources();
+  const inlineSources = readInlineJson("initial-sidebar-sources");
+  STATE.sources = inlineSources && Array.isArray(inlineSources.sources)
+    ? inlineSources.sources
+    : await API.getSources();
   STATE.sourceMap = Object.fromEntries(STATE.sources.map((source) => [source.slug, source]));
   await renderSourcesFilter();
   const routeId = ++routeRenderId;