imprensa 0.1.0

package/dist/components/index.mjs

@@ -0,0 +1,253 @@
+import { i as writeSidebarLayout, r as readSidebarLayout, t as DEFAULT_SIDEBAR_LAYOUT } from "../sidebar-layout-DsEhSkJS.mjs";
+import { a as treeIndentClass, c as LogoButton, d as SearchSidebarTrigger, f as ThemeToggle, i as getAdjacentDocs, l as SearchNavbarTrigger, n as DocToolbar, o as NavFooterBar, r as DocPager, s as cx, t as DocArticle, u as SearchOverlay } from "../doc-toolbar-DUQS2gnK.mjs";
+import { defineLayout, routeHash, useRoute } from "@ilha/router";
+import ilha from "ilha";
+import { Collapsible, Icon, LinkButton, Resizable, Toaster } from "areia";
+import { ExternalLink } from "lucide";
+import { jsx, jsxs } from "ilha/jsx-runtime";
+import { contentTree } from "imprensa/mdx";
+import { preview, shikiThemes } from "imprensa/config";
+//#region src/components/sidebar.tsx
+/** @jsxImportSource ilha */
+const ACTIVE_LINK_CLASS = "border-areia-primary text-areia-primary ring-1 ring-inset ring-areia-primary/30";
+function renderTree(nodes, currentPath, depth = 0) {
+	return nodes.map((node) => {
+		const href = node.type === "link" ? node.link : node.path;
+		const active = node.path && node.type !== "link" ? (node.path.replace(/\/$/, "") || "/") === currentPath : false;
+		const link = href ? /* @__PURE__ */ jsxs(LinkButton, {
+			href,
+			external: node.external,
+			variant: active ? "outline" : "ghost",
+			class: cx("w-full justify-start", node.type === "link" && node.external && "justify-between", active && ACTIVE_LINK_CLASS),
+			children: [/* @__PURE__ */ jsx("span", {
+				class: "min-w-0 truncate",
+				children: node.title
+			}), node.type === "link" && node.external ? /* @__PURE__ */ jsx(Icon, {
+				icon: ExternalLink,
+				class: "size-3.5 shrink-0"
+			}) : null]
+		}) : /* @__PURE__ */ jsx("span", {
+			class: "text-sm font-medium text-areia-subtle",
+			children: node.title
+		});
+		return /* @__PURE__ */ jsx("div", {
+			class: cx("mt-px flex flex-col gap-1", treeIndentClass(depth)),
+			children: node.children.length > 0 ? /* @__PURE__ */ jsxs(Collapsible, {
+				defaultOpen: true,
+				children: [/* @__PURE__ */ jsx(Collapsible.Trigger, {
+					class: "w-full rounded-md px-2 py-1 text-left hover:bg-areia-control-hover",
+					children: link
+				}), /* @__PURE__ */ jsx(Collapsible.Panel, {
+					class: "mt-1 flex flex-col p-px",
+					children: renderTree(node.children, currentPath, node.path ? depth + 1 : depth)
+				})]
+			}) : link
+		});
+	});
+}
+const Sidebar = ilha.render(() => {
+	const { path } = useRoute();
+	const currentPath = path().replace(/\/$/, "") || "/";
+	return /* @__PURE__ */ jsxs("div", {
+		class: "flex h-full min-h-0 flex-col gap-2 p-2",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				class: "flex items-center",
+				children: /* @__PURE__ */ jsx(LogoButton, {})
+			}),
+			/* @__PURE__ */ jsx(SearchSidebarTrigger, {}),
+			/* @__PURE__ */ jsx("nav", {
+				class: "flex min-h-0 flex-1 flex-col gap-1 overflow-y-auto overscroll-y-contain px-0.5",
+				children: renderTree(contentTree, currentPath)
+			}),
+			/* @__PURE__ */ jsx(NavFooterBar, { class: "mt-auto" })
+		]
+	});
+});
+//#endregion
+//#region src/components/layout.tsx
+/** @jsxImportSource ilha */
+const initialSidebarLayout = typeof window !== "undefined" ? readSidebarLayout() : DEFAULT_SIDEBAR_LAYOUT;
+function layoutsNearlyEqual(a, b) {
+	return a.length === 2 && Math.abs(a[0] - b[0]) < .05 && Math.abs(a[1] - b[1]) < .05;
+}
+function mountSidebarLayoutPersistence(host) {
+	let resizable = null;
+	let persist = false;
+	const stored = readSidebarLayout();
+	const onLayoutChange = (event) => {
+		if (!persist) return;
+		const { layout } = event.detail;
+		if (!Array.isArray(layout) || layout.length !== 2) return;
+		writeSidebarLayout(layout);
+		document.documentElement.dataset.imprensaSidebarLayout = "1";
+		document.documentElement.style.setProperty("--imprensa-sidebar-pct", String(layout[0]));
+		document.documentElement.style.setProperty("--imprensa-content-pct", String(layout[1]));
+	};
+	const connect = () => {
+		resizable = host.querySelector("[data-slot=\"resizable\"]");
+		if (!resizable) return;
+		resizable.addEventListener("resizable:change", onLayoutChange);
+		if (document.documentElement.dataset.imprensaSidebarLayout !== "1" && !layoutsNearlyEqual(stored, DEFAULT_SIDEBAR_LAYOUT)) resizable.dispatchEvent(new CustomEvent("resizable:set", {
+			detail: { layout: [...stored] },
+			bubbles: true
+		}));
+		persist = true;
+	};
+	queueMicrotask(connect);
+	return () => {
+		resizable?.removeEventListener("resizable:change", onLayoutChange);
+	};
+}
+const DOCS_LAYOUT_CLASS = "imprensa-docs-layout";
+function mountDocsViewportLock() {
+	document.documentElement.classList.add(DOCS_LAYOUT_CLASS);
+	return () => {
+		document.documentElement.classList.remove(DOCS_LAYOUT_CLASS);
+	};
+}
+const RootLayout = defineLayout((children) => ilha.render(() => /* @__PURE__ */ jsxs("div", {
+	class: "imprensa-root bg-areia-background text-areia-default",
+	children: [/* @__PURE__ */ jsx(Toaster, {
+		richColors: true,
+		closeButton: true
+	}), /* @__PURE__ */ jsx("main", {
+		class: "imprensa-root-main",
+		children
+	})]
+})));
+const ContentLayout = defineLayout((children) => {
+	return ilha.effect(() => {
+		const hash = routeHash();
+		if (hash) requestAnimationFrame(() => document.getElementById(hash.slice(1))?.scrollIntoView());
+	}).onMount(({ host }) => {
+		const unlockViewport = mountDocsViewportLock();
+		const disconnectLayout = mountSidebarLayoutPersistence(host);
+		return () => {
+			disconnectLayout();
+			unlockViewport();
+		};
+	}).render(() => /* @__PURE__ */ jsx("div", {
+		class: "imprensa-docs-shell flex h-dvh w-full overflow-hidden bg-areia-background text-areia-default",
+		children: /* @__PURE__ */ jsxs(Resizable, {
+			direction: "horizontal",
+			class: "h-full min-h-0 w-full",
+			children: [
+				/* @__PURE__ */ jsx(Resizable.Panel, {
+					defaultSize: initialSidebarLayout[0],
+					minSize: 15,
+					maxSize: 35,
+					class: "imprensa-docs-sidebar-panel max-md:!hidden",
+					children: /* @__PURE__ */ jsx(Sidebar, {})
+				}),
+				/* @__PURE__ */ jsx(Resizable.Handle, { class: "max-md:!hidden" }),
+				/* @__PURE__ */ jsx(Resizable.Panel, {
+					defaultSize: initialSidebarLayout[1],
+					minSize: 50,
+					class: "imprensa-docs-main-panel",
+					children: /* @__PURE__ */ jsx("div", {
+						class: "imprensa-docs-main-scroll flex w-full flex-col p-4",
+						children
+					})
+				})
+			]
+		})
+	}));
+});
+//#endregion
+//#region src/components/preview.tsx
+/** @jsxImportSource ilha */
+const DEFAULT_IMPORTMAP = { imports: {} };
+const DEFAULT_HEAD = ``;
+function makeIframeDoc(code) {
+	const script = code.replace(/^export default /m, "const __island = ").replace(/^export const (\w+)/m, "const $1");
+	const importmap = preview.importmap ? { imports: {
+		...DEFAULT_IMPORTMAP.imports,
+		...JSON.parse(preview.importmap).imports
+	} } : DEFAULT_IMPORTMAP;
+	const head = preview.head ?? DEFAULT_HEAD;
+	return `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <script>const localStorage = { getItem: () => null, setItem: () => {}, removeItem: () => {} };<\/script>
+  <script type="importmap">${JSON.stringify(importmap)}<\/script>
+  <script type="module" src="https://esm.sh/tsx"><\/script>
+  ${head}
+</head>
+<body>
+  <div id="root"></div>
+  <script type="text/babel" data-type="module">
+    ${script}
+    const __resolved = typeof __island !== 'undefined' ? __island : typeof App !== 'undefined' ? App : undefined;
+    if (__resolved?.mount) __resolved.mount(document.getElementById('root'));
+  <\/script>
+</body>
+</html>`;
+}
+const Preview = ilha.input().onMount(({ host, input }) => {
+	const code = atob(input.code64);
+	const wrapper = host.querySelector(".preview-wrapper");
+	const pre = document.createElement("pre");
+	pre.className = "rounded-lg bg-areia-surface-muted border border-areia-border p-4 overflow-x-auto text-sm";
+	pre.innerHTML = `<code>${code.replace(/&/g, "&amp;").replace(/</g, "&lt;")}</code>`;
+	wrapper.appendChild(pre);
+	const iframe = document.createElement("iframe");
+	iframe.className = "rounded-lg border border-areia-border w-full min-h-32";
+	iframe.setAttribute("sandbox", "allow-scripts allow-same-origin");
+	iframe.srcdoc = makeIframeDoc(code);
+	wrapper.appendChild(iframe);
+	iframe.addEventListener("load", () => {
+		const syncDark = () => {
+			const dark = document.documentElement.classList.contains("dark");
+			iframe.contentDocument?.documentElement.classList.toggle("dark", dark);
+		};
+		syncDark();
+		new MutationObserver(syncDark).observe(document.documentElement, { attributeFilter: ["class"] });
+	});
+	import("imprensa/shiki").then(async ({ shiki }) => {
+		const previewHighlighter = shiki;
+		await previewHighlighter.loadLanguage("tsx");
+		const div = document.createElement("div");
+		div.className = "rounded-lg overflow-hidden border border-areia-border text-sm [&_pre]:!p-4 [&_pre]:!m-0 [&_pre]:overflow-x-auto";
+		div.innerHTML = previewHighlighter.codeToHtml(code, {
+			lang: "tsx",
+			themes: shikiThemes
+		});
+		wrapper.replaceChild(div, pre);
+	});
+}).render(() => /* @__PURE__ */ jsx("div", { class: "not-prose flex flex-col gap-4 preview-wrapper" }));
+//#endregion
+//#region src/components/snippet.tsx
+/** @jsxImportSource ilha */
+const WRAPPER_CLASS = "max-w-full overflow-x-auto rounded-xl border border-areia-border text-xs leading-relaxed [&_pre]:min-w-max [&_pre]:p-4 [&_pre]:text-xs [&_pre]:leading-relaxed [&_pre]:!m-0";
+function escapeHtml(code) {
+	return code.replace(/&/g, "&amp;").replace(/</g, "&lt;");
+}
+const Snippet = ilha.input().onMount(({ host, input }) => {
+	const mount = host.querySelector("[data-imprensa-snippet]");
+	if (mount.querySelector(".shiki")) return;
+	const { code, lang } = input;
+	mount.replaceChildren();
+	const pre = document.createElement("pre");
+	pre.className = "rounded-lg bg-areia-surface-muted border border-areia-border p-4 overflow-x-auto text-xs leading-relaxed";
+	pre.innerHTML = `<code>${escapeHtml(code)}</code>`;
+	mount.appendChild(pre);
+	import("imprensa/shiki").then(async ({ shiki }) => {
+		const h = shiki;
+		await h.loadLanguage(lang);
+		const div = document.createElement("div");
+		div.innerHTML = h.codeToHtml(code, {
+			lang,
+			themes: shikiThemes
+		});
+		const highlighted = div.firstElementChild;
+		if (!highlighted) return;
+		mount.replaceChildren(highlighted);
+	});
+}).render(() => /* @__PURE__ */ jsx("div", {
+	class: WRAPPER_CLASS,
+	"data-imprensa-snippet": true
+}));
+//#endregion
+export { ContentLayout, DocArticle, DocPager, DocToolbar, LogoButton, Preview, RootLayout, SearchNavbarTrigger, SearchOverlay, SearchSidebarTrigger, Sidebar, Snippet, ThemeToggle, getAdjacentDocs };

