@tenphi/starlight 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Andrey Yamanov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,4 @@
+# @tenphi/starlight
+
+The supported Astro/Starlight renderer for Tasty Docs. The default export is a
+complete Astro integration; consumers do not compose Starlight themselves.

package/dist/client/appearance.d.ts

@@ -0,0 +1,12 @@
+//#region src/client/appearance.d.ts
+type Theme = "light" | "dark" | "system";
+type Contrast = "normal" | "more" | "system";
+type Appearance = {
+  theme?: Theme;
+  contrast?: Contrast;
+};
+declare function applyAppearance(value: Appearance): void;
+declare function saveAppearance(value: Appearance): void;
+//#endregion
+export { applyAppearance, saveAppearance };
+//# sourceMappingURL=appearance.d.ts.map

package/dist/client/appearance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.d.ts","names":[],"sources":["../../src/client/appearance.ts"],"mappings":";KAEK;KACA;KACA;EAAe,QAAQ;EAAO,WAAW;;iBAK9B,gBAAgB,OAAO;iBASvB,eAAe,OAAO"}

package/dist/client/appearance.js

@@ -0,0 +1,66 @@
+//#region src/client/appearance.ts
+const STORAGE_KEY = "tasty-docs-appearance";
+const themes = /* @__PURE__ */ new Set([
+	"light",
+	"dark",
+	"system"
+]);
+const contrasts = /* @__PURE__ */ new Set([
+	"normal",
+	"more",
+	"system"
+]);
+function applyAppearance(value) {
+	const root = document.documentElement;
+	if (value.theme && value.theme !== "system") root.dataset.theme = value.theme;
+	else delete root.dataset.theme;
+	if (value.contrast && value.contrast !== "system") root.dataset.contrast = value.contrast;
+	else delete root.dataset.contrast;
+}
+function saveAppearance(value) {
+	localStorage.setItem(STORAGE_KEY, JSON.stringify(value));
+	applyAppearance(value);
+}
+try {
+	const stored = localStorage.getItem(STORAGE_KEY);
+	if (stored) applyAppearance(normalizeAppearance(JSON.parse(stored)));
+} catch {}
+const theme = document.querySelector("[data-docs-theme]");
+const contrast = document.querySelector("[data-docs-contrast]");
+let current = {
+	theme: "system",
+	contrast: "system"
+};
+try {
+	const stored = localStorage.getItem(STORAGE_KEY);
+	if (stored) current = normalizeAppearance(JSON.parse(stored));
+} catch {}
+if (theme) theme.value = current.theme ?? "system";
+if (contrast) contrast.value = current.contrast ?? "system";
+const update = () => {
+	current = {
+		theme: normalizeTheme(theme?.value),
+		contrast: normalizeContrast(contrast?.value)
+	};
+	saveAppearance(current);
+};
+theme?.addEventListener("change", update);
+contrast?.addEventListener("change", update);
+function normalizeAppearance(value) {
+	if (!value || typeof value !== "object") return {};
+	const record = value;
+	return {
+		theme: normalizeTheme(record.theme),
+		contrast: normalizeContrast(record.contrast)
+	};
+}
+function normalizeTheme(value) {
+	return typeof value === "string" && themes.has(value) ? value : "system";
+}
+function normalizeContrast(value) {
+	return typeof value === "string" && contrasts.has(value) ? value : "system";
+}
+//#endregion
+export { applyAppearance, saveAppearance };
+
+//# sourceMappingURL=appearance.js.map

package/dist/client/appearance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.js","names":[],"sources":["../../src/client/appearance.ts"],"sourcesContent":["const STORAGE_KEY = \"tasty-docs-appearance\";\n\ntype Theme = \"light\" | \"dark\" | \"system\";\ntype Contrast = \"normal\" | \"more\" | \"system\";\ntype Appearance = { theme?: Theme; contrast?: Contrast };\n\nconst themes = new Set([\"light\", \"dark\", \"system\"]);\nconst contrasts = new Set([\"normal\", \"more\", \"system\"]);\n\nexport function applyAppearance(value: Appearance): void {\n  const root = document.documentElement;\n  if (value.theme && value.theme !== \"system\") root.dataset.theme = value.theme;\n  else delete root.dataset.theme;\n  if (value.contrast && value.contrast !== \"system\")\n    root.dataset.contrast = value.contrast;\n  else delete root.dataset.contrast;\n}\n\nexport function saveAppearance(value: Appearance): void {\n  localStorage.setItem(STORAGE_KEY, JSON.stringify(value));\n  applyAppearance(value);\n}\n\ntry {\n  const stored = localStorage.getItem(STORAGE_KEY);\n  if (stored) applyAppearance(normalizeAppearance(JSON.parse(stored)));\n} catch {\n  // Storage may be unavailable; CSS media queries remain the fallback.\n}\n\nconst theme = document.querySelector<HTMLSelectElement>(\"[data-docs-theme]\");\nconst contrast = document.querySelector<HTMLSelectElement>(\n  \"[data-docs-contrast]\",\n);\nlet current: Appearance = { theme: \"system\", contrast: \"system\" };\ntry {\n  const stored = localStorage.getItem(STORAGE_KEY);\n  if (stored) current = normalizeAppearance(JSON.parse(stored));\n} catch {\n  // The controls retain system defaults when storage is unavailable.\n}\nif (theme) theme.value = current.theme ?? \"system\";\nif (contrast) contrast.value = current.contrast ?? \"system\";\nconst update = () => {\n  current = {\n    theme: normalizeTheme(theme?.value),\n    contrast: normalizeContrast(contrast?.value),\n  };\n  saveAppearance(current);\n};\ntheme?.addEventListener(\"change\", update);\ncontrast?.addEventListener(\"change\", update);\n\nfunction normalizeAppearance(value: unknown): Appearance {\n  if (!value || typeof value !== \"object\") return {};\n  const record = value as Record<string, unknown>;\n  return {\n    theme: normalizeTheme(record.theme),\n    contrast: normalizeContrast(record.contrast),\n  };\n}\n\nfunction normalizeTheme(value: unknown): Theme {\n  return typeof value === \"string\" && themes.has(value)\n    ? (value as Theme)\n    : \"system\";\n}\n\nfunction normalizeContrast(value: unknown): Contrast {\n  return typeof value === \"string\" && contrasts.has(value)\n    ? (value as Contrast)\n    : \"system\";\n}\n"],"mappings":";AAAA,MAAM,cAAc;AAMpB,MAAM,yBAAS,IAAI,IAAI;CAAC;CAAS;CAAQ;AAAQ,CAAC;AAClD,MAAM,4BAAY,IAAI,IAAI;CAAC;CAAU;CAAQ;AAAQ,CAAC;AAEtD,SAAgB,gBAAgB,OAAyB;CACvD,MAAM,OAAO,SAAS;CACtB,IAAI,MAAM,SAAS,MAAM,UAAU,UAAU,KAAK,QAAQ,QAAQ,MAAM;MACnE,OAAO,KAAK,QAAQ;CACzB,IAAI,MAAM,YAAY,MAAM,aAAa,UACvC,KAAK,QAAQ,WAAW,MAAM;MAC3B,OAAO,KAAK,QAAQ;AAC3B;AAEA,SAAgB,eAAe,OAAyB;CACtD,aAAa,QAAQ,aAAa,KAAK,UAAU,KAAK,CAAC;CACvD,gBAAgB,KAAK;AACvB;AAEA,IAAI;CACF,MAAM,SAAS,aAAa,QAAQ,WAAW;CAC/C,IAAI,QAAQ,gBAAgB,oBAAoB,KAAK,MAAM,MAAM,CAAC,CAAC;AACrE,QAAQ,CAER;AAEA,MAAM,QAAQ,SAAS,cAAiC,mBAAmB;AAC3E,MAAM,WAAW,SAAS,cACxB,sBACF;AACA,IAAI,UAAsB;CAAE,OAAO;CAAU,UAAU;AAAS;AAChE,IAAI;CACF,MAAM,SAAS,aAAa,QAAQ,WAAW;CAC/C,IAAI,QAAQ,UAAU,oBAAoB,KAAK,MAAM,MAAM,CAAC;AAC9D,QAAQ,CAER;AACA,IAAI,OAAO,MAAM,QAAQ,QAAQ,SAAS;AAC1C,IAAI,UAAU,SAAS,QAAQ,QAAQ,YAAY;AACnD,MAAM,eAAe;CACnB,UAAU;EACR,OAAO,eAAe,OAAO,KAAK;EAClC,UAAU,kBAAkB,UAAU,KAAK;CAC7C;CACA,eAAe,OAAO;AACxB;AACA,OAAO,iBAAiB,UAAU,MAAM;AACxC,UAAU,iBAAiB,UAAU,MAAM;AAE3C,SAAS,oBAAoB,OAA4B;CACvD,IAAI,CAAC,SAAS,OAAO,UAAU,UAAU,OAAO,CAAC;CACjD,MAAM,SAAS;CACf,OAAO;EACL,OAAO,eAAe,OAAO,KAAK;EAClC,UAAU,kBAAkB,OAAO,QAAQ;CAC7C;AACF;AAEA,SAAS,eAAe,OAAuB;CAC7C,OAAO,OAAO,UAAU,YAAY,OAAO,IAAI,KAAK,IAC/C,QACD;AACN;AAEA,SAAS,kBAAkB,OAA0B;CACnD,OAAO,OAAO,UAAU,YAAY,UAAU,IAAI,KAAK,IAClD,QACD;AACN"}

