@shivaedev/work-board 0.12.0 → 0.14.0

package/src/client/mockups/sampleData.ts

@@ -1,92 +0,0 @@
-export interface Item {
-	readonly attention: boolean;
-	readonly destination: "brief" | "decision" | "evidence";
-	readonly id: string;
-	readonly next: string;
-	readonly note: string;
-	readonly owner: string;
-	readonly state: string;
-	readonly tag: string;
-	readonly title: string;
-}
-export const items: readonly Item[] = [
-	{
-		attention: true,
-		destination: "decision",
-		id: "WB–014",
-		next: "Record the scope decision",
-		note: "Two options are ready. Your direction sets the next handoff.",
-		owner: "Atlas",
-		state: "Up next",
-		tag: "Decision needed",
-		title: "Choose the first release boundary",
-	},
-	{
-		attention: false,
-		destination: "brief",
-		id: "WB–025",
-		next: "Define the read-side decision model",
-		note: "Keep the rationale connected to the work it changes.",
-		owner: "Atlas",
-		state: "Up next",
-		tag: "Planned",
-		title: "Give every decision a place",
-	},
-	{
-		attention: false,
-		destination: "brief",
-		id: "WB–018",
-		next: "Check unresolved and duplicate references",
-		note: "Link plans, decisions, and evidence without duplicating their source.",
-		owner: "Atlas",
-		state: "In progress",
-		tag: "Relationships",
-		title: "Connect the context",
-	},
-	{
-		attention: false,
-		destination: "brief",
-		id: "WB–028",
-		next: "Check focus, selection, and expanded details",
-		note: "A live update should leave the reader oriented.",
-		owner: "Juniper",
-		state: "In progress",
-		tag: "Live updates",
-		title: "Keep your place as work changes",
-	},
-	{
-		attention: true,
-		destination: "evidence",
-		id: "WB–021",
-		next: "Review clarity, focus, and contrast",
-		note: "Search across the project. Open a result beside the board. Keep its context within reach.",
-		owner: "Juniper",
-		state: "In review",
-		tag: "Review needed",
-		title: "Make work easy to find",
-	},
-	{
-		attention: false,
-		destination: "evidence",
-		id: "WB–023",
-		next: "Check the proposed artifact presentation",
-		note: "Screenshots and supporting files live beside the work they explain.",
-		owner: "Juniper",
-		state: "In review",
-		tag: "Evidence",
-		title: "A clear home for local artifacts",
-	},
-];
-export const names: Readonly<Record<string, string>> = {
-	brief: "Project brief",
-	decision: "Decisions",
-	evidence: "Evidence",
-	overview: "Overview",
-	work: "Work",
-};
-export const searchEntries: readonly { readonly detail: string; readonly item?: string; readonly screen: string; readonly title: string }[] = [
-	...items.map((item) => ({ detail: `${item.id} · ${item.state} · ${item.owner}`, item: item.id, screen: "work", title: item.title })),
-	{ detail: "Decision · Options and tradeoffs", screen: "decision", title: "Choose the shape of wave one" },
-	{ detail: "Artifacts · Keyboard · Source changes", screen: "evidence", title: "Navigation review evidence" },
-	{ detail: "Project brief · Principles · Local only", screen: "brief", title: "Work Board north star" },
-];

package/src/client/mockups/work.ts

