typerighter 0.1.5 → 0.2.0

package/dist/{typedown-context-C5kvAxE0.js → vite-Di36EFu3.js}

@@ -1,6 +1,11 @@
-import { n as __exportAll, r as __toESM, t as __commonJSMin } from "./rolldown-runtime-Dqa2HsxW.js";
+import { c as __toESM, i as escapeHtml$2, n as VIRTUAL_APP_ID, o as __commonJSMin, r as VIRTUAL_INDEX_ID, s as __exportAll, t as RESOLVED_VIRTUAL_APP_ID } from "./constants-BN1OmC7K.js";
 import { t as l$2 } from "./chunk-DfAF0w94-EwUSVR-h.js";
 import { n as isLinkToPage, r as EXTERNAL_URL_RE, t as isExternal } from "./shared-DzTfF-_d.js";
+import { r as getResourceTitle } from "./content-BM3UKxcc.js";
+import { r as BRAND_FAVICON_URI } from "./brand-CeSqpEQ2.js";
+import { createRequire } from "node:module";
+import tailwindcss from "@tailwindcss/vite";
+import vue from "@vitejs/plugin-vue";
 import path from "node:path";
 import { RpcServer } from "@typerighter/rpc-server";
 import { RpcClient } from "@typerighter/rpc-client";
