@dirwell/theme-ledger 0.0.1 → 0.0.3

package/dist/source/Ledger.svelte

@@ -1,5 +1,6 @@
 <script>
   import { onMount, tick, untrack } from "svelte";
+  import { queryLiveArchive } from "./shared/live-search.mjs";
   import {
     readView,
     createViewHistory,
@@ -168,17 +169,6 @@
     return () => cancelAnimationFrame(frame);
   });
   const isDirectory = directoryLike;
-  function safeHref(record) {
-    if (
-      typeof location !== "undefined" &&
-      location.protocol === "file:" &&
-      isDirectory(record) &&
-      !record.exitsExplorer &&
-      record.href?.endsWith("/")
-    )
-      return record.href + "index.html";
-    return record.href;
-  }
   async function hydrateData() {
     if (complete || !model.manifestHref || location.protocol === "file:")
       return;
@@ -205,6 +195,7 @@
     }
   }
   async function navigate(event, record) {
+    selected = record.id;
     saveView();
     const dataHref = record.presentation?.folderDataHref;
     if (
@@ -346,7 +337,7 @@
     if (globalOpen) {
       if (event.key === "Escape") {
         event.preventDefault();
-        globalOpen = false;
+        closeArchive();
       }
       return;
     }
@@ -401,6 +392,44 @@
       localStorage.setItem("dirwell-color-scheme", value);
     } catch {}
   }
+  let archiveDebounce,
+    archiveTrigger,
+    archivePending = false;
+  async function closeArchive() {
+    globalOpen = false;
+    await tick();
+    archiveTrigger?.focus();
+  }
+  function scheduleArchiveSearch() {
+    archiveAbort?.abort();
+    archiveRequest++;
+    archivePending = false;
+    clearTimeout(archiveDebounce);
+    archiveDebounce = setTimeout(() => {
+      archiveDebounce = undefined;
+      searchArchive();
+    }, 300);
+  }
+  $effect(() => {
+    if (!globalOpen || !model.searchQueryHref) return;
+    const timer = setInterval(() => {
+      if (
+        document.visibilityState === "visible" &&
+        globalQuery.trim() &&
+        !archivePending &&
+        archiveDebounce === undefined
+      )
+        searchArchive();
+    }, model.searchRefreshIntervalMs ?? 2000);
+    return () => {
+      clearInterval(timer);
+      clearTimeout(archiveDebounce);
+      archiveDebounce = undefined;
+      archivePending = false;
+      archiveAbort?.abort();
+      archiveRequest++;
+    };
+  });
   async function searchArchive() {
     const token = ++archiveRequest;
     archiveAbort?.abort();
@@ -413,7 +442,24 @@
       return;
     }
     globalStatus = ui.labels.searchingArchive;
+    archivePending = true;
     try {
+      if (model.searchQueryHref) {
+        const result = await queryLiveArchive(
+          model.searchQueryHref,
+          query,
+          local.signal,
+        );
+        if (token !== archiveRequest || local.signal.aborted) return;
+        globalRows = result.records;
+        globalStatus = result.truncated
+          ? label(ui, "truncatedResults", {
+              shown: result.records.length,
+              count: result.records.length + "+",
+            })
+          : label(ui, "archiveResults", { count: result.records.length });
+        return;
+      }
       const url = new URL(model.searchIndexHref, document.baseURI);
       let all =
         archiveCacheHref === url.href && Date.now() - archiveCacheAt < 60000
@@ -488,6 +534,8 @@
         globalStatus = ui.labels.archiveError;
         archiveFailed = true;
       }