package/dist/core/client-runtime.d.mts

@@ -0,0 +1,2 @@
+import { a as getStoredTheme, c as shiki, i as createImprensa, l as shikiThemes, n as applyInitialTheme, o as mountOrHydrate, r as applyThemeToHtml, s as setStoredTheme, t as THEME_STORAGE_KEY } from "../client-runtime-D7MhMWCo.mjs";
+export { THEME_STORAGE_KEY, applyInitialTheme, applyThemeToHtml, createImprensa, getStoredTheme, mountOrHydrate, setStoredTheme, shiki, shikiThemes };

package/dist/core/client-runtime.mjs

@@ -0,0 +1,121 @@
+import { router } from "@ilha/router";
+//#region src/core/client-runtime.ts
+const shiki = new Promise(() => {});
+/** Overridden at app build time by the imprensa Vite plugin from `imprensa()` shiki.themes. */
+const shikiThemes = {
+	light: "night-owl-light",
+	dark: "houston"
+};
+const THEME_STORAGE_KEY = "imprensa:theme";
+function getStoredTheme() {
+	try {
+		const stored = localStorage.getItem(THEME_STORAGE_KEY);
+		if (stored === "dark" || stored === "light" || stored === "system") return stored;
+		return "system";
+	} catch {
+		return "system";
+	}
+}
+function setStoredTheme(mode) {
+	localStorage.setItem(THEME_STORAGE_KEY, mode);
+}
+function applyThemeToHtml(isDark) {
+	document.documentElement.classList.toggle("dark", isDark);
+	document.documentElement.style.colorScheme = isDark ? "dark" : "light";
+}
+function applyInitialTheme() {
+	if (typeof window === "undefined" || typeof document === "undefined") return;
+	try {
+		const stored = localStorage.getItem(THEME_STORAGE_KEY);
+		applyThemeToHtml(stored === "dark" || stored !== "light" && window.matchMedia("(prefers-color-scheme: dark)").matches);
+	} catch {
+		document.documentElement.classList.remove("dark");
+		document.documentElement.style.colorScheme = "light";
+	} finally {
+		document.documentElement.dataset.themeReady = "";
+	}
+}
+function mountOrHydrate(options) {
+	applyInitialTheme();
+	if (typeof window === "undefined" || typeof document === "undefined") return;
+	const { pageRouter, registry, dev = false, target = "#app" } = options;
+	if (options.static) return router({ mode: "static" }).hydrateStatic(registry);
+	if (!pageRouter) return () => {};
+	if (dev) return pageRouter.mount(target);
+	return pageRouter.hydrate(registry);
+}
+async function applyClientHead(getMdxHead, headDefaults) {
+	if (typeof window === "undefined") return;
+	const { createHead } = await import("unhead/client");
+	const globalWindow = window;
+	const head = globalWindow.__UNHEAD__ ?? (globalWindow.__UNHEAD__ = createHead());
+	let dispose;
+	async function apply() {
+		dispose?.();
+		const url = location.pathname.replace(/\/$/, "") || "/";
+		const merged = {
+			...headDefaults,
+			...await getMdxHead?.(url)
+		};
+		if (Object.keys(merged).length > 0) dispose = head.push(merged).dispose;
+	}
+	apply();
+	window.addEventListener("popstate", apply);
+	const orig = history.pushState.bind(history);
+	history.pushState = (...args) => {
+		orig(...args);
+		apply();
+	};
+}
+async function loadClientIlhaCodegen() {
+	return import("ilha:pages/client");
+}
+async function loadServerIlhaCodegen() {
+	return import("ilha:pages/server");
+}
+async function loadMdxHelpers() {
+	return import("imprensa/mdx");
+}
+function createImprensa(options = {}) {
+	return {
+		async init() {
+			if (typeof window === "undefined") return;
+			applyInitialTheme();
+			const dev = options.dev ?? import.meta.env.DEV;
+			const staticHydration = options.static ?? !dev;
+			const [codegen, mdx] = await Promise.all([loadClientIlhaCodegen(), loadMdxHelpers()]);
+			if (dev) await applyClientHead(mdx.getMdxHead, mdx.headDefaults);
+			const { ensureGlobalSearchMounted } = await import("../global-search-Dfv8DYN3.mjs");
+			ensureGlobalSearchMounted();
+			return mountOrHydrate({
+				pageRouter: codegen.pageRouter,
+				registry: codegen.registry,
+				dev,
+				target: options.target,
+				static: dev ? false : staticHydration
+			});
+		},
+		async prerender(data) {
+			const [{ createPrerender }, codegen, mdx, config] = await Promise.all([
+				import("imprensa/prerender"),
+				loadServerIlhaCodegen(),
+				loadMdxHelpers(),
+				import("imprensa/config")
+			]);
+			const hostname = config.hostname || void 0;
+			return createPrerender({
+				pageRouter: codegen.pageRouter,
+				registry: codegen.registry,
+				mdxRoutes: mdx.mdxRoutes,
+				renderMdx: mdx.renderMdx,
+				setPrerenderedMdxHtml: mdx.setPrerenderedMdxHtml,
+				getMdxHead: mdx.getMdxHead,
+				headDefaults: mdx.headDefaults,
+				hostname,
+				shiki: config.shiki
+			})(data);
+		}
+	};
+}
+//#endregion
+export { THEME_STORAGE_KEY, applyInitialTheme, applyThemeToHtml, createImprensa, getStoredTheme, mountOrHydrate, setStoredTheme, shiki, shikiThemes };