@@ -9483,7 +9488,7 @@ async function initializeTypedownContext() {
 	s.unref();
 	let m = !1;
 	function h() {
-		m || (m = !0, s.close());
+		m || (m = !0, f.free(), s.close());
 	}
 	return process.on("exit", h), process.on("SIGINT", () => {
 		h(), process.exit(0);
@@ -9491,6 +9496,214 @@ async function initializeTypedownContext() {
 		h(), process.exit(0);
 	}), p;
 }
-var tdContext = await initializeTypedownContext();
+var _tdContext;
+async function getTdContext() {
+	return _tdContext ||= await initializeTypedownContext(), _tdContext;
+}
+//#endregion
+//#region src/node/lib/render/vue.ts
+async function renderToVueSfc(s, u, d) {
+	let f = {
+		path: d,
+		relativePath: d,
+		cleanUrls: !0
+	}, p = await s.renderAsync(u.content, f), m = f.title || getResourceTitle(u.header, d), h = {
+		schema: u.schema,
+		frontmatter: u.header,
+		headings: f.headers ?? [],
+		title: m
+	}, g = JSON.stringify(JSON.stringify(h)), _ = JSON.stringify(p);
+	return {
+		vueSrc: [
+			"<script>",
+			`export const __pageData = JSON.parse(${g})`,
+			`export default { name: ${JSON.stringify(d)}, data() { return { __html: ${_} } } }`,
+			"<\/script>",
+			"<template><div v-html=\"__html\" /></template>"
+		].join("\n"),
+		pageData: h
+	};
+}
+//#endregion
+//#region src/node/plugin/vite/codegen.ts
+function generateAppEntry(s) {
+	let { contentDir: u, hasIndex: d } = s;
+	return `
+import 'typerighter/style.css';
+import { createTypedownApp } from 'typerighter/client';
+import theme from 'typerighter/client/theme-default';
+
+const pages = import.meta.glob('${`/${u}/**/*.td`}');
+${d ? "" : `pages['/${u}/${VIRTUAL_INDEX_ID}'] = () => import('${VIRTUAL_INDEX_ID}');`}
+
+async function loadPageModule(pagePath) {
+  const key = '/${u}/' + pagePath.replace(/^\\//, '') + '.td';
+  const altKey = '/${u}/' + pagePath.replace(/^\\//, '') + '/index.td';
+  const loader = pages[key] || pages[altKey]${d ? "" : ` || (pagePath === '/' ? pages['/${u}/${VIRTUAL_INDEX_ID}'] : undefined)`};
+  if (!loader) return undefined;
+  return loader();
+}
+
+const { app } = await createTypedownApp(loadPageModule, theme.Layout, ${JSON.stringify({
+		title: s.siteTitle,
+		description: s.siteDescription
+	})}, ${JSON.stringify({ sidebarGroups: s.sidebarGroups })});
+app.mount('#app');
+`;
+}
+function generateIndexSfc(s) {
+	let u = JSON.stringify(s).replace(/'/g, "\\'"), d = JSON.stringify({
+		schema: "",
+		frontmatter: {},
+		headings: [],
+		title: "Index"
+	});
+	return `<script>
+import { TdOverview } from 'typerighter/client/theme-default';
+export const __pageData = JSON.parse(${JSON.stringify(d)})
+export default { name: "index", components: { TdOverview } }
+<\/script>
+<template><TdOverview :groups='${u}' /></template>`;
+}
+function generateSsrEntry(s) {
+	let u = `/${s.contentDir}/**/*.td`;
+	return `
+import { createTypedownApp } from 'typerighter/client';
+import { renderToString } from 'vue/server-renderer';
+import theme from '${s.layoutImport}';
+
+const pages = import.meta.glob('${u}', { eager: true });
+
+function loadPageModule(pagePath) {
+  const key = '/${s.contentDir}/' + pagePath.replace(/^\\//, '') + '.td';
+  const altKey = '/${s.contentDir}/' + pagePath.replace(/^\\//, '') + '/index.td';
+  return Promise.resolve(pages[key] || pages[altKey]);
+}
+
+export async function render(url) {
+  const { app, router } = await createTypedownApp(loadPageModule, theme.Layout, ${s.siteConfig}, ${s.siteData});
+  await router.go(url, { replace: true });
+  const html = await renderToString(app);
+  return { html, pageData: router.route.data };
+}
+`;
+}
+//#endregion
+//#region src/node/plugin/vite/index.ts
+var require$1 = createRequire(import.meta.url);
+function typedown() {
+	let s;
+	return [
+		{
+			name: "vite-plugin-typedown",
+			enforce: "pre",
+			config() {
+				return { resolve: { alias: [{
+					find: "vue/server-renderer",
+					replacement: require$1.resolve("vue/server-renderer")
+				}, {
+					find: "vue",
+					replacement: require$1.resolve("vue/dist/vue.runtime.esm-bundler.js")
+				}] } };
+			},
+			resolveId(s) {
+				if (s === "/@typedown/app" || s === "@typedown/app") return RESOLVED_VIRTUAL_APP_ID;
+				if (s.endsWith("__typedown_index__.td")) return s;
+			},
+			async load(s) {
+				let u = await getTdContext();
+				if (s === "\0@typedown/app") {
+					let [s, d, f] = await Promise.all([
+						u.getConfig(),
+						u.listFiles(),
+						u.listFilesGroupedBySchema()
+					]), p = d.some((s) => s === "index.td");
+					return generateAppEntry({
+						...s,
+						hasIndex: p,
+						sidebarGroups: f
+					});
+				}
+				if (s.endsWith("__typedown_index__.td")) return generateIndexSfc(await u.listFilesGroupedBySchema());
+			},
+			async configureServer(u) {
+				s = u;
+				let d = await getTdContext();
+				return d.rpc.onConfigChanged(() => s && hmrFullReload(s)), d.rpc.onContentChanged(({ content: u }) => {
+					if (s) {
+						for (let d of s.moduleGraph.idToModuleMap.values()) if (d.file?.endsWith(u)) {
+							s.moduleGraph.invalidateModule(d), s.hot.send({
+								type: "update",
+								updates: [{
+									type: "js-update",
+									path: d.url,
+									acceptedPath: d.url,
+									timestamp: Date.now()
+								}]
+							});
+							break;
+						}
+					}
+				}), d.rpc.onContentCreated(() => s && hmrInvalidateAll(s)), d.rpc.onContentDeleted(() => s && hmrInvalidateAll(s)), d.rpc.onSchemaChanged(() => s && hmrInvalidateAll(s)), d.rpc.onSchemaCreated(() => s && hmrInvalidateAll(s)), d.rpc.onSchemaDeleted(() => s && hmrInvalidateAll(s)), () => {
+					u.middlewares.use((s, u, f) => {
+						if (!s.url || u.writableEnded || s.url.startsWith("/@") || s.url.startsWith("/node_modules") || s.url.includes(".")) return f();
+						d.getConfig().then((s) => {
+							let d = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${escapeHtml$2(s.siteTitle)}</title>
+  <link rel="icon" type="image/svg+xml" href="${BRAND_FAVICON_URI}">
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/${VIRTUAL_APP_ID}"><\/script>
+</body>
+</html>`;
+							u.setHeader("Content-Type", "text/html"), u.end(d);
+						}).catch(f);
+					});
+				};
+			},
+			async transform(s, u) {
+				let d = u.split("?")[0];
+				if (!d.endsWith(".td") || d.includes("__typedown_index__.td")) return;
+				let f = await getTdContext(), p = (await f.getConfig()).contentDir, m = d.includes(p) ? d.slice(d.indexOf(p) + p.length + 1) : d, h = await f.getFile(m), { vueSrc: g } = await renderToVueSfc(f.md, h, m);
+				return {
+					code: g,
+					map: null
+				};
+			},
+			handleHotUpdate({ file: s }) {
+				if (s.endsWith(".td")) return [];
+			}
+		},
+		vue({ include: /\.(?:vue|td)$/ }),
+		...tailwindcss()
+	];
+}
+function getTdModules(s) {
+	return [...s.moduleGraph.idToModuleMap.entries()].filter(([s]) => s.endsWith(".td")).map(([, s]) => s);
+}
+function hmrFullReload(s) {
+	for (let u of getTdModules(s)) s.moduleGraph.invalidateModule(u);
+	s.hot.send({ type: "full-reload" });
+}
+function hmrInvalidateAll(s) {
+	let u = getTdModules(s).map((u) => (s.moduleGraph.invalidateModule(u), makeHmrUpdate(u)));
+	0 < u.length && s.hot.send({
+		type: "update",
+		updates: u
+	});
+}
+function makeHmrUpdate(s) {
+	return {
+		type: "js-update",
+		path: s.url,
+		acceptedPath: s.url,
+		timestamp: Date.now()
+	};
+}
 //#endregion
-export { require_picocolors_browser as i, tdContext as n, logger as r, TypedownContext as t };
+export { logger as a, getTdContext as i, generateAppEntry as n, require_picocolors_browser as o, generateSsrEntry as r, typedown as t };

package/dist/vite.js

@@ -1,3 +1,3 @@
-import { t as e } from "./vite-CrIemqE7.js";
-import "./plugin-t6FyO8wM.js";
+import { t as e } from "./vite-Di36EFu3.js";
+import "./plugin-DStheS2n.js";
 export { e as typedown };

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package",
   "name": "typerighter",
-  "version": "0.1.5",
+  "version": "0.2.0",
   "description": "Typedown: A typed content framework.",
   "repository": {
     "type": "git",
@@ -10,7 +10,7 @@
   },
   "type": "module",
   "bin": {
-    "typedown": "./bin/typedown.js"
+    "typerighter": "./bin/typerighter.js"
   },
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -74,12 +74,10 @@
     "picocolors": "^1.1.1",
     "shiki": "^4.3.1",
     "tailwindcss": "^4.3.3",
-    "@typerighter/rpc-client": "0.1.5",
-    "@typerighter/rpc-server": "0.1.5"
-  },
-  "peerDependencies": {
     "vite": "^6.0.0 || ^7.0.0 || ^8.0.0",
-    "vue": "^3.0.0"
+    "vue": "^3.0.0",
+    "@typerighter/rpc-client": "0.2.0",
+    "@typerighter/rpc-server": "0.2.0"
   },
   "devDependencies": {
     "@hdnax/nuclint": "^0.17.4",
@@ -88,7 +86,6 @@
     "@types/markdown-it-emoji": "^3.0.1",
     "@types/node": "~24.13.3",
     "typescript": "^6.0.3",
-    "vite": "^8.0.16",
     "vitest": "^4.1.5"
   },
   "scripts": {

package/dist/brand-DSd9HWVy.js

@@ -1,19 +0,0 @@
-//#region src/shared/utils/content.ts
-function e(e) {
-	return n(e.header, e.path);
-}
-function t(e) {
-	return "/" + e.path.replace(/\.td$/, "");
-}
-function n(e, t) {
-	return e._label === void 0 ? e.name === void 0 ? r(t.replace(/\.td$/, "").split("/").pop() ?? "") : String(e.name) : String(e._label);
-}
-function r(e) {
-	let t = e.replace(/[-_]/g, " ").split(" ");
-	return 0 < t.length && (t[0] = t[0].charAt(0).toUpperCase() + t[0].slice(1)), t.join(" ");
-}
-//#endregion
-//#region src/shared/brand.ts
-var i = "m15 10c-2.7614 0-5 2.2386-5 5v98c0 2.761 2.2386 5 5 5h178c2.761 0 5-2.239 5-5v-98c0-2.7614-2.239-5-5-5zm-15 5c0-8.28427 6.71573-15 15-15h178c8.284 0 15 6.71573 15 15v98c0 8.284-6.716 15-15 15h-178c-8.28427 0-15-6.716-15-15z", a = "M30 30h70v16h-27v52h-16v-52h-27z", o = "m155 98-30-33h20v-35h20v35h20z", s = "0 0 208 128", c = "#a0522d", l = `<svg fill='none' viewBox='${s}' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='${i}' fill-rule='evenodd' fill='${c}'/><path d='${a}' fill='${c}'/><path d='${o}' fill='${c}'/></svg>`, u = `data:image/svg+xml,${encodeURIComponent(l)}`;
-//#endregion
-export { s as a, n as c, a as i, i as n, e as o, u as r, t as s, o as t };

package/dist/cli-2dHfEihR.js

@@ -1,158 +0,0 @@
-import { r as e } from "./rolldown-runtime-Dqa2HsxW.js";
-import { i as t, r as n } from "./typedown-context-C5kvAxE0.js";
-import { n as r, r as i, t as a } from "./vite-CrIemqE7.js";
-import { n as o } from "./html-cZxXrc6x.js";
-import s from "node:path";
-import c from "node:fs/promises";
-import l from "node:os";
-import { build as u, createLogger as d, createServer as f } from "vite";
-//#region src/node/build/render.ts
-var p = /* @__PURE__ */ e(t(), 1);
-async function m(e) {
-	let t = await import(e.ssrEntryPath), { clientEntry: n, cssFiles: r, jsFiles: i } = await h(e.clientOutDir);
-	for (let a = 0; a < e.pagePaths.length; a += 8) {
-		let l = e.pagePaths.slice(a, a + 8);
-		await Promise.all(l.map(async (a) => {
-			let l = await t.render(a), u = o({
-				content: l.html,
-				title: l.pageData.title,
-				description: l.pageData.frontmatter.description === void 0 ? "" : String(l.pageData.frontmatter.description),
-				clientEntry: n,
-				cssFiles: r,
-				jsFiles: i,
-				base: e.base
-			}), d = a === "/" ? "index.html" : `${a.replace(/^\//, "")}.html`, f = s.join(e.outDir, d);
-			await c.mkdir(s.dirname(f), { recursive: !0 }), await c.writeFile(f, u);
-		}));
-	}
-}
-async function h(e) {
-	let t = s.join(e, "assets"), n = [], r = await c.readdir(t).catch(() => n), i = [], a = [], o = "";
-	for (let e of r) e.endsWith(".css") ? i.push(`assets/${e}`) : e.endsWith(".js") && (e.startsWith("client-entry") || e.startsWith("index") ? o = `assets/${e}` : a.push(`assets/${e}`));
-	return !o && a.length > 0 && (o = a[0], a.splice(0, 1)), {
-		clientEntry: o,
-		cssFiles: i,
-		jsFiles: a
-	};
-}
-//#endregion
-//#region src/node/build/index.ts
-var g = "typerighter/client/theme-default";
-async function _(e) {
-	let t = s.resolve(e.root), a = s.resolve(t, e.outDir ?? "dist"), o = e.base ?? "/", d = s.join(a, ".client"), f = s.join(a, ".server"), { tdContext: p } = await import("./typedown-context-uGzfOyIE.js"), [h, _, y] = await Promise.all([
-		p.getConfig(),
-		p.listFiles(),
-		p.listFilesGroupedBySchema()
-	]), b = _.some((e) => e === "index.td"), x = JSON.stringify({
-		title: h.siteTitle,
-		description: h.siteDescription
-	}), S = JSON.stringify({ sidebarGroups: y }), C = await c.mkdtemp(s.join(l.tmpdir(), "typerighter-")), w = s.join(C, "client-entry.js"), T = s.join(C, "ssr-entry.js");
-	await Promise.all([c.writeFile(w, r({
-		contentDir: h.contentDir,
-		siteTitle: h.siteTitle,
-		siteDescription: h.siteDescription,
-		hasIndex: b,
-		sidebarGroups: y
-	})), c.writeFile(T, i({
-		contentDir: h.contentDir,
-		layoutImport: g,
-		siteConfig: x,
-		siteData: S
-	}))]);
-	try {
-		n.info("Phase 1: Building client bundle..."), await u({
-			...e.viteConfig,
-			root: t,
-			base: o,
-			build: {
-				...e.viteConfig?.build,
-				outDir: d,
-				ssrManifest: !0,
-				emptyOutDir: !0,
-				rollupOptions: {
-					...e.viteConfig?.build?.rollupOptions,
-					input: w
-				}
-			}
-		}), n.info("Phase 2: Building SSR bundle..."), await u({
-			...e.viteConfig,
-			root: t,
-			base: o,
-			build: {
-				...e.viteConfig?.build,
-				outDir: f,
-				ssr: T,
-				emptyOutDir: !0
-			}
-		}), n.info("Phase 3: Pre-rendering pages...");
-		let r = _.map((e) => {
-			let t = e.replace(/\.td$/, "");
-			return t === "index" ? "/" : `/${t}`;
-		});
-		await m({
-			ssrEntryPath: s.join(f, "ssr-entry.js"),
-			clientOutDir: d,
-			outDir: a,
-			base: o,
-			pagePaths: r
-		});
-		let i = s.join(d, "assets"), l = s.join(a, "assets");
-		await c.cp(i, l, { recursive: !0 }).catch(() => {}), await v(s.join(t, h.contentDir), a);
-	} finally {
-		await Promise.all([
-			c.rm(C, {
-				recursive: !0,
-				force: !0
-			}),
-			c.rm(d, {
-				recursive: !0,
-				force: !0
-			}),
-			c.rm(f, {
-				recursive: !0,
-				force: !0
-			})
-		]);
-	}
-	n.info(`Build complete. Output: ${a}`);
-}
-async function v(e, t) {
-	let n = (await c.readdir(e, {
-		recursive: !0,
-		withFileTypes: !0
-	})).filter((e) => e.isFile() && !e.name.endsWith(".td")).map((n) => {
-		let r = s.join(n.parentPath, n.name), i = s.relative(e, r), a = s.join(t, i);
-		return c.mkdir(s.dirname(a), { recursive: !0 }).then(() => c.copyFile(r, a));
-	});
-	await Promise.all(n);
-}
-//#endregion
-//#region src/node/cli/index.ts
-async function y() {
-	let e = process.argv.slice(2), t = e[0], n = e[1] ?? process.cwd();
-	try {
-		if (!t || t === "dev") {
-			let e = await f({
-				root: n,
-				configFile: !1,
-				plugins: [a()]
-			});
-			await e.listen(), e.printUrls();
-		} else if (t === "build") await _({ root: n });
-		else if (t === "init") {
-			let { initialize: e } = await import("./init-fZWFQnOM.js");
-			await e(n);
-		} else if (t === "preview") {
-			let { preview: e } = await import("vite");
-			(await e({ root: n })).printUrls();
-		} else b(`unknown command "${t}".`);
-	} catch (e) {
-		b(`${t ?? "dev"} error:`, e);
-	}
-}
-function b(e, t) {
-	let n = d(), r = [p.default.red(e)];
-	t instanceof Error && (r.push(t.message), t.stack && r.push(t.stack)), n.error(r.join("\n")), process.exit(1);
-}
-//#endregion
-export { _ as n, y as t };

package/dist/html-cZxXrc6x.js

@@ -1,24 +0,0 @@
-//#region src/node/build/html.ts
-function e(e) {
-	let n = e.cssFiles.map((t) => `    <link rel="stylesheet" href="${e.base}${t}">`).join("\n"), r = e.jsFiles.map((t) => `    <link rel="modulepreload" href="${e.base}${t}">`).join("\n");
-	return `<!DOCTYPE html>
-<html lang="${e.lang ?? "en"}">
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>${t(e.title)}</title>
-    <meta name="description" content="${t(e.description)}">
-${n}
-${r}
-  </head>
-  <body>
-    <div id="app">${e.content}</div>
-    <script type="module" src="${e.base}${e.clientEntry}"><\/script>
-  </body>
-</html>`;
-}
-function t(e) {
-	return e.replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
-}
-//#endregion
-export { e as n, t };

package/dist/plugin-t6FyO8wM.js

@@ -1 +0,0 @@
-import "./vite-CrIemqE7.js";

package/dist/rolldown-runtime-Dqa2HsxW.js

@@ -1,20 +0,0 @@
-//#region \0rolldown/runtime.js
-var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, n) => {
-	let r = {};
-	for (var i in e) t(r, i, {
-		get: e[i],
-		enumerable: !0
-	});
-	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
-}, c = (e, i, o, s) => {
-	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
-		get: ((e) => i[e]).bind(null, d),
-		enumerable: !(s = n(i, d)) || s.enumerable
-	});
-	return e;
-}, l = (n, r, a) => (a = n == null ? {} : e(i(n)), c(r || !n || !n.__esModule ? t(a, "default", {
-	value: n,
-	enumerable: !0
-}) : a, n));
-//#endregion
-export { s as n, l as r, o as t };

package/dist/typedown-context-uGzfOyIE.js

@@ -1,2 +0,0 @@
-import { n as e } from "./typedown-context-C5kvAxE0.js";
-export { e as tdContext };