package/dist/client/search.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/client/search.js

@@ -0,0 +1,43 @@
+//#region src/client/search.ts
+const open = document.querySelector("[data-docs-search-open]");
+const dialog = document.querySelector("[data-docs-search]");
+const input = document.querySelector("[data-docs-search-input]");
+const status = document.querySelector("[data-docs-search-status]");
+const results = document.querySelector("[data-docs-search-results]");
+const base = document.querySelector("[data-docs-base]")?.dataset.docsBase ?? "/";
+const basePath = base === "/" ? "" : `/${base.replace(/^\/+|\/+$/g, "")}`;
+open?.addEventListener("click", () => {
+	dialog?.showModal();
+	input?.focus();
+});
+let pagefind;
+input?.addEventListener("input", async () => {
+	const query = input.value.trim();
+	if (!status || !results) return;
+	if (!query) {
+		status.textContent = "";
+		results.replaceChildren();
+		return;
+	}
+	status.textContent = "Searching…";
+	const modulePath = `${basePath}/pagefind/pagefind.js`;
+	pagefind ??= import(
+		/* @vite-ignore */
+		modulePath
+);
+	const response = await (await pagefind).search(query);
+	const records = await Promise.all(response.results.slice(0, 12).map((result) => result.data()));
+	results.replaceChildren(...records.map((record) => {
+		const item = document.createElement("li");
+		const link = document.createElement("a");
+		link.href = `${basePath}${record.url}`;
+		link.textContent = record.meta.title ?? record.url;
+		item.append(link);
+		return item;
+	}));
+	status.textContent = `${records.length} result${records.length === 1 ? "" : "s"}`;
+});
+//#endregion
+export {};
+
+//# sourceMappingURL=search.js.map

package/dist/client/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","names":[],"sources":["../../src/client/search.ts"],"sourcesContent":["export {};\n\nconst open = document.querySelector<HTMLButtonElement>(\n  \"[data-docs-search-open]\",\n);\nconst dialog = document.querySelector<HTMLDialogElement>(\"[data-docs-search]\");\nconst input = document.querySelector<HTMLInputElement>(\n  \"[data-docs-search-input]\",\n);\nconst status = document.querySelector<HTMLElement>(\"[data-docs-search-status]\");\nconst results = document.querySelector<HTMLUListElement>(\n  \"[data-docs-search-results]\",\n);\nconst base =\n  document.querySelector<HTMLElement>(\"[data-docs-base]\")?.dataset.docsBase ??\n  \"/\";\nconst basePath = base === \"/\" ? \"\" : `/${base.replace(/^\\/+|\\/+$/g, \"\")}`;\n\nopen?.addEventListener(\"click\", () => {\n  dialog?.showModal();\n  input?.focus();\n});\n\ntype Pagefind = {\n  search(query: string): Promise<{\n    results: Array<{\n      data(): Promise<{ url: string; meta: { title?: string } }>;\n    }>;\n  }>;\n};\nlet pagefind: Promise<Pagefind> | undefined;\ninput?.addEventListener(\"input\", async () => {\n  const query = input.value.trim();\n  if (!status || !results) return;\n  if (!query) {\n    status.textContent = \"\";\n    results.replaceChildren();\n    return;\n  }\n  status.textContent = \"Searching…\";\n  const modulePath = `${basePath}/pagefind/pagefind.js`;\n  pagefind ??= import(/* @vite-ignore */ modulePath);\n  const response = await (await pagefind).search(query);\n  const records = await Promise.all(\n    response.results.slice(0, 12).map((result) => result.data()),\n  );\n  results.replaceChildren(\n    ...records.map((record) => {\n      const item = document.createElement(\"li\");\n      const link = document.createElement(\"a\");\n      link.href = `${basePath}${record.url}`;\n      link.textContent = record.meta.title ?? record.url;\n      item.append(link);\n      return item;\n    }),\n  );\n  status.textContent = `${records.length} result${records.length === 1 ? \"\" : \"s\"}`;\n});\n"],"mappings":";AAEA,MAAM,OAAO,SAAS,cACpB,yBACF;AACA,MAAM,SAAS,SAAS,cAAiC,oBAAoB;AAC7E,MAAM,QAAQ,SAAS,cACrB,0BACF;AACA,MAAM,SAAS,SAAS,cAA2B,2BAA2B;AAC9E,MAAM,UAAU,SAAS,cACvB,4BACF;AACA,MAAM,OACJ,SAAS,cAA2B,kBAAkB,CAAC,EAAE,QAAQ,YACjE;AACF,MAAM,WAAW,SAAS,MAAM,KAAK,IAAI,KAAK,QAAQ,cAAc,EAAE;AAEtE,MAAM,iBAAiB,eAAe;CACpC,QAAQ,UAAU;CAClB,OAAO,MAAM;AACf,CAAC;AASD,IAAI;AACJ,OAAO,iBAAiB,SAAS,YAAY;CAC3C,MAAM,QAAQ,MAAM,MAAM,KAAK;CAC/B,IAAI,CAAC,UAAU,CAAC,SAAS;CACzB,IAAI,CAAC,OAAO;EACV,OAAO,cAAc;EACrB,QAAQ,gBAAgB;EACxB;CACF;CACA,OAAO,cAAc;CACrB,MAAM,aAAa,GAAG,SAAS;CAC/B,aAAa;;EAA0B;;CACvC,MAAM,WAAW,OAAO,MAAM,SAAA,CAAU,OAAO,KAAK;CACpD,MAAM,UAAU,MAAM,QAAQ,IAC5B,SAAS,QAAQ,MAAM,GAAG,EAAE,CAAC,CAAC,KAAK,WAAW,OAAO,KAAK,CAAC,CAC7D;CACA,QAAQ,gBACN,GAAG,QAAQ,KAAK,WAAW;EACzB,MAAM,OAAO,SAAS,cAAc,IAAI;EACxC,MAAM,OAAO,SAAS,cAAc,GAAG;EACvC,KAAK,OAAO,GAAG,WAAW,OAAO;EACjC,KAAK,cAAc,OAAO,KAAK,SAAS,OAAO;EAC/C,KAAK,OAAO,IAAI;EAChB,OAAO;CACT,CAAC,CACH;CACA,OAAO,cAAc,GAAG,QAAQ,OAAO,SAAS,QAAQ,WAAW,IAAI,KAAK;AAC9E,CAAC"}

package/dist/components/Card.astro