@@ -1,84 +0,0 @@
-import { element } from "./element.ts";
-import { type Item, items } from "./sampleData.ts";
-
-let view = "board";
-let filter = "all";
-let selectedId = "WB–021";
-function tagClass(item: Item) {
-	if (item.id === "WB–014") {
-		return "amber";
-	}
-	return item.attention ? "green" : "neutral";
-}
-function card(item: Item) {
-	return `<button type="button" class="work-card ${item.id === selectedId ? "selected" : ""}" data-item="${item.id}" aria-pressed="${item.id === selectedId}"><span class="muted">${item.id}</span><strong>${item.title}</strong><p>${item.note}</p><div class="card-bottom"><span>${item.owner}</span><span class="tag ${tagClass(item)}">${item.tag}</span></div></button>`;
-}
-const destinationLabels = { brief: "Principles and direction", decision: "Scope proposal", evidence: "Supporting evidence" };
-function renderDetail() {
-	const item = items.find((entry) => entry.id === selectedId);
-	if (item === undefined) {
-		return;
-	}
-	element("#item-detail", HTMLElement).innerHTML =
-		`<p class="eyebrow">IN CONTEXT / ${item.id}</p><span class="tag ${tagClass(item)}">${item.tag}</span><h2>${item.title}</h2><p>${item.note}</p><dl class="detail-props"><div><dt>State</dt><dd>${item.state}</dd></div><div><dt>Owner</dt><dd>${item.owner}</dd></div><div><dt>Milestone</dt><dd>Wave 1</dd></div></dl><div class="detail-section"><h3>The next step</h3><p>${item.next}</p></div><div class="detail-section"><h3>Connected context</h3><a href="#brief">→ The project brief</a><a href="#${item.destination}">→ ${destinationLabels[item.destination]}</a></div><div class="detail-section"><p>Source: work/${item.id.toLowerCase().replace("–", "-")}.md</p><p class="small-note">Illustrative source path</p></div>`;
-}
-export function renderWork() {
-	const visible = items.filter((item) => filter === "all" || (filter === "attention" ? item.attention : item.owner === "Atlas"));
-	if (!visible.some((item) => item.id === selectedId)) {
-		const first = visible[0];
-		if (first === undefined) {
-			return;
-		}
-		selectedId = first.id;
-	}
-	const content = element("#work-content", HTMLElement);
-	if (view === "board") {
-		content.innerHTML = `<div class="kanban">${["Up next", "In progress", "In review"]
-			.map((state) => {
-				const group = visible.filter((item) => item.state === state);
-				return `<section class="lane" aria-label="${state}"><div class="lane-heading">${state}<span>${group.length}</span></div>${group.map(card).join("") || '<p class="empty-filter">No matching work.</p>'}</section>`;
-			})
-			.join("")}</div>`;
-	} else {
-		content.innerHTML = `<table class="work-table"><thead><tr><th>WORK ITEM</th><th>STATE</th><th>OWNER</th></tr></thead><tbody>${visible.map((item) => `<tr><td><button type="button" data-item="${item.id}" aria-pressed="${item.id === selectedId}"><span class="muted">${item.id}</span><br>${item.title}</button></td><td><span class="tag ${tagClass(item)}">${item.state}</span></td><td>${item.owner}</td></tr>`).join("")}</tbody></table>`;
-	}
-	renderDetail();
-}
-function updateChoice(kind: string, value: string) {
-	for (const button of document.querySelectorAll<HTMLElement>(`[data-${kind}]`)) {
-		const selected = button.dataset[kind] === value;
-		button.classList.toggle("selected", selected);
-		button.setAttribute("aria-pressed", String(selected));
-	}
-}
-element(".work-toolbar", HTMLElement).addEventListener("click", (event) => {
-	const button = event.target instanceof Element ? event.target.closest("button") : null;
-	if (!button) {
-		return;
-	}
-	if (button.dataset.view) {
-		view = button.dataset.view;
-		updateChoice("view", view);
-	}
-	if (button.dataset.filter) {
-		filter = button.dataset.filter;
-		updateChoice("filter", filter);
-	}
-	renderWork();
-});
-element("#work-content", HTMLElement).addEventListener("click", (event) => {
-	const button = event.target instanceof Element ? event.target.closest<HTMLButtonElement>("[data-item]") : null;
-	if (!button?.dataset.item) {
-		return;
-	}
-	selectedId = button.dataset.item;
-	renderWork();
-	element(`[data-item="${selectedId}"]`, HTMLButtonElement).focus({ preventScroll: true });
-});
-
-export function selectWork(id: string) {
-	selectedId = id;
-	filter = "all";
-	updateChoice("filter", filter);
-	renderWork();
-}

package/src/client/page/ageScript.ts

@@ -1,22 +0,0 @@
-export function ageScript() {
-	return `
-const since = (modified) => {
-  const seconds = Math.max(0, Math.round((Date.now() - modified) / 1000));
-  if (seconds < 60) return seconds + "s";
-  if (seconds < 3600) return Math.round(seconds / 60) + "m";
-  if (seconds < 172800) return Math.round(seconds / 3600) + "h";
-  return Math.round(seconds / 86400) + "d";
-};
-
-export const tick = () => {
-  for (const age of document.querySelectorAll("[data-modified]")) {
-    const ago = since(Number(age.dataset.modified));
-    age.textContent = age.classList.contains("short") ? ago : "updated " + ago + " ago";
-  }
-};
-
-document.addEventListener("board-page", tick);
-tick();
-setInterval(tick, 5000);
-`;
-}

