@dirwell/theme-ledger 0.0.0-stage → 0.0.1-alpha.1

package/dist/index.mjs

@@ -0,0 +1,605 @@
+import { readFile } from "node:fs/promises";
+import { createHash } from "node:crypto";
+import { copyJsonObject, escapeHtml, projectListingEntry } from "@dirwell/core";
+import path from "node:path";
+import { render } from "svelte/server";
+import * as $ from "svelte/internal/server";
+import { onMount, untrack } from "svelte";
+import { ListingDataError, loadListing, parseListingEntries } from "@dirwell/core/client";
+//#region ../shared-theme/src/page.ts
+const pageAsset = (theme, directory, page = 1) => `${theme}-page-${createHash("sha256").update(directory).digest("hex").slice(0, 24)}-${page}.json`;
+function folderDataHref(entry, context, theme) {
+	if (entry.exitsExplorer || entry.href === null || !(entry.kind === "directory" || entry.link?.targetKind === "directory")) return null;
+	const fake = "https://dirwell.invalid/";
+	const base = new URL(context.documentBaseHref ?? `${context.directoryPath ? context.directoryPath + "/" : ""}`, fake);
+	const root = new URL(context.hrefForDirectory(""), base);
+	const target = new URL(entry.href, base);
+	const rootPath = root.pathname.endsWith("/") ? root.pathname : root.pathname.slice(0, root.pathname.lastIndexOf("/") + 1);
+	const directoryPath = target.pathname.endsWith("/") ? target.pathname : target.pathname.slice(0, target.pathname.lastIndexOf("/") + 1);
+	const logical = directoryPath.slice(rootPath.length).split("/").filter(Boolean).map(decodeURIComponent).join("/");
+	const filename = pageAsset(theme, logical);
+	if (context.pageDataHref !== void 0) return context.pageDataHref(theme, logical, 1);
+	if (context.mode === "mpa") return context.assetHref(filename);
+	const href = new URL(filename, new URL(directoryPath, target));
+	if (href.origin !== new URL(fake).origin) return href.href;
+	if (context.documentBaseHref === null && !entry.href.startsWith("/")) return path.posix.relative(context.directoryPath || ".", path.posix.join(logical, filename)).split("/").map((segment) => segment === ".." || segment === "." ? segment : encodeURIComponent(segment)).join("/");
+	return href.pathname;
+}
+function createThemePage(context, theme, title) {
+	const directoryPath = context.directory.current.relativePath;
+	const safeContext = {
+		...context.pageDataHref === void 0 ? {} : { pageDataHref: context.pageDataHref },
+		mode: context.mode,
+		outputName: context.outputName,
+		assetHref: context.assetHref,
+		hrefForDirectory: context.hrefForDirectory,
+		documentBaseHref: context.documentBaseHref,
+		directoryPath
+	};
+	const dataForDirectory = (logicalPath) => folderDataHref({
+		id: logicalPath,
+		name: logicalPath,
+		kind: "directory",
+		href: context.hrefForDirectory(logicalPath),
+		exitsExplorer: false,
+		size: 0,
+		modifiedAt: "",
+		link: null
+	}, safeContext, theme.name);
+	const entries = context.directory.entries.map((entry) => {
+		const record = projectListingEntry(entry, context);
+		return theme.entryData === void 0 ? record : {
+			...record,
+			presentation: copyJsonObject(theme.entryData(record, safeContext))
+		};
+	});
+	return {
+		version: 1,
+		...context.metadata === void 0 ? {} : { metadataHead: context.metadata.head },
+		theme: theme.name,
+		title: context.metadata?.title ?? (directoryPath ? `${directoryPath} · ${title}` : title),
+		path: directoryPath,
+		rootHref: context.hrefForDirectory(""),
+		parentHref: context.directory.parent === null ? null : context.hrefForDirectory(context.directory.parent.relativePath),
+		rootDataHref: dataForDirectory(""),
+		parentDataHref: context.directory.parent === null ? null : dataForDirectory(context.directory.parent.relativePath),
+		dataHref: context.pageDataHref?.(theme.name, directoryPath, context.listing?.page.number ?? 1) ?? context.assetHref(pageAsset(theme.name, directoryPath, context.listing?.page.number ?? 1)),
+		manifestHref: context.listing?.manifestHref ?? null,
+		...context.listing ? { listingRevision: context.listing.revision } : {},
+		updatesHref: context.updatesHref ?? null,
+		total: context.listing?.page.total ?? entries.length,
+		entries,
+		sort: context.sort,
+		page: context.listing?.page ?? null,
+		breadcrumbs: directoryPath.split("/").filter(Boolean).map((name, index) => ({
+			name,
+			dataHref: dataForDirectory(directoryPath.split("/").slice(0, index + 1).join("/")),
+			href: context.hrefForDirectory(directoryPath.split("/").slice(0, index + 1).join("/"))
+		}))
+	};
+}
+//#endregion
+//#region ../shared-theme/src/icons.ts
+const paths = {
+	directory: "<path d=\"M3 7V5h6l2 3h10v12H3Z\"/><path d=\"M3 10h18\"/>",
+	file: "<path d=\"M5 3h9l5 5v13H5ZM14 3v5h5M8 12h8M8 16h6\"/>",
+	link: "<path d=\"m9 15 6-6M8 10l-3 3a4 4 0 0 0 6 6l3-3M10 8l3-3a4 4 0 0 1 6 6l-3 3\"/>"
+};
+/** Fixed authored geometry; source names and paths never enter SVG markup. */
+function entryIcon(kind) {
+	return `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.45" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${paths[kind]}</svg>`;
+}
+//#endregion
+//#region ../shared-theme/src/navigation.ts
+/** Folder snapshots resolve relative URLs before History changes the document URL. */
+async function fetchThemePage(dataHref, pageHref, theme, signal, fresh = false, attempt = 0) {
+	const source = new URL(dataHref, document.baseURI);
+	if (source.origin !== location.origin) throw new ListingDataError("Folder leaves the theme origin");
+	const response = await fetch(source, {
+		signal,
+		cache: fresh ? "no-store" : "default"
+	});
+	if (!response.ok) throw new ListingDataError("Unavailable folder");
+	const value = await response.json();
+	if (typeof value !== "object" || value === null || Array.isArray(value)) throw new ListingDataError("Invalid folder snapshot");
+	const data = value;
+	if (data.version !== 1 || data.theme !== theme || typeof data.title !== "string" || typeof data.path !== "string" || !Number.isSafeInteger(data.total) || Number(data.total) < 0 || !Array.isArray(data.breadcrumbs)) throw new ListingDataError("Unsupported folder snapshot");
+	if (data.metadataHead !== void 0 && typeof data.metadataHead !== "string") throw new ListingDataError("Invalid folder metadata");
+	const base = document.querySelector("base")?.href ?? pageHref;
+	const link = (raw) => {
+		if (raw === null) return null;
+		if (typeof raw !== "string") throw new ListingDataError("Invalid folder link");
+		const url = new URL(raw, base);
+		if (!["http:", "https:"].includes(url.protocol) || url.origin !== location.origin) throw new ListingDataError("Unsupported folder link");
+		return url.href;
+	};
+	const entries = parseListingEntries(data.entries, base).map((entry) => ({
+		...entry,
+		...entry.presentation ? { presentation: {
+			...entry.presentation,
+			folderDataHref: link(entry.presentation.folderDataHref ?? null)
+		} } : {}
+	}));
+	if (entries.length > Number(data.total)) throw new ListingDataError("Invalid folder count");
+	const result = {
+		...data,
+		updatesHref: link(data.updatesHref ?? null),
+		entries,
+		dataHref: source.href,
+		manifestHref: link(data.manifestHref),
+		rootHref: link(data.rootHref),
+		rootDataHref: link(data.rootDataHref),
+		parentHref: link(data.parentHref),
+		parentDataHref: link(data.parentDataHref),
+		breadcrumbs: data.breadcrumbs.map((raw) => {
+			if (typeof raw !== "object" || raw === null || !("name" in raw) || !("href" in raw) || !("dataHref" in raw) || typeof raw.name !== "string") throw new ListingDataError("Invalid breadcrumb");
+			return {
+				name: raw.name,
+				href: link(raw.href),
+				dataHref: link(raw.dataHref)
+			};
+		})
+	};
+	if (fresh && result.manifestHref) {
+		const loaded = await loadListing(result.manifestHref, {
+			signal,
+			cache: "no-store"
+		});
+		if (loaded.manifest.total !== data.total || data.listingRevision !== void 0 && loaded.manifest.revision !== data.listingRevision) {
+			if (attempt < 2) return fetchThemePage(dataHref, pageHref, theme, signal, true, attempt + 1);
+			throw new ListingDataError("Folder changed while refreshing");
+		}
+		result.entries = [...loaded.entries];
+	}
+	return result;
+}
+const hotModels = /* @__PURE__ */ new WeakMap();
+function restoreThemePage(initial, hot) {
+	if (!hot || typeof document === "undefined") return initial;
+	const root = document.querySelector("[data-dirwell-theme]");
+	if (!root) return initial;
+	const snapshot = hotModels.get(root) ?? initial;
+	hotModels.set(root, snapshot);
+	return snapshot;
+}
+/** Copy only inert metadata elements; never insert snapshot HTML or event attributes. */
+function applyThemeMetadata(page, pageHref) {
+	const root = document.querySelector("[data-dirwell-theme]");
+	if (root && hotModels.has(root)) hotModels.set(root, page);
+	document.title = typeof page.title === "string" ? page.title : "";
+	const template = document.createElement("template");
+	template.innerHTML = typeof page.metadataHead === "string" ? page.metadataHead : "";
+	document.head.querySelectorAll("[data-dirwell-metadata]").forEach((element) => element.remove());
+	const base = document.querySelector("base")?.href ?? pageHref;
+	const url = (value) => {
+		try {
+			const target = new URL(value, base);
+			return ["http:", "https:"].includes(target.protocol) ? target.href : null;
+		} catch {
+			return null;
+		}
+	};
+	for (const element of template.content.children) {
+		if (!element.hasAttribute("data-dirwell-metadata")) continue;
+		let next;
+		if (element.tagName === "META") {
+			const attribute = element.hasAttribute("property") ? "property" : "name";
+			const key = element.getAttribute(attribute) ?? "";
+			if (!/^(?:description|og:[a-z_:]+|twitter:[a-z_:]+)$/i.test(key)) continue;
+			let content = element.getAttribute("content") ?? "";
+			if ([
+				"og:image",
+				"og:url",
+				"twitter:image"
+			].includes(key)) {
+				const resolved = url(content);
+				if (resolved === null) continue;
+				content = resolved;
+			}
+			next = document.createElement("meta");
+			next.setAttribute(attribute, key);
+			next.setAttribute("content", content);
+		} else if (element.tagName === "LINK" && element.getAttribute("rel") === "canonical") {
+			const href = url(element.getAttribute("href") ?? "");
+			if (href === null) continue;
+			next = document.createElement("link");
+			next.setAttribute("rel", "canonical");
+			next.setAttribute("href", href);
+		} else continue;
+		next.setAttribute("data-dirwell-metadata", "");
+		document.head.append(next);
+	}
+}
+//#endregion
+//#region ../shared-theme/src/records.ts
+const directoryLike = (entry) => entry.kind === "directory" || entry.link?.targetKind === "directory";
+const entryType = (entry) => entry.kind === "symlink" ? "link" : directoryLike(entry) ? "directory" : "file";
+function fuzzy(query, value) {
+	let score = 0, start = 0, last = -2;
+	for (const character of query.trim().toLocaleLowerCase()) {
+		const index = value.toLocaleLowerCase().indexOf(character, start);
+		if (index < 0) return null;
+		if (index === last + 1) score += 8;
+		if (index === 0 || /[\s/_.-]/.test(value[index - 1] ?? "")) score += 5;
+		score += Math.max(0, 4 - index * .05);
+		last = index;
+		start = index + 1;
+	}
+	return score - value.length * .01;
+}
+function visibleRecords(entries, query, types, sort) {
+	return entries.map((entry) => ({
+		entry,
+		score: fuzzy(query, `${entry.name} ${entry.link?.target ?? ""}`)
+	})).filter((item) => types.includes(entryType(item.entry)) && item.score !== null).sort((left, right) => {
+		if (query.trim() && left.score !== right.score) return (right.score ?? 0) - (left.score ?? 0);
+		const a = left.entry, b = right.entry;
+		if (sort.directoriesFirst && directoryLike(a) !== directoryLike(b)) return directoryLike(a) ? -1 : 1;
+		const name = () => sort.nameMode === "unicode" ? compareUnicode(a.name, b.name) : a.name.localeCompare(b.name, void 0, {
+			numeric: sort.nameMode === "natural",
+			sensitivity: "base"
+		});
+		const primary = (sort.field === "name" ? name() : sort.field === "size" ? (a.kind === "directory" ? 0 : a.size) - (b.kind === "directory" ? 0 : b.size) : a.modifiedAt.localeCompare(b.modifiedAt)) || name();
+		return (sort.direction === "asc" ? primary : -primary) || compareUnicode(a.id, b.id);
+	}).map((item) => item.entry);
+}
+function compareUnicode(left, right) {
+	const a = [...left], b = [...right];
+	for (let i = 0; i < Math.min(a.length, b.length); i++) {
+		const delta = (a[i]?.codePointAt(0) ?? 0) - (b[i]?.codePointAt(0) ?? 0);
+		if (delta) return delta;
+	}
+	return a.length - b.length;
+}
+function size(bytes) {
+	const units = [
+		"B",
+		"KiB",
+		"MiB",
+		"GiB",
+		"TiB"
+	];
+	let value = bytes, index = 0;
+	while (value >= 1024 && index < 4) {
+		value /= 1024;
+		index++;
+	}
+	return `${value.toFixed(index === 0 || value >= 100 ? 0 : 1)} ${units[index]}`;
+}
+function modified(value, local = false) {
+	const date = new Date(value);
+	if (Number.isNaN(date.getTime())) return "Unknown";
+	return local ? date.toLocaleString(void 0, {
+		dateStyle: "short",
+		timeStyle: "short"
+	}) : `${date.toISOString().slice(0, 16).replace("T", " ")} UTC`;
+}
+//#endregion
+//#region .generated/App-server.mjs
+function Ledger($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { model: initialModel, header, row, footer } = $$props;
+		const snapshot = untrack(() => restoreThemePage(initialModel, Boolean(import.meta.hot)));
+		let model = snapshot;
+		let entries = snapshot.entries;
+		let query = "";
+		let types = [
+			"directory",
+			"file",
+			"link"
+		];
+		let sort = snapshot.sort;
+		let scheme = "system";
+		let selected = null;
+		let ready = false;
+		let busy = false;
+		let error = "";
+		let scrollTop = 0;
+		let heights = /* @__PURE__ */ new Map();
+		$.derived(() => ready && model.updatesHref ? new URL(model.updatesHref, document.baseURI).href : null);
+		let complete = $.derived(() => entries.length === model.total);
+		let rows = $.derived(() => visibleRecords(entries, query, types, sort));
+		let virtual = $.derived(() => ready && rows().length > 500);
+		let offsets = $.derived(() => {
+			const values = [0];
+			for (const entry of rows()) values.push(values.at(-1) + (heights.get(entry.id) ?? 76));
+			return values;
+		});
+		let start = $.derived(() => {
+			if (!virtual()) return 0;
+			let low = 0, high = rows().length;
+			while (low < high) {
+				const mid = low + high >> 1;
+				if (offsets()[mid + 1] <= scrollTop) low = mid + 1;
+				else high = mid;
+			}
+			return Math.max(0, low - 5);
+		});
+		let end = $.derived(() => virtual() ? Math.min(rows().length, start() + 35) : rows().length);
+		let navigation = 0;
+		let abort;
+		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;
+			const local = abort, token = navigation;
+			busy = true;
+			try {
+				const loaded = await loadListing(new URL(model.manifestHref, document.baseURI).href, {
+					signal: local.signal,
+					cache: model.updatesHref ? "no-store" : "default"
+				});
+				if (token === navigation && !local.signal.aborted) entries = loaded.entries;
+			} catch (cause) {
+				if (token === navigation && !local.signal.aborted) error = "Could not load complete directory data. Native page links remain available.";
+			} finally {
+				if (token === navigation) busy = false;
+			}
+		}
+		async function openFolder(dataHref, url, push, refresh = false) {
+			const token = ++navigation;
+			abort?.abort();
+			const local = abort = new AbortController();
+			busy = true;
+			error = "";
+			try {
+				const next = await fetchThemePage(dataHref, url, "ledger", local.signal, refresh);
+				let nextEntries = next.entries;
+				if (refresh && next.manifestHref && nextEntries.length !== next.total) nextEntries = (await loadListing(next.manifestHref, {
+					signal: local.signal,
+					cache: "no-store"
+				})).entries;
+				if (token !== navigation || local.signal.aborted) return;
+				model = next;
+				entries = nextEntries;
+				if (!refresh) {
+					query = "";
+					selected = null;
+					scrollTop = 0;
+				}
+				if (push) history.pushState({ dataHref: next.dataHref }, "", url);
+				applyThemeMetadata(next, url);
+				await hydrateData();
+				if (!refresh) window.scrollTo({ top: 0 });
+			} catch (cause) {
+				if (token === navigation && !local.signal.aborted) error = "Could not open this folder. Open its native link or try again.";
+			} finally {
+				if (token === navigation) busy = false;
+			}
+		}
+		function updateScheme(value) {
+			scheme = value;
+			try {
+				localStorage.setItem("dirwell-color-scheme", value);
+			} catch {}
+		}
+		onMount(() => {
+			ready = true;
+			abort = new AbortController();
+			try {
+				const stored = localStorage.getItem("dirwell-color-scheme");
+				if ([
+					"system",
+					"light",
+					"dark"
+				].includes(stored)) scheme = stored;
+			} catch {}
+			history.replaceState({ dataHref: new URL(model.dataHref, document.baseURI).href }, "");
+			const onPop = (event) => {
+				if (event.state?.dataHref) openFolder(event.state.dataHref, location.href, false);
+				else location.reload();
+			};
+			window.addEventListener("popstate", onPop);
+			hydrateData();
+			return () => {
+				abort?.abort();
+				window.removeEventListener("popstate", onPop);
+			};
+		});
+		$$renderer.push(`<header class="page-header"><div class="wordmark">`);
+		if (header) {
+			$$renderer.push("<!--[0-->");
+			header($$renderer, { model });
+			$$renderer.push(`<!---->`);
+		} else $$renderer.push(`<!--[-1--><h1>${$.escape(model.title)}</h1> <span>File archive</span>`);
+		$$renderer.push(`<!--]--></div> <nav aria-label="Breadcrumb"><a${$.attr("href", model.rootHref)}>Home</a><!--[-->`);
+		const each_array = $.ensure_array_like(model.breadcrumbs);
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let crumb = each_array[$$index];
+			$$renderer.push(`<!---->/ <a${$.attr("href", crumb.href)}>${$.escape(crumb.name)}</a>`);
+		}
+		$$renderer.push(`<!--]--></nav></header> <main data-explorer="" data-framework="svelte"${$.attr("aria-busy", busy)}><div class="toolbar"><label class="search-field">Search this directory<input type="search" placeholder="Search files"${$.attr("value", query)}${$.attr("disabled", !ready || !complete(), true)}/></label> <fieldset${$.attr("disabled", !ready || !complete(), true)}><legend>Types</legend><!--[-->`);
+		const each_array_1 = $.ensure_array_like([
+			"directory",
+			"file",
+			"link"
+		]);
+		for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+			let type = each_array_1[$$index_1];
+			$$renderer.push(`<label><input type="checkbox"${$.attr("checked", types.includes(type), true)}/>${$.escape(type)}</label>`);
+		}
+		$$renderer.push(`<!--]--></fieldset> <label>Sort`);
+		$$renderer.select({
+			value: sort.field,
+			disabled: !ready || !complete(),
+			onchange: (event) => sort = {
+				...sort,
+				field: event.currentTarget.value
+			}
+		}, ($$renderer) => {
+			$$renderer.option({ value: "name" }, ($$renderer) => {
+				$$renderer.push(`Name`);
+			});
+			$$renderer.option({ value: "size" }, ($$renderer) => {
+				$$renderer.push(`Size`);
+			});
+			$$renderer.option({ value: "modified" }, ($$renderer) => {
+				$$renderer.push(`Modified`);
+			});
+		});
+		$$renderer.push(`</label> <label>Names`);
+		$$renderer.select({
+			value: sort.nameMode,
+			disabled: !ready || !complete(),
+			onchange: (event) => sort = {
+				...sort,
+				nameMode: event.currentTarget.value
+			}
+		}, ($$renderer) => {
+			$$renderer.option({ value: "natural" }, ($$renderer) => {
+				$$renderer.push(`Natural`);
+			});
+			$$renderer.option({ value: "locale" }, ($$renderer) => {
+				$$renderer.push(`Locale`);
+			});
+			$$renderer.option({ value: "unicode" }, ($$renderer) => {
+				$$renderer.push(`Unicode`);
+			});
+		});
+		$$renderer.push(`</label> <label>Order`);
+		$$renderer.select({
+			value: sort.direction,
+			disabled: !ready || !complete(),
+			onchange: (event) => sort = {
+				...sort,
+				direction: event.currentTarget.value
+			}
+		}, ($$renderer) => {
+			$$renderer.option({ value: "asc" }, ($$renderer) => {
+				$$renderer.push(`Ascending`);
+			});
+			$$renderer.option({ value: "desc" }, ($$renderer) => {
+				$$renderer.push(`Descending`);
+			});
+		});
+		$$renderer.push(`</label> <label><input type="checkbox"${$.attr("checked", sort.directoriesFirst, true)}${$.attr("disabled", !ready || !complete(), true)}/>Folders first</label> <label>Appearance`);
+		$$renderer.select({
+			value: scheme,
+			disabled: !ready,
+			onchange: (event) => updateScheme(event.currentTarget.value)
+		}, ($$renderer) => {
+			$$renderer.option({ value: "system" }, ($$renderer) => {
+				$$renderer.push(`System`);
+			});
+			$$renderer.option({ value: "light" }, ($$renderer) => {
+				$$renderer.push(`Light`);
+			});
+			$$renderer.option({ value: "dark" }, ($$renderer) => {
+				$$renderer.push(`Dark`);
+			});
+		});
+		$$renderer.push(`</label> <button${$.attr("disabled", !ready || !model.searchIndexHref, true)}>Search archive</button></div> <section class="listing-card"><div class="listing-summary"><span data-visible-count="">${$.escape(complete() ? rows().length : entries.length)}</span> entries`);
+		if (!complete()) $$renderer.push(`<!--[0-->on this page · ${$.escape(model.total)} in directory`);
+		else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--><span role="status" aria-live="polite">${$.escape(busy ? "Loading…" : error)}</span></div> <div class="entry-head"><span>Name</span><span>Size</span><span>Modified</span></div> <ul class="entry-list">`);
+		if (model.parentHref) $$renderer.push(`<!--[0--><li class="entry"><a${$.attr("href", model.parentHref)}>../</a></li>`);
+		else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		if (start()) $$renderer.push(`<!--[0--><li aria-hidden="true"${$.attr_style("", { height: offsets()[start()] + "px" })}></li>`);
+		else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <!--[-->`);
+		const each_array_2 = $.ensure_array_like(rows().slice(start(), end()));
+		for (let index = 0, $$length = each_array_2.length; index < $$length; index++) {
+			let entry = each_array_2[index];
+			$$renderer.push(`<li class="entry" data-entry=""${$.attr("data-id", entry.id)}${$.attr("data-order", start() + index)}${$.attr("data-active", selected === entry.id)}><span class="identity">`);
+			if (entry.href) {
+				$$renderer.push(`<!--[0--><a class="name"${$.attr("href", safeHref(entry))}${$.attr("target", entry.exitsExplorer ? "_blank" : void 0)}${$.attr("rel", entry.exitsExplorer ? "noopener" : void 0)}>`);
+				if (row) {
+					$$renderer.push("<!--[0-->");
+					row($$renderer, {
+						model,
+						entry,
+						selected: selected === entry.id
+					});
+					$$renderer.push(`<!---->`);
+				} else $$renderer.push(`<!--[-1--><span class="file-icon" aria-hidden="true">${$.html(entryIcon(entryType(entry)))}</span> ${$.escape(entry.name)}${$.escape(isDirectory(entry) ? "/" : "")}`);
+				$$renderer.push(`<!--]--></a>`);
+			} else {
+				$$renderer.push(`<!--[-1--><span>`);
+				if (row) {
+					$$renderer.push("<!--[0-->");
+					row($$renderer, {
+						model,
+						entry,
+						selected: selected === entry.id
+					});
+					$$renderer.push(`<!---->`);
+				} else $$renderer.push(`<!--[-1-->${$.escape(entry.name)}`);
+				$$renderer.push(`<!--]--></span>`);
+			}
+			$$renderer.push(`<!--]-->`);
+			if (entry.link) $$renderer.push(`<!--[0--><small class="target">${$.escape(entry.link.unavailable ? "Target unavailable · " : "→ ")}${$.escape(entry.link.target)}</small>`);
+			else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></span> <span class="kind">${$.escape(isDirectory(entry) ? "Folder" : size(entry.size))}</span> <button class="timestamp-button"${$.attr("disabled", !ready, true)}><time${$.attr("datetime", entry.modifiedAt)}>${$.escape(modified(entry.modifiedAt, ready))}</time></button></li>`);
+		}
+		$$renderer.push(`<!--]--> `);
+		if (end() < rows().length) $$renderer.push(`<!--[0--><li aria-hidden="true"${$.attr_style("", { height: offsets()[rows().length] - offsets()[end()] + "px" })}></li>`);
+		else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></ul> `);
+		if (rows().length === 0) $$renderer.push(`<!--[0--><p>No matching entries.</p>`);
+		else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></section> `);
+		if (model.page?.count > 1 && !complete()) {
+			$$renderer.push(`<!--[0--><nav aria-label="Pagination">`);
+			if (model.page.previousHref) $$renderer.push(`<!--[0--><a rel="prev"${$.attr("href", model.page.previousHref)}>Previous</a>`);
+			else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> Page ${$.escape(model.page.number)} of ${$.escape(model.page.count)} `);
+			if (model.page.nextHref) $$renderer.push(`<!--[0--><a rel="next"${$.attr("href", model.page.nextHref)}>Next</a>`);
+			else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></nav>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		if (footer) {
+			$$renderer.push("<!--[0-->");
+			footer($$renderer, { model });
+			$$renderer.push(`<!---->`);
+		} else $$renderer.push(`<!--[-1--><p class="keyboard-help">Arrow keys select files · Home / End jump · / searches · Backspace opens
+      parent</p>`);
+		$$renderer.push(`<!--]--></main> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
+//#region render-generated.mjs
+const renderBody = (model) => render(Ledger, { props: { model } }).body;
+//#endregion
+//#region src/index.ts
+function createLedgerTheme(options = {}, renderer) {
+	let resources;
+	const loadResources = () => resources ??= Promise.all([renderer?.clientScript ?? readFile(new URL("./client.js", import.meta.url), "utf8"), readFile(new URL("./styles.css", import.meta.url), "utf8")]).then(([script, styles]) => ({
+		script,
+		styles,
+		scriptName: `ledger-client-${createHash("sha256").update(script).digest("hex").slice(0, 16)}.js`
+	}));
+	const theme = {
+		name: "ledger",
+		listing: { pagination: true },
+		entryData: (entry, context) => ({ folderDataHref: folderDataHref(entry, context, "ledger") }),
+		async render(context) {
+			const model = {
+				...createThemePage(context, theme, options.title ?? "Dirwell"),
+				searchIndexHref: context.searchIndexHref
+			};
+			const { script, scriptName, styles } = await loadResources();
+			const json = JSON.stringify(model).replaceAll("<", "\\u003c");
+			return {
+				html: `<!doctype html><html lang="en" data-theme="system"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${context.documentBaseHref === null ? "" : `<base href="${escapeHtml(context.documentBaseHref)}">`}${context.metadata?.head ?? `<title>${escapeHtml(model.title)}</title>`}<style>${styles}${renderer?.styles ?? ""}</style></head><body><div data-dirwell-theme="ledger">${await (renderer?.renderBody ?? renderBody)(model)}</div><script type="application/json" id="dirwell-page-data">${json}<\/script><script ${renderer?.clientType === "module" ? "type=\"module\"" : "defer"} src="${escapeHtml(context.assetHref(scriptName))}"><\/script></body></html>`,
+				assets: {
+					[scriptName]: script,
+					[pageAsset("ledger", model.path, model.page?.number ?? 1)]: JSON.stringify(model)
+				}
+			};
+		}
+	};
+	return theme;
+}
+//#endregion
+export { createLedgerTheme };
+
+//# sourceMappingURL=index.mjs.map