@dirwell/theme-crosswave 0.0.0-stage → 0.0.1-alpha

package/dist/index.mjs

@@ -0,0 +1,972 @@
+import { readFile } from "node:fs/promises";
+import { createHash } from "node:crypto";
+import { copyJsonObject, escapeHtml, projectListingEntry } from "@dirwell/core";
+import path from "node:path";
+import mime from "mime";
+import { computed, createSSRApp, nextTick, onBeforeUnmount, onMounted, ref, shallowRef, unref, watch, watchEffect } from "vue";
+import { renderToString, ssrIncludeBooleanAttr, ssrInterpolate, ssrLooseContain, ssrLooseEqual, ssrRenderAttr, ssrRenderClass, ssrRenderDynamicAttr, ssrRenderList, ssrRenderSlot } from "vue/server-renderer";
+import { useGamepad } from "@vueuse/core";
+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 src/icons.ts
+const paths$1 = {
+	all: "<rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/>",
+	folder: "<path d=\"M3 7V5a1 1 0 0 1 1-1h5l2 3h9a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1Z\"/><path d=\"M3 9h18\"/>",
+	image: "<rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1.5\"/><circle cx=\"8\" cy=\"9\" r=\"1.5\"/><path d=\"m3 17 5-5 4 4 4-6 5 7\"/>",
+	audio: "<path d=\"M9 18V5l11-2v13M9 8l11-2\"/><ellipse cx=\"6\" cy=\"18\" rx=\"3\" ry=\"2.5\"/><ellipse cx=\"17\" cy=\"16\" rx=\"3\" ry=\"2.5\"/>",
+	video: "<rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1.5\"/><path d=\"m10 8 6 4-6 4Z\"/>",
+	document: "<path d=\"M5 3h9l5 5v13H5ZM14 3v5h5M8 12h8M8 16h6\"/>",
+	other: "<path d=\"m12 3 9 5v9l-9 5-9-5V8ZM3 8l9 5 9-5M12 13v9\"/>",
+	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\"/>",
+	back: "<path d=\"m10 5-7 7 7 7M3 12h18\"/>",
+	search: "<circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"/><path d=\"m16 16 5 5\"/>",
+	pause: "<path d=\"M8 5v14M16 5v14\"/>",
+	play: "<path d=\"m8 4 12 8-12 8Z\"/>",
+	controller: "<path d=\"M7 7h10c3 0 4 3 5 9 0 3-2 4-4 1l-2-2H8l-2 2c-2 3-4 2-4-1 1-6 2-9 5-9ZM6 11h4M8 9v4M16 10h.01M19 13h.01\"/>"
+};
+/** Original geometric icons, not copied console artwork. */
+function crosswaveIcon(name) {
+	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$1[name]}</svg>`;
+}
+/** Default rail definitions. Supply a mapped/filtered copy to change labels, order, or visibility. */
+const defaultCrosswaveCategories = Object.freeze([
+	{
+		id: "all",
+		label: "All files",
+		icon: "all",
+		match: "all"
+	},
+	{
+		id: "folder",
+		label: "Folders",
+		icon: "folder",
+		match: "folders"
+	},
+	{
+		id: "image",
+		label: "Photos",
+		icon: "image",
+		match: { mimeTypes: ["image/*"] }
+	},
+	{
+		id: "audio",
+		label: "Music",
+		icon: "audio",
+		match: { mimeTypes: ["audio/*", "application/vnd.apple.mpegurl"] }
+	},
+	{
+		id: "video",
+		label: "Videos",
+		icon: "video",
+		match: { mimeTypes: ["video/*"] }
+	},
+	{
+		id: "document",
+		label: "Documents",
+		icon: "document",
+		match: { mimeTypes: [
+			"text/*",
+			"application/pdf",
+			"application/json",
+			"application/*+json",
+			"application/xml",
+			"application/*+xml",
+			"application/msword",
+			"application/rtf",
+			"application/sql",
+			"application/epub+zip",
+			"application/vnd.ms-excel",
+			"application/vnd.ms-powerpoint",
+			"application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+			"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+			"application/vnd.openxmlformats-officedocument.presentationml.presentation"
+		] }
+	},
+	{
+		id: "other",
+		label: "Other",
+		icon: "other",
+		match: "other"
+	}
+].map((category) => Object.freeze({
+	...category,
+	match: typeof category.match === "string" ? category.match : Object.freeze({
+		...category.match.extensions ? { extensions: Object.freeze([...category.match.extensions]) } : {},
+		...category.match.mimeTypes ? { mimeTypes: Object.freeze([...category.match.mimeTypes]) } : {}
+	})
+})));
+const record = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
+function strings(value, normalize) {
+	if (value === void 0) return void 0;
+	if (!Array.isArray(value)) throw new TypeError("Crosswave category rules must be arrays of strings");
+	return Object.freeze([...new Set(Array.from(value, (item) => {
+		if (typeof item !== "string") throw new TypeError("Crosswave category rules must be arrays of strings");
+		return normalize(item);
+	}))]);
+}
+function extension(value) {
+	const normalized = value.toLowerCase().replace(/^\./, "");
+	if (!/^[a-z0-9+_-]+(?:\.[a-z0-9+_-]+)*$/.test(normalized)) throw new TypeError(`Invalid Crosswave extension: ${value}`);
+	return normalized;
+}
+function mediaType(value) {
+	const normalized = value.toLowerCase();
+	if (!/^[a-z0-9!#$&^_.+-]+\/(?:[a-z0-9!#$&^_.+-]+|\*|\*\+[a-z0-9!#$&^_.-]+)$/.test(normalized)) throw new TypeError(`Invalid Crosswave MIME pattern: ${value}`);
+	return normalized;
+}
+function match(value) {
+	if (value === "all" || value === "folders" || value === "other") return value;
+	if (!record(value) || Object.keys(value).some((key) => !["extensions", "mimeTypes"].includes(key))) throw new TypeError("Crosswave match must be all, folders, other, or extension/MIME rules");
+	const extensions = strings(value.extensions, extension);
+	const mimeTypes = strings(value.mimeTypes, mediaType);
+	if (!extensions?.length && !mimeTypes?.length) throw new TypeError("Crosswave category needs at least one matching rule");
+	return Object.freeze({
+		...extensions ? { extensions } : {},
+		...mimeTypes ? { mimeTypes } : {}
+	});
+}
+function icon(value, rule) {
+	if (value === void 0) return crosswaveIcon(rule === "all" ? "all" : rule === "folders" ? "folder" : "other");
+	if (typeof value === "string" && isCrosswaveIcon(value)) return crosswaveIcon(value);
+	if (record(value) && typeof value.svg === "string" && /^\s*<svg\b/i.test(value.svg) && /<\/svg>\s*$/i.test(value.svg)) return value.svg.replace(/<svg\b/i, "<svg aria-hidden=\"true\"");
+	throw new TypeError("Crosswave icon must be a built-in icon name or trusted SVG markup");
+}
+function isCrosswaveIcon(value) {
+	return [
+		"all",
+		"folder",
+		"image",
+		"audio",
+		"video",
+		"document",
+		"other",
+		"link",
+		"back",
+		"search",
+		"pause",
+		"play",
+		"controller"
+	].includes(value);
+}
+function resolveCrosswaveCategories(value) {
+	const input = value === void 0 ? defaultCrosswaveCategories : value;
+	if (!Array.isArray(input) || !input.length) throw new TypeError("Crosswave categories must be a nonempty array");
+	const ids = /* @__PURE__ */ new Set();
+	return Object.freeze(Array.from(input).map((category) => {
+		if (!record(category) || typeof category.id !== "string" || !/^[a-z][a-z0-9_-]{0,63}$/.test(category.id)) throw new TypeError("Crosswave category id must be a lowercase identifier");
+		if (ids.has(category.id)) throw new TypeError(`Duplicate Crosswave category id: ${category.id}`);
+		ids.add(category.id);
+		if (typeof category.label !== "string" || !category.label.trim()) throw new TypeError("Crosswave category label must be nonempty");
+		const rule = match(category.match);
+		return Object.freeze({
+			id: category.id,
+			label: category.label,
+			svg: icon(category.icon, rule),
+			match: rule
+		});
+	}));
+}
+function matchesMimeType(pattern, type) {
+	if (pattern === type) return true;
+	const [group, subtype] = pattern.split("/");
+	if (!subtype || !type.startsWith(`${group}/`)) return false;
+	return subtype === "*" || subtype.startsWith("*+") && type.endsWith(subtype.slice(1));
+}
+function entryMimeType(entry) {
+	if (entry.kind === "directory" || entry.link?.targetKind === "directory") return null;
+	return mime.getType(`./${entry.name}`) ?? (entry.link?.targetKind === "file" && !entry.link.unavailable && entry.href ? mime.getType(new URL(entry.href, "https://dirwell.invalid/").pathname) : null);
+}
+function entryCategories(entry, type, categories) {
+	const folder = entry.kind === "directory" || entry.link?.targetKind === "directory";
+	const filename = entry.name.toLowerCase();
+	const specific = categories.filter((category) => typeof category.match !== "string" && !folder && (category.match.extensions?.some((ext) => filename.endsWith(`.${ext}`)) || type && category.match.mimeTypes?.some((pattern) => matchesMimeType(pattern, type))));
+	return categories.filter((category) => category.match === "all" || folder && category.match === "folders" || !folder && category.match === "other" && !specific.length || specific.includes(category));
+}
+//#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/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/records.ts
+const directoryLike = (entry) => entry.kind === "directory" || entry.link?.targetKind === "directory";
+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/wave.mjs
+function createWave(canvas, colors, root, moving, onReady) {
+	let gl;
+	try {
+		gl = canvas.getContext("webgl", {
+			alpha: false,
+			antialias: false,
+			powerPreference: "low-power"
+		});
+	} catch {
+		return null;
+	}
+	if (!gl) return null;
+	const vertex = "attribute vec2 p;void main(){gl_Position=vec4(p,0.,1.);}";
+	const fragment = `precision highp float;uniform vec2 resolution;uniform float time;uniform vec3 tint;
+    void main(){vec2 uv=gl_FragCoord.xy/resolution;float x=uv.x;float y=uv.y;float t=time;
+    vec3 ground=mix(tint*.22,tint,clamp(y*.85+x*.1,0.,1.));ground+=vec3(.035)*pow(max(0.,1.-distance(uv,vec2(.2,.9))),3.);
+    float light=0.;for(int i=0;i<3;i++){float k=float(i);float center=.40+.07*sin(x*4.2+t*.17+k*.8)+.035*cos(x*7.1-t*.11+k*1.4)+k*.024;
+    float breadth=.012+.037*(.5+.5*sin(x*2.7+t*.09+k));float d=y-center;float sheet=exp(-pow(d/breadth,2.));float edge=exp(-abs(d-breadth*.65)*430.);
+    float fold=exp(-abs(d+breadth*.35)*170.);float taper=pow(sin(clamp(x,0.,1.)*3.14159),.6);light+=(sheet*.07+edge*.23+fold*.09)*taper;}
+    ground+=mix(vec3(.6,.8,1.),vec3(1.),.75)*min(light,.12);gl_FragColor=vec4(ground,1.);}`;
+	const shader = (type, source) => {
+		const s = gl.createShader(type);
+		if (!s) return null;
+		gl.shaderSource(s, source);
+		gl.compileShader(s);
+		if (!gl.getShaderParameter(s, gl.COMPILE_STATUS)) {
+			gl.deleteShader(s);
+			return null;
+		}
+		return s;
+	};
+	const vs = shader(gl.VERTEX_SHADER, vertex), fs = shader(gl.FRAGMENT_SHADER, fragment);
+	if (!vs || !fs) {
+		if (vs) gl.deleteShader(vs);
+		if (fs) gl.deleteShader(fs);
+		return null;
+	}
+	const program = gl.createProgram();
+	if (!program) return null;
+	gl.attachShader(program, vs);
+	gl.attachShader(program, fs);
+	gl.linkProgram(program);
+	gl.deleteShader(vs);
+	gl.deleteShader(fs);
+	if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+		gl.deleteProgram(program);
+		return null;
+	}
+	const buffer = gl.createBuffer();
+	if (!buffer) {
+		gl.deleteProgram(program);
+		return null;
+	}
+	gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+	gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
+		-1,
+		-1,
+		1,
+		-1,
+		-1,
+		1,
+		1,
+		1
+	]), gl.STATIC_DRAW);
+	gl.useProgram(program);
+	const p = gl.getAttribLocation(program, "p");
+	gl.enableVertexAttribArray(p);
+	gl.vertexAttribPointer(p, 2, gl.FLOAT, false, 0, 0);
+	const r = gl.getUniformLocation(program, "resolution"), t = gl.getUniformLocation(program, "time"), c = gl.getUniformLocation(program, "tint");
+	let frame = 0, last = 0, lost = false, frozenTime = 17;
+	const draw = (now) => {
+		if (lost) return;
+		const ratio = Math.min(devicePixelRatio || 1, 1.5, 1600 / innerWidth, 1e3 / innerHeight), width = Math.round(innerWidth * ratio), height = Math.round(innerHeight * ratio);
+		if (canvas.width !== width || canvas.height !== height) {
+			canvas.width = width;
+			canvas.height = height;
+			gl.viewport(0, 0, width, height);
+		}
+		if (moving()) frozenTime = Date.now() % 864e5 / 1e3;
+		gl.uniform2f(r, width, height);
+		gl.uniform1f(t, frozenTime);
+		gl.uniform3fv(c, colors[root.dataset.cwColor] ?? colors.azure);
+		gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
+		onReady(true);
+		last = now;
+	};
+	const tick = (now) => {
+		frame = 0;
+		if (!moving() || lost) return;
+		if (now - last >= 33) draw(now);
+		frame = requestAnimationFrame(tick);
+	};
+	const stop = () => {
+		cancelAnimationFrame(frame);
+		frame = 0;
+	};
+	const sync = () => {
+		stop();
+		if (lost) return;
+		draw(0);
+		if (moving()) frame = requestAnimationFrame(tick);
+	};
+	const contextLost = (event) => {
+		event.preventDefault();
+		lost = true;
+		stop();
+		onReady(false);
+	};
+	canvas.addEventListener("webglcontextlost", contextLost);
+	const contextRestored = () => {
+		onReady(false);
+		lost = true;
+	};
+	canvas.addEventListener("webglcontextrestored", contextRestored);
+	const resized = () => draw(0);
+	addEventListener("resize", resized);
+	return {
+		dispose() {
+			stop();
+			removeEventListener("resize", resized);
+			canvas.removeEventListener("webglcontextlost", contextLost);
+			canvas.removeEventListener("webglcontextrestored", contextRestored);
+			gl.deleteBuffer(buffer);
+			gl.deleteProgram(program);
+		},
+		draw,
+		sync,
+		stop,
+		get available() {
+			return !lost;
+		}
+	};
+}
+//#endregion
+//#region .generated/App-server.mjs
+var App_server_default = {
+	__name: "Crosswave",
+	__ssrInlineRender: true,
+	props: { model: {
+		type: Object,
+		required: true
+	} },
+	setup(__props) {
+		const props = __props, model = shallowRef(restoreThemePage(props.model, Boolean(import.meta.hot))), entries = shallowRef(model.value.entries);
+		const query = ref(""), category = ref("all"), selected = ref(null), ready = ref(false), busy = ref(false), error = ref(""), color = ref(props.model.color), paused = ref(!props.model.backgroundMotion), clock = ref(""), pad = ref(false), waveReady = ref(false), pendingUpdates = ref(null), canvas = ref(), search = ref();
+		const complete = computed(() => entries.value.length === model.value.total), membership = (entry) => Array.isArray(entry.presentation?.categories) ? entry.presentation.categories : [];
+		const rows = computed(() => entries.value.filter((entry) => (category.value === "all" || membership(entry).includes(category.value)) && `${entry.name} ${entry.link?.target ?? ""}`.toLocaleLowerCase().includes(query.value.trim().toLocaleLowerCase()))), active = computed(() => rows.value.find((entry) => entry.id === selected.value) ?? rows.value[0]), heading = computed(() => model.value.categories.find((item) => item.id === category.value)?.label ?? "All files");
+		const nodes = /* @__PURE__ */ new Map();
+		let wave, gamepad, abort, navigation = 0, timer, lastPad = 0, pressed = /* @__PURE__ */ new Set(), disposed = false, padIdentity = null, motionQuery;
+		function safeHref(entry) {
+			return typeof location !== "undefined" && location.protocol === "file:" && directoryLike(entry) && !entry.exitsExplorer && entry.href?.endsWith("/") ? entry.href + "index.html" : entry.href;
+		}
+		async function loadComplete() {
+			if (complete.value || !model.value.manifestHref || location.protocol === "file:") return;
+			const local = abort, token = navigation;
+			busy.value = true;
+			try {
+				const data = await loadListing(new URL(model.value.manifestHref, document.baseURI).href, {
+					signal: local.signal,
+					cache: model.value.updatesHref ? "no-store" : "default"
+				});
+				if (token === navigation && !local.signal.aborted && !disposed) entries.value = data.entries;
+			} catch (cause) {
+				if (token === navigation && !local.signal.aborted) error.value = "Could not load complete directory data. Native page links remain available.";
+			} finally {
+				if (token === navigation) busy.value = false;
+			}
+		}
+		async function openFolder(dataHref, url, push, refresh = false) {
+			const token = ++navigation;
+			abort?.abort();
+			const local = abort = new AbortController();
+			busy.value = true;
+			error.value = "";
+			try {
+				const next = await fetchThemePage(dataHref, url, "crosswave", 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 || disposed) return;
+				model.value = next;
+				entries.value = nextEntries;
+				if (!refresh) {
+					query.value = "";
+					selected.value = null;
+					category.value = "all";
+				}
+				if (push) history.pushState({ dataHref: next.dataHref }, "", url);
+				applyThemeMetadata(next, url);
+				await loadComplete();
+			} catch (cause) {
+				if (token === navigation && !local.signal.aborted) error.value = "Could not open the folder. Its native link remains available.";
+			} finally {
+				if (token === navigation) busy.value = false;
+			}
+		}
+		async function move(index) {
+			const entry = rows.value[Math.max(0, Math.min(rows.value.length - 1, index))];
+			if (!entry) return;
+			selected.value = entry.id;
+			await nextTick();
+			const node = nodes.get(entry.id);
+			node?.querySelector("a")?.focus({ preventScroll: true });
+			node?.scrollIntoView({ block: "nearest" });
+		}
+		function stepCategory(delta) {
+			const items = model.value.categories, index = items.findIndex((item) => item.id === category.value);
+			category.value = items[(index + delta + items.length) % items.length].id;
+			selected.value = null;
+		}
+		function confirm() {
+			if (!active.value || busy.value) return;
+			(nodes.get(active.value.id)?.querySelector("a"))?.click();
+		}
+		function parent() {
+			if (model.value.parentHref) {
+				if (location.protocol === "file:") location.href = model.value.parentHref;
+				else openFolder(model.value.parentDataHref, new URL(model.value.parentHref, document.baseURI).href, true);
+			}
+		}
+		function keyboard(event) {
+			if (event.isComposing || event.altKey || event.ctrlKey || event.metaKey) return;
+			if (/INPUT|TEXTAREA|SELECT/.test(event.target?.tagName ?? "")) {
+				if (event.key === "Escape") query.value = "";
+				return;
+			}
+			const index = rows.value.findIndex((entry) => entry.id === (selected.value ?? active.value?.id));
+			if (event.key === "/") {
+				event.preventDefault();
+				search.value?.focus();
+			} else if ([
+				"ArrowDown",
+				"ArrowUp",
+				"Home",
+				"End"
+			].includes(event.key)) {
+				event.preventDefault();
+				move(event.key === "Home" ? 0 : event.key === "End" ? rows.value.length - 1 : index + (event.key === "ArrowDown" ? 1 : -1));
+			} else if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
+				event.preventDefault();
+				stepCategory(event.key === "ArrowRight" ? 1 : -1);
+			} else if (event.key === "Enter") {
+				event.preventDefault();
+				confirm();
+			} else if (event.key === "Backspace") {
+				event.preventDefault();
+				parent();
+			}
+		}
+		function controller(value) {
+			pad.value = !!value;
+			if (!value) {
+				pressed.clear();
+				padIdentity = null;
+				return;
+			}
+			const buttons = value.buttons ?? [], next = new Set(buttons.map((button, index) => button.pressed || button.value > .5 ? index : -1).filter((index) => index >= 0)), time = performance.now(), axis = value.axes ?? [];
+			const identity = `${value.index}:${value.id}`;
+			if (padIdentity !== identity) {
+				padIdentity = identity;
+				pressed = next;
+				lastPad = time;
+				return;
+			}
+			if (document.hidden || disposed || busy.value || !complete.value || /INPUT|TEXTAREA|SELECT/.test(document.activeElement?.tagName ?? "")) {
+				pressed = next;
+				return;
+			}
+			if (time - lastPad > 180) {
+				const index = rows.value.findIndex((entry) => entry.id === (selected.value ?? active.value?.id));
+				if (next.has(13) || (axis[1] ?? 0) > .35) {
+					move(index + 1);
+					lastPad = time;
+				} else if (next.has(12) || (axis[1] ?? 0) < -.35) {
+					move(index - 1);
+					lastPad = time;
+				} else if (next.has(15) || (axis[0] ?? 0) > .35) {
+					stepCategory(1);
+					lastPad = time;
+				} else if (next.has(14) || (axis[0] ?? 0) < -.35) {
+					stepCategory(-1);
+					lastPad = time;
+				}
+			}
+			if (next.has(0) && !pressed.has(0)) confirm();
+			if (next.has(1) && !pressed.has(1)) parent();
+			pressed = next;
+		}
+		const colors = {
+			azure: [
+				.17,
+				.31,
+				.52
+			],
+			violet: [
+				.36,
+				.25,
+				.49
+			],
+			amber: [
+				.44,
+				.3,
+				.1
+			],
+			rose: [
+				.44,
+				.25,
+				.33
+			],
+			jade: [
+				.13,
+				.37,
+				.32
+			],
+			graphite: [
+				.26,
+				.3,
+				.38
+			]
+		};
+		const onPop = (event) => event.state?.dataHref ? openFolder(event.state.dataHref, location.href, false) : location.reload();
+		const suspend = () => {
+			gamepad?.pause();
+			controller(null);
+			wave?.stop();
+		};
+		const syncMotion = () => wave?.sync();
+		const visibility = () => {
+			if (document.hidden) {
+				gamepad?.pause();
+				controller(null);
+				wave?.stop();
+			} else {
+				gamepad?.resume();
+				wave?.sync();
+			}
+		};
+		onMounted(() => {
+			ready.value = true;
+			document.body.setAttribute("data-cw-enhanced", "");
+			abort = new AbortController();
+			history.replaceState({ dataHref: new URL(model.value.dataHref, document.baseURI).href }, "");
+			try {
+				const stored = localStorage.getItem("dirwell-crosswave-color");
+				if (Object.hasOwn(colors, stored)) color.value = stored;
+			} catch {}
+			wave = createWave(canvas.value, colors, document.documentElement, () => !paused.value && !document.hidden && !matchMedia("(prefers-reduced-motion: reduce)").matches, (value) => waveReady.value = value);
+			wave?.sync();
+			if (model.value.gamepad && typeof navigator.getGamepads === "function") {
+				const safeNavigator = { getGamepads() {
+					try {
+						const pads = navigator.getGamepads();
+						if (gamepad) {
+							const connected = Array.from(pads).filter((value) => value?.connected);
+							gamepad.gamepads.value = gamepad.gamepads.value.filter((value) => connected.some((current) => current.index === value.index));
+							for (const value of connected) if (!gamepad.gamepads.value.some((current) => current.index === value.index)) gamepad.gamepads.value.push(value);
+						}
+						return pads;
+					} catch {
+						if (gamepad) gamepad.gamepads.value = [];
+						controller(null);
+						return [];
+					}
+				} };
+				gamepad = useGamepad({ navigator: safeNavigator });
+				safeNavigator.getGamepads();
+				gamepad.resume();
+				watchEffect(() => controller(gamepad.gamepads.value.find((value) => value.connected && value.mapping === "standard") ?? null), { flush: "sync" });
+			}
+			const updateClock = () => clock.value = (/* @__PURE__ */ new Date()).toLocaleTimeString([], {
+				hour: "2-digit",
+				minute: "2-digit"
+			});
+			updateClock();
+			timer = setInterval(updateClock, 1e3);
+			window.addEventListener("keydown", keyboard);
+			window.addEventListener("popstate", onPop);
+			document.addEventListener("visibilitychange", visibility);
+			window.addEventListener("pagehide", suspend);
+			window.addEventListener("pageshow", visibility);
+			motionQuery = matchMedia("(prefers-reduced-motion: reduce)");
+			motionQuery.addEventListener("change", syncMotion);
+			loadComplete();
+		});
+		watch(() => ready.value && model.value.updatesHref ? new URL(model.value.updatesHref, document.baseURI).href : null, (href, _old, onCleanup) => {
+			if (!href || typeof EventSource === "undefined") return;
+			const updates = new EventSource(href);
+			updates.onmessage = () => pendingUpdates.value = href;
+			updates.onerror = () => error.value = "Live updates disconnected. Refresh to retry.";
+			updates.onopen = () => {
+				if (error.value.startsWith("Live updates")) error.value = "";
+			};
+			onCleanup(() => updates.close());
+		});
+		watchEffect(() => {
+			if (ready.value && !busy.value && pendingUpdates.value) {
+				const href = pendingUpdates.value;
+				pendingUpdates.value = null;
+				if (href === new URL(model.value.updatesHref, document.baseURI).href && !disposed) openFolder(model.value.dataHref, location.href, false, true);
+			}
+		});
+		watchEffect(() => {
+			if (ready.value) {
+				document.documentElement.dataset.cwColor = color.value;
+				document.documentElement.dataset.cwMotion = String(!paused.value);
+				try {
+					localStorage.setItem("dirwell-crosswave-color", color.value);
+				} catch {}
+				wave?.sync();
+			}
+		});
+		onBeforeUnmount(() => {
+			disposed = true;
+			document.body.removeAttribute("data-cw-enhanced");
+			abort?.abort();
+			gamepad?.pause();
+			wave?.dispose();
+			clearInterval(timer);
+			window.removeEventListener("keydown", keyboard);
+			window.removeEventListener("popstate", onPop);
+			document.removeEventListener("visibilitychange", visibility);
+			window.removeEventListener("pagehide", suspend);
+			window.removeEventListener("pageshow", visibility);
+			motionQuery?.removeEventListener("change", syncMotion);
+		});
+		return (_ctx, _push, _parent, _attrs) => {
+			_push(`<!--[--><div class="cw-background"${ssrRenderAttr("data-ready", waveReady.value ? true : void 0)}><canvas aria-hidden="true"></canvas><svg class="cw-fallback-wave" aria-hidden="true" viewBox="0 0 1200 600"><path d="M-100 400 Q400 150 1300 340"></path></svg></div><header class="cw-top"><div class="cw-brand">`);
+			ssrRenderSlot(_ctx.$slots, "header", { model: model.value }, () => {
+				_push(`<a${ssrRenderAttr("href", model.value.rootHref)}>${ssrInterpolate(model.value.title)}</a>`);
+			}, _push, _parent);
+			_push(`</div><nav class="cw-location" aria-label="Breadcrumb"><a${ssrRenderAttr("href", model.value.rootHref)}>Home</a><!--[-->`);
+			ssrRenderList(model.value.breadcrumbs, (crumb) => {
+				_push(`<!--[--> / <a${ssrRenderAttr("href", crumb.href)}>${ssrInterpolate(crumb.name)}</a><!--]-->`);
+			});
+			_push(`<!--]--></nav>`);
+			if (ready.value) _push(`<div class="cw-clock">${ssrInterpolate(clock.value)}</div>`);
+			else _push(`<!---->`);
+			_push(`</header><main class="cw-stage" data-framework="vue"${ssrRenderAttr("aria-busy", busy.value)}><h1 class="cw-sr">Files in ${ssrInterpolate(model.value.path || "/")}</h1><nav class="cw-rail" aria-label="File categories"${ssrRenderDynamicAttr("hidden", !ready.value)}><div class="cw-categories" role="tablist"><!--[-->`);
+			ssrRenderList(model.value.categories, (item) => {
+				_push(`<button role="tab"${ssrRenderAttr("id", "cw-tab-" + item.id)} aria-controls="cw-panel"${ssrRenderAttr("aria-selected", category.value === item.id)}${ssrRenderAttr("tabindex", category.value === item.id ? 0 : -1)} class="${ssrRenderClass(["cw-category", { "cw-active": category.value === item.id }])}"${ssrIncludeBooleanAttr(!complete.value) ? " disabled" : ""}><span>${item.svg ?? ""}</span><span>${ssrInterpolate(item.label)}</span><small>${ssrInterpolate(entries.value.filter((entry) => membership(entry).includes(item.id)).length)}</small></button>`);
+			});
+			_push(`<!--]--></div></nav><section class="cw-browser" id="cw-panel" role="tabpanel"${ssrRenderAttr("aria-labelledby", "cw-tab-" + category.value)}><div class="cw-list-head"><div class="cw-directory"><h2>${ssrInterpolate(heading.value)}</h2><span data-cw-count>${ssrInterpolate(complete.value ? rows.value.length : entries.value.length)} items</span></div><label class="cw-search">Search<input type="search"${ssrRenderAttr("value", query.value)}${ssrIncludeBooleanAttr(!ready.value || !complete.value) ? " disabled" : ""}></label></div><div class="cw-list-scroll"><ul class="cw-files">`);
+			if (model.value.parentHref) _push(`<li class="cw-row"><a${ssrRenderAttr("href", model.value.parentHref)} class="cw-entry">../</a></li>`);
+			else _push(`<!---->`);
+			_push(`<!--[-->`);
+			ssrRenderList(rows.value, (entry) => {
+				_push(`<li class="${ssrRenderClass(["cw-row", { "cw-selected": active.value?.id === entry.id }])}" data-cw-entry${ssrRenderAttr("data-id", entry.id)}>`);
+				if (entry.href) {
+					_push(`<a class="cw-entry"${ssrRenderAttr("href", safeHref(entry))}${ssrRenderAttr("target", entry.exitsExplorer ? "_blank" : void 0)}${ssrRenderAttr("rel", entry.exitsExplorer ? "noopener" : void 0)}>`);
+					ssrRenderSlot(_ctx.$slots, "row", {
+						model: model.value,
+						entry,
+						selected: selected.value === entry.id
+					}, () => {
+						_push(`<span class="cw-entry-icon" aria-hidden="true">${unref(entryIcon)(entry.kind === "symlink" ? "link" : unref(directoryLike)(entry) ? "directory" : "file") ?? ""}</span><span class="cw-entry-label"><span class="cw-name">${ssrInterpolate(entry.name)}${ssrInterpolate(unref(directoryLike)(entry) ? "/" : "")}</span>`);
+						if (entry.link) _push(`<span class="cw-target">${ssrInterpolate(entry.link.target)}</span>`);
+						else _push(`<!---->`);
+						_push(`<span class="cw-row-meta">${ssrInterpolate(entry.link?.unavailable ? "Target unavailable" : entry.kind)} · ${ssrInterpolate(unref(directoryLike)(entry) ? "Folder" : unref(size)(entry.size))}</span><span class="cw-row-date">Modified ${ssrInterpolate(unref(modified)(entry.modifiedAt))}</span></span>`);
+					}, _push, _parent);
+					_push(`</a>`);
+				} else {
+					_push(`<span class="cw-entry cw-unavailable">`);
+					ssrRenderSlot(_ctx.$slots, "row", {
+						model: model.value,
+						entry,
+						selected: selected.value === entry.id
+					}, () => {
+						_push(`${ssrInterpolate(entry.name)}`);
+					}, _push, _parent);
+					_push(`</span>`);
+				}
+				_push(`</li>`);
+			});
+			_push(`<!--]--></ul>`);
+			if (!rows.value.length) _push(`<p class="cw-empty">No matching files.</p>`);
+			else _push(`<!---->`);
+			_push(`</div></section>`);
+			if (ready.value && active.value) {
+				_push(`<aside class="cw-detail"><h2>${ssrInterpolate(active.value.name)}</h2><p>${ssrInterpolate(active.value.kind)} · ${ssrInterpolate(unref(directoryLike)(active.value) ? "Folder" : unref(size)(active.value.size))}</p><p>${ssrInterpolate(unref(modified)(active.value.modifiedAt))}</p>`);
+				if (active.value.link) _push(`<p>${ssrInterpolate(active.value.link.target)}</p>`);
+				else _push(`<!---->`);
+				_push(`</aside>`);
+			} else _push(`<!---->`);
+			_push(`<p role="status" aria-live="polite">${ssrInterpolate(busy.value ? "Loading…" : error.value)}</p>`);
+			if (model.value.page?.count > 1 && !complete.value) {
+				_push(`<nav aria-label="Pagination">`);
+				if (model.value.page.previousHref) _push(`<a${ssrRenderAttr("href", model.value.page.previousHref)} rel="prev">Previous</a>`);
+				else _push(`<!---->`);
+				_push(` Page ${ssrInterpolate(model.value.page.number)} of ${ssrInterpolate(model.value.page.count)} `);
+				if (model.value.page.nextHref) _push(`<a${ssrRenderAttr("href", model.value.page.nextHref)} rel="next">Next</a>`);
+				else _push(`<!---->`);
+				_push(`</nav>`);
+			} else _push(`<!---->`);
+			_push(`</main><footer class="cw-bottom"><div class="cw-key-help">`);
+			ssrRenderSlot(_ctx.$slots, "footer", { model: model.value }, () => {
+				_push(`Arrow keys navigate · Enter confirms · Backspace returns`);
+			}, _push, _parent);
+			_push(`</div>`);
+			if (pad.value) _push(`<div class="cw-controller">Controller · Confirm / Back</div>`);
+			else _push(`<!---->`);
+			_push(`<label class="cw-appearance">Color<select${ssrIncludeBooleanAttr(!ready.value) ? " disabled" : ""}><!--[-->`);
+			ssrRenderList(Object.keys(colors), (name) => {
+				_push(`<option${ssrIncludeBooleanAttr(Array.isArray(color.value) ? ssrLooseContain(color.value, null) : ssrLooseEqual(color.value, null)) ? " selected" : ""}>${ssrInterpolate(name)}</option>`);
+			});
+			_push(`<!--]--></select></label><button class="cw-motion"${ssrIncludeBooleanAttr(!ready.value) ? " disabled" : ""}>${ssrInterpolate(paused.value ? "Resume motion" : "Pause motion")}</button></footer><!--]-->`);
+		};
+	}
+};
+//#endregion
+//#region render-generated.mjs
+const renderBody = (model) => renderToString(createSSRApp(App_server_default, { model }));
+//#endregion
+//#region src/index.ts
+function createCrosswaveTheme(options = {}, renderer) {
+	const categories = resolveCrosswaveCategories(options.categories);
+	const theme = {
+		name: "crosswave",
+		searchIndex: false,
+		listing: { pagination: true },
+		entryData: (entry, context) => ({
+			mimeType: entryMimeType(entry),
+			categories: entryCategories(entry, entryMimeType(entry), categories).map((item) => item.id),
+			folderDataHref: folderDataHref(entry, context, "crosswave")
+		}),
+		async render(context) {
+			const model = {
+				...createThemePage(context, theme, options.title ?? "Dirwell"),
+				categories: categories.map(({ id, label, svg }) => ({
+					id,
+					label,
+					svg
+				})),
+				color: options.color ?? "azure",
+				gamepad: options.gamepad ?? true,
+				backgroundMotion: options.backgroundMotion ?? true
+			};
+			const script = renderer?.clientScript ?? await readFile(new URL("./client.js", import.meta.url), "utf8"), styles = await readFile(new URL("./styles.css", import.meta.url), "utf8");
+			const scriptName = `crosswave-client-${createHash("sha256").update(script).digest("hex").slice(0, 16)}.js`;
+			const json = JSON.stringify(model).replaceAll("<", "\\u003c");
+			return {
+				html: `<!doctype html><html lang="en" data-cw-color="${escapeHtml(model.color)}" data-cw-motion="${model.backgroundMotion}"><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="crosswave">${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("crosswave", model.path, model.page?.number ?? 1)]: JSON.stringify(model)
+				}
+			};
+		}
+	};
+	return theme;
+}
+//#endregion
+export { createCrosswaveTheme, defaultCrosswaveCategories };
+
+//# sourceMappingURL=index.mjs.map