package/src/client/page/formReadingScript.ts

@@ -1,25 +0,0 @@
-export function formReadingScript(): string {
-	return `
-const captureResponseFocus = () => {
-  const control = document.activeElement;
-  if (!(control instanceof HTMLTextAreaElement || control instanceof HTMLInputElement && control.type === "text") || !control.closest("#response-form")) return null;
-  return {
-    name: control.name,
-    prompt: control.closest("[data-prompt]")?.dataset.prompt,
-    start: control.selectionStart,
-    end: control.selectionEnd,
-    direction: control.selectionDirection,
-  };
-};
-const restoreResponseFocus = (state) => {
-  if (!state) return;
-  const form = document.getElementById("response-form");
-  const control = state.prompt
-    ? [...(form?.querySelectorAll("[data-prompt]") ?? [])].find((field) => field.dataset.prompt === state.prompt)?.querySelector("textarea")
-    : form?.elements.namedItem(state.name);
-  if (!control) return;
-  control.focus({ preventScroll: true });
-  if (state.start !== null && state.end !== null && control.setSelectionRange) control.setSelectionRange(state.start, state.end, state.direction);
-};
-`;
-}

package/src/client/page/itemContextScript.ts

@@ -1,20 +0,0 @@
-export function itemContextScript(): string {
-	return `
-const contextIsWide = () => matchMedia("(min-width: 1100px)").matches;
-let contextWide = contextIsWide();
-let contextFile;
-const syncContexts = (reset = false) => {
-  const file = document.getElementById("doc").dataset.file;
-  for (const context of document.querySelectorAll(".item-context")) {
-    if (reset || file !== contextFile) context.open = contextWide;
-  }
-  contextFile = file;
-};
-syncContexts();
-window.addEventListener("resize", () => {
-  const wide = contextIsWide();
-  if (wide !== contextWide) { contextWide = wide; syncContexts(true); }
-});
-document.addEventListener("board-page", () => syncContexts());
-`;
-}

package/src/client/page/libraryScript.ts