@@ -0,0 +1,14 @@
+---
+interface Props {
+  title?: string;
+  href?: string;
+}
+
+const { title, href } = Astro.props;
+const Tag = href ? "a" : "article";
+---
+
+<Tag class="td-card" href={href} data-tasty-anatomy="Card">
+  {title && <h3 data-tasty-anatomy="CardTitle">{title}</h3>}
+  <div data-tasty-anatomy="CardBody"><slot /></div>
+</Tag>

package/dist/components/Preview.astro

@@ -0,0 +1,31 @@
+---
+interface Props {
+  title: string;
+  html?: string;
+  css?: string;
+  javascript?: string;
+}
+
+const { title, html = "", css = "", javascript } = Astro.props;
+const source = `<!doctype html><meta charset="utf-8"><style>${css}</style>${html}${javascript ? `<script>${javascript}<\/script>` : ""}`;
+---
+
+<figure class="td-preview" aria-label={title} data-tasty-anatomy="Preview">
+  <figcaption><strong>{title}</strong></figcaption>
+  {
+    javascript ? (
+      <iframe title={title} sandbox="allow-scripts" srcdoc={source} />
+    ) : (
+      <div class="td-preview__stage">
+        <template
+          shadowrootmode="open"
+          set:html={`<style>${css}</style>${html}`}
+        />
+      </div>
+    )
+  }
+  <details class="td-preview__code">
+    <summary>View source</summary>
+    <pre><code>{source}</code></pre>
+  </details>
+</figure>

package/dist/components/Steps.astro

@@ -0,0 +1 @@
+<ol class="td-steps" data-tasty-anatomy="Steps"><slot /></ol>

package/dist/components/Tabs.astro

@@ -0,0 +1,10 @@
+---
+interface Props {
+  label?: string;
+}
+const { label = "Examples" } = Astro.props;
+---
+
+<div class="td-tabs" role="group" aria-label={label} data-tasty-anatomy="Tabs">
+  <slot />
+</div>

package/dist/components-public.d.ts

@@ -0,0 +1,6 @@
+import type { AstroComponentFactory } from "astro/runtime/server/index.js";
+
+export const Card: AstroComponentFactory;
+export const Preview: AstroComponentFactory;
+export const Steps: AstroComponentFactory;
+export const Tabs: AstroComponentFactory;

package/dist/components.d.ts

@@ -0,0 +1,5 @@
+import Card from "./components/Card.astro";
+import Preview from "./components/Preview.astro";
+import Steps from "./components/Steps.astro";
+import Tabs from "./components/Tabs.astro";
+export { Card, Preview, Steps, Tabs };

package/dist/components.js

@@ -0,0 +1,5 @@
+import Card from "./components/Card.astro";
+import Preview from "./components/Preview.astro";
+import Steps from "./components/Steps.astro";
+import Tabs from "./components/Tabs.astro";
+export { Card, Preview, Steps, Tabs };

package/dist/content-B9C0vXAq.d.ts

@@ -0,0 +1,12 @@
+import { DocsConfig } from "@tenphi/docs";
+//#region src/content.d.ts
+declare function createStarlightCollection(config?: DocsConfig, root?: string): {
+  loader: {
+    name: string;
+    load(context: import("@tenphi/docs/content").DocsLoaderContext): Promise<void>;
+  };
+  schema: any;
+};
+//#endregion
+export { createStarlightCollection as t };
+//# sourceMappingURL=content-B9C0vXAq.d.ts.map

package/dist/content-B9C0vXAq.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-B9C0vXAq.d.ts","names":[],"sources":["../src/content.ts"],"mappings":";;iBAGgB,0BAA0B,SAAS,YAAY;EAE3D;;qEAF+C;;EAG/C"}

package/dist/content-Cwk8rm6i.js

@@ -0,0 +1,30 @@
+import { register } from "node:module";
+import { register as register$1 } from "tsx/esm/api";
+import { createDocsLoader } from "@tenphi/docs";
+//#region src/starlight-runtime.js
+register(`data:text/javascript,${encodeURIComponent(`
+  import { readFile } from 'node:fs/promises';
+  export async function load(url, context, nextLoad) {
+    if (url.includes('.jsonc')) {
+      const file = new URL(url.split('?')[0]);
+      const contents = await readFile(file, 'utf8');
+      return { format: 'module', source: 'export default ' + JSON.stringify(contents), shortCircuit: true };
+    }
+    return nextLoad(url, context);
+  }
+`)}`, import.meta.url);
+const unregister = register$1();
+const [{ default: starlight }, { docsSchema }] = await Promise.all([import("@astrojs/starlight"), import("@astrojs/starlight/schema")]);
+unregister();
+//#endregion
+//#region src/content.ts
+function createStarlightCollection(config, root) {
+	return {
+		loader: createDocsLoader(config, root ? { root } : {}),
+		schema: docsSchema()
+	};
+}
+//#endregion
+export { starlight as n, createStarlightCollection as t };
+
+//# sourceMappingURL=content-Cwk8rm6i.js.map

package/dist/content-Cwk8rm6i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-Cwk8rm6i.js","names":["registerLoader","register"],"sources":["../src/starlight-runtime.js","../src/content.ts"],"sourcesContent":["import { register as registerLoader } from \"node:module\";\nimport { register } from \"tsx/esm/api\";\n\nconst rawLoaderSource = `\n  import { readFile } from 'node:fs/promises';\n  export async function load(url, context, nextLoad) {\n    if (url.includes('.jsonc')) {\n      const file = new URL(url.split('?')[0]);\n      const contents = await readFile(file, 'utf8');\n      return { format: 'module', source: 'export default ' + JSON.stringify(contents), shortCircuit: true };\n    }\n    return nextLoad(url, context);\n  }\n`;\nregisterLoader(\n  `data:text/javascript,${encodeURIComponent(rawLoaderSource)}`,\n  import.meta.url,\n);\nconst unregister = register();\nconst [{ default: starlight }, { docsSchema }] = await Promise.all([\n  import(\"@astrojs/starlight\"),\n  import(\"@astrojs/starlight/schema\"),\n]);\nunregister();\n\nexport { docsSchema };\nexport default starlight;\n","import { docsSchema } from \"./starlight-schema-runtime.js\";\nimport { createDocsLoader, type DocsConfig } from \"@tenphi/docs\";\n\nexport function createStarlightCollection(config?: DocsConfig, root?: string) {\n  return {\n    loader: createDocsLoader(config, root ? { root } : {}),\n    schema: docsSchema(),\n  };\n}\n"],"mappings":";;;;AAcAA,SACE,wBAAwB,mBAAmB;;;;;;;;;;CAAe,KAC1D,YAAY,GACd;AACA,MAAM,aAAaC,WAAS;AAC5B,MAAM,CAAC,EAAE,SAAS,aAAa,EAAE,gBAAgB,MAAM,QAAQ,IAAI,CACjE,OAAO,uBACP,OAAO,4BACT,CAAC;AACD,WAAW;;;ACpBX,SAAgB,0BAA0B,QAAqB,MAAe;CAC5E,OAAO;EACL,QAAQ,iBAAiB,QAAQ,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC;EACrD,QAAQ,WAAW;CACrB;AACF"}

package/dist/content.d.ts

@@ -0,0 +1,2 @@
+import { t as createStarlightCollection } from "./content-B9C0vXAq.js";
+export { createStarlightCollection };

package/dist/content.js

@@ -0,0 +1,2 @@
+import { t as createStarlightCollection } from "./content-Cwk8rm6i.js";
+export { createStarlightCollection };

package/dist/index.d.ts