package/dist/core/prerender-core.d.mts

@@ -0,0 +1,2 @@
+import { i as HydrateOptions, n as RouterLike, r as createPrerender, t as ImprensaPrerenderOptions } from "../prerender-core-DBi9ntWW.mjs";
+export { type HydrateOptions, ImprensaPrerenderOptions, RouterLike, createPrerender };

package/dist/core/prerender-core.mjs

@@ -0,0 +1,2 @@
+import { t as createPrerender } from "../prerender-core-D4Li--RS.mjs";
+export { createPrerender };

package/dist/core/runtime.d.mts

@@ -0,0 +1,3 @@
+import { r as createPrerender, t as ImprensaPrerenderOptions } from "../prerender-core-DBi9ntWW.mjs";
+import { a as getStoredTheme, c as shiki, i as createImprensa, l as shikiThemes, n as applyInitialTheme, o as mountOrHydrate, r as applyThemeToHtml, s as setStoredTheme, t as THEME_STORAGE_KEY } from "../client-runtime-D7MhMWCo.mjs";
+export { type ImprensaPrerenderOptions, THEME_STORAGE_KEY, applyInitialTheme, applyThemeToHtml, createImprensa, createPrerender, getStoredTheme, mountOrHydrate, setStoredTheme, shiki, shikiThemes };

