@dirwell/theme-ledger 0.0.2 → 0.0.4

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { a as ThemeAction, c as ThemeLabels, i as ThemePage, o as ThemeColumn, s as ThemeCustomization, t as FrameworkRenderer } from "./model-BgCmoksr.mjs";
+import { a as ThemeAction, c as ThemeLabels, i as ThemePage, o as ThemeColumn, s as ThemeCustomization, t as FrameworkRenderer } from "./model-CeW-leLg.mjs";
 import { ExplorerTheme } from "@dirwell/core";
 //#region src/index.d.ts
 export interface LedgerThemeOptions extends ThemeCustomization {

package/dist/index.mjs

@@ -1,7 +1,6 @@
 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, tick, untrack } from "svelte";
@@ -10,20 +9,9 @@ import { ListingDataError, loadListing, parseListingEntries } from "@dirwell/cor
 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;
+	const logical = context.directoryPathForEntry(entry.id);
+	if (logical === null) return null;
+	return context.pageDataHref?.(theme, logical, 1) ?? context.assetHrefForDirectory(logical, pageAsset(theme, logical));
 }
 function createThemePage(context, theme, title) {
 	const directoryPath = context.directory.current.relativePath;
@@ -32,20 +20,13 @@ function createThemePage(context, theme, title) {
 		mode: context.mode,
 		outputName: context.outputName,
 		assetHref: context.assetHref,
+		assetHrefForDirectory: context.assetHrefForDirectory,
+		directoryPathForEntry: context.directoryPathForEntry,
 		hrefForDirectory: context.hrefForDirectory,
 		documentBaseHref: context.documentBaseHref,
 		directoryPath
 	};
-	const dataForDirectory = (logicalPath) => context.hasPageForDirectory?.(logicalPath) === false ? null : folderDataHref({
-		id: logicalPath,
-		name: logicalPath,
-		kind: "directory",
-		href: context.hrefForDirectory(logicalPath),
-		exitsExplorer: false,
-		size: 0,
-		modifiedAt: "",
-		link: null
-	}, safeContext, theme.name);
+	const dataForDirectory = (logicalPath) => context.hasPageForDirectory?.(logicalPath) === false ? null : context.pageDataHref?.(theme.name, logicalPath, 1) ?? context.assetHrefForDirectory(logicalPath, pageAsset(theme.name, logicalPath));
 	const entries = context.directory.entries.map((entry) => {
 		const record = projectListingEntry(entry, context);
 		return theme.entryData === void 0 ? record : {
@@ -714,7 +695,7 @@ function Ledger($$renderer, $$props) {
 		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));
+			for (const entry of rows()) values.push(values.at(-1) + (heights.get(entry.id) ?? 52));
 			return values;
 		});
 		let start = $.derived(() => {
@@ -762,10 +743,6 @@ function Ledger($$renderer, $$props) {
 			}, viewDefaults(model));
 		}
 		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;
@@ -876,7 +853,7 @@ function Ledger($$renderer, $$props) {
 				window.removeEventListener("popstate", onPop);
 			};
 		});