@@ -0,0 +1,44 @@
+import { t as createStarlightCollection } from "./content-B9C0vXAq.js";
+import { DocsConfig, DocsDiagnostic, ThemeConfig } from "@tenphi/docs";
+import { AstroIntegration } from "astro";
+//#region src/starlight-runtime.d.ts
+interface StarlightOptions {
+  title: string;
+  description?: string;
+  customCss?: string[];
+  pagefind?: false | Record<string, unknown>;
+  sidebar?: unknown[];
+  [key: string]: unknown;
+}
+declare function starlight(options: StarlightOptions): AstroIntegration;
+//#endregion
+//#region src/integration.d.ts
+interface TastyDocsOptions {
+  config?: DocsConfig;
+  root?: string;
+}
+declare function tastyDocs(options?: TastyDocsOptions): AstroIntegration;
+declare function tastyStarlight(config: Parameters<typeof starlight>[0]): AstroIntegration;
+//#endregion
+//#region src/theme/index.d.ts
+interface ResolvedDocsTheme {
+  css: string;
+  colors: {
+    surface: Record<string, string>;
+    accentText: Record<string, string>;
+    accentSurface: Record<string, string>;
+    accentSurfaceText: Record<string, string>;
+    focus: Record<string, string>;
+  };
+  contrast: {
+    light: number;
+    dark: number;
+    lightContrast: number;
+    darkContrast: number;
+  };
+  diagnostics: DocsDiagnostic[];
+}
+declare function resolveDocsTheme(theme?: ThemeConfig): ResolvedDocsTheme;
+//#endregion
+export { type ResolvedDocsTheme, type TastyDocsOptions, createStarlightCollection, tastyDocs as default, resolveDocsTheme, tastyStarlight };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/starlight-runtime.d.ts","../src/integration.ts","../src/theme/index.ts"],"mappings":";;;;UAEiB;EACf;EACA;EACA;EACA,mBAAmB;EACnB;GACC;;iBAGqB,UAAU,SAAS,mBAAmB;;;UCU7C;EACf,SAAS;EACT;;iBAGsB,UACtB,UAAS,mBACR;iBAkNa,eACd,QAAQ,kBAAkB,gBACzB;;;UCrOc;EACf;EACA;IACE,SAAS;IACT,YAAY;IACZ,eAAe;IACf,mBAAmB;IACnB,OAAO;;EAET;IACE;IACA;IACA;IACA;;EAEF,aAAa;;iBAGC,iBAAiB,QAAO,cAAmB"}

package/dist/index.js