+    } finally {
+      if (token === archiveRequest) archivePending = false;
     }
   }
   onMount(() => {
@@ -681,9 +729,10 @@
         ><option value="dark">{ui.labels.dark}</option></select
       ></label
     >
-    {#if model.searchIndexHref}
+    {#if model.searchIndexHref || model.searchQueryHref}
       <button
-        disabled={!ready || !model.searchIndexHref}
+        bind:this={archiveTrigger}
+        disabled={!ready}
         onclick={() => (globalOpen = true)}>{ui.labels.searchArchive}</button
       >
     {/if}
@@ -756,7 +805,7 @@
             {#if column === "name"}<span class="identity"
                 >{#if entry.href}<a
                     class="name"
-                    href={safeHref(entry)}
+                    href={entry.href}
                     target={entry.exitsExplorer ? "_blank" : undefined}
                     rel={entry.exitsExplorer ? "noopener" : undefined}
                     onclick={(event) => navigate(event, entry)}
@@ -808,7 +857,7 @@
                 })}{/if}
               {#each ui.actions as action}
                 {#if action === "download" && entry.href && !isDirectory(entry) && !entry.link?.unavailable}<a
-                    href={safeHref(entry)}
+                    href={entry.href}
                     download>{ui.labels.download}</a
                   >
                 {:else if action !== "download"}<button
@@ -882,7 +931,15 @@
   </dialog>{/if}
 {#if globalOpen}<dialog
     bind:this={globalDialog}
-    onclose={() => (globalOpen = false)}
+    aria-label={ui.labels.searchArchive}
+    onclose={closeArchive}
+    onkeydown={(event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        closeArchive();
+      }
+    }}
   >
     <h2>{ui.labels.searchArchive}</h2>
     <input
@@ -890,7 +947,7 @@
       bind:this={globalInput}
       type="search"
       bind:value={globalQuery}
-      oninput={searchArchive}
+      oninput={scheduleArchiveSearch}
     />
     <p role="status">{globalStatus}</p>
     {#if archiveFailed}<button onclick={searchArchive}>{ui.labels.retry}</button
@@ -905,5 +962,5 @@
             >{:else}{record.path}{/if}
         </li>{/each}
     </ul>
-    <button onclick={() => (globalOpen = false)}>{ui.labels.close}</button>
+    <button onclick={closeArchive}>{ui.labels.close}</button>
   </dialog>{/if}

package/dist/source/shared/live-search.mjs

@@ -0,0 +1,28 @@
+// ../shared-theme/src/live-search.ts
+async function queryLiveArchive(href, query, signal) {
+  const url = new URL(href, document.baseURI);
+  if (url.origin !== location.origin) throw new Error("Unsafe search endpoint");
+  url.searchParams.set("q", query);
+  const response = await fetch(url, { signal, cache: "no-store" });
+  if (!response.ok) throw new Error("Archive search unavailable");
+  const data = await response.json();
+  if (typeof data !== "object" || data === null || !("version" in data) || data.version !== 1 || !("results" in data) || !Array.isArray(data.results) || data.results.length > 1e4 || !("truncated" in data) || typeof data.truncated !== "boolean")
+    throw new Error("Invalid archive results");
+  const records = data.results.map((entry) => {
+    if (typeof entry !== "object" || entry === null || !("name" in entry) || typeof entry.name !== "string" || !("path" in entry) || typeof entry.path !== "string" || !("kind" in entry) || !["file", "directory"].includes(String(entry.kind)) || !("href" in entry) || entry.href !== null && typeof entry.href !== "string")
+      throw new Error("Invalid archive record");
+    const target = entry.href === null ? null : new URL(entry.href, url);
+    if (target && !["http:", "https:"].includes(target.protocol))
+      throw new Error("Unsafe archive link");
+    return {
+      name: entry.name,
+      path: entry.path,
+      href: target?.href ?? null,
+      exitsExplorer: entry.kind !== "directory"
+    };
+  });
+  return { records, truncated: data.truncated };
+}
+export {
+  queryLiveArchive
+};

package/dist/source/shared/navigation.mjs

@@ -402,6 +402,7 @@ async function fetchThemePage(dataHref, pageHref, theme, signal, fresh = false,
     resolveCustomization(data.ui);
   const result = {
     ...data,
+    searchQueryHref: link(data.searchQueryHref ?? null),
     updatesHref: link(data.updatesHref ?? null),
     entries,
     dataHref: source.href,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dirwell/theme-ledger",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Svelte-owned searchable directory explorer.",
   "homepage": "https://vp-tw.github.io/dirwell/themes/",
   "bugs": {
@@ -38,7 +38,7 @@
     "tag": "latest"
   },
   "dependencies": {
-    "@dirwell/core": "0.0.1",
+    "@dirwell/core": "0.0.3",
     "svelte": "5.57.2"
   },
   "devDependencies": {