@@ -1,84 +0,0 @@
-export function libraryScript(): string {
-	return `
-const root = document.documentElement;
-const key = "work-board:library:" + root.dataset.workspace;
-const library = document.getElementById("reading-library");
-const dialog = document.getElementById("library-dialog");
-const opener = document.getElementById("library-open");
-opener.disabled = false;
-opener.addEventListener("click", () => dialog.showModal());
-document.getElementById("library-close").addEventListener("click", () => dialog.close());
-dialog.addEventListener("close", () => opener.focus({ preventScroll: true }));
-dialog.addEventListener("click", (event) => {
-  if (event.target.closest?.("a[href]")) dialog.close();
-  if (event.target !== dialog) return;
-  const bounds = dialog.getBoundingClientRect();
-  if (event.clientX < bounds.left || event.clientX > bounds.right || event.clientY < bounds.top || event.clientY > bounds.bottom) dialog.close();
-});
-let favorites = [];
-let recents = [];
-let notice = "";
-const valid = (items) => Array.isArray(items) ? items.filter((item) => item && typeof item.file === "string" && item.file !== "" && typeof item.title === "string") : [];
-try {
-  const saved = JSON.parse(localStorage.getItem(key) ?? "{}");
-  favorites = valid(saved?.favorites);
-  recents = valid(saved?.recents);
-} catch { notice = "Reading history applies to this page only."; }
-const save = () => {
-  try { localStorage.setItem(key, JSON.stringify({ favorites, recents })); notice = ""; }
-  catch { notice = "Reading history applies to this page only."; }
-};
-const hrefOf = (file) => "/" + file.split("/").map(encodeURIComponent).join("/");
-const list = (title, items) => {
-  const heading = document.createElement("h2");
-  heading.className = "nav-heading";
-  heading.textContent = title;
-  const ul = document.createElement("ul");
-  const available = new Set([...document.querySelectorAll("#files a")].map((a) => new URL(a.href).pathname));
-  for (const item of items) {
-    const li = document.createElement("li");
-    const a = document.createElement("a");
-    a.href = hrefOf(item.file);
-    a.textContent = item.title;
-    if (item.file === document.getElementById("doc").dataset.file) a.setAttribute("aria-current", "page");
-    if (!available.has(a.pathname)) {
-      a.textContent += " (missing)";
-      a.className = "missing";
-    }
-    li.append(a); ul.append(li);
-  }
-  return [heading, ul];
-};
-export const refreshLibrary = (visit = false) => {
-  const doc = document.getElementById("doc");
-  const title = doc.querySelector("h1")?.textContent.trim() || doc.dataset.file;
-  document.title = title ? title + " · Work Board" : "Work Board";
-  const active = document.querySelector('#files a[aria-current="page"]');
-  if (active) active.title = title;
-  const toggle = document.getElementById("favorite-toggle");
-  if (toggle) {
-    const saved = favorites.some((item) => item.file === doc.dataset.file);
-    toggle.disabled = false;
-    toggle.setAttribute("aria-pressed", String(saved));
-    toggle.textContent = saved ? "Remove favorite" : "Save favorite";
-    if (visit) {
-      recents = [{ file: doc.dataset.file, title }, ...recents.filter((item) => item.file !== doc.dataset.file)].slice(0, 10);
-      save();
-    }
-  }
-  const status = document.createElement("p");
-  status.className = "library-status";
-  status.setAttribute("role", "status");
-  status.textContent = notice;
-  library.replaceChildren(...(favorites.length ? list("Favorites", favorites) : []), ...(recents.length ? list("Recent documents", recents) : []), ...(notice ? [status] : []));
-  if (favorites.length === 0 && recents.length === 0 && notice === "") library.textContent = "No recent documents yet.";
-};
-document.addEventListener("click", (event) => {
-  if (!event.target.closest?.("#favorite-toggle")) return;
-  const doc = document.getElementById("doc");
-  const file = doc.dataset.file;
-  favorites = favorites.some((item) => item.file === file) ? favorites.filter((item) => item.file !== file) : [...favorites, { file, title: doc.querySelector("h1")?.textContent.trim() || file }];
-  save(); refreshLibrary();
-});
-`;
-}

package/src/client/page/navigationHistoryScript.ts

@@ -1,46 +0,0 @@
-export function navigationHistoryScript(): string {
-	return `
-const cache = new Map();
-const readingKey = "work-board:reading:" + document.documentElement.dataset.workspace;
-let savedReading = {};
-try {
-  const saved = JSON.parse(sessionStorage.getItem(readingKey) ?? "{}");
-  if (saved && typeof saved === "object" && !Array.isArray(saved)) savedReading = saved;
-} catch {}
-let count = 0;
-const newId = () => Date.now() + "-" + ++count;
-let displayedId = history.state?.workBoard?.id ?? newId();
-let displayedRoute = location.pathname + location.search;
-let version = 0;
-let controller;
-export const pageVersion = () => version;
-const stateWith = (id, reading = null) => ({ ...history.state, workBoard: { id, reading } });
-history.replaceState(stateWith(displayedId, history.state?.workBoard?.reading), "");
-history.scrollRestoration = "manual";
-document.getElementById("doc").dataset.scheme = document.documentElement.dataset.scheme;
-refreshLibrary(true);
-revealCurrentFile(true);
-document.getElementById("home-open").setAttribute("aria-current", location.pathname === "/" ? "page" : "false");
-const initialReading = savedReading[displayedId] ?? history.state.workBoard.reading;
-requestAnimationFrame(() => {
-  if (initialReading) restoreReading(initialReading);
-  else scrollToPassage(location.hash);
-  reportMissingPassage();
-});
-
-const saveCurrent = (write = true) => {
-  if (router && document.getElementById("doc")?.dataset.route !== displayedRoute) return;
-  const snapshot = capturePage();
-  cache.delete(displayedId);
-  cache.set(displayedId, snapshot);
-  delete savedReading[displayedId];
-  savedReading[displayedId] = snapshot.reading;
-  savedReading = Object.fromEntries(Object.entries(savedReading).slice(-30));
-  try { sessionStorage.setItem(readingKey, JSON.stringify(savedReading)); } catch {}
-  if (cache.size > 30) cache.delete(cache.keys().next().value);
-  if (write && history.state?.workBoard?.id === displayedId) history.replaceState(stateWith(displayedId, snapshot.reading), "");
-};
-window.addEventListener("pagehide", () => saveCurrent(false));
-
-`;
-}