@@ -0,0 +1,273 @@
+import { n as starlight, t as createStarlightCollection } from "./content-Cwk8rm6i.js";
+import { createRequire } from "node:module";
+import { existsSync } from "node:fs";
+import { cp, mkdir } from "node:fs/promises";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+import { assertValidDocs, createDocsGraph } from "@tenphi/docs";
+import { tastyIntegration } from "@tenphi/tasty/ssr/astro";
+import { apcaContrast, glaze, okhslToLinearSrgb, relativeLuminanceFromLinearRgb, variantToOkhsl } from "@tenphi/glaze";
+//#region src/theme/index.ts
+function resolveDocsTheme(theme = {}) {
+	const brand = normalizeBrand(theme.brand);
+	const authoredTarget = brand.contrast?.apca ?? 45;
+	const normalTarget = Array.isArray(authoredTarget) ? authoredTarget[0] : authoredTarget;
+	const highTarget = Array.isArray(authoredTarget) ? authoredTarget[1] : normalTarget + 15;
+	const surface = glaze.color({
+		from: "#ffffff",
+		mode: "auto"
+	});
+	const accentText = glaze.color({
+		from: brand.from,
+		base: surface,
+		role: "text",
+		contrast: { apca: authoredTarget },
+		mode: "auto"
+	}, {
+		autoFlip: true,
+		...theme.contrastLevel !== void 0 ? { contrastLevel: theme.contrastLevel } : {}
+	});
+	const focus = glaze.color({
+		from: brand.from,
+		base: surface,
+		role: "border",
+		contrast: { apca: authoredTarget },
+		mode: "auto"
+	}, { autoFlip: true });
+	const accentSurface = glaze.color({
+		from: brand.from,
+		mode: "fixed"
+	});
+	const accentSurfaceText = glaze.color({
+		from: "#ffffff",
+		base: accentSurface,
+		role: "text",
+		contrast: { apca: 60 },
+		mode: "auto"
+	});
+	const resolvedSurface = surface.resolve();
+	const resolvedAccent = accentText.resolve();
+	const scores = {
+		light: score(resolvedAccent.light, resolvedSurface.light),
+		dark: score(resolvedAccent.dark, resolvedSurface.dark),
+		lightContrast: score(resolvedAccent.lightContrast, resolvedSurface.lightContrast),
+		darkContrast: score(resolvedAccent.darkContrast, resolvedSurface.darkContrast)
+	};
+	const diagnostics = [];
+	for (const [scheme, measured] of Object.entries(scores)) {
+		const required = scheme.includes("Contrast") ? highTarget : normalTarget;
+		if (measured + .05 < required) diagnostics.push({
+			code: "DOCS_BRAND_CONTRAST_UNMET",
+			severity: "error",
+			message: `Brand contrast in ${scheme} is Lc ${measured.toFixed(1)}; required Lc ${required}.`,
+			hint: `Authored color: ${String(brand.from)}.`
+		});
+	}
+	const outputOptions = { modes: { highContrast: true } };
+	const colors = {
+		surface: surface.json(outputOptions),
+		accentText: accentText.json(outputOptions),
+		accentSurface: accentSurface.json(outputOptions),
+		accentSurfaceText: accentSurfaceText.json(outputOptions),
+		focus: focus.json(outputOptions)
+	};
+	return {
+		css: themeCss(colors, theme),
+		colors,
+		contrast: scores,
+		diagnostics
+	};
+}
+function normalizeBrand(brand) {
+	if (typeof brand === "object" && brand !== null && "from" in brand) return brand;
+	return { from: brand ?? "#315efb" };
+}
+function score(foreground, background) {
+	return Math.abs(apcaContrast(luminance(foreground), luminance(background)));
+}
+function luminance(variant) {
+	const { h, s, l } = variantToOkhsl(variant);
+	return relativeLuminanceFromLinearRgb(okhslToLinearSrgb(h, s, l, variant.pastel));
+}
+function themeCss(colors, theme) {
+	const declarations = (mode) => [
+		`--td-surface:${colors.surface[mode]}`,
+		`--td-accent-text:${colors.accentText[mode]}`,
+		`--td-accent-surface:${colors.accentSurface[mode]}`,
+		`--td-accent-surface-text:${colors.accentSurfaceText[mode]}`,
+		`--td-focus:${colors.focus[mode]}`,
+		...Object.entries(theme.tokens ?? {}).map(([name, value]) => `${name}:${String(value)}`)
+	].join(";");
+	return [
+		`:root{${declarations("dark")}}`,
+		`:root[data-theme=light]{${declarations("light")}}`,
+		`@media(prefers-color-scheme:light){:root:not([data-theme]){${declarations("light")}}}`,
+		`@media(prefers-contrast:more){:root{${declarations("darkContrast")}}:root[data-theme=light]{${declarations("lightContrast")}}@media(prefers-color-scheme:light){:root:not([data-theme]){${declarations("lightContrast")}}}}`,
+		`:root[data-contrast=more]{${declarations("darkContrast")}}`,
+		`:root[data-theme=light][data-contrast=more]{${declarations("lightContrast")}}`
+	].join("\n");
+}
+//#endregion
+//#region src/integration.ts
+const packageRequire = createRequire(import.meta.url);
+const starlightRoot = dirname(packageRequire.resolve("@astrojs/starlight"));
+const tastyStaticMiddleware = packageRequire.resolve("@tenphi/tasty/ssr/astro-middleware-static");
+function tastyDocs(options = {}) {
+	const docsTheme = resolveDocsTheme(options.config?.theme);
+	if (docsTheme.diagnostics.some((diagnostic) => diagnostic.severity === "error")) throw new Error(docsTheme.diagnostics.map((diagnostic) => diagnostic.message).join("\n"));
+	const cssPath = fileURLToPath(new URL("./styles.css", import.meta.url));
+	const searchClientPath = fileURLToPath(new URL("./client/search.js", import.meta.url));
+	const appearanceClientPath = fileURLToPath(new URL("./client/appearance.js", import.meta.url));
+	const inner = [tastyIntegration({ islands: false }), starlight({
+		title: options.config?.site?.title ?? "Documentation",
+		...options.config?.site?.description ? { description: options.config.site.description } : {},
+		customCss: ["virtual:tasty-docs/theme.css", cssPath],
+		...options.config?.search?.enabled === false ? { pagefind: false } : {},
+		sidebar: [{
+			label: "Documentation",
+			items: [{ autogenerate: { directory: "" } }]
+		}]
+	})];
+	let projectRoot = options.root;
+	let graphConfig = options.config;
+	let graph;
+	let usingStarlight = false;
+	return {
+		name: "tasty-docs",
+		hooks: {
+			"astro:config:setup": async (context) => {
+				if (context.config.integrations.some((integration) => integration.name === "@astrojs/starlight")) throw new Error("Tasty Docs already includes Starlight. Remove the direct @astrojs/starlight integration before continuing.");
+				projectRoot ??= fileURLToPath(context.config.root);
+				const base = options.config?.build?.base ?? context.config.base;
+				graphConfig = {
+					...options.config,
+					build: {
+						...options.config?.build,
+						base
+					}
+				};
+				usingStarlight = hasContentConfig(context.config.srcDir);
+				context.updateConfig({
+					base,
+					output: "static",
+					vite: {
+						ssr: { external: ["@tenphi/docs"] },
+						plugins: [virtualDocsPlugin(docsTheme.css, () => ({
+							entries: graph?.entries ?? [],
+							routes: graph?.routes ?? [],
+							site: graph?.config.site ?? options.config?.site ?? {},
+							base: graph?.config.build.base ?? base,
+							search: graph?.config.search.enabled ?? options.config?.search?.enabled ?? true
+						}))],
+						resolve: { alias: [{
+							find: "@astrojs/starlight",
+							replacement: starlightRoot
+						}, {
+							find: "@tenphi/tasty/ssr/astro-middleware-static",
+							replacement: tastyStaticMiddleware
+						}] }
+					}
+				});
+				await callInner(inner.slice(0, 1), "astro:config:setup", context);
+				if (!usingStarlight) {
+					graph = await createDocsGraph({
+						root: projectRoot,
+						config: graphConfig
+					});
+					assertValidDocs(graph);
+					if (graph.config.search.enabled) context.injectScript("page", `import ${JSON.stringify(searchClientPath)};`);
+					context.injectScript("page", `import ${JSON.stringify(appearanceClientPath)};`);
+					context.injectRoute({
+						pattern: "[...route]",
+						entrypoint: new URL("./routes/DocsPage.astro", import.meta.url),
+						prerender: true
+					});
+					return;
+				}
+				const starlightIntegration = inner[1];
+				if (starlightIntegration) {
+					const selfIndex = context.config.integrations.findIndex((integration) => integration.name === "tasty-docs");
+					context.config.integrations.splice(selfIndex + 1, 0, starlightIntegration);
+					try {
+						await callInner([starlightIntegration], "astro:config:setup", context);
+					} finally {
+						const placeholderIndex = context.config.integrations.indexOf(starlightIntegration);
+						if (placeholderIndex >= 0) context.config.integrations.splice(placeholderIndex, 1);
+					}
+				}
+			},
+			"astro:config:done": async (context) => {
+				await callInner(usingStarlight ? inner : inner.slice(0, 1), "astro:config:done", context);
+			},
+			"astro:build:start": async (context) => {
+				if (!graph) {
+					graph = await createDocsGraph({
+						...projectRoot ? { root: projectRoot } : {},
+						...graphConfig ? { config: graphConfig } : {}
+					});
+					assertValidDocs(graph);
+				}
+				await callInner(usingStarlight ? inner : inner.slice(0, 1), "astro:build:start", context);
+			},
+			"astro:build:done": async (context) => {
+				await callInner(usingStarlight ? inner : inner.slice(0, 1), "astro:build:done", context);
+				if (!graph) return;
+				const output = fileURLToPath(context.dir);
+				for (const asset of graph.assets) {
+					if (!asset.sourcePath || !asset.publicPath) continue;
+					const target = join(output, asset.publicPath.replace(/^\//, ""));
+					await mkdir(dirname(target), { recursive: true });
+					await cp(asset.sourcePath, target);
+				}
+				if (!usingStarlight && graph.config.search.enabled) {
+					const { close, createIndex } = await import("pagefind");
+					const created = await createIndex({ rootSelector: "[data-pagefind-body]" });
+					if (!created.index || created.errors.length > 0) throw new Error(`Pagefind failed to start: ${created.errors.join("; ")}`);
+					const indexed = await created.index.addDirectory({ path: output });
+					if (indexed.errors.length > 0) throw new Error(`Pagefind failed to index the site: ${indexed.errors.join("; ")}`);
+					const written = await created.index.writeFiles({ outputPath: join(output, "pagefind") });
+					await close();
+					if (written.errors.length > 0) throw new Error(`Pagefind failed to write the index: ${written.errors.join("; ")}`);
+				}
+			}
+		}
+	};
+}
+function tastyStarlight(config) {
+	return starlight(config);
+}
+async function callInner(integrations, hook, context) {
+	for (const integration of integrations) {
+		const handler = integration.hooks[hook];
+		if (typeof handler === "function") await handler(context);
+	}
+}
+function virtualDocsPlugin(css, getContent) {
+	const themeId = "\0virtual:tasty-docs/theme.css";
+	const configId = "\0virtual:tasty-docs/config";
+	return {
+		name: "tasty-docs-theme",
+		resolveId(id) {
+			if (id === "virtual:tasty-docs/theme.css") return themeId;
+			if (id === "virtual:tasty-docs/config") return configId;
+		},
+		load(id) {
+			if (id === themeId) return css;
+			if (id === configId) return `export const content = ${JSON.stringify(getContent())};`;
+		}
+	};
+}
+function hasContentConfig(srcDir) {
+	const source = fileURLToPath(srcDir);
+	return [
+		"content.config.ts",
+		"content.config.mts",
+		"content.config.js",
+		"content.config.mjs",
+		"content/config.ts"
+	].some((path) => existsSync(join(source, path)));
+}
+//#endregion
+export { createStarlightCollection, tastyDocs as default, resolveDocsTheme, tastyStarlight };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/theme/index.ts","../src/integration.ts"],"sourcesContent":["import {\n  apcaContrast,\n  glaze,\n  okhslToLinearSrgb,\n  relativeLuminanceFromLinearRgb,\n  variantToOkhsl,\n  type GlazeColorValue,\n  type ResolvedColorVariant,\n} from \"@tenphi/glaze\";\nimport type { BrandConfig, DocsDiagnostic, ThemeConfig } from \"@tenphi/docs\";\n\nexport interface ResolvedDocsTheme {\n  css: string;\n  colors: {\n    surface: Record<string, string>;\n    accentText: Record<string, string>;\n    accentSurface: Record<string, string>;\n    accentSurfaceText: Record<string, string>;\n    focus: Record<string, string>;\n  };\n  contrast: {\n    light: number;\n    dark: number;\n    lightContrast: number;\n    darkContrast: number;\n  };\n  diagnostics: DocsDiagnostic[];\n}\n\nexport function resolveDocsTheme(theme: ThemeConfig = {}): ResolvedDocsTheme {\n  const brand = normalizeBrand(theme.brand);\n  const authoredTarget = brand.contrast?.apca ?? 45;\n  const normalTarget = Array.isArray(authoredTarget)\n    ? authoredTarget[0]\n    : authoredTarget;\n  const highTarget = Array.isArray(authoredTarget)\n    ? authoredTarget[1]\n    : normalTarget + 15;\n  const surface = glaze.color({ from: \"#ffffff\", mode: \"auto\" });\n  const accentText = glaze.color(\n    {\n      from: brand.from,\n      base: surface,\n      role: \"text\",\n      contrast: { apca: authoredTarget },\n      mode: \"auto\",\n    },\n    {\n      autoFlip: true,\n      ...(theme.contrastLevel !== undefined\n        ? { contrastLevel: theme.contrastLevel }\n        : {}),\n    },\n  );\n  const focus = glaze.color(\n    {\n      from: brand.from,\n      base: surface,\n      role: \"border\",\n      contrast: { apca: authoredTarget },\n      mode: \"auto\",\n    },\n    { autoFlip: true },\n  );\n  const accentSurface = glaze.color({ from: brand.from, mode: \"fixed\" });\n  const accentSurfaceText = glaze.color({\n    from: \"#ffffff\",\n    base: accentSurface,\n    role: \"text\",\n    contrast: { apca: 60 },\n    mode: \"auto\",\n  });\n\n  const resolvedSurface = surface.resolve();\n  const resolvedAccent = accentText.resolve();\n  const scores = {\n    light: score(resolvedAccent.light, resolvedSurface.light),\n    dark: score(resolvedAccent.dark, resolvedSurface.dark),\n    lightContrast: score(\n      resolvedAccent.lightContrast,\n      resolvedSurface.lightContrast,\n    ),\n    darkContrast: score(\n      resolvedAccent.darkContrast,\n      resolvedSurface.darkContrast,\n    ),\n  };\n  const diagnostics: DocsDiagnostic[] = [];\n  for (const [scheme, measured] of Object.entries(scores)) {\n    const required = scheme.includes(\"Contrast\") ? highTarget : normalTarget;\n    if (measured + 0.05 < required) {\n      diagnostics.push({\n        code: \"DOCS_BRAND_CONTRAST_UNMET\",\n        severity: \"error\",\n        message: `Brand contrast in ${scheme} is Lc ${measured.toFixed(1)}; required Lc ${required}.`,\n        hint: `Authored color: ${String(brand.from)}.`,\n      });\n    }\n  }\n  const outputOptions = { modes: { highContrast: true } } as const;\n  const colors = {\n    surface: surface.json(outputOptions),\n    accentText: accentText.json(outputOptions),\n    accentSurface: accentSurface.json(outputOptions),\n    accentSurfaceText: accentSurfaceText.json(outputOptions),\n    focus: focus.json(outputOptions),\n  };\n  return {\n    css: themeCss(colors, theme),\n    colors,\n    contrast: scores,\n    diagnostics,\n  };\n}\n\nfunction normalizeBrand(\n  brand: BrandConfig | undefined,\n): Exclude<BrandConfig, GlazeColorValue> & { from: GlazeColorValue } {\n  if (typeof brand === \"object\" && brand !== null && \"from\" in brand)\n    return brand;\n  return { from: brand ?? \"#315efb\" };\n}\n\nfunction score(\n  foreground: ResolvedColorVariant,\n  background: ResolvedColorVariant,\n): number {\n  return Math.abs(apcaContrast(luminance(foreground), luminance(background)));\n}\n\nfunction luminance(variant: ResolvedColorVariant): number {\n  const { h, s, l } = variantToOkhsl(variant);\n  return relativeLuminanceFromLinearRgb(\n    okhslToLinearSrgb(h, s, l, variant.pastel),\n  );\n}\n\nfunction themeCss(\n  colors: ResolvedDocsTheme[\"colors\"],\n  theme: ThemeConfig,\n): string {\n  const declarations = (mode: string): string =>\n    [\n      `--td-surface:${colors.surface[mode]}`,\n      `--td-accent-text:${colors.accentText[mode]}`,\n      `--td-accent-surface:${colors.accentSurface[mode]}`,\n      `--td-accent-surface-text:${colors.accentSurfaceText[mode]}`,\n      `--td-focus:${colors.focus[mode]}`,\n      ...Object.entries(theme.tokens ?? {}).map(\n        ([name, value]) => `${name}:${String(value)}`,\n      ),\n    ].join(\";\");\n  return [\n    `:root{${declarations(\"dark\")}}`,\n    `:root[data-theme=light]{${declarations(\"light\")}}`,\n    `@media(prefers-color-scheme:light){:root:not([data-theme]){${declarations(\"light\")}}}`,\n    `@media(prefers-contrast:more){:root{${declarations(\"darkContrast\")}}:root[data-theme=light]{${declarations(\"lightContrast\")}}@media(prefers-color-scheme:light){:root:not([data-theme]){${declarations(\"lightContrast\")}}}}`,\n    `:root[data-contrast=more]{${declarations(\"darkContrast\")}}`,\n    `:root[data-theme=light][data-contrast=more]{${declarations(\"lightContrast\")}}`,\n  ].join(\"\\n\");\n}\n","import { existsSync } from \"node:fs\";\nimport { cp, mkdir } from \"node:fs/promises\";\nimport { createRequire } from \"node:module\";\nimport { dirname, join } from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\nimport starlight from \"./starlight-runtime.js\";\nimport {\n  createDocsGraph,\n  assertValidDocs,\n  type DocsConfig,\n} from \"@tenphi/docs\";\nimport { tastyIntegration } from \"@tenphi/tasty/ssr/astro\";\nimport type { AstroIntegration, HookParameters } from \"astro\";\nimport { resolveDocsTheme } from \"./theme/index.js\";\n\nconst packageRequire = createRequire(import.meta.url);\nconst starlightRoot = dirname(packageRequire.resolve(\"@astrojs/starlight\"));\nconst tastyStaticMiddleware = packageRequire.resolve(\n  \"@tenphi/tasty/ssr/astro-middleware-static\",\n);\n\nexport interface TastyDocsOptions {\n  config?: DocsConfig;\n  root?: string;\n}\n\nexport default function tastyDocs(\n  options: TastyDocsOptions = {},\n): AstroIntegration {\n  const docsTheme = resolveDocsTheme(options.config?.theme);\n  if (\n    docsTheme.diagnostics.some((diagnostic) => diagnostic.severity === \"error\")\n  ) {\n    throw new Error(\n      docsTheme.diagnostics.map((diagnostic) => diagnostic.message).join(\"\\n\"),\n    );\n  }\n  const cssPath = fileURLToPath(new URL(\"./styles.css\", import.meta.url));\n  const searchClientPath = fileURLToPath(\n    new URL(\"./client/search.js\", import.meta.url),\n  );\n  const appearanceClientPath = fileURLToPath(\n    new URL(\"./client/appearance.js\", import.meta.url),\n  );\n  const inner = [\n    tastyIntegration({ islands: false }),\n    starlight({\n      title: options.config?.site?.title ?? \"Documentation\",\n      ...(options.config?.site?.description\n        ? { description: options.config.site.description }\n        : {}),\n      customCss: [\"virtual:tasty-docs/theme.css\", cssPath],\n      ...(options.config?.search?.enabled === false ? { pagefind: false } : {}),\n      sidebar: [\n        {\n          label: \"Documentation\",\n          items: [{ autogenerate: { directory: \"\" } }],\n        },\n      ],\n    }),\n  ] satisfies AstroIntegration[];\n  let projectRoot = options.root;\n  let graphConfig = options.config;\n  let graph: Awaited<ReturnType<typeof createDocsGraph>> | undefined;\n  let usingStarlight = false;\n\n  return {\n    name: \"tasty-docs\",\n    hooks: {\n      \"astro:config:setup\": async (context) => {\n        if (\n          context.config.integrations.some(\n            (integration) => integration.name === \"@astrojs/starlight\",\n          )\n        ) {\n          throw new Error(\n            \"Tasty Docs already includes Starlight. Remove the direct @astrojs/starlight integration before continuing.\",\n          );\n        }\n        projectRoot ??= fileURLToPath(context.config.root);\n        const base = options.config?.build?.base ?? context.config.base;\n        graphConfig = {\n          ...options.config,\n          build: { ...options.config?.build, base },\n        };\n        usingStarlight = hasContentConfig(context.config.srcDir);\n        context.updateConfig({\n          base,\n          output: \"static\",\n          vite: {\n            ssr: {\n              external: [\"@tenphi/docs\"],\n            },\n            plugins: [\n              virtualDocsPlugin(docsTheme.css, () => ({\n                entries: graph?.entries ?? [],\n                routes: graph?.routes ?? [],\n                site: graph?.config.site ?? options.config?.site ?? {},\n                base: graph?.config.build.base ?? base,\n                search:\n                  graph?.config.search.enabled ??\n                  options.config?.search?.enabled ??\n                  true,\n              })),\n            ],\n            resolve: {\n              alias: [\n                {\n                  find: \"@astrojs/starlight\",\n                  replacement: starlightRoot,\n                },\n                {\n                  find: \"@tenphi/tasty/ssr/astro-middleware-static\",\n                  replacement: tastyStaticMiddleware,\n                },\n              ],\n            },\n          },\n        });\n        await callInner(inner.slice(0, 1), \"astro:config:setup\", context);\n\n        if (!usingStarlight) {\n          graph = await createDocsGraph({\n            root: projectRoot,\n            config: graphConfig,\n          });\n          assertValidDocs(graph);\n          if (graph.config.search.enabled) {\n            context.injectScript(\n              \"page\",\n              `import ${JSON.stringify(searchClientPath)};`,\n            );\n          }\n          context.injectScript(\n            \"page\",\n            `import ${JSON.stringify(appearanceClientPath)};`,\n          );\n          context.injectRoute({\n            pattern: \"[...route]\",\n            entrypoint: new URL(\"./routes/DocsPage.astro\", import.meta.url),\n            prerender: true,\n          });\n          return;\n        }\n\n        // Starlight inserts its own follow-up integrations immediately after\n        // itself. Give it a temporary real position so Astro processes those\n        // once, after this composite integration, rather than re-visiting us.\n        const starlightIntegration = inner[1];\n        if (starlightIntegration) {\n          const selfIndex = context.config.integrations.findIndex(\n            (integration) => integration.name === \"tasty-docs\",\n          );\n          context.config.integrations.splice(\n            selfIndex + 1,\n            0,\n            starlightIntegration,\n          );\n          try {\n            await callInner(\n              [starlightIntegration],\n              \"astro:config:setup\",\n              context,\n            );\n          } finally {\n            const placeholderIndex =\n              context.config.integrations.indexOf(starlightIntegration);\n            if (placeholderIndex >= 0)\n              context.config.integrations.splice(placeholderIndex, 1);\n          }\n        }\n      },\n      \"astro:config:done\": async (context) => {\n        await callInner(\n          usingStarlight ? inner : inner.slice(0, 1),\n          \"astro:config:done\",\n          context,\n        );\n      },\n      \"astro:build:start\": async (context) => {\n        if (!graph) {\n          graph = await createDocsGraph({\n            ...(projectRoot ? { root: projectRoot } : {}),\n            ...(graphConfig ? { config: graphConfig } : {}),\n          });\n          assertValidDocs(graph);\n        }\n        await callInner(\n          usingStarlight ? inner : inner.slice(0, 1),\n          \"astro:build:start\",\n          context,\n        );\n      },\n      \"astro:build:done\": async (context) => {\n        await callInner(\n          usingStarlight ? inner : inner.slice(0, 1),\n          \"astro:build:done\",\n          context,\n        );\n        if (!graph) return;\n        const output = fileURLToPath(context.dir);\n        for (const asset of graph.assets) {\n          if (!asset.sourcePath || !asset.publicPath) continue;\n          const target = join(output, asset.publicPath.replace(/^\\//, \"\"));\n          await mkdir(dirname(target), { recursive: true });\n          await cp(asset.sourcePath, target);\n        }\n        if (!usingStarlight && graph.config.search.enabled) {\n          const { close, createIndex } = await import(\"pagefind\");\n          const created = await createIndex({\n            rootSelector: \"[data-pagefind-body]\",\n          });\n          if (!created.index || created.errors.length > 0) {\n            throw new Error(\n              `Pagefind failed to start: ${created.errors.join(\"; \")}`,\n            );\n          }\n          const indexed = await created.index.addDirectory({ path: output });\n          if (indexed.errors.length > 0) {\n            throw new Error(\n              `Pagefind failed to index the site: ${indexed.errors.join(\"; \")}`,\n            );\n          }\n          const written = await created.index.writeFiles({\n            outputPath: join(output, \"pagefind\"),\n          });\n          await close();\n          if (written.errors.length > 0) {\n            throw new Error(\n              `Pagefind failed to write the index: ${written.errors.join(\"; \")}`,\n            );\n          }\n        }\n      },\n    },\n  };\n}\n\nexport function tastyStarlight(\n  config: Parameters<typeof starlight>[0],\n): AstroIntegration {\n  return starlight(config);\n}\n\nasync function callInner<K extends keyof AstroIntegration[\"hooks\"]>(\n  integrations: AstroIntegration[],\n  hook: K,\n  context: HookParameters<K>,\n): Promise<void> {\n  for (const integration of integrations) {\n    const handler = integration.hooks[hook];\n    if (typeof handler === \"function\") {\n      await (handler as (value: HookParameters<K>) => void | Promise<void>)(\n        context,\n      );\n    }\n  }\n}\n\nfunction virtualDocsPlugin(css: string, getContent: () => unknown) {\n  const themeId = \"\\0virtual:tasty-docs/theme.css\";\n  const configId = \"\\0virtual:tasty-docs/config\";\n  return {\n    name: \"tasty-docs-theme\",\n    resolveId(id: string) {\n      if (id === \"virtual:tasty-docs/theme.css\") return themeId;\n      if (id === \"virtual:tasty-docs/config\") return configId;\n      return undefined;\n    },\n    load(id: string) {\n      if (id === themeId) return css;\n      if (id === configId) {\n        return `export const content = ${JSON.stringify(getContent())};`;\n      }\n      return undefined;\n    },\n  };\n}\n\nfunction hasContentConfig(srcDir: URL): boolean {\n  const source = fileURLToPath(srcDir);\n  return [\n    \"content.config.ts\",\n    \"content.config.mts\",\n    \"content.config.js\",\n    \"content.config.mjs\",\n    \"content/config.ts\",\n  ].some((path) => existsSync(join(source, path)));\n}\n"],"mappings":"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"}