-		$$renderer.push(`<header class="page-header"><div class="wordmark">`);
+		$$renderer.push(`<main data-explorer="" data-framework="svelte"${$.attr("aria-busy", busy)}><header class="page-header"><div class="wordmark">`);
 		if (header) {
 			$$renderer.push("<!--[0-->");
 			header($$renderer, { model });
@@ -893,7 +870,7 @@ function Ledger($$renderer, $$props) {
 			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">${$.escape(ui().labels.searchDirectory)}<input type="search"${$.attr("placeholder", ui().labels.searchFiles)}${$.attr("value", query)}${$.attr("disabled", !ready || !complete(), true)}/></label> <fieldset${$.attr("disabled", !ready || !complete(), true)}><legend>${$.escape(ui().labels.types)}</legend><!--[-->`);
+		$$renderer.push(`<!--]--></nav></header> <div class="toolbar"><label class="search-field">${$.escape(ui().labels.searchDirectory)}<input type="search"${$.attr("placeholder", ui().labels.searchFiles)}${$.attr("value", query)}${$.attr("disabled", !ready || !complete(), true)}/></label> <fieldset${$.attr("disabled", !ready || !complete(), true)}><legend>${$.escape(ui().labels.types)}</legend><!--[-->`);
 		const each_array_1 = $.ensure_array_like([
 			"directory",
 			"file",
@@ -982,7 +959,7 @@ function Ledger($$renderer, $$props) {
 		$$renderer.push(`<!--]--> `);
 		if (failure === "folder" && retryRequest) $$renderer.push(`<!--[0--><a${$.attr("href", retryRequest[1])}>${$.escape(ui().labels.openNative)}</a>`);
 		else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> <div class="entry-head"${$.attr("data-custom-columns", Boolean(model.ui?.columns))}${$.attr_style("", { "grid-template-columns": model.ui?.columns ? ui().columns.map((column) => column === "name" ? "minmax(0,1fr)" : typeof column === "object" ? "minmax(0,12rem)" : "minmax(6rem,max-content)").join(" ") : void 0 })}><!--[-->`);
+		$$renderer.push(`<!--]--> <div class="entry-head"${$.attr("data-custom-columns", Boolean(model.ui?.columns))}${$.attr_style("", { "--dw-entry-columns": model.ui?.columns ? ui().columns.map((column) => column === "name" ? "minmax(0,1fr)" : "minmax(0,12rem)").join(" ") : void 0 })}><!--[-->`);
 		const each_array_2 = $.ensure_array_like(ui().columns);
 		for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
 			let column = each_array_2[$$index_2];
@@ -998,14 +975,14 @@ function Ledger($$renderer, $$props) {
 		const each_array_3 = $.ensure_array_like(rows().slice(start(), end()));
 		for (let index = 0, $$length = each_array_3.length; index < $$length; index++) {
 			let entry = each_array_3[index];
-			$$renderer.push(`<li class="entry" data-entry=""${$.attr("data-custom-columns", Boolean(model.ui?.columns))}${$.attr("data-id", entry.id)}${$.attr("data-order", start() + index)}${$.attr("data-active", selected === entry.id)}${$.attr_style("", { "grid-template-columns": model.ui?.columns ? ui().columns.map((column) => column === "name" ? "minmax(0,1fr)" : "minmax(6rem,max-content)").join(" ") : void 0 })}><!--[-->`);
+			$$renderer.push(`<li class="entry" data-entry=""${$.attr("data-custom-columns", Boolean(model.ui?.columns))}${$.attr("data-id", entry.id)}${$.attr("data-order", start() + index)}${$.attr("data-active", selected === entry.id)}${$.attr_style("", { "--dw-entry-columns": model.ui?.columns ? ui().columns.map((column) => column === "name" ? "minmax(0,1fr)" : "minmax(0,12rem)").join(" ") : void 0 })}><!--[-->`);
 			const each_array_4 = $.ensure_array_like(ui().columns);
 			for (let $$index_3 = 0, $$length = each_array_4.length; $$index_3 < $$length; $$index_3++) {
 				let column = each_array_4[$$index_3];
 				if (column === "name") {
 					$$renderer.push(`<!--[0--><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)}>`);
+						$$renderer.push(`<!--[0--><a class="name"${$.attr("href", entry.href)}${$.attr("target", entry.exitsExplorer ? "_blank" : void 0)}${$.attr("rel", entry.exitsExplorer ? "noopener" : void 0)}>`);
 						if (row) {
 							$$renderer.push("<!--[0-->");
 							row($$renderer, {
@@ -1054,7 +1031,7 @@ function Ledger($$renderer, $$props) {
 				const each_array_5 = $.ensure_array_like(ui().actions);
 				for (let $$index_4 = 0, $$length = each_array_5.length; $$index_4 < $$length; $$index_4++) {
 					let action = each_array_5[$$index_4];
-					if (action === "download" && entry.href && !isDirectory(entry) && !entry.link?.unavailable) $$renderer.push(`<!--[0--><a${$.attr("href", safeHref(entry))} download="">${$.escape(ui().labels.download)}</a>`);
+					if (action === "download" && entry.href && !isDirectory(entry) && !entry.link?.unavailable) $$renderer.push(`<!--[0--><a${$.attr("href", entry.href)} download="">${$.escape(ui().labels.download)}</a>`);
 					else if (action !== "download") $$renderer.push(`<!--[1--><button${$.attr("disabled", !ready || action === "copy-link" && !entry.href, true)}${$.attr("aria-label", (action === "copy-link" ? ui().labels.copyLink : ui().labels.copyPath) + ": " + entry.name)}>${$.escape(action === "copy-link" ? ui().labels.copyLink : ui().labels.copyPath)}</button>`);
 					else $$renderer.push("<!--[-1-->");
 					$$renderer.push(`<!--]-->`);