comarkserv 0.1.0

package/dist/themes-mEufQ_3e.mjs

@@ -0,0 +1,2194 @@
+import { createRequire } from "node:module";
+import { readFileSync } from "node:fs";
+import { mkdir, readFile, readdir, stat as stat$1, writeFile } from "node:fs/promises";
+import { createHash } from "node:crypto";
+import { dirname, extname, join } from "node:path";
+import { homedir } from "node:os";
+//#region node_modules/.pnpm/pathe@2.0.3/node_modules/pathe/dist/shared/pathe.M-eThtNZ.mjs
+const _DRIVE_LETTER_START_RE = /^[A-Za-z]:\//;
+function normalizeWindowsPath(input = "") {
+	if (!input) return input;
+	return input.replace(/\\/g, "/").replace(_DRIVE_LETTER_START_RE, (r) => r.toUpperCase());
+}
+const _UNC_REGEX = /^[/\\]{2}/;
+const _IS_ABSOLUTE_RE = /^[/\\](?![/\\])|^[/\\]{2}(?!\.)|^[A-Za-z]:[/\\]/;
+const _DRIVE_LETTER_RE = /^[A-Za-z]:$/;
+const _ROOT_FOLDER_RE = /^\/([A-Za-z]:)?$/;
+const _EXTNAME_RE = /.(\.[^./]+|\.)$/;
+const normalize = function(path) {
+	if (path.length === 0) return ".";
+	path = normalizeWindowsPath(path);
+	const isUNCPath = path.match(_UNC_REGEX);
+	const isPathAbsolute = isAbsolute(path);
+	const trailingSeparator = path[path.length - 1] === "/";
+	path = normalizeString(path, !isPathAbsolute);
+	if (path.length === 0) {
+		if (isPathAbsolute) return "/";
+		return trailingSeparator ? "./" : ".";
+	}
+	if (trailingSeparator) path += "/";
+	if (_DRIVE_LETTER_RE.test(path)) path += "/";
+	if (isUNCPath) {
+		if (!isPathAbsolute) return `//./${path}`;
+		return `//${path}`;
+	}
+	return isPathAbsolute && !isAbsolute(path) ? `/${path}` : path;
+};
+const join$1 = function(...segments) {
+	let path = "";
+	for (const seg of segments) {
+		if (!seg) continue;
+		if (path.length > 0) {
+			const pathTrailing = path[path.length - 1] === "/";
+			const segLeading = seg[0] === "/";
+			if (pathTrailing && segLeading) path += seg.slice(1);
+			else path += pathTrailing || segLeading ? seg : `/${seg}`;
+		} else path += seg;
+	}
+	return normalize(path);
+};
+function cwd() {
+	if (typeof process !== "undefined" && typeof process.cwd === "function") return process.cwd().replace(/\\/g, "/");
+	return "/";
+}
+const resolve$1 = function(...arguments_) {
+	arguments_ = arguments_.map((argument) => normalizeWindowsPath(argument));
+	let resolvedPath = "";
+	let resolvedAbsolute = false;
+	for (let index = arguments_.length - 1; index >= -1 && !resolvedAbsolute; index--) {
+		const path = index >= 0 ? arguments_[index] : cwd();
+		if (!path || path.length === 0) continue;
+		resolvedPath = `${path}/${resolvedPath}`;
+		resolvedAbsolute = isAbsolute(path);
+	}
+	resolvedPath = normalizeString(resolvedPath, !resolvedAbsolute);
+	if (resolvedAbsolute && !isAbsolute(resolvedPath)) return `/${resolvedPath}`;
+	return resolvedPath.length > 0 ? resolvedPath : ".";
+};
+function normalizeString(path, allowAboveRoot) {
+	let res = "";
+	let lastSegmentLength = 0;
+	let lastSlash = -1;
+	let dots = 0;
+	let char = null;
+	for (let index = 0; index <= path.length; ++index) {
+		if (index < path.length) char = path[index];
+		else if (char === "/") break;
+		else char = "/";
+		if (char === "/") {
+			if (lastSlash === index - 1 || dots === 1);
+			else if (dots === 2) {
+				if (res.length < 2 || lastSegmentLength !== 2 || res[res.length - 1] !== "." || res[res.length - 2] !== ".") {
+					if (res.length > 2) {
+						const lastSlashIndex = res.lastIndexOf("/");
+						if (lastSlashIndex === -1) {
+							res = "";
+							lastSegmentLength = 0;
+						} else {
+							res = res.slice(0, lastSlashIndex);
+							lastSegmentLength = res.length - 1 - res.lastIndexOf("/");
+						}
+						lastSlash = index;
+						dots = 0;
+						continue;
+					} else if (res.length > 0) {
+						res = "";
+						lastSegmentLength = 0;
+						lastSlash = index;
+						dots = 0;
+						continue;
+					}
+				}
+				if (allowAboveRoot) {
+					res += res.length > 0 ? "/.." : "..";
+					lastSegmentLength = 2;
+				}
+			} else {
+				if (res.length > 0) res += `/${path.slice(lastSlash + 1, index)}`;
+				else res = path.slice(lastSlash + 1, index);
+				lastSegmentLength = index - lastSlash - 1;
+			}
+			lastSlash = index;
+			dots = 0;
+		} else if (char === "." && dots !== -1) ++dots;
+		else dots = -1;
+	}
+	return res;
+}
+const isAbsolute = function(p) {
+	return _IS_ABSOLUTE_RE.test(p);
+};
+const extname$1 = function(p) {
+	if (p === "..") return "";
+	const match = _EXTNAME_RE.exec(normalizeWindowsPath(p));
+	return match && match[1] || "";
+};
+const relative = function(from, to) {
+	const _from = resolve$1(from).replace(_ROOT_FOLDER_RE, "$1").split("/");
+	const _to = resolve$1(to).replace(_ROOT_FOLDER_RE, "$1").split("/");
+	if (_to[0][1] === ":" && _from[0][1] === ":" && _from[0] !== _to[0]) return _to.join("/");
+	const _fromCopy = [..._from];
+	for (const segment of _fromCopy) {
+		if (_to[0] !== segment) break;
+		_from.shift();
+		_to.shift();
+	}
+	return [..._from.map(() => ".."), ..._to].join("/");
+};
+const dirname$1 = function(p) {
+	const segments = normalizeWindowsPath(p).replace(/\/$/, "").split("/").slice(0, -1);
+	if (segments.length === 1 && _DRIVE_LETTER_RE.test(segments[0])) segments[0] += "/";
+	return segments.join("/") || (isAbsolute(p) ? "/" : ".");
+};
+const basename$1 = function(p, extension) {
+	const segments = normalizeWindowsPath(p).split("/");
+	let lastSegment = "";
+	for (let i = segments.length - 1; i >= 0; i--) {
+		const val = segments[i];
+		if (val) {
+			lastSegment = val;
+			break;
+		}
+	}
+	return extension && lastSegment.endsWith(extension) ? lastSegment.slice(0, -extension.length) : lastSegment;
+};
+//#endregion
+//#region src/assets/palette.ts
+const TOKEN_SLOTS = {
+	background: "01",
+	comment: "03",
+	doctype: "03",
+	hash: "03",
+	label: "03",
+	strike: "03",
+	hr: "03",
+	hard_break: "03",
+	doc_marker: "03",
+	blockquote_marker: "03",
+	code_fence: "03",
+	front_matter_marker: "03",
+	prompt_prefix: "03",
+	carriage_return: "03",
+	newline: "03",
+	space: "03",
+	tab: "03",
+	output: "04",
+	identifier: "05",
+	punctuation: "05",
+	expression: "05",
+	lifetime: "08",
+	parameter: "08",
+	property: "08",
+	variable: "08",
+	tag_name: "08",
+	css_variable: "08",
+	deleted: "08",
+	deleted_marker: "08",
+	link_text: "08",
+	boolean: "09",
+	number: "09",
+	constant: "09",
+	null: "09",
+	unit: "09",
+	bit: "09",
+	datetime: "09",
+	attribute: "09",
+	attr_name: "09",
+	variant: "09",
+	autolink: "09",
+	url: "09",
+	url_link: "09",
+	type: "0A",
+	class_name: "0A",
+	namespace: "0A",
+	decorator: "0A",
+	selector_class: "0A",
+	array_table_header: "0A",
+	tag: "0A",
+	bold: "0A",
+	code_language: "0A",
+	string: "0B",
+	template: "0B",
+	inserted: "0B",
+	inserted_marker: "0B",
+	code: "0B",
+	code_block: "0B",
+	url_title: "0B",
+	plain_scalar: "0B",
+	operator: "0C",
+	regex: "0C",
+	builtin: "0C",
+	entity: "0C",
+	escape: "0C",
+	string_escape: "0C",
+	format: "0C",
+	attr_sigil: "0C",
+	selector_pseudo: "0C",
+	svelte_directive: "0C",
+	function: "0D",
+	heading: "0D",
+	heading_marker: "0D",
+	selector_id: "0D",
+	prompt: "0D",
+	keyword: "0E",
+	selector: "0E",
+	changed: "0E",
+	changed_marker: "0E",
+	italic: "0E",
+	list_marker: "0E",
+	task_marker: "0E",
+	svelte_block: "0E",
+	block_scalar_header: "0E",
+	directive: "0E"
+};
+const PAGE_COLORS = {
+	"--cms-bg": "var(--b00)",
+	"--cms-subtle": "var(--b01)",
+	"--cms-hover": "color-mix(in srgb, var(--b02) 55%, var(--b00))",
+	"--cms-border": "var(--b02)",
+	"--cms-muted": "var(--b04)",
+	"--cms-fg": "var(--b05)",
+	"--cms-accent": "var(--b-accent, var(--b0D))",
+	"--cms-accent-soft": "color-mix(in srgb, var(--cms-accent) 16%, var(--b00))",
+	"--cms-note": "var(--b0D)",
+	"--cms-tip": "var(--b0B)",
+	"--cms-important": "var(--b0E)",
+	"--cms-warning": "var(--b0A)",
+	"--cms-caution": "var(--b08)"
+};
+/** Returns the color tokens of a twinkleplop theme. Style tokens, such as `bold-font-weight`, have a `-`. */
+function themeTokenNames(themeCss) {
+	const names = [...(/:root\s*\{([^}]*)\}/.exec(themeCss)?.[1] ?? "").matchAll(/--twp-([a-z0-9_-]+)\s*:/g)].map((match) => match[1] ?? "");
+	return [...new Set(names)].filter((name) => name && !name.includes("-"));
+}
+function slotFor(name) {
+	if (Object.hasOwn(TOKEN_SLOTS, name)) return TOKEN_SLOTS[name] ?? "05";
+	if (/_(open|close|marker)$/.test(name)) return "03";
+	return "05";
+}
+/** Returns the CSS that maps the page and token colors to the slots of the active palette. */
+function paletteStyles(tokenNames) {
+	return `:root[data-cms-palette] {
+${[...Object.entries(PAGE_COLORS).map(([name, value]) => `  ${name}: ${value};`), ...tokenNames.map((name) => `  --twp-${name}: var(--b${slotFor(name)});`)].join("\n")}
+}
+:root[data-cms-palette] ::selection { background: color-mix(in srgb, var(--b02) 85%, transparent); }
+:root[data-cms-palette] .cms-markdown mark { background: color-mix(in srgb, var(--b0A) 35%, transparent); }
+`;
+}
+//#endregion
+//#region src/assets/styles.ts
+const styles = String.raw`
+:root {
+  color-scheme: light;
+  --cms-bg: #ffffff;
+  --cms-fg: #1f2328;
+  --cms-muted: #59636e;
+  --cms-border: #d1d9e0;
+  --cms-subtle: #f6f8fa;
+  --cms-hover: #eff2f5;
+  --cms-accent: #0969da;
+  --cms-accent-soft: #ddf4ff;
+  --cms-note: #0969da;
+  --cms-tip: #1a7f37;
+  --cms-important: #8250df;
+  --cms-warning: #9a6700;
+  --cms-caution: #cf222e;
+  --cms-shadow: 0 16px 48px rgb(31 35 40 / 0.18), 0 2px 6px rgb(31 35 40 / 0.08);
+  --cms-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  --cms-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+  --cms-width: 860px;
+  --cms-radius: 8px;
+}
+.dark {
+  color-scheme: dark;
+  --cms-bg: #0d1117;
+  --cms-fg: #e6edf3;
+  --cms-muted: #9198a1;
+  --cms-border: #30363d;
+  --cms-subtle: #151b23;
+  --cms-hover: #1f2630;
+  --cms-accent: #4493f8;
+  --cms-accent-soft: #121d2f;
+  --cms-note: #4493f8;
+  --cms-tip: #3fb950;
+  --cms-important: #ab7df8;
+  --cms-warning: #d29922;
+  --cms-caution: #f85149;
+  --cms-shadow: 0 16px 48px rgb(1 4 9 / 0.6), 0 0 0 1px #30363d;
+}
+*, *::before, *::after { box-sizing: border-box; }
+html { background: var(--cms-bg); scroll-padding-top: 72px; }
+body {
+  margin: 0;
+  background: var(--cms-bg);
+  color: var(--cms-fg);
+  font: 16px/1.6 var(--cms-font);
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
+a { color: var(--cms-accent); text-decoration: none; }
+a:hover { text-decoration: underline; text-underline-offset: 0.2em; }
+kbd {
+  display: inline-block;
+  padding: 0.1em 0.4em;
+  font: 0.75em/1.4 var(--cms-mono);
+  color: var(--cms-fg);
+  background: var(--cms-subtle);
+  border: 1px solid var(--cms-border);
+  border-bottom-width: 2px;
+  border-radius: 6px;
+}
+.cms-icon { width: 1em; height: 1em; flex: none; vertical-align: -0.125em; }
+
+/* Top bar */
+.cms-bar {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  height: 56px;
+  padding: 0 max(16px, env(safe-area-inset-left));
+  background: color-mix(in srgb, var(--cms-bg) 82%, transparent);
+  backdrop-filter: saturate(180%) blur(12px);
+  -webkit-backdrop-filter: saturate(180%) blur(12px);
+  border-bottom: 1px solid var(--cms-border);
+}
+.cms-logo { display: flex; color: var(--cms-fg); }
+.cms-logo svg { width: 22px; height: 22px; }
+.cms-crumbs {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  gap: 2px;
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  mask-image: linear-gradient(to left, transparent, #000 24px);
+  -webkit-mask-image: linear-gradient(to left, transparent, #000 24px);
+  padding-right: 24px;
+}
+.cms-crumbs a, .cms-crumbs span { padding: 4px 6px; border-radius: 6px; color: var(--cms-muted); }
+.cms-crumbs a:hover { background: var(--cms-hover); color: var(--cms-fg); text-decoration: none; }
+.cms-crumbs span:last-child { color: var(--cms-fg); font-weight: 600; }
+.cms-crumbs .cms-sep { padding: 0; color: var(--cms-border); }
+.cms-actions { display: flex; align-items: center; gap: 4px; margin-left: auto; }
+.cms-button {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  height: 32px;
+  padding: 0 10px;
+  font: 500 13px var(--cms-font);
+  color: var(--cms-muted);
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.cms-button:hover { color: var(--cms-fg); background: var(--cms-hover); text-decoration: none; }
+.cms-search {
+  min-width: 200px;
+  justify-content: flex-start;
+  border-color: var(--cms-border);
+  background: var(--cms-subtle);
+}
+.cms-search kbd { margin-left: auto; }
+.cms-edit[data-state="ok"] { color: var(--cms-tip); }
+.cms-share-button[data-state="on"] { color: var(--cms-tip); }
+.cms-share-button[data-state="starting"] { animation: cms-pulse 1s ease-in-out infinite alternate; }
+@keyframes cms-pulse { to { opacity: 0.35; } }
+.cms-edit[data-state="error"] { color: var(--cms-caution); }
+.cms-live {
+  width: 8px;
+  height: 8px;
+  margin: 0 6px;
+  border-radius: 50%;
+  background: var(--cms-border);
+  transition: background 0.3s;
+}
+.cms-live[data-state="open"] { background: var(--cms-tip); box-shadow: 0 0 0 3px color-mix(in srgb, var(--cms-tip) 25%, transparent); }
+.cms-live[data-state="closed"] { background: var(--cms-caution); }
+
+/* Layout */
+.cms-layout {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  justify-content: center;
+  gap: 48px;
+  max-width: calc(var(--cms-width) + 320px);
+  margin: 0 auto;
+  padding: 40px max(16px, env(safe-area-inset-left)) 64px;
+}
+.cms-main { min-width: 0; max-width: var(--cms-width); width: 100%; margin: 0 auto; }
+.cms-toc { display: none; }
+@media (min-width: 1200px) {
+  .cms-layout:has(.cms-toc nav:not(:empty)) { grid-template-columns: minmax(0, var(--cms-width)) 240px; }
+  .cms-toc { display: block; }
+}
+.cms-toc nav {
+  position: sticky;
+  top: 88px;
+  max-height: calc(100vh - 120px);
+  overflow-y: auto;
+  font-size: 13px;
+}
+.cms-toc p { margin: 0 0 8px; font-weight: 600; color: var(--cms-fg); }
+.cms-toc ul { margin: 0; padding: 0; list-style: none; }
+.cms-toc ul ul { padding-left: 12px; }
+.cms-toc a {
+  display: block;
+  padding: 4px 0 4px 12px;
+  color: var(--cms-muted);
+  border-left: 2px solid var(--cms-border);
+  line-height: 1.4;
+}
+.cms-toc a:hover { color: var(--cms-fg); text-decoration: none; }
+.cms-toc a[aria-current="true"] { color: var(--cms-accent); border-left-color: var(--cms-accent); }
+.cms-footer {
+  max-width: var(--cms-width);
+  margin: 0 auto;
+  padding: 24px 16px 48px;
+  font-size: 12px;
+  color: var(--cms-muted);
+  text-align: center;
+}
+.cms-footer a { color: inherit; }
+
+/* Markdown */
+.cms-markdown { overflow-wrap: break-word; }
+.cms-markdown > :first-child { margin-top: 0 !important; }
+.cms-markdown > :last-child { margin-bottom: 0 !important; }
+.cms-markdown :is(p, ul, ol, blockquote, table, pre, details, figure, dl, .cms-alert, .cms-code-group, .cms-code) { margin: 0 0 16px; }
+.cms-markdown :is(h1, h2, h3, h4, h5, h6) {
+  position: relative;
+  margin: 32px 0 16px;
+  font-weight: 600;
+  line-height: 1.25;
+  letter-spacing: -0.01em;
+}
+.cms-markdown h1 { font-size: 2em; padding-bottom: 0.3em; border-bottom: 1px solid var(--cms-border); letter-spacing: -0.02em; }
+.cms-markdown h2 { font-size: 1.5em; padding-bottom: 0.3em; border-bottom: 1px solid var(--cms-border); }
+.cms-markdown h3 { font-size: 1.25em; }
+.cms-markdown h4 { font-size: 1em; }
+.cms-markdown h5 { font-size: 0.875em; }
+.cms-markdown h6 { font-size: 0.85em; color: var(--cms-muted); }
+.cms-anchor {
+  position: absolute;
+  left: -1.1em;
+  padding-right: 0.3em;
+  color: var(--cms-muted);
+  opacity: 0;
+  font-weight: 400;
+  transition: opacity 0.15s;
+}
+.cms-markdown :is(h1, h2, h3, h4, h5, h6):hover .cms-anchor, .cms-anchor:focus { opacity: 1; text-decoration: none; }
+.cms-markdown :is(ul, ol) { padding-left: 2em; }
+.cms-markdown li + li { margin-top: 0.25em; }
+.cms-markdown li > :is(ul, ol) { margin: 0.25em 0 0; }
+.cms-markdown .contains-task-list { list-style: none; padding-left: 1.2em; }
+.cms-markdown .task-list-item-checkbox { margin: 0 0.4em 0 -1.2em; vertical-align: middle; accent-color: var(--cms-accent); }
+.cms-markdown blockquote { margin-left: 0; padding: 0 1em; color: var(--cms-muted); border-left: 0.25em solid var(--cms-border); }
+.cms-markdown hr { height: 0.25em; margin: 24px 0; padding: 0; background: var(--cms-border); border: 0; border-radius: 2px; }
+.cms-markdown img { max-width: 100%; height: auto; border-radius: 4px; }
+.cms-markdown table { display: block; width: max-content; max-width: 100%; overflow: auto; border-spacing: 0; border-collapse: collapse; font-variant-numeric: tabular-nums; }
+.cms-markdown :is(th, td) { padding: 6px 13px; border: 1px solid var(--cms-border); }
+.cms-markdown th { font-weight: 600; text-align: start; background: var(--cms-subtle); }
+.cms-markdown tr:nth-child(2n) td { background: color-mix(in srgb, var(--cms-subtle) 60%, transparent); }
+.cms-markdown :not(pre) > code {
+  padding: 0.2em 0.4em;
+  font: 85%/1 var(--cms-mono);
+  background: color-mix(in srgb, var(--cms-muted) 14%, transparent);
+  border-radius: 6px;
+}
+.cms-markdown details { padding: 8px 16px; border: 1px solid var(--cms-border); border-radius: var(--cms-radius); }
+.cms-markdown summary { cursor: pointer; font-weight: 600; }
+.cms-markdown details[open] summary { margin-bottom: 8px; }
+.cms-markdown mark { background: #fff8c5; color: inherit; padding: 0 2px; border-radius: 2px; }
+.dark .cms-markdown mark { background: #bb800966; }
+.cms-markdown .footnotes { font-size: 0.875em; color: var(--cms-muted); }
+.cms-markdown .footnotes h2 { font-size: 1em; border: 0; }
+.cms-markdown .footnotes hr { height: 1px; }
+.cms-markdown .footnote-ref a { font-size: 0.75em; }
+
+/* Code */
+.cms-markdown pre, .cms-code-error pre {
+  position: relative;
+  padding: 16px 0;
+  overflow: auto;
+  font: 13.5px/1.6 var(--cms-mono);
+  color: var(--twp-identifier, var(--cms-fg));
+  background: var(--twp-background, var(--cms-subtle));
+  border: 1px solid var(--cms-border);
+  border-radius: var(--cms-radius);
+  tab-size: 2;
+}
+.cms-markdown pre > code { display: block; min-width: max-content; padding: 0 16px; }
+.twinkleplop code:has(> .l) { padding: 0; }
+.twinkleplop .l { display: inline-block; min-width: 100%; padding: 0 16px; }
+.twinkleplop .l.highlight {
+  background: color-mix(in srgb, var(--cms-accent) 12%, transparent);
+  box-shadow: inset 3px 0 var(--cms-accent);
+}
+.twinkleplop.has-highlight .l:not(.highlight) { opacity: 0.72; }
+.twinkleplop .ln {
+  display: inline-block;
+  width: 2.5ch;
+  margin-right: 20px;
+  color: var(--cms-muted);
+  text-align: right;
+  opacity: 0.6;
+  user-select: none;
+}
+.twinkleplop .highlighted-word {
+  padding: 1px 3px;
+  margin: -1px -3px;
+  background: color-mix(in srgb, var(--cms-warning) 22%, transparent);
+  border-radius: 4px;
+}
+.twinkleplop-block { margin: 0 0 16px; }
+.twinkleplop-block > pre { margin: 0 !important; border-top-left-radius: 0; border-top-right-radius: 0; }
+.twinkleplop-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 16px;
+  font: 12px/1.5 var(--cms-mono);
+  color: var(--cms-muted);
+  background: var(--cms-subtle);
+  border: 1px solid var(--cms-border);
+  border-bottom: 0;
+  border-radius: var(--cms-radius) var(--cms-radius) 0 0;
+}
+.twinkleplop-caption { margin-top: 6px; font-size: 13px; color: var(--cms-muted); text-align: center; }
+.cms-code { position: relative; }
+.cms-code > pre { margin: 0; }
+.cms-copy {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  z-index: 1;
+  display: grid;
+  place-items: center;
+  width: 32px;
+  height: 32px;
+  color: var(--cms-muted);
+  background: var(--cms-bg);
+  border: 1px solid var(--cms-border);
+  border-radius: 6px;
+  opacity: 0;
+  cursor: pointer;
+  transition: opacity 0.15s, color 0.15s;
+}
+.cms-code:hover .cms-copy, .cms-copy:focus-visible { opacity: 1; }
+.cms-copy:hover { color: var(--cms-fg); }
+.cms-copy[data-copied] { color: var(--cms-tip); opacity: 1; }
+.cms-copy .cms-icon { width: 16px; height: 16px; }
+.twinkleplop-block .cms-copy { top: 44px; }
+.cms-code-error { margin: 0 0 16px; }
+.cms-code-error figcaption {
+  padding: 8px 12px;
+  font: 12px/1.5 var(--cms-mono);
+  color: var(--cms-caution);
+  background: color-mix(in srgb, var(--cms-caution) 10%, transparent);
+  border: 1px solid color-mix(in srgb, var(--cms-caution) 40%, transparent);
+  border-bottom: 0;
+  border-radius: var(--cms-radius) var(--cms-radius) 0 0;
+}
+.cms-code-error pre { margin: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
+.cms-code-error pre > code { padding: 0 16px; }
+
+/* Code groups */
+.cms-code-group { overflow: hidden; border: 1px solid var(--cms-border); border-radius: var(--cms-radius); }
+.cms-tabs { display: flex; overflow-x: auto; background: var(--cms-subtle); border-bottom: 1px solid var(--cms-border); }
+.cms-tabs button {
+  padding: 8px 14px;
+  font: 12px/1.5 var(--cms-mono);
+  color: var(--cms-muted);
+  background: none;
+  border: 0;
+  border-bottom: 2px solid transparent;
+  margin-bottom: -1px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.cms-tabs button:hover { color: var(--cms-fg); }
+.cms-tabs button[aria-selected="true"] { color: var(--cms-fg); border-bottom-color: var(--cms-accent); }
+.cms-code-group :is(pre, .cms-code, .twinkleplop-block) { margin: 0 !important; }
+.cms-code-group pre { border: 0; border-radius: 0; }
+.cms-code-group .twinkleplop-title { display: none; }
+.cms-code-group .twinkleplop-block .cms-copy { top: 8px; }
+
+/* Alerts */
+.cms-alert {
+  --cms-alert: var(--cms-note);
+  padding: 8px 16px;
+  border-left: 0.25em solid var(--cms-alert);
+  border-radius: 0 var(--cms-radius) var(--cms-radius) 0;
+  background: color-mix(in srgb, var(--cms-alert) 7%, transparent);
+}
+.cms-alert > :last-child { margin-bottom: 0; }
+.cms-alert-title { display: flex; align-items: center; gap: 8px; margin: 0 0 4px !important; font-weight: 600; color: var(--cms-alert); }
+.cms-alert-tip { --cms-alert: var(--cms-tip); }
+.cms-alert-important { --cms-alert: var(--cms-important); }
+.cms-alert-warning { --cms-alert: var(--cms-warning); }
+.cms-alert-caution { --cms-alert: var(--cms-caution); }
+
+/* Math and diagrams */
+.cms-math-block { margin: 0 0 16px; overflow-x: auto; overflow-y: hidden; padding: 4px 0; }
+.cms-mermaid { --accent: var(--cms-accent); display: flex; justify-content: center; margin: 0 0 16px; padding: 16px; overflow-x: auto; border: 1px solid var(--cms-border); border-radius: var(--cms-radius); }
+.cms-mermaid svg { max-width: 100%; height: auto; }
+
+/* Directory listing */
+.cms-listing { width: 100%; margin: 0 0 32px; border: 1px solid var(--cms-border); border-radius: var(--cms-radius); border-spacing: 0; overflow: hidden; font-size: 14px; }
+.cms-listing th { padding: 10px 16px; font-weight: 600; text-align: left; background: var(--cms-subtle); border-bottom: 1px solid var(--cms-border); }
+.cms-listing td { padding: 8px 16px; border-top: 1px solid var(--cms-border); }
+.cms-listing tbody tr:first-child td { border-top: 0; }
+.cms-listing tbody tr:hover td { background: var(--cms-hover); }
+.cms-listing td:first-child a { display: flex; align-items: center; gap: 10px; color: var(--cms-fg); }
+.cms-listing td:first-child .cms-icon { color: var(--cms-muted); width: 16px; height: 16px; }
+.cms-listing tr[data-kind="dir"] .cms-icon { color: var(--cms-accent); }
+.cms-listing tr[data-kind="markdown"] .cms-icon { color: var(--cms-important); }
+.cms-listing :is(th, td):not(:first-child) { width: 1%; color: var(--cms-muted); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
+.cms-listing .cms-empty { color: var(--cms-muted); text-align: center; }
+.cms-readme { border: 1px solid var(--cms-border); border-radius: var(--cms-radius); }
+.cms-readme > header { display: flex; align-items: center; gap: 8px; padding: 10px 16px; font-size: 14px; font-weight: 600; border-bottom: 1px solid var(--cms-border); }
+.cms-readme > .cms-markdown { padding: 24px 32px 32px; }
+
+/* Status pages */
+.cms-status { padding: 64px 0; text-align: center; }
+.cms-status h1 { margin: 0 0 8px; font-size: 64px; letter-spacing: -0.04em; border: 0; }
+.cms-status p { color: var(--cms-muted); }
+.cms-status pre { text-align: left; }
+
+/* Search palette */
+.cms-palette {
+  width: min(640px, calc(100vw - 32px));
+  max-height: min(560px, 72vh);
+  margin: 12vh auto auto;
+  padding: 0;
+  overflow: hidden;
+  color: var(--cms-fg);
+  background: var(--cms-bg);
+  border: 1px solid var(--cms-border);
+  border-radius: 12px;
+  box-shadow: var(--cms-shadow);
+}
+.cms-palette[open] { display: flex; flex-direction: column; }
+.cms-palette::backdrop { background: rgb(1 4 9 / 0.4); backdrop-filter: blur(2px); }
+.cms-palette input {
+  width: 100%;
+  padding: 16px 18px;
+  font: 16px var(--cms-font);
+  color: inherit;
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid var(--cms-border);
+  outline: none;
+}
+.cms-palette ul { flex: 1; margin: 0; padding: 6px; overflow-y: auto; list-style: none; }
+.cms-palette .cms-hit { display: flex; flex-direction: column; gap: 2px; padding: 8px 12px; color: inherit; border-radius: 8px; cursor: pointer; }
+.cms-palette .cms-hit:hover { text-decoration: none; }
+.cms-palette li[aria-selected="true"] > .cms-hit { background: var(--cms-accent-soft); }
+.cms-palette li[aria-selected="true"] .cms-hit-title { color: var(--cms-accent); }
+.cms-palette .cms-theme-hit { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; }
+.cms-palette .cms-hit-title small { margin-left: 8px; font: 11px var(--cms-mono); color: var(--cms-muted); }
+.cms-palette li[data-active] .cms-hit-title::after { content: "✓"; margin-left: 8px; color: var(--cms-tip); }
+.cms-swatches { display: flex; flex: none; gap: 3px; min-height: 14px; }
+.cms-swatches i { width: 14px; height: 14px; border-radius: 4px; box-shadow: inset 0 0 0 1px rgb(127 127 127 / 0.3); }
+.cms-palette .cms-hit-title { font-weight: 500; }
+.cms-palette .cms-hit-path { font: 12px var(--cms-mono); color: var(--cms-muted); }
+.cms-palette mark { color: var(--cms-accent); background: none; font-weight: 700; }
+.cms-palette .cms-hint { display: flex; gap: 16px; padding: 8px 16px; font-size: 12px; color: var(--cms-muted); border-top: 1px solid var(--cms-border); }
+.cms-palette .cms-none { padding: 24px; color: var(--cms-muted); text-align: center; }
+
+/* Share dialog */
+.cms-share {
+  width: min(460px, calc(100vw - 32px));
+  margin: 12vh auto auto;
+  padding: 20px 22px;
+  color: var(--cms-fg);
+  background: var(--cms-bg);
+  border: 1px solid var(--cms-border);
+  border-radius: 12px;
+  box-shadow: var(--cms-shadow);
+  font-size: 14px;
+}
+.cms-share::backdrop { background: rgb(1 4 9 / 0.4); backdrop-filter: blur(2px); }
+.cms-share h2 { margin: 0 0 8px; font-size: 17px; }
+.cms-share p { margin: 0 0 12px; color: var(--cms-muted); line-height: 1.5; }
+.cms-share .cms-share-error { color: var(--cms-caution); }
+.cms-share .cms-share-wait { animation: cms-pulse 1.2s ease-in-out infinite alternate; }
+.cms-share-link { display: flex; gap: 8px; margin: 0 0 14px; }
+.cms-share-link input {
+  flex: 1;
+  min-width: 0;
+  padding: 0 10px;
+  font: 13px var(--cms-mono);
+  color: inherit;
+  background: var(--cms-subtle);
+  border: 1px solid var(--cms-border);
+  border-radius: 6px;
+}
+.cms-qr { display: flex; justify-content: center; margin: 0 0 16px; }
+.cms-qr svg { width: 180px; height: 180px; padding: 8px; background: #fff; border-radius: 8px; }
+.cms-share-actions { display: flex; justify-content: flex-end; gap: 8px; }
+.cms-share .cms-button { border-color: var(--cms-border); }
+.cms-share .cms-primary { color: #fff; background: var(--cms-accent); border-color: var(--cms-accent); }
+.cms-share .cms-primary:hover { color: #fff; background: color-mix(in srgb, var(--cms-accent) 85%, #000); }
+.cms-share .cms-danger { color: var(--cms-caution); }
+
+/* Live reload */
+@keyframes cms-flash {
+  from { background: color-mix(in srgb, var(--cms-accent) 20%, transparent); box-shadow: 0 0 0 6px color-mix(in srgb, var(--cms-accent) 20%, transparent); }
+  to { background: transparent; box-shadow: 0 0 0 6px transparent; }
+}
+.cms-changed { animation: cms-flash 1.4s ease-out; border-radius: 4px; }
+@media (prefers-reduced-motion: reduce) { .cms-changed { animation: none; } }
+
+@media (max-width: 720px) {
+  .cms-search { min-width: 0; }
+  .cms-search span, .cms-search kbd { display: none; }
+  .cms-layout { padding-top: 24px; }
+  .cms-readme > .cms-markdown { padding: 16px; }
+  .cms-listing :is(th, td):nth-child(3) { display: none; }
+}
+@media print {
+  .cms-bar, .cms-toc, .cms-footer, .cms-copy { display: none !important; }
+  .cms-layout { display: block; padding: 0; }
+  .cms-markdown pre { white-space: pre-wrap; }
+}
+`;
+//#endregion
+//#region src/theme-parse.ts
+/**
+* Reads a base16 or base24 scheme (YAML) or an Omarchy `colors.toml`.
+* Returns `undefined` when the text is not a complete scheme.
+*
+* The colors go into CSS, and the text can come from the network, so the
+* function accepts only hex colors. The browser gets this function with
+* `toString()`, so it must not use anything from outside its body.
+*/
+function parseTheme(text, id, fallbackName) {
+	const hex = (value) => {
+		const match = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec((value ?? "").trim());
+		if (!match?.[1]) return void 0;
+		const digits = match[1].toLowerCase();
+		return `#${digits.length === 3 ? digits.replace(/./g, "$&$&") : digits}`;
+	};
+	const unquote = (value) => value.replace(/\s+#.*$/, "").trim().replace(/^(["'])(.*)\1$/, "$2");
+	const isDark = (color) => {
+		const [r, g, b] = [
+			1,
+			3,
+			5
+		].map((start) => parseInt(color.slice(start, start + 2), 16) / 255);
+		return .2126 * (r ?? 0) + .7152 * (g ?? 0) + .0722 * (b ?? 0) < .5;
+	};
+	let colors;
+	let name;
+	let variant;
+	let accent;
+	if (/^\s*base0[0-9a-f]\s*:/im.test(text)) {
+		const slots = {};
+		for (const match of text.matchAll(/^\s*base0([0-9a-f])\s*:\s*(["']?)#?([0-9a-f]+)\2/gim)) slots[(match[1] ?? "").toLowerCase()] = hex(match[3]);
+		colors = "0123456789abcdef".split("").map((slot) => slots[slot]);
+		name = /^(?:name|scheme)\s*:\s*(.+?)\s*$/m.exec(text)?.[1];
+		variant = /^variant\s*:\s*(.+?)\s*$/m.exec(text)?.[1];
+	} else if (/^\s*background\s*=/m.test(text)) {
+		const keys = {};
+		for (const match of text.matchAll(/^\s*([a-z_]+)\s*=\s*(.+?)\s*$/gm)) keys[match[1] ?? ""] = unquote(match[2] ?? "");
+		const first = (...names) => {
+			for (const key of names) {
+				const color = hex(keys[key]);
+				if (color) return color;
+			}
+		};
+		const background = first("background");
+		const foreground = first("foreground");
+		colors = [
+			background,
+			first("lighter_background", "dark_background", "selection") ?? background,
+			first("selection", "lighter_background") ?? background,
+			first("muted", "dark_foreground", "bright_black"),
+			first("dark_foreground", "muted", "light_foreground") ?? foreground,
+			foreground,
+			first("light_foreground", "bright_foreground") ?? foreground,
+			first("bright_foreground", "light_foreground") ?? foreground,
+			first("red"),
+			first("orange", "bright_red", "red"),
+			first("yellow"),
+			first("green"),
+			first("cyan"),
+			first("blue"),
+			first("magenta"),
+			first("brown", "orange", "red")
+		];
+		colors[3] ??= colors[4] ?? colors[2];
+		const fallback = colors[13] ?? colors[5];
+		for (const index of [
+			8,
+			9,
+			10,
+			11,
+			12,
+			13,
+			14,
+			15
+		]) colors[index] ??= fallback;
+		variant = keys.mode;
+		accent = first("accent");
+	} else return;
+	if (colors.length !== 16 || colors.some((color) => color === void 0)) return void 0;
+	const complete = colors;
+	const cleanName = unquote(name ?? "").slice(0, 80) || fallbackName;
+	const mode = unquote(variant ?? "").toLowerCase();
+	return {
+		id,
+		name: cleanName,
+		variant: mode === "light" || mode === "dark" ? mode : isDark(complete[0] ?? "") ? "dark" : "light",
+		colors: complete,
+		...accent ? { accent } : {}
+	};
+}
+//#endregion
+//#region src/client.ts
+/**
+* Applies the theme before the first paint, so the page does not flash. The page
+* puts it inline in the head, with the default theme of the server as its argument.
+* It must not use anything from outside its body.
+*/
+function themeBoot(defaultTheme) {
+	const root = document.documentElement;
+	const media = matchMedia("(prefers-color-scheme: dark)");
+	const hex = /^#[0-9a-f]{6}$/i;
+	const slots = "0123456789ABCDEF".split("").map((slot) => `--b0${slot}`);
+	const isPalette = (theme) => !!theme && "colors" in theme && Array.isArray(theme.colors) && theme.colors.length === 16 && theme.colors.every((color) => hex.test(color));
+	const read = () => {
+		try {
+			const raw = localStorage.getItem("cms-theme");
+			if (!raw) return null;
+			return JSON.parse(raw);
+		} catch {
+			return null;
+		}
+	};
+	const apply = (theme) => {
+		for (const slot of slots) root.style.removeProperty(slot);
+		root.style.removeProperty("--b-accent");
+		if (isPalette(theme)) {
+			theme.colors.forEach((color, index) => root.style.setProperty(slots[index] ?? "", color));
+			if (theme.accent && hex.test(theme.accent)) root.style.setProperty("--b-accent", theme.accent);
+			root.dataset.cmsPalette = theme.id;
+			root.dataset.theme = "palette";
+			root.classList.toggle("dark", theme.variant === "dark");
+			return;
+		}
+		const mode = theme && "mode" in theme ? theme.mode : "system";
+		delete root.dataset.cmsPalette;
+		root.dataset.theme = mode;
+		root.classList.toggle("dark", mode === "dark" || mode === "system" && media.matches);
+	};
+	const runtime = {
+		defaultTheme,
+		read,
+		apply,
+		current: () => read() ?? runtime.defaultTheme ?? { mode: "system" }
+	};
+	window.__cms = runtime;
+	media.addEventListener("change", () => apply(runtime.current()));
+	apply(runtime.current());
+}
+function client(parse) {
+	const doc = document;
+	const configText = doc.getElementById("cms-config")?.textContent;
+	const config = JSON.parse(configText ?? "{}");
+	const themes = window.__cms;
+	const all = (selector, scope = doc) => [...scope.querySelectorAll(selector)];
+	const escape = (text) => text.replace(/[&<>"']/g, (char) => `&#${char.charCodeAt(0)};`);
+	const svg = (paths) => `<svg class="cms-icon" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${paths}</svg>`;
+	const ICON_COPY = svg("<rect x=\"9\" y=\"9\" width=\"12\" height=\"12\" rx=\"2\"/><path d=\"M5 15V5a2 2 0 0 1 2-2h10\"/>");
+	const ICON_CHECK = svg("<path d=\"m5 12 5 5L20 7\"/>");
+	const store = {
+		get: (key) => {
+			try {
+				return localStorage.getItem(key);
+			} catch {
+				return null;
+			}
+		},
+		set: (key, value) => {
+			try {
+				if (value === null) localStorage.removeItem(key);
+				else localStorage.setItem(key, value);
+			} catch {}
+		}
+	};
+	const content = doc.getElementById("cms-content");
+	let pristine = content ? [...content.children].map((child) => child.outerHTML) : [];
+	const copyText = async (text) => {
+		if (navigator.clipboard && isSecureContext) return navigator.clipboard.writeText(text);
+		const area = doc.createElement("textarea");
+		area.value = text;
+		area.style.position = "fixed";
+		area.style.opacity = "0";
+		doc.body.append(area);
+		area.select();
+		doc.execCommand("copy");
+		area.remove();
+	};
+	const enhance = (scope) => {
+		for (const heading of all(":is(h1, h2, h3, h4, h5, h6)[id]", scope)) {
+			if (heading.querySelector(".cms-anchor")) continue;
+			const anchor = doc.createElement("a");
+			anchor.className = "cms-anchor";
+			anchor.href = `#${heading.id}`;
+			anchor.textContent = "#";
+			anchor.setAttribute("aria-label", "Link to this section");
+			heading.prepend(anchor);
+		}
+		for (const pre of all("pre", scope)) {
+			if (pre.closest(".cms-code-error, .cms-code") || !pre.querySelector("code")) continue;
+			let host = pre.parentElement;
+			if (!host?.matches("figure.twinkleplop-block")) {
+				host = doc.createElement("div");
+				host.className = "cms-code";
+				pre.replaceWith(host);
+				host.append(pre);
+			}
+			if (host.querySelector(":scope > .cms-copy")) continue;
+			const button = doc.createElement("button");
+			button.className = "cms-copy";
+			button.type = "button";
+			button.title = "Copy";
+			button.innerHTML = ICON_COPY;
+			host.append(button);
+		}
+		const tab = store.get("cms-tab");
+		if (tab) selectTab(tab, scope);
+	};
+	const selectTab = (label, scope = doc) => {
+		for (const group of all(".cms-code-group", scope)) {
+			const buttons = all(".cms-tabs button", group);
+			const index = buttons.findIndex((button) => button.textContent === label);
+			if (index < 0) continue;
+			const panels = all(":scope > [role=\"tabpanel\"]", group);
+			buttons.forEach((button, i) => button.setAttribute("aria-selected", String(i === index)));
+			panels.forEach((panel, i) => panel.hidden = i !== index);
+		}
+	};
+	doc.addEventListener("click", (event) => {
+		const target = event.target instanceof Element ? event.target : null;
+		const copy = target?.closest(".cms-copy");
+		if (copy) {
+			const code = copy.parentElement?.querySelector("pre code")?.cloneNode(true);
+			if (!(code instanceof Element)) return;
+			for (const number of all(".ln", code)) number.remove();
+			copyText(code.textContent ?? "").then(() => {
+				copy.innerHTML = ICON_CHECK;
+				copy.dataset.copied = "";
+				setTimeout(() => {
+					copy.innerHTML = ICON_COPY;
+					delete copy.dataset.copied;
+				}, 1500);
+			});
+			return;
+		}
+		const tabButton = target?.closest(".cms-tabs button");
+		if (tabButton) {
+			const label = tabButton.textContent ?? "";
+			store.set("cms-tab", label);
+			selectTab(label);
+			return;
+		}
+		if (target?.closest("[data-cms-edit]")) openEditor();
+		else if (target?.closest("[data-cms-share]")) openShare();
+		else if (target?.closest("[data-cms-theme]")) openPalette("theme");
+		else if (target?.closest("[data-cms-search]")) openPalette("search");
+	});
+	let spyFrame = 0;
+	const spy = () => {
+		spyFrame = 0;
+		const links = all("#cms-toc a");
+		let active;
+		for (const link of links) {
+			const target = doc.getElementById(decodeURIComponent(link.hash.slice(1)));
+			if (target && target.getBoundingClientRect().top < 120) active = link;
+		}
+		active ??= links[0];
+		for (const link of links) link.setAttribute("aria-current", String(link === active));
+	};
+	addEventListener("scroll", () => spyFrame ||= requestAnimationFrame(spy), { passive: true });
+	const editButton = doc.querySelector("[data-cms-edit]");
+	const currentLine = () => {
+		let line = 1;
+		for (const heading of all(":is(h1, h2, h3, h4, h5, h6)[id]", content ?? doc)) {
+			if (heading.getBoundingClientRect().top > 120) break;
+			line = config.lines?.[heading.id] ?? line;
+		}
+		return line;
+	};
+	const openEditor = async () => {
+		if (!config.edit || config.kind !== "markdown" || !editButton || editButton.hidden) return;
+		const response = await fetch(config.edit, {
+			method: "POST",
+			headers: {
+				"content-type": "application/json",
+				"x-comarkserv-action": "1"
+			},
+			body: JSON.stringify({
+				path: config.source,
+				line: currentLine()
+			})
+		}).catch(() => void 0);
+		if (!editButton) return;
+		const error = response?.ok ? void 0 : (await response?.json().catch(() => void 0))?.error;
+		editButton.dataset.state = response?.ok ? "ok" : "error";
+		editButton.title = response?.ok ? "Edit in your editor (E)" : error ?? "The editor did not open";
+		setTimeout(() => delete editButton.dataset.state, 1500);
+	};
+	const shareButton = doc.querySelector("[data-cms-share]");
+	let share = {
+		state: "off",
+		needsConsent: false
+	};
+	let shareDialog;
+	const renderShare = () => {
+		if (!shareDialog) return;
+		const links = share.links;
+		const link = (href, text) => href ? `<a href="${escape(href)}" target="_blank" rel="noreferrer">${text}</a>` : text;
+		if (share.state === "on") shareDialog.innerHTML = `<h2>Sharing</h2><p>Anyone with this link can read the files in this folder. They cannot use the Edit button.</p><div class="cms-share-link"><input readonly value="${escape(share.page ?? share.url ?? "")}" aria-label="The public link"><button class="cms-button cms-primary" type="button" data-share-copy>Copy</button></div><div class="cms-qr">${share.qr ?? ""}</div><div class="cms-share-actions"><button class="cms-button cms-danger" type="button" data-share-stop>Stop sharing</button><button class="cms-button" type="button" data-share-close>Close</button></div>`;
+		else if (share.state === "starting") shareDialog.innerHTML = "<h2>Sharing</h2><p class=\"cms-share-wait\">Starting a Cloudflare tunnel. This can take some seconds. The first time, comarkserv also downloads cloudflared.</p><div class=\"cms-share-actions\"><button class=\"cms-button\" type=\"button\" data-share-close>Close</button></div>";
+		else shareDialog.innerHTML = "<h2>Share this folder</h2><p>comarkserv gives the pages a public URL, through a free Cloudflare tunnel. Anyone with the URL can read the files in this folder, until you stop sharing or stop comarkserv. Visitors cannot use the Edit button.</p>" + (share.needsConsent ? `<p class="cms-share-consent">To share, comarkserv installs cloudflared first. Before that, you must accept the Cloudflare ${link(links?.license, "License")}, ${link(links?.terms, "Terms")} and ${link(links?.privacy, "Privacy Policy")}.</p>` : "") + (share.error ? `<p class="cms-share-error">${escape(share.error)}</p>` : "") + `<div class="cms-share-actions"><button class="cms-button cms-primary" type="button" data-share-start>${share.needsConsent ? "Accept and share" : "Share"}</button><button class="cms-button" type="button" data-share-close>Cancel</button></div>`;
+	};
+	const setShare = (next) => {
+		share = {
+			...share,
+			...next
+		};
+		if (next.state !== "on") {
+			delete share.page;
+			delete share.qr;
+		}
+		if (shareButton) {
+			shareButton.dataset.state = share.state;
+			shareButton.title = share.state === "on" ? `Sharing at ${share.url ?? ""}` : "Share this folder";
+		}
+		if (shareDialog?.open) renderShare();
+	};
+	const shareRequest = async (action) => {
+		const next = await (await fetch(config.share, {
+			method: "POST",
+			headers: {
+				"content-type": "application/json",
+				"x-comarkserv-action": "1"
+			},
+			body: JSON.stringify({
+				action,
+				accept: action === "start" && share.needsConsent,
+				path: location.pathname + location.search
+			})
+		}).catch(() => void 0))?.json().catch(() => void 0);
+		setShare(next ?? {
+			...share,
+			state: "off",
+			error: "The server does not answer."
+		});
+	};
+	const openShare = () => {
+		if (!config.share || !shareButton || shareButton.hidden) return;
+		if (!shareDialog) {
+			shareDialog = doc.createElement("dialog");
+			shareDialog.className = "cms-share";
+			doc.body.append(shareDialog);
+			shareDialog.addEventListener("click", (event) => {
+				const target = event.target instanceof Element ? event.target : null;
+				if (event.target === shareDialog || target?.closest("[data-share-close]")) shareDialog?.close();
+				else if (target?.closest("[data-share-start]")) {
+					setShare({
+						...share,
+						state: "starting"
+					});
+					shareRequest("start");
+				} else if (target?.closest("[data-share-stop]")) shareRequest("stop");
+				else if (target?.closest("[data-share-copy]")) {
+					const copy = target.closest("button");
+					copyText(share.page ?? share.url ?? "").then(() => {
+						if (copy) copy.textContent = "Copied";
+					});
+				}
+			});
+		}
+		renderShare();
+		shareDialog.showModal();
+		shareRequest("status");
+	};
+	if (config.local) fetch(config.local, { cache: "no-store" }).then((response) => response.ok ? response.json() : void 0).then((local) => {
+		if (!local) return;
+		if (local.edit && editButton) editButton.hidden = false;
+		if (local.share && shareButton) {
+			shareButton.hidden = false;
+			setShare(local.share);
+		}
+	}).catch(() => {});
+	const isBoundary = (char) => !char || /[\s/._\-›:]/.test(char);
+	const fuzzy = (query, text) => {
+		const lower = text.toLowerCase();
+		const at = lower.indexOf(query);
+		if (at >= 0) {
+			const hits = Array.from({ length: query.length }, (_, i) => at + i);
+			return {
+				score: 100 + (isBoundary(lower[at - 1]) ? 40 : 0) - at * .5 - lower.length * .05,
+				hits
+			};
+		}
+		const hits = [];
+		let score = 0;
+		let from = 0;
+		for (const char of query) {
+			if (char === " ") continue;
+			const i = lower.indexOf(char, from);
+			if (i < 0) return void 0;
+			const last = hits.at(-1);
+			score += last !== void 0 && i === last + 1 ? 6 : isBoundary(lower[i - 1]) ? 4 : 1;
+			hits.push(i);
+			from = i + 1;
+		}
+		return {
+			score: score - lower.length * .05,
+			hits
+		};
+	};
+	const mark = (text, hits) => {
+		const set = new Set(hits);
+		let html = "";
+		for (let i = 0; i < text.length; i++) {
+			const char = escape(text.charAt(i));
+			html += set.has(i) ? `<mark>${char}</mark>` : char;
+		}
+		return html;
+	};
+	let index;
+	const loadIndex = () => index ??= fetch(config.search).then((response) => response.json()).then((entries) => entries.flatMap((entry) => [{
+		title: entry.title,
+		path: entry.url,
+		url: config.root + entry.url.slice(1),
+		page: true
+	}, ...entry.headings.filter((heading) => heading.depth > 1).map((heading) => ({
+		title: heading.text,
+		path: `${entry.title} › ${entry.url}`,
+		url: `${config.root}${entry.url.slice(1)}#${heading.id}`,
+		page: false
+	}))])).catch(() => {
+		index = void 0;
+		return [];
+	});
+	const searchResults = async (needle) => {
+		const items = await loadIndex();
+		if (!needle) return items.filter((item) => item.page).map((item) => ({
+			item,
+			titleHits: [],
+			pathHits: []
+		}));
+		const results = [];
+		for (const item of items) {
+			const title = fuzzy(needle, item.title);
+			const path = fuzzy(needle, item.path);
+			if (!title && !path) continue;
+			const score = Math.max((title?.score ?? -Infinity) + 10, path?.score ?? -Infinity) + (item.page ? 8 : 0);
+			results.push({
+				item,
+				score,
+				titleHits: title?.hits ?? [],
+				pathHits: title ? [] : path?.hits ?? []
+			});
+		}
+		return results.sort((a, b) => b.score - a.score);
+	};
+	const GITHUB_LIGHT = [
+		"#ffffff",
+		"#1f2328",
+		"#cf222e",
+		"#953800",
+		"#9a6700",
+		"#1a7f37",
+		"#0969da",
+		"#8250df"
+	];
+	const GITHUB_DARK = [
+		"#0d1117",
+		"#e6edf3",
+		"#ff7b72",
+		"#ffa657",
+		"#d29922",
+		"#3fb950",
+		"#58a6ff",
+		"#d2a8ff"
+	];
+	const builtIns = () => [
+		...themes?.defaultTheme ? [{
+			id: "default",
+			name: `Default: ${themes.defaultTheme.name}`,
+			source: "server",
+			choice: themes.defaultTheme
+		}] : [],
+		{
+			id: "github-system",
+			name: "GitHub",
+			source: "system",
+			choice: { mode: "system" },
+			colors: GITHUB_LIGHT
+		},
+		{
+			id: "github-light",
+			name: "GitHub Light",
+			source: "built-in",
+			choice: { mode: "light" },
+			colors: GITHUB_LIGHT
+		},
+		{
+			id: "github-dark",
+			name: "GitHub Dark",
+			source: "built-in",
+			choice: { mode: "dark" },
+			colors: GITHUB_DARK
+		}
+	];
+	let catalog;
+	const loadCatalog = () => catalog ??= (config.themes ? fetch(config.themes) : Promise.reject(/* @__PURE__ */ new Error("no catalog"))).then((response) => response.ok ? response.json() : []).catch(() => {
+		catalog = void 0;
+		return [];
+	});
+	const palettes = /* @__PURE__ */ new Map();
+	const loadTheme = (entry) => {
+		if (entry.choice) return Promise.resolve(entry.choice);
+		if (!entry.url) return Promise.resolve(void 0);
+		let palette = palettes.get(entry.url);
+		if (!palette) {
+			palette = fetch(entry.url).then((response) => response.ok ? response.text() : "").then((text) => parse(text, entry.id, entry.name)).catch(() => void 0);
+			palettes.set(entry.url, palette);
+		}
+		return palette;
+	};
+	const swatches = (colors) => colors.map((color) => `<i style="background:${escape(color)}"></i>`).join("");
+	const paletteSwatches = (theme) => "colors" in theme ? [
+		0,
+		5,
+		8,
+		9,
+		10,
+		11,
+		13,
+		14
+	].map((slot) => theme.colors[slot] ?? "") : theme.mode === "dark" ? GITHUB_DARK : GITHUB_LIGHT;
+	const choiceId = (theme) => {
+		if (!theme) return themes?.defaultTheme ? "default" : "github-system";
+		return "colors" in theme ? theme.id : `github-${theme.mode}`;
+	};
+	let themeEntries = [];
+	const themeResults = async (needle) => {
+		themeEntries = [...builtIns(), ...await loadCatalog()];
+		if (!needle) return themeEntries.map((entry) => ({
+			entry,
+			hits: []
+		}));
+		const results = [];
+		for (const entry of themeEntries) {
+			const match = fuzzy(needle, `${entry.name} ${entry.source}`);
+			const pinned = !entry.url || entry.source === "omarchy-live";
+			if (match) results.push({
+				entry,
+				score: match.score + (pinned ? 50 : 0),
+				hits: match.hits.filter((hit) => hit < entry.name.length)
+			});
+		}
+		return results.sort((a, b) => b.score - a.score);
+	};
+	let palette;
+	let mode = "search";
+	let selected = 0;
+	let committed = false;
+	let previewTimer;
+	let swatchObserver;
+	const items = () => all("li[role=option]", palette);
+	const select = (next) => {
+		const list = items();
+		selected = (next + list.length) % Math.max(list.length, 1);
+		list.forEach((item, i) => item.setAttribute("aria-selected", String(i === selected)));
+		list[selected]?.scrollIntoView({ block: "nearest" });
+		if (mode === "theme") {
+			clearTimeout(previewTimer);
+			previewTimer = setTimeout(() => void preview(list[selected]), 40);
+		}
+	};
+	const entryOf = (item) => themeEntries[Number(item?.dataset.entry)];
+	const preview = async (item) => {
+		const entry = entryOf(item);
+		const theme = entry && await loadTheme(entry);
+		if (theme && item?.getAttribute("aria-selected") === "true") themes?.apply(theme);
+	};
+	const commitTheme = async (item) => {
+		const entry = entryOf(item);
+		const theme = entry && await loadTheme(entry);
+		if (!entry || !theme) return;
+		committed = true;
+		store.set("cms-theme", entry.id === "default" ? null : JSON.stringify(theme));
+		themes?.apply(themes.current());
+		palette?.close();
+	};
+	const openPalette = (next) => {
+		if (next === "theme" && !themes) return;
+		if (!palette) {
+			palette = doc.createElement("dialog");
+			palette.className = "cms-palette";
+			palette.innerHTML = "<input type=\"search\" aria-label=\"Search\" autocomplete=\"off\" spellcheck=\"false\"><ul role=\"listbox\"></ul><div class=\"cms-hint\"><span><kbd>↑</kbd> <kbd>↓</kbd> move</span><span><kbd>↵</kbd> <span class=\"cms-hint-enter\">open</span></span><span><kbd>esc</kbd> close</span></div>";
+			doc.body.append(palette);
+			const input = palette.querySelector("input");
+			input.addEventListener("input", () => void renderResults(input.value));
+			input.addEventListener("keydown", (event) => {
+				if (event.key === "Escape") {
+					event.preventDefault();
+					palette?.close();
+				} else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+					event.preventDefault();
+					select(selected + (event.key === "ArrowDown" ? 1 : -1));
+				} else if (event.key === "Enter") {
+					event.preventDefault();
+					const item = items()[selected];
+					if (mode === "theme") return void commitTheme(item);
+					const link = item?.querySelector("a");
+					if (!link) return;
+					if (event.metaKey || event.ctrlKey) open(link.href, "_blank");
+					else location.href = link.href;
+					palette?.close();
+				}
+			});
+			palette.addEventListener("click", (event) => {
+				if (event.target === palette) return palette.close();
+				const item = event.target instanceof Element ? event.target.closest("li[role=option]") : null;
+				if (mode === "theme" && item) commitTheme(item);
+			});
+			palette.addEventListener("mousemove", (event) => {
+				const item = event.target instanceof Element ? event.target.closest("li[role=option]") : null;
+				const index = item ? items().indexOf(item) : -1;
+				if (index >= 0 && index !== selected) select(index);
+			});
+			palette.addEventListener("close", () => {
+				clearTimeout(previewTimer);
+				if (mode === "theme" && !committed) themes?.apply(themes.current());
+			});
+		}
+		mode = next;
+		committed = false;
+		const input = palette.querySelector("input");
+		input.value = "";
+		input.placeholder = mode === "theme" ? "Search 580+ themes" : "Search pages and headings";
+		const enter = palette.querySelector(".cms-hint-enter");
+		if (enter) enter.textContent = mode === "theme" ? "keep" : "open";
+		palette.showModal();
+		input.focus();
+		renderResults("");
+	};
+	const observeSwatches = (list) => {
+		swatchObserver?.disconnect();
+		swatchObserver = new IntersectionObserver((records) => {
+			for (const record of records) {
+				if (!record.isIntersecting) continue;
+				swatchObserver?.unobserve(record.target);
+				const entry = entryOf(record.target);
+				const target = record.target.querySelector(".cms-swatches");
+				if (!entry || !target) continue;
+				if (entry.colors) target.innerHTML = swatches(entry.colors);
+				else loadTheme(entry).then((theme) => theme && (target.innerHTML = swatches(paletteSwatches(theme))));
+			}
+		}, { root: list });
+		for (const item of items()) swatchObserver.observe(item);
+	};
+	const renderResults = async (query) => {
+		const list = palette?.querySelector("ul");
+		if (!list) return;
+		const needle = query.trim().toLowerCase();
+		const current = mode;
+		let html;
+		if (current === "theme") {
+			const results = await themeResults(needle);
+			const active = choiceId(themes?.read() ?? null);
+			html = results.map(({ entry, hits }, i) => `<li role="option" aria-selected="${i === 0}" data-entry="${themeEntries.indexOf(entry)}"${entry.id === active ? " data-active" : ""}><div class="cms-hit cms-theme-hit"><span class="cms-hit-title">${mark(entry.name, hits)}<small>${escape(entry.source)}</small></span><span class="cms-swatches"></span></div></li>`).join("");
+		} else html = (await searchResults(needle)).slice(0, 60).map(({ item, titleHits, pathHits }, i) => `<li role="option" aria-selected="${i === 0}"><a class="cms-hit" href="${escape(item.url)}"><span class="cms-hit-title">${item.page ? "" : "# "}${mark(item.title, titleHits)}</span><span class="cms-hit-path">${mark(item.path, pathHits)}</span></a></li>`).join("");
+		if (current !== mode) return;
+		selected = 0;
+		list.innerHTML = html || "<li class=\"cms-none\">No results</li>";
+		list.scrollTop = 0;
+		if (current !== "theme") return;
+		observeSwatches(list);
+		const active = items().findIndex((item) => item.hasAttribute("data-active"));
+		if (!needle && active > 0) select(active);
+	};
+	const isMac = /Mac|iPhone|iPad/.test(navigator.platform);
+	for (const key of all("[data-cms-search] kbd")) key.textContent = isMac ? "⌘K" : "Ctrl K";
+	addEventListener("keydown", (event) => {
+		const typing = event.target instanceof HTMLElement && event.target.closest("input, textarea, select, [contenteditable]");
+		const modifier = event.metaKey || event.ctrlKey || event.altKey;
+		if (event.key === "e" && !typing && !modifier && !palette?.open) {
+			event.preventDefault();
+			openEditor();
+			return;
+		}
+		if (event.key === "k" && (event.metaKey || event.ctrlKey) || event.key === "/" && !typing) {
+			event.preventDefault();
+			if (palette?.open) palette.close();
+			else openPalette("search");
+		}
+	});
+	const parentOf = (path) => path.slice(0, path.lastIndexOf("/") + 1);
+	let updating;
+	let again = false;
+	const update = async () => {
+		const started = performance.now();
+		const response = await fetch(location.href, { cache: "no-store" });
+		const next = new DOMParser().parseFromString(await response.text(), "text/html");
+		const incoming = next.getElementById("cms-content");
+		if (!content || !incoming) return location.reload();
+		const nextPristine = [...incoming.children].map((child) => child.outerHTML);
+		let start = 0;
+		while (start < pristine.length && start < nextPristine.length && pristine[start] === nextPristine[start]) start++;
+		let endOld = pristine.length;
+		let endNew = nextPristine.length;
+		while (endOld > start && endNew > start && pristine[endOld - 1] === nextPristine[endNew - 1]) {
+			endOld--;
+			endNew--;
+		}
+		const current = [...content.children];
+		const added = [...incoming.children].slice(start, endNew);
+		for (const child of current.slice(start, endOld)) child.remove();
+		const anchor = content.children[start] ?? null;
+		for (const child of added) content.insertBefore(doc.importNode(child, true), anchor);
+		pristine = nextPristine;
+		const nextConfig = next.getElementById("cms-config")?.textContent;
+		if (nextConfig) config.lines = JSON.parse(nextConfig).lines;
+		enhance(content);
+		doc.title = next.title;
+		const toc = doc.getElementById("cms-toc");
+		const nextToc = next.getElementById("cms-toc");
+		if (toc && nextToc) toc.innerHTML = nextToc.innerHTML;
+		spy();
+		const inserted = [...content.children].slice(start, start + added.length);
+		for (const block of inserted) {
+			block.classList.remove("cms-changed");
+			block.offsetWidth;
+			block.classList.add("cms-changed");
+		}
+		const box = inserted[0]?.getBoundingClientRect();
+		if (box && (box.bottom < 64 || box.top > innerHeight)) inserted[0]?.scrollIntoView({
+			block: "center",
+			behavior: "smooth"
+		});
+		console.info(`[comarkserv] updated in ${Math.round(performance.now() - started)}ms`);
+	};
+	const scheduleUpdate = () => {
+		if (updating) {
+			again = true;
+			return;
+		}
+		updating = update().finally(() => {
+			updating = void 0;
+			if (again) {
+				again = false;
+				scheduleUpdate();
+			}
+		});
+	};
+	const onChange = (paths) => {
+		index = void 0;
+		const source = config.source;
+		if (paths.some((path) => path === source || config.kind === "directory" && parentOf(path) === source)) {
+			if (config.kind === "markdown" || config.kind === "directory") scheduleUpdate();
+			else location.reload();
+			return;
+		}
+		const changed = new Set(paths);
+		for (const link of all("link[rel=\"stylesheet\"]")) {
+			const url = new URL(link.href);
+			if (!changed.has(url.pathname)) continue;
+			const fresh = link.cloneNode();
+			url.searchParams.set("t", String(Date.now()));
+			fresh.href = url.href;
+			fresh.addEventListener("load", () => link.remove(), { once: true });
+			link.after(fresh);
+		}
+		for (const image of all("img")) {
+			const url = new URL(image.src);
+			if (!changed.has(decodeURIComponent(url.pathname))) continue;
+			url.searchParams.set("t", String(Date.now()));
+			image.src = url.href;
+		}
+	};
+	const onTheme = (theme) => {
+		if (!themes) return;
+		const chosen = themes.read();
+		if (chosen && "colors" in chosen && chosen.id === theme.id) store.set("cms-theme", JSON.stringify(theme));
+		else if (!chosen && themes.defaultTheme?.id === theme.id) themes.defaultTheme = theme;
+		else return;
+		if (!(mode === "theme" && palette?.open)) themes.apply(themes.current());
+	};
+	if (config.events) {
+		const indicator = doc.querySelector(".cms-live");
+		let serverId;
+		const events = new EventSource(config.events);
+		events.addEventListener("hello", (event) => {
+			const id = JSON.parse(event.data).id;
+			if (serverId && serverId !== id) location.reload();
+			serverId = id;
+			if (indicator) {
+				indicator.dataset.state = "open";
+				indicator.title = "Live reload is on";
+			}
+		});
+		events.addEventListener("change", (event) => onChange(JSON.parse(event.data).paths));
+		events.addEventListener("share", () => {
+			if (shareButton && !shareButton.hidden) shareRequest("status");
+		});
+		events.addEventListener("theme", (event) => onTheme(JSON.parse(event.data).theme));
+		events.addEventListener("error", () => {
+			if (indicator) {
+				indicator.dataset.state = "closed";
+				indicator.title = "Live reload is off: the server does not answer";
+			}
+		});
+		addEventListener("pagehide", () => events.close());
+	}
+	if (content) enhance(content);
+	spy();
+}
+/** The client script, ready to serve. */
+const clientScript = `(${client.toString()})(${parseTheme.toString()});\n`;
+/** The inline head script, with the default theme of the server. */
+function themeScript(defaultTheme) {
+	const json = JSON.stringify(defaultTheme ?? null).replace(/</g, "\\u003c");
+	return `(${themeBoot.toString()})(${json});`;
+}
+//#endregion
+//#region src/assets.ts
+const require = createRequire(import.meta.url);
+function hash(text) {
+	return createHash("sha1").update(text).digest("hex").slice(0, 10);
+}
+function asset(body, type) {
+	return {
+		body,
+		type,
+		version: hash(body)
+	};
+}
+let assets;
+/** Returns the assets. The first call reads the theme from disk. Later calls use the cache. */
+function getAssets() {
+	if (assets) return assets;
+	const katexDir = dirname(require.resolve("katex"));
+	const themeCss = readFileSync(require.resolve("@twinkleplop/theme-github"), "utf8");
+	assets = {
+		"app.css": asset(`${styles}\n${themeCss}\n${paletteStyles(themeTokenNames(themeCss))}`, "text/css; charset=utf-8"),
+		"app.js": asset(clientScript, "text/javascript; charset=utf-8"),
+		katexDir,
+		katexVersion: hash(readFileSync(join(katexDir, "katex.min.css"), "utf8"))
+	};
+	return assets;
+}
+//#endregion
+//#region src/page.ts
+function escape(text) {
+	return text.replace(/[&<>"']/g, (char) => `&#${char.charCodeAt(0)};`);
+}
+function icon(paths) {
+	return `<svg class="cms-icon" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${paths}</svg>`;
+}
+const LOGO_PATHS = "<rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"3\"/><path d=\"M6 15V9l3 3 3-3v6m4-6v6m-2.5-2.5L16 15l2.5-2.5\"/>";
+const icons = {
+	logo: icon(LOGO_PATHS),
+	search: icon("<circle cx=\"11\" cy=\"11\" r=\"7\"/><path d=\"m20 20-3.5-3.5\"/>"),
+	palette: icon("<path d=\"M12 22a10 10 0 1 1 10-10c0 2.8-2.2 4-4.5 4H16a2 2 0 0 0-1.5 3.3c.4.5.6 1 .6 1.5 0 .7-.6 1.2-1.3 1.2Z\"/><circle cx=\"7.5\" cy=\"10.5\" r=\"1.2\"/><circle cx=\"12\" cy=\"7\" r=\"1.2\"/><circle cx=\"16.5\" cy=\"10.5\" r=\"1.2\"/>"),
+	code: icon("<path d=\"m16 18 6-6-6-6M8 6l-6 6 6 6\"/>"),
+	edit: icon("<path d=\"M12 20h9\"/><path d=\"M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z\"/>"),
+	share: icon("<circle cx=\"18\" cy=\"5\" r=\"3\"/><circle cx=\"6\" cy=\"12\" r=\"3\"/><circle cx=\"18\" cy=\"19\" r=\"3\"/><path d=\"m8.6 13.5 6.8 4M15.4 6.5l-6.8 4\"/>"),
+	folder: icon("<path d=\"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z\"/>"),
+	file: icon("<path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z\"/><path d=\"M14 3v5h5\"/>"),
+	markdown: icon("<rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"3\"/><path d=\"M6 15V9l3 3 3-3v6m4-6v6m-2.5-2.5L16 15l2.5-2.5\"/>"),
+	image: icon("<rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/><circle cx=\"9\" cy=\"9\" r=\"2\"/><path d=\"m21 15-5-5L5 21\"/>"),
+	up: icon("<path d=\"M12 19V5m-7 7 7-7 7 7\"/>"),
+	book: icon("<path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20V3H6.5A2.5 2.5 0 0 0 4 5.5Z\"/><path d=\"M4 19.5A2.5 2.5 0 0 0 6.5 22H20v-5\"/>")
+};
+const FAVICON = "data:image/svg+xml," + encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#8250df" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">${LOGO_PATHS}</svg>`);
+function renderToc(toc) {
+	if (!toc || toc.length === 0) return "";
+	const list = (links) => `<ul>${links.map((link) => `<li><a href="#${escape(link.id)}">${escape(link.text)}</a>${link.children?.length ? list(link.children) : ""}</li>`).join("")}</ul>`;
+	return `<p>On this page</p>${list(toc)}`;
+}
+function renderCrumbs(crumbs) {
+	return crumbs.map((crumb) => crumb.href === void 0 ? `<span>${escape(crumb.name)}</span>` : `<a href="${escape(crumb.href)}">${escape(crumb.name)}</a>`).join("<span class=\"cms-sep\">/</span>");
+}
+function configScript(config) {
+	return `<script type="application/json" id="cms-config">${JSON.stringify(config).replace(/</g, "\\u003c")}<\/script>`;
+}
+function renderPage(input) {
+	const { assets, config } = input;
+	const toc = renderToc(input.toc);
+	const rootHref = input.home ?? input.crumbs[0]?.href ?? "./";
+	return `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>${escape(input.title)}</title>
+${input.description ? `<meta name="description" content="${escape(input.description)}">\n` : ""}<meta name="generator" content="comarkserv">
+<link rel="icon" href="${FAVICON}">
+<script>${themeScript(input.theme)}<\/script>
+<link rel="stylesheet" href="${escape(assets.css)}">
+${input.features?.math ? `<link rel="stylesheet" href="${escape(assets.katex)}">\n` : ""}<script src="${escape(assets.js)}" defer><\/script>
+</head>
+<body>
+<header class="cms-bar">
+<a class="cms-logo" href="${escape(rootHref)}" title="Home">${icons.logo}</a>
+<nav class="cms-crumbs" aria-label="Breadcrumb">${renderCrumbs(input.crumbs)}</nav>
+<div class="cms-actions">
+<button class="cms-button cms-search" type="button" data-cms-search>${icons.search}<span>Search</span><kbd>⌘K</kbd></button>
+${input.rawHref ? `<a class="cms-button" href="${escape(input.rawHref)}" title="View the source">${icons.code}</a>\n` : ""}${config.edit && config.kind === "markdown" ? `<button class="cms-button cms-edit" type="button" data-cms-edit title="Edit in your editor (E)" hidden>${icons.edit}</button>\n` : ""}${config.share ? `<button class="cms-button cms-share-button" type="button" data-cms-share title="Share this folder" hidden>${icons.share}</button>\n` : ""}<button class="cms-button" type="button" data-cms-theme title="Change the theme">${icons.palette}</button>
+${config.events ? "<span class=\"cms-live\" title=\"Live reload is connecting\"></span>\n" : ""}</div>
+</header>
+<div class="cms-layout">
+<main class="cms-main"><div id="cms-content" class="${input.contentClass ?? "cms-markdown"}">
+${input.content}
+</div></main>
+<aside class="cms-toc"><nav id="cms-toc" aria-label="Table of contents">${toc}</nav></aside>
+</div>
+<footer class="cms-footer">Served by <a href="https://github.com/Rigo-m/comarkserv">comarkserv</a>${input.footer ? ` · ${escape(input.footer)}` : ""}</footer>
+${configScript(config)}
+</body>
+</html>
+`;
+}
+/** Adds the client script to an HTML file that the server does not render, for live reload. */
+function injectClient(html, config, assets) {
+	const tags = `${configScript(config)}<script src="${escape(assets.js)}" defer><\/script>`;
+	const at = html.search(/<\/body>/i);
+	return at < 0 ? html + tags : html.slice(0, at) + tags + html.slice(at);
+}
+const KIND_ICONS = {
+	dir: icons.folder,
+	markdown: icons.markdown,
+	image: icons.image,
+	file: icons.file
+};
+function formatSize(bytes) {
+	if (bytes < 1024) return `${bytes} B`;
+	const units = [
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	let value = bytes / 1024;
+	let unit = 0;
+	while (value >= 1024 && unit < units.length - 1) {
+		value /= 1024;
+		unit++;
+	}
+	return `${value < 10 ? value.toFixed(1) : Math.round(value)} ${units[unit]}`;
+}
+function formatAge(date, now = Date.now()) {
+	const seconds = Math.round((now - date.getTime()) / 1e3);
+	if (seconds < 60) return "just now";
+	const steps = [
+		[60, "minute"],
+		[24, "hour"],
+		[30, "day"],
+		[12, "month"]
+	];
+	let value = seconds / 60;
+	for (const [limit, unit] of steps) {
+		if (value < limit) {
+			const count = Math.floor(value);
+			return `${count} ${unit}${count === 1 ? "" : "s"} ago`;
+		}
+		value /= limit;
+	}
+	const years = Math.floor(value);
+	return `${years} year${years === 1 ? "" : "s"} ago`;
+}
+function renderListing(entries, parentHref) {
+	const rows = entries.map((entry) => `<tr data-kind="${entry.kind}"><td><a href="${escape(entry.href)}">${KIND_ICONS[entry.kind]}${escape(entry.name)}${entry.kind === "dir" ? "/" : ""}</a></td><td>${entry.kind === "dir" ? "" : formatSize(entry.size)}</td><td><time datetime="${entry.modified.toISOString()}" title="${entry.modified.toLocaleString("en")}">${formatAge(entry.modified)}</time></td></tr>`);
+	if (parentHref !== void 0) rows.unshift(`<tr data-kind="dir"><td><a href="${escape(parentHref)}">${icons.up}..</a></td><td></td><td></td></tr>`);
+	if (entries.length === 0) rows.push("<tr><td class=\"cms-empty\" colspan=\"3\">This directory is empty.</td></tr>");
+	return `<table class="cms-listing"><thead><tr><th>Name</th><th>Size</th><th>Modified</th></tr></thead><tbody>${rows.join("")}</tbody></table>`;
+}
+function renderReadme(name, html) {
+	return `<section class="cms-readme"><header>${icons.book}${escape(name)}</header><div class="cms-markdown">${html}</div></section>`;
+}
+function renderStatus(code, title, message, detail) {
+	return `<section class="cms-status"><h1>${code}</h1><h2>${escape(title)}</h2><p>${escape(message)}</p>${detail ? `<pre><code>${escape(detail)}</code></pre>` : ""}</section>`;
+}
+//#endregion
+//#region src/site.ts
+const MARKDOWN_EXTENSIONS = /* @__PURE__ */ new Set([
+	".md",
+	".markdown",
+	".mdown",
+	".mkd",
+	".mdc"
+]);
+const IMAGE_EXTENSIONS = /* @__PURE__ */ new Set([
+	".apng",
+	".avif",
+	".bmp",
+	".gif",
+	".ico",
+	".jpeg",
+	".jpg",
+	".png",
+	".svg",
+	".webp"
+]);
+/** Directories that the listing, the search index and the watcher skip. */
+const SKIPPED_DIRECTORIES = /* @__PURE__ */ new Set(["node_modules", ".git"]);
+/** Glob patterns for the skipped directories, for tinyglobby. */
+const SKIPPED_GLOBS = [...SKIPPED_DIRECTORIES].map((name) => `**/${name}/**`);
+/** A glob pattern for markdown files, for tinyglobby. */
+const MARKDOWN_GLOB = `**/*.{${[...MARKDOWN_EXTENSIONS].map((extension) => extension.slice(1)).join(",")}}`;
+function isMarkdown(name) {
+	return MARKDOWN_EXTENSIONS.has(extname(name).toLowerCase());
+}
+function entryKind(name, directory) {
+	if (directory) return "dir";
+	const extension = extname(name).toLowerCase();
+	if (MARKDOWN_EXTENSIONS.has(extension)) return "markdown";
+	return IMAGE_EXTENSIONS.has(extension) ? "image" : "file";
+}
+/** Returns true when a path segment is hidden: a dotfile other than `.well-known`. */
+function isHiddenSegment(segment) {
+	return segment.startsWith(".") && segment !== ".well-known";
+}
+/** Returns true when a URL path, with `/` separators, has a hidden segment. */
+function hasHiddenSegment(path) {
+	return path.split("/").some(isHiddenSegment);
+}
+/** Returns true when the watcher and the search index must skip a path from the root. */
+function isSkippedPath(path, dotfiles) {
+	return path.split("/").some((segment) => SKIPPED_DIRECTORIES.has(segment) || !dotfiles && isHiddenSegment(segment));
+}
+/** A relative link that goes up the given number of directories. */
+function up(levels) {
+	return levels === 0 ? "./" : "../".repeat(levels);
+}
+/**
+* Returns the breadcrumbs for a URL path. The links are relative, so they work
+* on the server and in a static build.
+*/
+function crumbsFor(pathname, rootName) {
+	const isDirectory = pathname.endsWith("/");
+	const segments = pathname.split("/").filter(Boolean);
+	const directories = isDirectory ? segments : segments.slice(0, -1);
+	const crumbs = [{
+		name: rootName,
+		href: up(directories.length)
+	}];
+	directories.forEach((name, index) => {
+		crumbs.push({
+			name,
+			href: up(directories.length - 1 - index)
+		});
+	});
+	if (!isDirectory && segments.length > 0) crumbs.push({ name: segments.at(-1) ?? "" });
+	const last = crumbs.at(-1);
+	if (last) delete last.href;
+	return crumbs;
+}
+const serverLinks = {
+	directory: (name) => `${encodeURIComponent(name)}/`,
+	markdown: (name) => encodeURIComponent(name)
+};
+function compareEntries(a, b) {
+	if (a.kind === "dir" !== (b.kind === "dir")) return a.kind === "dir" ? -1 : 1;
+	return a.name.localeCompare(b.name, "en", {
+		numeric: true,
+		sensitivity: "base"
+	});
+}
+/** Reads a directory for the listing: directories first, then files, in natural order. */
+async function readDirectory(path, options) {
+	const visible = (await readdir(path, { withFileTypes: true })).filter((dirent) => !SKIPPED_DIRECTORIES.has(dirent.name) && (options.dotfiles || !isHiddenSegment(dirent.name)));
+	const list = (await Promise.all(visible.map(async (dirent) => {
+		const info = await stat$1(join(path, dirent.name)).catch(() => void 0);
+		if (!info) return void 0;
+		const directory = info.isDirectory();
+		const kind = entryKind(dirent.name, directory);
+		const href = directory ? options.links.directory(dirent.name) : kind === "markdown" ? options.links.markdown(dirent.name) : encodeURIComponent(dirent.name);
+		return {
+			name: dirent.name,
+			href,
+			kind,
+			size: info.size,
+			modified: info.mtime
+		};
+	}))).filter((entry) => entry !== void 0).sort(compareEntries);
+	return {
+		entries: list,
+		readme: list.find((entry) => entry.kind === "markdown" && /^readme\.[a-z]+$/i.test(entry.name))?.name
+	};
+}
+/** Maps the items with at most `limit` calls at the same time. The results keep the order of the items. */
+async function mapLimit(items, limit, map) {
+	const results = Array.from({ length: items.length });
+	let next = 0;
+	const worker = async () => {
+		while (next < items.length) {
+			const index = next++;
+			results[index] = await map(items[index]);
+		}
+	};
+	await Promise.all(Array.from({ length: Math.min(limit, items.length) }, worker));
+	return results;
+}
+const README_EXTENSIONS = [
+	"md",
+	"markdown",
+	"mdc",
+	"mdown",
+	"mkd"
+];
+/**
+* Returns the closest README: in `start`, or else in the first parent directory
+* that has one. The name can have any case. `README.md` comes before the other
+* markdown extensions.
+*/
+async function findReadme(start) {
+	for (let directory = start;; directory = dirname(directory)) {
+		const names = await readdir(directory).catch(() => []);
+		for (const extension of README_EXTENSIONS) {
+			const name = names.find((entry) => entry.toLowerCase() === `readme.${extension}`);
+			if (name) return join(directory, name);
+		}
+		if (dirname(directory) === directory) return void 0;
+	}
+}
+//#endregion
+//#region src/search.ts
+const MAX_FILES = 1e4;
+const READ_CONCURRENCY = 32;
+function slugify(text) {
+	let slug = text.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/-{2,}/g, "-").replace(/^-+|-+$/g, "");
+	if (/^\d/.test(slug)) slug = `_${slug}`;
+	return slug;
+}
+/** Removes the inline markdown from heading text. */
+function plainText(markdown) {
+	return markdown.replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/\[([^\]]*)\]\[[^\]]*\]/g, "$1").replace(/<[^>]+>/g, "").replace(/`([^`]*)`/g, "$1").replace(/(\*\*|__)(.+?)\1/g, "$2").replace(/(^|[^\w*])[*_]([^*_]+)[*_](?=$|[^\w*])/g, "$1$2").replace(/~~(.+?)~~/g, "$1").replace(/\\([\\`*_{}[\]()#+\-.!|])/g, "$1").replace(/\s+/g, " ").trim();
+}
+const ATX = /^ {0,3}(#{1,6})(?:[ \t]+(.*?))?(?:[ \t]+#+)?[ \t]*$/;
+const FENCE = /^ {0,3}(`{3,}|~{3,})/;
+const ATTRIBUTES = /\s*\{([^{}]*)\}\s*$/;
+const FRONTMATTER = /^---\r?\n([\s\S]*?)\r?\n---(?:\r?\n|$)/;
+function customId(attributes) {
+	if (!attributes) return void 0;
+	return /(?:^|\s)#([\w-]+)/.exec(attributes)?.[1] ?? /\bid=["']?([\w-]+)/.exec(attributes)?.[1];
+}
+function frontmatterTitle(yaml) {
+	const match = /^title:[ \t]*(.+?)[ \t]*$/m.exec(yaml);
+	if (!match?.[1]) return void 0;
+	return match[1].replace(/^(["'])(.*)\1$/, "$2").trim() || void 0;
+}
+/** Reads the title and the headings of a markdown source, with no full parse. */
+function extractOutline(source) {
+	const frontmatter = FRONTMATTER.exec(source);
+	const body = frontmatter ? source.slice(frontmatter[0].length) : source;
+	const headings = [];
+	const stack = [];
+	const counts = /* @__PURE__ */ new Map();
+	let fence;
+	let previous = "";
+	const add = (level, raw, line) => {
+		const attributes = ATTRIBUTES.exec(raw);
+		const text = plainText(attributes ? raw.slice(0, attributes.index) : raw);
+		if (!text) return;
+		let slug = slugify(text);
+		while (stack.length > 0 && (stack.at(-1)?.level ?? 0) >= level) stack.pop();
+		const parent = stack.at(-1);
+		if (parent && parent.level >= 2) slug = `${parent.id}-${slug}`;
+		stack.push({
+			level,
+			id: slug
+		});
+		const count = counts.get(slug) ?? 0;
+		counts.set(slug, count + 1);
+		const id = customId(attributes?.[1]) ?? (count === 0 ? slug : `${slug}-${count}`);
+		headings.push({
+			id,
+			text,
+			depth: level,
+			line
+		});
+	};
+	const offset = frontmatter ? frontmatter[0].split(/\r?\n/).length - (frontmatter[0].endsWith("\n") ? 1 : 0) : 0;
+	const lines = body.split(/\r?\n/);
+	for (const [index, line] of lines.entries()) {
+		const number = offset + index + 1;
+		const fenceMatch = FENCE.exec(line);
+		if (fence) {
+			if (fenceMatch?.[1] && fenceMatch[1][0] === fence[0] && fenceMatch[1].length >= fence.length) fence = void 0;
+			previous = "";
+			continue;
+		}
+		if (fenceMatch?.[1]) {
+			fence = fenceMatch[1];
+			previous = "";
+			continue;
+		}
+		const atx = ATX.exec(line);
+		if (atx?.[1]) {
+			add(atx[1].length, atx[2] ?? "", number);
+			previous = "";
+			continue;
+		}
+		if (previous && /^ {0,3}(=+|-+)[ \t]*$/.test(line) && !/^ {0,3}[-*+>]|^ {4}/.test(previous)) {
+			add(line.trim().startsWith("=") ? 1 : 2, previous.trim(), number - 1);
+			previous = "";
+			continue;
+		}
+		previous = line.trim() ? line : "";
+	}
+	return {
+		title: (frontmatter?.[1] ? frontmatterTitle(frontmatter[1]) : void 0) ?? headings.find((heading) => heading.depth === 1)?.text,
+		headings
+	};
+}
+async function findMarkdown(root, dotfiles, ignore) {
+	const { glob } = await import("./dist-CWYRQLUT.mjs");
+	return glob(MARKDOWN_GLOB, {
+		cwd: root,
+		dot: dotfiles,
+		ignore: [...SKIPPED_GLOBS, ...ignore],
+		caseSensitiveMatch: false,
+		expandDirectories: false
+	}).then((paths) => paths.sort().slice(0, MAX_FILES));
+}
+function createSearchIndex(options) {
+	const toUrl = options.toUrl ?? ((path) => path);
+	let entries;
+	let building;
+	let changed = /* @__PURE__ */ new Set();
+	let stale = false;
+	const read = async (path) => {
+		const source = await readFile(join$1(options.root, path), "utf8").catch(() => void 0);
+		if (source === void 0) return void 0;
+		const outline = extractOutline(source);
+		const title = outline.title ?? basename$1(path, extname$1(path));
+		return {
+			url: toUrl(`/${path}`),
+			title,
+			headings: outline.headings
+		};
+	};
+	const build = async (previous) => {
+		const dirty = changed;
+		changed = /* @__PURE__ */ new Set();
+		const paths = await findMarkdown(options.root, options.dotfiles, options.ignore ?? []);
+		const list = await mapLimit(paths, READ_CONCURRENCY, (path) => {
+			const known = previous?.get(path);
+			return known && !dirty.has(path) ? Promise.resolve(known) : read(path);
+		});
+		const map = /* @__PURE__ */ new Map();
+		paths.forEach((path, index) => {
+			const entry = list[index];
+			if (entry) map.set(path, entry);
+		});
+		return map;
+	};
+	return {
+		get: async () => {
+			while (!entries || stale) {
+				stale = false;
+				building ??= build(entries).finally(() => building = void 0);
+				entries = await building;
+			}
+			return [...entries.values()].sort((a, b) => a.url.localeCompare(b.url));
+		},
+		invalidate: (paths) => {
+			for (const path of paths) changed.add(path.replace(/^\//, ""));
+			if (paths.length > 0) stale = true;
+		}
+	};
+}
+//#endregion
+//#region src/themes.ts
+/** The remote theme sources. Each theme is one file in a GitHub repository. */
+const THEME_SOURCES = {
+	base16: {
+		repo: "tinted-theming/schemes",
+		dir: "base16/",
+		suffix: ".yaml"
+	},
+	base24: {
+		repo: "tinted-theming/schemes",
+		dir: "base24/",
+		suffix: ".yaml"
+	},
+	omarchy: {
+		repo: "basecamp/omarchy",
+		dir: "themes/",
+		suffix: "/colors.toml"
+	}
+};
+/** The `colors.toml` of the current Omarchy theme. `omarchy-theme-set` replaces it on each change. */
+const OMARCHY_CURRENT = join$1(homedir(), ".local/state/omarchy/current/theme/colors.toml");
+const UNGH = "https://ungh.cc/repos/";
+const RAW = "https://raw.githubusercontent.com/";
+const DAY = 864e5;
+const LISTING_TTL = DAY;
+const THEME_TTL = 7 * DAY;
+const TIMEOUT = 8e3;
+const THEME_ID = /^[a-z0-9][a-z0-9._-]*$/i;
+const REMOTE_SPEC = /^(base16|base24|omarchy):(.+)$/;
+function defaultCacheDir() {
+	return join$1(process.env.XDG_CACHE_HOME || join$1(homedir(), ".cache"), "comarkserv", "themes");
+}
+function isThemeSource(value) {
+	return Object.hasOwn(THEME_SOURCES, value);
+}
+/** Returns true for a theme id that is a plain file name, so it cannot change the path. */
+function isThemeId(id) {
+	return THEME_ID.test(id) && !id.includes("..");
+}
+function titleCase(id) {
+	return id.split(/[-_]/).filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+/** Returns the file to watch for a `--theme` value that can change while the server runs. */
+function themeWatchPath(spec, cwd, omarchyPath = OMARCHY_CURRENT) {
+	if (spec === "omarchy") return omarchyPath;
+	if (spec === "github" || REMOTE_SPEC.test(spec) || /^https?:\/\//.test(spec)) return void 0;
+	return resolve$1(cwd, spec);
+}
+function createThemeStore(options = {}) {
+	const cacheDir = options.cacheDir ?? defaultCacheDir();
+	const request = options.fetch ?? ((input) => fetch(input, { signal: AbortSignal.timeout(TIMEOUT) }));
+	const now = options.now ?? Date.now;
+	const omarchyPath = options.omarchyPath ?? OMARCHY_CURRENT;
+	const pending = /* @__PURE__ */ new Map();
+	const cachePath = (url) => join$1(cacheDir, `${createHash("sha1").update(url).digest("hex").slice(0, 20)}.json`);
+	const readCache = async (url) => {
+		try {
+			return JSON.parse(await readFile(cachePath(url), "utf8"));
+		} catch {
+			return;
+		}
+	};
+	const cached = (url, ttl) => {
+		let promise = pending.get(url);
+		if (!promise) {
+			promise = (async () => {
+				const record = await readCache(url);
+				if (record && now() - record.time < ttl) return record.text;
+				try {
+					const response = await request(url);
+					if (response.status === 404) return void 0;
+					if (!response.ok) throw new Error(`${response.status} ${response.statusText}`);
+					const text = await response.text();
+					await mkdir(cacheDir, { recursive: true });
+					await writeFile(cachePath(url), JSON.stringify({
+						time: now(),
+						text
+					}));
+					return text;
+				} catch (error) {
+					if (record) return record.text;
+					throw error;
+				}
+			})();
+			pending.set(url, promise);
+			const done = () => pending.delete(url);
+			promise.then(done, done);
+		}
+		return promise;
+	};
+	const json = async (url, ttl) => {
+		const text = await cached(url, ttl);
+		if (text === void 0) throw new Error(`${url} does not exist`);
+		return JSON.parse(text);
+	};
+	const branch = async (repo) => (await json(`${UNGH}${repo}`, LISTING_TTL)).repo.defaultBranch;
+	const listing = async (repo) => {
+		const ref = await branch(repo);
+		const { files } = await json(`${UNGH}${repo}/files/${ref}`, LISTING_TTL);
+		return {
+			ref,
+			paths: files.map((file) => file.path)
+		};
+	};
+	const rawUrl = async (source, id) => {
+		const { repo, dir, suffix } = THEME_SOURCES[source];
+		return `${RAW}${repo}/${await branch(repo)}/${dir}${id}${suffix}`;
+	};
+	const raw = async (source, id) => {
+		if (!isThemeId(id)) return void 0;
+		return cached(await rawUrl(source, id), THEME_TTL);
+	};
+	const catalog = async (urlFor) => {
+		const repos = [...new Set(Object.values(THEME_SOURCES).map((source) => source.repo))];
+		const listings = new Map(await Promise.all(repos.map(async (repo) => [repo, await listing(repo)])));
+		const entries = [];
+		for (const [source, { repo, dir, suffix }] of Object.entries(THEME_SOURCES)) {
+			const found = listings.get(repo);
+			if (!found || !isThemeSource(source)) continue;
+			const sorted = found.paths.filter((path) => path.startsWith(dir) && path.endsWith(suffix)).map((path) => path.slice(dir.length, path.length - suffix.length)).filter(isThemeId).map((id) => ({
+				id,
+				name: titleCase(id)
+			})).sort((a, b) => a.name.localeCompare(b.name, "en"));
+			for (const { id, name } of sorted) {
+				const url = urlFor ? urlFor(source, id) : `${RAW}${repo}/${found.ref}/${dir}${id}${suffix}`;
+				entries.push({
+					id: `${source}:${id}`,
+					name,
+					source,
+					url
+				});
+			}
+		}
+		return entries;
+	};
+	const parse = (text, id, name, origin) => {
+		const theme = parseTheme(text, id, name);
+		if (!theme) throw new Error(`${origin} is not a base16, base24 or Omarchy theme.`);
+		return theme;
+	};
+	const load = async (spec, cwd = process.cwd()) => {
+		if (!spec || spec === "github") return void 0;
+		const remote = REMOTE_SPEC.exec(spec);
+		if (remote?.[1] && remote[2] && isThemeSource(remote[1])) {
+			const text = await raw(remote[1], remote[2]);
+			if (text === void 0) throw new Error(`There is no theme "${spec}". Run \`comarkserv themes\` for the list.`);
+			return parse(text, spec, titleCase(remote[2]), spec);
+		}
+		if (spec === "omarchy") {
+			const text = await readFile(omarchyPath, "utf8").catch(() => {
+				throw new Error(`There is no current Omarchy theme at ${omarchyPath}.`);
+			});
+			return parse(text, "omarchy-live", "Omarchy", omarchyPath);
+		}
+		if (/^https?:\/\//.test(spec)) {
+			const text = await cached(spec, LISTING_TTL);
+			if (text === void 0) throw new Error(`There is no theme at ${spec}.`);
+			return parse(text, spec, titleCase(basename$1(spec, extname$1(spec))), spec);
+		}
+		const path = resolve$1(cwd, spec);
+		const text = await readFile(path, "utf8").catch(() => {
+			throw new Error(`There is no theme file at ${path}.`);
+		});
+		const name = basename$1(path) === "colors.toml" ? basename$1(dirname$1(path)) : basename$1(path, extname$1(path));
+		return parse(text, `file:${basename$1(path)}`, titleCase(name), path);
+	};
+	return {
+		catalog,
+		raw,
+		load
+	};
+}
+//#endregion
+export { parseTheme as C, join$1 as D, extname$1 as E, relative as O, getAssets as S, dirname$1 as T, injectClient as _, themeWatchPath as a, renderReadme as b, SKIPPED_GLOBS as c, hasHiddenSegment as d, isMarkdown as f, serverLinks as g, readDirectory as h, isThemeSource as i, resolve$1 as k, crumbsFor as l, mapLimit as m, THEME_SOURCES as n, createSearchIndex as o, isSkippedPath as p, createThemeStore as r, extractOutline as s, OMARCHY_CURRENT as t, findReadme as u, renderListing as v, basename$1 as w, renderStatus as x, renderPage as y };