package/dist/routes/DocsPage.astro

@@ -0,0 +1,127 @@
+---
+import { createMarkdownProcessor } from "@astrojs/markdown-remark";
+import { content } from "virtual:tasty-docs/config";
+import "virtual:tasty-docs/theme.css";
+import "../styles.css";
+
+export const prerender = true;
+
+export async function getStaticPaths() {
+  const processor = await createMarkdownProcessor();
+  return Promise.all(
+    content.entries.map(async (entry) => ({
+      params: { route: entry.route === "/" ? undefined : entry.route.slice(1) },
+      props: {
+        entry,
+        routes: content.routes,
+        html: (await processor.render(entry.transformedBody)).code,
+        site: content.site,
+        base: content.base,
+        search: content.search,
+      },
+    })),
+  );
+}
+
+const { entry, routes, html, site, base, search } = Astro.props;
+const withBase = (route) =>
+  `${base === "/" ? "" : `/${base.replace(/^\/+|\/+$/g, "")}`}${route}` || "/";
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    <title>{entry.title} | {site.title ?? "Documentation"}</title>
+    {
+      entry.description && (
+        <meta name="description" content={entry.description} />
+      )
+    }
+  </head>
+  <body class="td-shell">
+    <a class="td-skip" href="#main-content">Skip to content</a>
+    <header
+      class="td-shell__header"
+      data-tasty-anatomy="Header"
+      data-docs-base={base}
+    >
+      <a href={withBase("/")}>{site.title ?? "Documentation"}</a>
+      <div class="td-shell__actions">
+        <label>
+          <span class="td-visually-hidden">Color theme</span>
+          <select data-docs-theme aria-label="Color theme">
+            <option value="system">System theme</option>
+            <option value="light">Light theme</option>
+            <option value="dark">Dark theme</option>
+          </select>
+        </label>
+        <label>
+          <span class="td-visually-hidden">Contrast</span>
+          <select data-docs-contrast aria-label="Contrast">
+            <option value="system">System contrast</option>
+            <option value="normal">Normal contrast</option>
+            <option value="more">High contrast</option>
+          </select>
+        </label>
+        {
+          search && (
+            <button type="button" data-docs-search-open aria-haspopup="dialog">
+              Search
+            </button>
+          )
+        }
+      </div>
+    </header>
+    <div class="td-shell__layout">
+      <nav
+        class="td-shell__nav"
+        aria-label="Documentation"
+        data-tasty-anatomy="Sidebar"
+      >
+        <ul>
+          {
+            routes.map((route) => (
+              <li>
+                <a
+                  href={withBase(route.route)}
+                  aria-current={
+                    route.route === entry.route ? "page" : undefined
+                  }
+                >
+                  {route.title}
+                </a>
+              </li>
+            ))
+          }
+        </ul>
+      </nav>
+      <main
+        id="main-content"
+        class="td-shell__main"
+        data-pagefind-body
+        data-tasty-anatomy="Article"
+      >
+        <h1>{entry.title}</h1>
+        <div set:html={html} />
+      </main>
+    </div>
+    {
+      search && (
+        <dialog data-docs-search aria-labelledby="td-search-title">
+          <form method="dialog">
+            <button aria-label="Close search">Close</button>
+          </form>
+          <h2 id="td-search-title">Search documentation</h2>
+          <label>
+            Search{" "}
+            <input type="search" data-docs-search-input autocomplete="off" />
+          </label>
+          <div data-docs-search-status aria-live="polite" />
+          <ul data-docs-search-results />
+        </dialog>
+      )
+    }
+  </body>
+</html>