package/dist/core/runtime.mjs

@@ -0,0 +1,3 @@
+import { THEME_STORAGE_KEY, applyInitialTheme, applyThemeToHtml, createImprensa, getStoredTheme, mountOrHydrate, setStoredTheme, shiki, shikiThemes } from "./client-runtime.mjs";
+import { t as createPrerender } from "../prerender-core-D4Li--RS.mjs";
+export { THEME_STORAGE_KEY, applyInitialTheme, applyThemeToHtml, createImprensa, createPrerender, getStoredTheme, mountOrHydrate, setStoredTheme, shiki, shikiThemes };

package/dist/core/shiki-build.d.mts

@@ -0,0 +1,9 @@
+import { HighlighterCore } from "shiki/core";
+
+//#region src/core/shiki-build.d.ts
+declare function resolveShikiLangModuleHref(lang: string): string;
+declare function resolveShikiThemeModuleHref(theme: string): string;
+/** Node/build/prerender: only the theme + lang modules you pass in. */
+declare function createConfiguredHighlighterCore(themes: string[], langs: string[]): Promise<HighlighterCore>;
+//#endregion
+export { createConfiguredHighlighterCore, resolveShikiLangModuleHref, resolveShikiThemeModuleHref };

package/dist/core/shiki-build.mjs