package/src/client/page/navigationScript.ts

@@ -1,113 +0,0 @@
-import { navigationHistoryScript } from "./navigationHistoryScript.ts";
-import { reactNavigationScript } from "./reactNavigationScript.ts";
-import { routeQueryOptions } from "./routeQuery.ts";
-
-export function navigationScript(): string {
-	return `
-import { applyPage, capturePage } from "/_board/page-state.js";
-import { reportMissingPassage, restoreReading, scrollToPassage } from "/_board/reading-state.js";
-import { refreshLibrary } from "/_board/library.js";
-import { revealCurrentFile } from "/_board/sidebar.js";
-import { session } from "/_board/native.js";
-
-let router;
-export const connectRouter = (control) => {
-  router = control;
-  router.before(() => saveCurrent(false));
-  let resolved = location.href;
-  router.subscribe(() => {
-    if (location.href === resolved) return;
-    const previous = new URL(resolved);
-    const target = new URL(location.href);
-    resolved = location.href;
-    const entry = history.state?.workBoard;
-    const id = entry?.id && entry.id !== displayedId ? entry.id : newId();
-    const hashOnly = target.pathname === previous.pathname && target.search === previous.search;
-    navigate(target, { ...entry, id, reading: id === entry?.id ? entry.reading : null }, hashOnly);
-  });
-};
-const open = async (target) => {
-  if (!router) return navigate(target);
-  const sameRoute = target.href === location.href;
-  saveCurrent();
-  await router.navigate(target.pathname + target.search + target.hash);
-  if (!sameRoute || target.href !== location.href) return;
-  const native = session(window);
-  const page = document.getElementById("doc").hasAttribute("data-react-document") ? native.api.document.query({ url: target.pathname + target.search }, ${JSON.stringify(routeQueryOptions)}) : native.api.page.query({ url: target.pathname + target.search }, ${JSON.stringify(routeQueryOptions)});
-  if (native.registry.get(page)._tag === "Failure") {
-    delete document.getElementById("doc").dataset.route;
-    native.registry.refresh(page);
-    await navigate(target, history.state?.workBoard ?? { id: newId() });
-  }
-};
-${navigationHistoryScript()}
-
-${reactNavigationScript()}
-
-const navigate = async (target, entry, hashOnly = false) => {
-  const route = target.pathname + target.search;
-  const sameDocument = route === displayedRoute;
-  if (!router) saveCurrent(!entry);
-  const id = entry?.id ?? newId();
-  if (!entry) history.pushState(stateWith(id), "", target);
-  else if (history.state?.workBoard?.id !== id) history.replaceState(stateWith(id, entry.reading), "");
-  const mine = ++version;
-  controller?.abort();
-  controller = new AbortController();
-  const status = document.getElementById("navigation-status");
-  status.textContent = "";
-  if (sameDocument && (!entry || hashOnly)) {
-    displayedId = id;
-    const reading = savedReading[id] ?? entry?.reading;
-    if (reading) restoreReading(reading);
-    else scrollToPassage(target.hash);
-    return;
-  }
-  const cached = cache.get(id);
-  if (cached && !router) {
-    applyPage(cached.page);
-    displayedId = id;
-    displayedRoute = route;
-    restoreReading(cached.reading);
-  } else status.textContent = "Opening document…";
-  try {
-    if (router) { await navigateReact(route, mine, id, entry, cached, target, status); return; }
-    const native = session(window);
-    const response = await native.read(native.api.page.query({ url: target.pathname + target.search }, ${JSON.stringify(routeQueryOptions)}), controller.signal);
-    const page = new DOMParser().parseFromString(response.html, "text/html");
-    if (mine !== version) return;
-    if (!applyPage(page, Boolean(cached))) throw new Error("Invalid page");
-    displayedId = id;
-    displayedRoute = route;
-    status.textContent = response.status < 400 ? "" : response.status === 404 ? "This document is missing or was renamed." : "This document could not be opened.";
-    if (response.status < 400) reportMissingPassage();
-    if (!cached) {
-      document.getElementById("doc").focus({ preventScroll: true });
-      if (savedReading[id] ?? entry?.reading) restoreReading(savedReading[id] ?? entry.reading);
-      else scrollToPassage(target.hash);
-    }
-  } catch (error) {
-    if (mine !== version || controller.signal.aborted) return;
-    status.textContent = "Could not open this document. Retry the link or reload the page.";
-  }
-};
-document.addEventListener("click", (event) => {
-  const link = event.target.closest?.("a[href]");
-  if (!link || event.defaultPrevented || event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey || link.hasAttribute("download") || (link.target && link.target !== "_self")) return;
-  const target = new URL(link.href, location.href);
-  if (target.origin !== location.origin || !(target.pathname === "/" || target.pathname === "/_board/diagnostics" || target.pathname === "/_board/handoff" || target.pathname === "/_board/result" || target.pathname === "/_board/respond" || target.pathname === "/_board/start" || target.pathname === "/_board/changes" || target.pathname === "/_board/inbox" || target.pathname === "/_board/overview" || target.pathname === "/_board/work" || target.pathname.startsWith("/_board/item/") || /\\.md$/i.test(target.pathname))) return;
-  event.preventDefault();
-  document.dispatchEvent(new Event("board-navigate"));
-  open(target);
-});
-document.addEventListener("submit", (event) => {
-  const form = event.target;
-  if (!form.matches?.("#work-filters")) return;
-  event.preventDefault();
-  const target = new URL(form.action, location.href);
-  target.search = new URLSearchParams([...new FormData(form)].map(([key, value]) => [key, String(value)])).toString();
-  open(target);
-});
-window.addEventListener("popstate", (event) => { if (!router) navigate(new URL(location.href), event.state?.workBoard ?? { id: newId() }); });
-`;
-}