package/dist/styles.css

@@ -0,0 +1,191 @@
+@layer tasty-docs {
+  :root {
+    --sl-color-accent-low: color-mix(
+      in oklab,
+      var(--td-accent-surface) 18%,
+      var(--td-surface)
+    );
+    --sl-color-accent: var(--td-accent-text);
+    --sl-color-accent-high: var(--td-accent-text);
+    --sl-content-width: var(--content-width, 50rem);
+  }
+
+  :where(a, button, input, select, textarea):focus-visible {
+    outline: 3px solid var(--td-focus);
+    outline-offset: 3px;
+  }
+
+  .td-card {
+    display: block;
+    padding: 1.25rem;
+    border: 1px solid var(--sl-color-gray-5);
+    border-radius: 0.75rem;
+    background: var(--sl-color-bg-nav);
+  }
+
+  .td-preview {
+    border: 1px solid var(--sl-color-gray-5);
+    border-radius: 0.75rem;
+    overflow: clip;
+  }
+
+  .td-preview__stage {
+    padding: 1.5rem;
+    background: var(--td-surface);
+  }
+  .td-preview__code {
+    border-top: 1px solid var(--sl-color-gray-5);
+  }
+
+  .td-shell {
+    min-height: 100vh;
+    color: #20232a;
+    background: var(--td-surface);
+    font:
+      1rem/1.7 system-ui,
+      sans-serif;
+  }
+  :root[data-theme="light"] .td-shell {
+    color: #20232a;
+  }
+  :root[data-theme="dark"] .td-shell {
+    color: #eceef5;
+  }
+  .td-shell__header {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.8rem 1.25rem;
+    border-bottom: 1px solid color-mix(in oklab, currentColor 18%, transparent);
+    background: color-mix(in oklab, var(--td-surface) 94%, transparent);
+    backdrop-filter: blur(12px);
+  }
+  .td-shell__header a {
+    color: var(--td-accent-text);
+    font-weight: 700;
+    text-decoration: none;
+  }
+  .td-shell__actions {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+  .td-shell__actions :where(select, button) {
+    min-height: 2.25rem;
+  }
+  .td-visually-hidden {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+  .td-shell__layout {
+    display: grid;
+    grid-template-columns: minmax(13rem, 18rem) minmax(0, 1fr);
+    max-width: 86rem;
+    margin: auto;
+  }
+  .td-shell__nav {
+    padding: 1.5rem;
+    border-inline-end: 1px solid
+      color-mix(in oklab, currentColor 18%, transparent);
+  }
+  .td-shell__nav ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .td-shell__nav a {
+    display: block;
+    padding: 0.3rem 0.5rem;
+    color: var(--td-accent-text);
+    border-radius: 0.35rem;
+  }
+  .td-shell__main {
+    width: min(100%, var(--content-width, 52rem));
+    padding: 2rem clamp(1.25rem, 4vw, 3rem) 5rem;
+  }
+  .td-shell__main img {
+    max-width: 100%;
+    height: auto;
+  }
+  .td-shell__main :where(pre, table) {
+    max-width: 100%;
+    overflow: auto;
+  }
+  .td-shell__main :where(a) {
+    color: var(--td-accent-text);
+  }
+  .td-shell__main :where(h1, h2, h3) {
+    line-height: 1.2;
+  }
+  [data-docs-search] {
+    width: min(42rem, calc(100% - 2rem));
+    padding: 1.25rem;
+    color: inherit;
+    background: var(--td-surface);
+    border: 1px solid var(--td-focus);
+    border-radius: 0.75rem;
+  }
+  [data-docs-search]::backdrop {
+    background: rgb(0 0 0 / 0.55);
+  }
+  [data-docs-search] form {
+    float: inline-end;
+  }
+  [data-docs-search] label,
+  [data-docs-search] input {
+    display: block;
+    width: 100%;
+  }
+  [data-docs-search] input {
+    margin-block: 0.4rem 1rem;
+    padding: 0.6rem;
+  }
+  .td-skip {
+    position: fixed;
+    inset: 0.5rem auto auto 0.5rem;
+    z-index: 4;
+    translate: 0 -150%;
+    padding: 0.5rem 0.8rem;
+    background: var(--td-accent-surface);
+    color: var(--td-accent-surface-text);
+  }
+  .td-skip:focus {
+    translate: 0;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    .td-shell {
+      color: #eceef5;
+    }
+  }
+
+  @media (max-width: 48rem) {
+    .td-shell__layout {
+      grid-template-columns: 1fr;
+    }
+    .td-shell__nav {
+      border-inline-end: 0;
+      border-bottom: 1px solid
+        color-mix(in oklab, currentColor 18%, transparent);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+      scroll-behavior: auto !important;
+      transition-duration: 0.01ms !important;
+    }
+  }
+}

package/dist/styles.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@tenphi/starlight",
+  "version": "0.1.0",
+  "description": "Astro and Starlight renderer for Tasty Docs",
+  "type": "module",
+  "sideEffects": [
+    "./dist/styles.css",
+    "./dist/client/*.js"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./content": {
+      "types": "./dist/content.d.ts",
+      "import": "./dist/content.js"
+    },
+    "./components": {
+      "types": "./dist/components-public.d.ts",
+      "import": "./dist/components.js"
+    },
+    "./styles": {
+      "types": "./dist/styles.d.ts",
+      "default": "./dist/styles.css"
+    },
+    "./client/*": "./dist/client/*.js"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "engines": {
+    "node": ">=22.14"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tenphi/tasty-docs.git",
+    "directory": "packages/starlight"
+  },
+  "homepage": "https://github.com/tenphi/tasty-docs#readme",
+  "bugs": {
+    "url": "https://github.com/tenphi/tasty-docs/issues"
+  },
+  "author": "Andrey Yamanov",
+  "license": "MIT",
+  "dependencies": {
+    "@astrojs/markdown-remark": "^7.2.4",
+    "@astrojs/starlight": "^0.41.10",
+    "@tenphi/docs": "0.1.0",
+    "@tenphi/glaze": "2.0.0",
+    "@tenphi/tasty": "3.4.0",
+    "pagefind": "^1.5.2",
+    "tsx": "^4.20.6"
+  },
+  "peerDependencies": {
+    "astro": "^7.2.9"
+  },
+  "devDependencies": {
+    "@types/node": "^22.15.2",
+    "astro": "^7.2.9",
+    "tsdown": "^0.22.14",
+    "typescript": "^7.0.2",
+    "vitest": "^4.1.11"
+  },
+  "scripts": {
+    "build": "tsdown --config tsdown.config.ts && node ../../scripts/pack-assets.mjs",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  }
+}