@dirwell/theme-crosswave 0.0.1 → 0.0.2

package/dist/{model-VZ01cfyg.d.mts → model-Dr7YgDTv.d.mts}

@@ -133,6 +133,8 @@ interface ThemePage$1 {
   readonly manifestHref: string | null;
   readonly listingRevision?: string;
   readonly updatesHref: string | null;
+  readonly searchQueryHref?: string | null;
+  readonly searchRefreshIntervalMs?: number;
   readonly total: number;
   readonly entries: readonly ListingEntry[];
   readonly sort: Required<SortOptions>;
@@ -169,4 +171,4 @@ interface RowContext {
 }
 //#endregion
 export { ThemeAction as a, ThemeLabels as c, ThemePage as i, ListingEntry$1 as n, ThemeColumn as o, RowContext as r, ThemeCustomization as s, FrameworkRenderer as t };
-//# sourceMappingURL=model-VZ01cfyg.d.mts.map
+//# sourceMappingURL=model-Dr7YgDTv.d.mts.map

package/dist/model.d.mts

@@ -1,2 +1,2 @@
-import { i as ThemePage, n as ListingEntry, r as RowContext, t as FrameworkRenderer } from "./model-VZ01cfyg.mjs";
+import { i as ThemePage, n as ListingEntry, r as RowContext, t as FrameworkRenderer } from "./model-Dr7YgDTv.mjs";
 export { FrameworkRenderer, type ListingEntry, RowContext, ThemePage };

package/dist/source/Crosswave.vue

@@ -9,6 +9,7 @@ import {
   watch,
   nextTick,
 } from "vue";
+import { queryLiveArchive } from "./shared/live-search.mjs";
 import { useGamepad } from "@vueuse/core";
 import { loadListing } from "@dirwell/core/client";
 import {
@@ -52,6 +53,93 @@ const query = ref(""),
   viewportHeight = ref(400),
   retryRequest = shallowRef(null),
   heights = shallowRef(new Map());
+const archiveOpen = ref(false),
+  archiveQuery = ref(""),
+  archiveRows = shallowRef([]),
+  archiveStatus = ref(""),
+  archiveFailed = ref(false),
+  archiveTrigger = ref(),
+  archiveDialog = ref(),
+  archiveInput = ref();
+let archiveAbort,
+  archiveRequest = 0,
+  archivePending = false,
+  archiveDebouncing = false;
+async function searchArchive() {
+  const token = ++archiveRequest;
+  archiveAbort?.abort();
+  const local = (archiveAbort = new AbortController());
+  archiveFailed.value = false;
+  if (!archiveQuery.value.trim()) {
+    archiveRows.value = [];
+    archiveStatus.value = ui.value.labels.beginArchive;
+    return;
+  }
+  archiveStatus.value = ui.value.labels.searchingArchive;
+  archivePending = true;
+  try {
+    const result = await queryLiveArchive(
+      model.value.searchQueryHref,
+      archiveQuery.value.trim(),
+      local.signal,
+    );
+    if (local.signal.aborted || token !== archiveRequest) return;
+    archiveRows.value = result.records;
+    archiveStatus.value = result.truncated
+      ? label(ui.value, "truncatedResults", {
+          shown: result.records.length,
+          count: result.records.length + "+",
+        })
+      : label(ui.value, "archiveResults", { count: result.records.length });
+  } catch {
+    if (local.signal.aborted || token !== archiveRequest) return;
+    archiveRows.value = [];
+    archiveStatus.value = ui.value.labels.archiveError;
+    archiveFailed.value = true;
+  } finally {
+    if (token === archiveRequest) archivePending = false;
+  }
+}
+watch([archiveOpen, archiveQuery], (_, __, cleanup) => {
+  archiveAbort?.abort();
+  archiveRequest++;
+  archivePending = false;
+  if (!archiveOpen.value) return;
+  archiveDebouncing = true;
+  const debounce = setTimeout(() => {
+    archiveDebouncing = false;
+    searchArchive();
+  }, 300);
+  cleanup(() => {
+    clearTimeout(debounce);
+    archiveDebouncing = false;
+  });
+});
+watch(archiveOpen, async (open, _, cleanup) => {
+  if (!open) {
+    await nextTick();
+    archiveTrigger.value?.focus();
+    return;
+  }
+  await nextTick();
+  if (!archiveOpen.value) return;
+  archiveDialog.value?.showModal();
+  archiveInput.value?.focus();
+  const timer = setInterval(() => {
+    if (
+      document.visibilityState === "visible" &&
+      archiveQuery.value.trim() &&
+      !archivePending &&
+      !archiveDebouncing
+    )
+      searchArchive();
+  }, model.value.searchRefreshIntervalMs ?? 2000);
+  cleanup(() => {
+    clearInterval(timer);
+    archiveAbort?.abort();
+    archiveRequest++;
+  });
+});
 const complete = computed(() => entries.value.length === model.value.total),
   membership = (entry) =>
     Array.isArray(entry.presentation?.categories) ? entry.presentation.categories : [];
@@ -369,6 +457,7 @@ function parent() {
   }
 }
 function keyboard(event) {
+  if (archiveOpen.value) return;
   if (event.isComposing || event.altKey || event.ctrlKey || event.metaKey) return;
   if (event.target?.closest?.("[data-dirwell-actions]")) return;
   const editing = /INPUT|TEXTAREA|SELECT/.test(event.target?.tagName ?? "");
@@ -401,6 +490,7 @@ function keyboard(event) {
   }
 }
 function controller(value) {
+  if (archiveOpen.value) return;
   pad.value = !!value;
   if (!value) {
     pressed.clear();
@@ -628,6 +718,7 @@ watchEffect(() => {
   }
 });
 onBeforeUnmount(() => {
+  archiveAbort?.abort();
   disposed = true;
   document.body.removeAttribute("data-cw-enhanced");
   abort?.abort();
@@ -725,6 +816,15 @@ onBeforeUnmount(() => {
           ><span>{{ ui.labels.search }}</span
           ><input ref="search" type="search" v-model="query" :disabled="!ready || !complete"
         /></label>
+        <button
+          class="cw-archive-trigger"
+          ref="archiveTrigger"
+          v-if="model.searchQueryHref"
+          :disabled="!ready"
+          @click="archiveOpen = true"
+        >
+          {{ ui.labels.searchArchive }}
+        </button>
       </div>
       <div
         class="cw-list-scroll"
@@ -914,4 +1014,35 @@ onBeforeUnmount(() => {
       {{ paused ? ui.labels.resumeMotion : ui.labels.pauseMotion }}
     </button>
   </footer>
+  <dialog
+    v-if="archiveOpen"
+    ref="archiveDialog"
+    class="cw-archive"
+    :aria-label="ui.labels.searchArchive"
+    @close="archiveOpen = false"
+    @keydown.esc.prevent.stop="archiveOpen = false"
+  >
+    <h2>{{ ui.labels.searchArchive }}</h2>
+    <input
+      ref="archiveInput"
+      type="search"
+      v-model="archiveQuery"
+      :aria-label="ui.labels.archiveSearchInput"
+    />
+    <p role="status">{{ archiveStatus }}</p>
+    <button v-if="archiveFailed" @click="searchArchive">{{ ui.labels.retry }}</button>
+    <ul>
+      <li v-for="record in archiveRows" :key="record.path">
+        <a
+          v-if="record.href"
+          :href="record.href"
+          :target="record.exitsExplorer ? '_blank' : undefined"
+          :rel="record.exitsExplorer ? 'noopener' : undefined"
+          >{{ record.path }}</a
+        >
+        <span v-else>{{ record.path }}</span>
+      </li>
+    </ul>
+    <button @click="archiveOpen = false">{{ ui.labels.close }}</button>
+  </dialog>
 </template>

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/dist/styles.css

@@ -22,6 +22,24 @@ body:not([data-cw-enhanced]) .cw-browser{padding-left:0}body:not([data-cw-enhanc
 .cw-list-scroll[data-virtual=true]{max-height:var(--cw-list-height,calc(100svh - 365px));min-height:160px}.cw-stage{margin-bottom:calc(var(--cw-footer-height,82px) + 24px)}
 @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.cw-row.cw-selected .cw-entry,.cw-category.cw-active,.cw-category:hover{transform:none}}
 
+.cw-archive-trigger { min-height: 44px; padding: 8px 12px; color: var(--cw-text); background: transparent; border: 1px solid var(--cw-muted); border-radius: 4px; }
+.cw-archive {
+  width: min(42rem, calc(100vw - 2rem));
+  max-height: calc(100dvh - 2rem);
+  overflow: auto;
+  padding: 1.5rem;
+  color: var(--cw-text);
+  background: var(--cw-bottom);
+  border: 1px solid var(--cw-muted);
+  border-radius: 1rem;
+}
+.cw-archive::backdrop { background: #000a; }
+.cw-archive input { width: 100%; min-height: 2.75rem; }
+.cw-archive a { color: var(--cw-muted); overflow-wrap: anywhere; }
+.cw-archive button { min-height: 2.75rem; margin-block: .5rem; }
+.cw-archive li { margin-block: .75rem; }
+
+
 .cw-directory{flex-wrap:wrap;gap:.35rem}.cw-list-head h2{font-size:17px;font-weight:400;margin:0}.cw-list-head [data-cw-count]{font-size:12px;color:var(--cw-muted)}
 .cw-motion{display:flex;align-items:center;background:transparent;border:1px solid #d7e9ff33;border-radius:4px;font-size:12px;min-height:44px;padding:6px 12px;white-space:nowrap}
 .cw-appearance{min-width:0}.cw-appearance select{max-width:116px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dirwell/theme-crosswave",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Vue-owned media navigation with VueUse gamepad support.",
   "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.2",
     "@vue/server-renderer": "3.5.43",
     "@vueuse/core": "15.0.0",
     "mime": "4.1.0",