package/src/client/page/preferencesScript.ts

@@ -1,45 +0,0 @@
-export function preferencesScript(): string {
-	return `
-import { setupSidebar } from "/_board/sidebar.js";
-const root = document.documentElement;
-const key = "work-board:appearance:" + root.dataset.workspace;
-const theme = document.getElementById("theme");
-const density = document.getElementById("density");
-const status = document.getElementById("preference-status");
-const system = matchMedia("(prefers-color-scheme: dark)");
-let saved = {};
-try {
-  const value = JSON.parse(localStorage.getItem(key) ?? "{}");
-  if (value !== null && typeof value === "object" && !Array.isArray(value)) saved = value;
-} catch {
-  status.textContent = "Preferences apply to this page only.";
-}
-
-theme.value = ["light", "dark"].includes(saved.theme) ? saved.theme : "system";
-density.value = saved.density === "compact" ? "compact" : "comfortable";
-const sidebar = setupSidebar(typeof saved.closed === "boolean" && saved.closed);
-
-const appearance = () => {
-  root.dataset.theme = theme.value;
-  root.dataset.scheme = theme.value === "system" ? (system.matches ? "dark" : "light") : theme.value;
-  root.dataset.density = density.value;
-  document.dispatchEvent(new Event("board-theme"));
-};
-
-const save = () => {
-  appearance();
-  try {
-    localStorage.setItem(key, JSON.stringify({ theme: theme.value, density: density.value, closed: sidebar.closed() }));
-    status.textContent = "";
-  } catch {
-    status.textContent = "Preferences apply to this page only.";
-  }
-};
-
-theme.addEventListener("change", save);
-density.addEventListener("change", save);
-document.addEventListener("board-sidebar", save);
-system.addEventListener("change", appearance);
-appearance();
-`;
-}

package/src/client/page/reactNavigationScript.ts