@@ -0,0 +1,34 @@
+import { createRequire } from "node:module";
+import { pathToFileURL } from "node:url";
+import { createHighlighterCore } from "shiki/core";
+import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
+//#region src/core/shiki-build.ts
+const require = createRequire(import.meta.url);
+function resolveImportSpecifier(id) {
+	return pathToFileURL(require.resolve(id)).href;
+}
+function resolveShikiLangModuleHref(lang) {
+	return resolveImportSpecifier(`@shikijs/langs/${lang}`);
+}
+function resolveShikiThemeModuleHref(theme) {
+	return resolveImportSpecifier(`@shikijs/themes/${theme}`);
+}
+let cachedKey = "";
+let cachedHighlighter;
+/** Node/build/prerender: only the theme + lang modules you pass in. */
+async function createConfiguredHighlighterCore(themes, langs) {
+	const key = `${themes.join(",")}|${langs.join(",")}`;
+	if (cachedHighlighter && cachedKey === key) return cachedHighlighter;
+	cachedKey = key;
+	cachedHighlighter = (async () => {
+		const [themeMods, langMods] = await Promise.all([Promise.all(themes.map((t) => import(resolveShikiThemeModuleHref(t)))), Promise.all(langs.map((l) => import(resolveShikiLangModuleHref(l))))]);
+		return createHighlighterCore({
+			themes: themeMods.map((m) => m.default ?? m),
+			langs: langMods.map((m) => m.default ?? m),
+			engine: createJavaScriptRegexEngine()
+		});
+	})();
+	return cachedHighlighter;
+}
+//#endregion
+export { createConfiguredHighlighterCore, resolveShikiLangModuleHref, resolveShikiThemeModuleHref };

package/dist/doc-pager-D-YhwEQN.d.mts

@@ -0,0 +1,27 @@
+import { RawHtml } from "ilha";
+
+//#region src/components/doc-toolbar.d.ts
+declare const DocToolbar: import("ilha").Island<{
+  path: string;
+}, Record<never, never>>;
+declare function DocArticle(props: {
+  path: string;
+  children: RawHtml | string;
+  class?: string;
+}): import("ilha/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/doc-pager.d.ts
+type DocNavItem = {
+  title: string;
+  path: string;
+  excerpt: string;
+};
+declare function getAdjacentDocs(path: string): {
+  prev?: DocNavItem;
+  next?: DocNavItem;
+};
+declare function DocPager(props: {
+  path: string;
+}): import("ilha/jsx-runtime").JSX.Element | null;
+//#endregion
+export { DocToolbar as a, DocArticle as i, DocPager as n, getAdjacentDocs as r, DocNavItem as t };