@@ -1,30 +0,0 @@
-export function reactNavigationScript(): string {
-	return `
-const navigateReact = async (route, mine, id, entry, cached, target, status) => {
-      await new Promise((resolve, reject) => {
-        const signal = controller.signal;
-        const check = () => { if (document.getElementById("doc")?.dataset.route === route) { cleanup(); resolve(); } };
-        const cancel = () => { cleanup(); reject(new Error("Navigation cancelled")); };
-        const cleanup = () => { document.removeEventListener("board-page", check); signal.removeEventListener("abort", cancel); };
-        document.addEventListener("board-page", check);
-        signal.addEventListener("abort", cancel, { once: true });
-        check();
-      });
-      if (mine !== version) return;
-      if (cached && document.querySelector("[data-legacy-main]") && document.getElementById("doc")?.dataset.view === "changes") applyPage(cached.page);
-      const doc = document.getElementById("doc");
-      displayedId = id;
-      displayedRoute = route;
-      const code = Number(doc.dataset.status ?? 200);
-      status.textContent = code < 400 ? "" : code === 404 ? "This document is missing or was renamed." : "Could not open this document. Retry the link or reload the page.";
-      if (code < 400) reportMissingPassage();
-      revealCurrentFile(true);
-      refreshLibrary(true);
-      doc.focus({ preventScroll: true });
-      const reading = savedReading[id] ?? entry?.reading ?? cached?.reading;
-      if (reading) restoreReading(reading);
-      else scrollToPassage(target.hash);
-      return;
-};
-`;
-}

package/src/client/page/readingStateScript.ts

@@ -1,64 +0,0 @@
-export function readingStateScript(): string {
-	return `
-const pathOf = (node, root) => {
-  const path = [];
-  for (; node !== root; node = node.parentNode) {
-    if (!node?.parentNode) return null;
-    path.unshift([...node.parentNode.childNodes].indexOf(node));
-  }
-  return path;
-};
-const nodeAt = (path, root) => path.reduce((node, index) => node?.childNodes[index], root);
-
-export const captureReading = () => {
-  const root = document.getElementById("doc");
-  const selection = document.getSelection();
-  const anchor = selection?.anchorNode && pathOf(selection.anchorNode, root);
-  const focus = selection?.focusNode && pathOf(selection.focusNode, root);
-  return {
-    scroll: [scrollX, scrollY],
-    sidebar: document.getElementById("sidebar").scrollTop,
-    context: root.querySelector(".item-context")?.open,
-    details: [...root.querySelectorAll("details:not(.item-context)")].map((detail) => detail.open),
-    selection: anchor && focus ? { anchor, focus, a: selection.anchorOffset, f: selection.focusOffset } : null,
-  };
-};
-
-export const restoreReading = (state, restoreDetails = true) => {
-  if (!state || !Array.isArray(state.scroll) || state.scroll.length !== 2 || !state.scroll.every(Number.isFinite)) return;
-  const root = document.getElementById("doc");
-  const context = root.querySelector(".item-context");
-  if (restoreDetails && context && typeof state.context === "boolean") context.open = state.context;
-  [...root.querySelectorAll("details:not(.item-context)")].forEach((detail, index) => {
-    if (restoreDetails && typeof state.details?.[index] === "boolean") detail.open = state.details[index];
-  });
-  document.getElementById("sidebar").scrollTop = state.sidebar ?? 0;
-  const saved = state.selection;
-  if (saved && Array.isArray(saved.anchor) && Array.isArray(saved.focus) && Number.isInteger(saved.a) && Number.isInteger(saved.f) && saved.a >= 0 && saved.f >= 0) {
-    const anchor = nodeAt(saved.anchor, root);
-    const focus = nodeAt(saved.focus, root);
-    const limit = (node) => node.nodeType === 3 ? node.textContent.length : node.childNodes.length;
-    if (anchor && focus) document.getSelection()?.setBaseAndExtent(anchor, Math.min(saved.a, limit(anchor)), focus, Math.min(saved.f, limit(focus)));
-  }
-  scrollTo(...state.scroll);
-};
-
-const passageAt = (hash) => {
-  try { return document.getElementById(decodeURIComponent(hash.slice(1))); } catch { return null; }
-};
-export const reportMissingPassage = () => {
-  if (!location.hash || !document.getElementById("favorite-toggle")) return;
-  const status = document.getElementById("navigation-status");
-  if (!passageAt(location.hash)) status.textContent = "This passage is no longer in the document.";
-  else if (status.textContent === "This passage is no longer in the document.") status.textContent = "";
-};
-export const scrollToPassage = (hash) => {
-  if (!hash) { scrollTo(0, 0); return; }
-  const target = passageAt(hash);
-  if (!target) { reportMissingPassage(); return; }
-  for (let parent = target.parentElement; parent; parent = parent.parentElement) if (parent.tagName === "DETAILS") parent.open = true;
-  target.scrollIntoView();
-  target.focus({ preventScroll: true });
-};
-`;
-}