{children}

\n \n \n \n);\n\n// --- Pages ------------------------------------------------------------\n\nconst indexMd = `---\ntitle: Home\n---\n# Welcome to My Site\n\nThis is a static site generated from **markdown** using \\`vt-ssg\\`.\n\nEach page is a markdown string with YAML frontmatter, rendered through a\nshared Hono JSX layout, and written as a static HTML file into this val.\n`;\n\nconst aboutMd = `---\ntitle: About\n---\n# About\n\nThis site demonstrates the **markdown-first** pattern of \\`vt-ssg\\`:\n\n1. Define your pages as markdown strings (or read them from files/blobs)\n2. Pass them to \\`renderToFiles()\\` with a shared layout\n3. The output HTML files are written into the val via the API\n4. Serve them with \\`staticHTTPServer()\\`\n`;\n\nconst blogPostMd = `---\ntitle: Hello World\ndate: 2026-04-04\nauthor: nbbaier\n---\n# Hello World\n\nThis is the first blog post. It supports all the usual markdown features:\n\n## Code blocks\n\n\\`\\`\\`ts\nconst greeting = \"Hello from vt-ssg!\";\nconsole.log(greeting);\n\\`\\`\\`\n\n## Lists\n\n- Markdown parsing via **marked**\n- Frontmatter via **gray-matter**\n- Layouts via **Hono JSX**\n- File writing via **Val Town API**\n\n## Emphasis\n\nThis is *italic*, this is **bold**, and this is \\`inline code\\`.\n`;\n\n// --- Build ------------------------------------------------------------\n\nconsole.log(\"Building site...\");\n\nconst results = await renderToFiles({\n pages: [\n { path: \"index.html\", markdown: indexMd },\n { path: \"about.html\", markdown: aboutMd },\n { path: \"blog/hello-world.html\", markdown: blogPostMd },\n ],\n layout: SiteLayout,\n dir: \"static\",\n fs: { callerUrl: import.meta.url },\n});\n\nfor (const r of results) {\n console.log(\n ` ${r.success ? \"✅\" : \"❌\"} ${r.path}${r.error ? ` — ${r.error}` : \"\"}`,\n );\n}\n\nconsole.log(\"Done!\");",[],[166,196],[166],{"_108":205,"_99":206,"_167":207,"_169":-5,"_170":150,"_171":189,"_173":174,"_110":208,"_105":33,"_176":177,"_178":-5,"_179":22,"_180":-5,"_181":209,"_103":243},"4d447876-2fd0-11f1-85ac-42dde27851f2","output","019d5661-5329-75fe-9f7e-3ce8ccc2ad1a",["D",1775270712111],[210,219,227,235],{"_108":211,"_99":212,"_167":213,"_169":207,"_170":150,"_171":189,"_173":174,"_110":214,"_105":33,"_176":215,"_178":216,"_179":22,"_180":-5,"_181":217,"_103":218},"4d445f26-2fd0-11f1-85ac-42dde27851f2","html1.html","019d5661-5329-75fe-9f7e-2c34a80d2206",["D",1775270712111],"file","\n\n \n \n \n My First Post\n \n \n

Hello World

This is bold and this is italic.

Item 1
Item 2

\n \n",[],[206,212],{"_108":220,"_99":221,"_167":222,"_169":207,"_170":150,"_171":189,"_173":174,"_110":223,"_105":33,"_176":215,"_178":224,"_179":22,"_180":-5,"_181":225,"_103":226},"4d446bec-2fd0-11f1-85ac-42dde27851f2","html2.html","019d5661-5329-75fe-9f7e-327d7e79f5b8",["D",1775270712111],"\n\n Custom Layout Test | My Blog\n \n

Custom Layout Test

Sat Apr 04 2026 00:00:00 GMT+0000\n (Coordinated Universal Time)

Some content here.

\n \n \n",[],[206,221],{"_108":228,"_99":229,"_167":230,"_169":207,"_170":150,"_171":189,"_173":174,"_110":231,"_105":33,"_176":215,"_178":232,"_179":22,"_180":-5,"_181":233,"_103":234},"4d447088-2fd0-11f1-85ac-42dde27851f2","html3.html","019d5661-5329-75fe-9f7e-35ab6dc1afef",["D",1775270712111],"\n\n \n \n \n \n \n \n

No Frontmatter

Just plain markdown.

\n \n",[],[206,229],{"_108":236,"_99":237,"_167":238,"_169":207,"_170":150,"_171":189,"_173":174,"_110":239,"_105":33,"_176":215,"_178":240,"_179":22,"_180":-5,"_181":241,"_103":242},"4d447588-2fd0-11f1-85ac-42dde27851f2","html4.html","019d5661-5329-75fe-9f7e-3ae4529f02ff",["D",1775270712111],"\n\n \n \n \n Props Test\n \n \n

Content.

\n \n",[],[206,237],[206],{"_108":245,"_99":246,"_167":247,"_169":-5,"_170":150,"_171":149,"_173":174,"_110":248,"_105":33,"_176":177,"_178":-5,"_179":22,"_180":-5,"_181":249,"_103":281},"a5aa741e-2fd2-11f1-8629-42dde27851f2","static","019d5670-b1df-7611-8783-15c466dfafac",["D",1775271719393],[250,265,273],{"_108":251,"_99":252,"_167":253,"_169":247,"_170":150,"_171":149,"_173":174,"_110":254,"_105":33,"_176":177,"_178":-5,"_179":22,"_180":-5,"_181":255,"_103":264},"a5aa770c-2fd2-11f1-8629-42dde27851f2","blog","019d5670-b1df-7611-8783-19ba452066bc",["D",1775271719393],[256],{"_108":257,"_99":258,"_167":259,"_169":253,"_170":150,"_171":149,"_173":174,"_110":260,"_105":33,"_176":215,"_178":261,"_179":22,"_180":-5,"_181":262,"_103":263},"a5aa5d58-2fd2-11f1-8629-42dde27851f2","hello-world.html","a5aa5dee-2fd2-11f1-8629-42dde27851f2",["D",1775271719393],"\n\n \n \n \n Hello World — My Site\n \n \n \n \n

Hello World

\n This is the first blog post. It supports all the usual markdown\n features:\n

Code blocks

\nconst greeting = "Hello from vt-ssg!";\nconsole.log(greeting);\n

Lists

Markdown parsing via marked
Frontmatter via gray-matter
Layouts via Hono JSX
File writing via Val Town API

Emphasis

\n This is italic, this is bold, and this is\n inline code.\n

\n \n \n",[],[246,252,258],[246,252],{"_108":266,"_99":267,"_167":268,"_169":247,"_170":150,"_171":149,"_173":174,"_110":269,"_105":33,"_176":215,"_178":270,"_179":22,"_180":-5,"_181":271,"_103":272},"a5aa342c-2fd2-11f1-8629-42dde27851f2","about.html","a5aa34d6-2fd2-11f1-8629-42dde27851f2",["D",1775271719393],"\nAbout — My Site

About

This site demonstrates the markdown-first pattern of vt-ssg:

Define your pages as markdown strings (or read them from files/blobs)
Pass them to renderToFiles() with a shared layout
The output HTML files are written into the val via the API
Serve them with staticHTTPServer()

",[],[246,267],{"_108":274,"_99":275,"_167":276,"_169":247,"_170":150,"_171":149,"_173":174,"_110":277,"_105":33,"_176":215,"_178":278,"_179":22,"_180":-5,"_181":279,"_103":280},"a5aa6b04-2fd2-11f1-8629-42dde27851f2","index.html","a5aa6b90-2fd2-11f1-8629-42dde27851f2",["D",1775271719393],"\nHome — My Site

Welcome to My Site

This is a static site generated from markdown using vt-ssg.

Each page is a markdown string with YAML frontmatter, rendered through a\nshared Hono JSX layout, and written as a static HTML file into this val.

",[],[246,275],[246],{"_108":283,"_99":284,"_167":285,"_169":-5,"_170":150,"_171":286,"_173":174,"_110":287,"_105":189,"_176":215,"_178":288,"_179":22,"_180":-5,"_181":289,"_103":290},"d65ca43e-2fd1-11f1-986e-42dde27851f2","README.md","019d5661-5329-75fe-9f7e-43cd2f001479",7,["D",1775271371610],"# vt-ssg\n\nA lightweight static site generator for Val Town. Takes a markdown string and a JSX layout template, returns an HTML string. Includes a Hono-compatible `FileSystemModule` for writing output files directly into a val via the API.\n\n**Stack:** [marked](https://marked.js.org/) · [gray-matter](https://github.com/jonschlinkert/gray-matter) · [Hono JSX](https://hono.dev/docs/guides/jsx)\n\n## Quick Start\n\n```tsx\n/** @jsxImportSource npm:hono@4/jsx */\nimport { render } from \"https://esm.town/v/nbbaier/vt-ssg/main.tsx\";\n\nconst html = await render({\n markdown: `---\ntitle: Hello World\ndate: 2026-04-04\n---\n# Hello\n\nSome **markdown** content.`,\n});\n\n// html is a complete HTML string with \n```\n\n## Custom Layout\n\nPass a Hono JSX component as the `layout` option. It receives `title`, `content` (rendered HTML), and the full `frontmatter` object as props.\n\n```tsx\n/** @jsxImportSource npm:hono@4/jsx */\nimport { render } from \"https://esm.town/v/nbbaier/vt-ssg/main.tsx\";\nimport type { LayoutComponent } from \"https://esm.town/v/nbbaier/vt-ssg/types.ts\";\n\nconst BlogLayout: LayoutComponent = ({ title, content, frontmatter }) => (\n \n \n {title} | My Blog\n \n \n \n

{title}

\n {String(frontmatter.date)}\n

\n \n \n \n);\n\nconst html = await render({\n markdown: source,\n layout: BlogLayout,\n layoutProps: { theme: \"dark\" },\n});\n```\n\n## Batch Render + Write Files\n\nUse `renderToFiles` to render multiple pages and write them as static HTML files into a val via the API. Requires a `VT_WRITE_TOKEN` env var with write permissions.\n\n```tsx\n/** @jsxImportSource npm:hono@4/jsx */\nimport { renderToFiles } from \"https://esm.town/v/nbbaier/vt-ssg/main.tsx\";\n\nconst results = await renderToFiles({\n pages: [\n { path: \"index.html\", markdown: indexMd },\n { path: \"about.html\", markdown: aboutMd, layout: BlogLayout },\n { path: \"blog/post-1.html\", markdown: post1Md },\n ],\n layout: DefaultBlogLayout, // shared layout (pages can override)\n dir: \"static\", // output directory (default: \"static\")\n fs: { callerUrl: import.meta.url },\n});\n\n// results: [{ path: \"static/index.html\", success: true }, ...]\n```\n\n## Drop-in with Hono's `toSSG`\n\nThe `createValTownFS` function returns a Hono-compatible `FileSystemModule`, so you can use it directly with [Hono's SSG helper](https://hono.dev/docs/helpers/ssg):\n\n```ts\nimport { Hono } from \"npm:hono@4\";\nimport { toSSG } from \"npm:hono@4/ssg\";\nimport { createValTownFS } from \"https://esm.town/v/nbbaier/vt-ssg/fs.ts\";\n\nconst app = new Hono();\napp.get(\"/\", (c) => c.html(\"

Home

\"));\napp.get(\"/about\", (c) => c.html(\"

About

\"));\n\nconst fs = createValTownFS({ callerUrl: import.meta.url });\nconst result = await toSSG(app, fs, { dir: \"./static\" });\n// Writes static/index.html and static/about.html into the val\n```\n\n## API Reference\n\n### `render(options: RenderOptions): Promise`\n\n| Option | Type | Required | Description |\n|---|---|---|---|\n| `markdown` | `string` | ✅ | Raw markdown string, optionally with YAML frontmatter |\n| `layout` | `LayoutComponent` | ❌ | Hono JSX component. Defaults to a minimal HTML shell. |\n| `layoutProps` | `Record` | ❌ | Extra props merged into the layout props |\n| `markedOptions` | `MarkedOptions` | ❌ | Options passed to [marked](https://marked.js.org/). GFM enabled by default. |\n\n### `renderToFiles(options: RenderToFilesOptions): Promise`\n\n| Option | Type | Required | Description |\n|---|---|---|---|\n| `pages` | `PageInput[]` | ✅ | Array of pages to render (each has `path`, `markdown`, optional `layout`/`layoutProps`) |\n| `fs` | `ValTownFSOptions` | ✅ | FS config: `{ callerUrl: import.meta.url }` (or `valId`/`token`) |\n| `layout` | `LayoutComponent` | ❌ | Shared layout for all pages (individual pages can override) |\n| `layoutProps` | `Record` | ❌ | Shared extra layout props |\n| `markedOptions` | `MarkedOptions` | ❌ | Options passed to marked |\n| `dir` | `string` | ❌ | Output directory prefix. Defaults to `\"static\"`. |\n\n### `createValTownFS(options: ValTownFSOptions): FileSystemModule`\n\n| Option | Type | Required | Description |\n|---|---|---|---|\n| `callerUrl` | `string` | ✅ | Pass `import.meta.url` to target the calling val |\n| `valId` | `string` | ❌ | Target val ID. Takes precedence over `callerUrl`. |\n| `token` | `string` | ❌ | API token. Defaults to `VT_WRITE_TOKEN` env var. |\n\n### `LayoutProps`\n\n| Prop | Type | Description |\n|---|---|---|\n| `title` | `string` | Extracted from `frontmatter.title`, or `\"\"` |\n| `content` | `string` | Rendered HTML from the markdown body |\n| `frontmatter` | `Record` | Full parsed frontmatter object |\n| `...layoutProps` | `unknown` | Any extra props from `layoutProps` |\n\n## Architecture\n\n```mermaid\nflowchart LR\n A[\"Markdown string\"] --> B[\"frontmatter.ts\\ngray-matter\"]\n B --> C[\"YAML data\"]\n B --> D[\"Markdown body\"]\n D --> E[\"markdown.ts\\nmarked\"]\n E --> F[\"HTML string\"]\n C --> G[\"main.tsx\\nrender()\"]\n F --> G\n H[\"Layout JSX\"] --> G\n I[\"layoutProps\"] --> G\n G --> J[\"Full HTML page\"]\n J --> K[\"fs.ts\\nValTownFS\"]\n K --> L[\"Val Town API\\nwriteFile\"]\n L --> M[\"Static files\\nin val\"]\n```\n\n## File Structure\n\n```\nmain.tsx — Public API: render() + renderToFiles()\ntypes.ts — TypeScript type definitions\nfs.ts — Hono-compatible FileSystemModule for Val Town\nfrontmatter.ts — gray-matter wrapper\nmarkdown.ts — marked wrapper\ndefaults.tsx — Default HTML layout component\ntest.tsx — Test script\nserve.tsx — Static file server (for serving generated output)\n```\n",[],[284],{"_108":292,"_99":293,"_167":294,"_169":-5,"_170":150,"_171":189,"_173":174,"_110":295,"_105":33,"_176":190,"_178":296,"_179":22,"_180":-5,"_181":297,"_103":298},"4d448fbe-2fd0-11f1-85ac-42dde27851f2","defaults.tsx","019d5661-5329-75fe-9f7e-462e9ec015d8",["D",1775270712111],"/** @jsxImportSource npm:hono@4/jsx */\nimport type { LayoutProps } from \"./types.ts\";\n\n/**\n * Default HTML layout component.\n * Renders a minimal but complete HTML document shell.\n */\nexport function DefaultLayout({ title, content }: LayoutProps) {\n return (\n \n \n \n \n {title}\n \n \n

\n \n \n );\n}\n",[],[293],{"_108":300,"_99":301,"_167":302,"_169":-5,"_170":150,"_171":189,"_173":174,"_110":303,"_105":33,"_176":190,"_178":304,"_179":22,"_180":-5,"_181":305,"_103":306},"4d449a7c-2fd0-11f1-85ac-42dde27851f2","frontmatter.ts","019d5661-5329-75fe-9f7e-4a5ab068244c",["D",1775270712111],"import matter from \"npm:gray-matter\";\nimport type { Frontmatter } from \"./types.ts\";\n\nexport type FrontmatterResult = {\n /** Parsed YAML frontmatter as a plain object */\n data: Frontmatter;\n /** Markdown body with frontmatter stripped */\n content: string;\n};\n\n/**\n * Parse YAML frontmatter from a raw markdown string.\n *\n * @example\n * ```ts\n * const { data, content } = parseFrontmatter(`---\n * title: Hello\n * ---\n * # Hello World`);\n * // data = { title: \"Hello\" }\n * // content = \"# Hello World\"\n * ```\n */\nexport function parseFrontmatter(raw: string): FrontmatterResult {\n const { data, content } = matter(raw);\n return { data, content };\n}\n",[],[301],{"_108":308,"_99":309,"_167":310,"_169":-5,"_170":150,"_171":311,"_173":174,"_110":312,"_105":33,"_176":190,"_178":313,"_179":22,"_180":-5,"_181":314,"_103":315},"95040a0e-2fd1-11f1-a511-42dde27851f2","fs.ts","95040ae0-2fd1-11f1-a511-42dde27851f2",2,["D",1775271261985],"import { writeFile } from \"https://esm.town/v/nbbaier/writeFile/index.ts\";\nimport type { FileSystemModule } from \"npm:hono@4/ssg\";\n\nexport type ValTownFSOptions = {\n /** The calling val's URL. Pass `import.meta.url` to target the calling val. */\n callerUrl: string;\n /** Optional val ID. Takes precedence over callerUrl if provided. */\n valId?: string;\n /** Optional API token. Defaults to VT_WRITE_TOKEN env var. */\n token?: string;\n};\n\n/**\n * Create a Hono-compatible FileSystemModule that writes files into a\n * Val Town val via the API.\n *\n * `mkdir` is a no-op — Val Town creates intermediate directories\n * automatically when files are created at nested paths.\n *\n * @example Drop-in with Hono's toSSG\n * ```ts\n * import { toSSG } from \"npm:hono@4/ssg\";\n * import { createValTownFS } from \"https://esm.town/v/nbbaier/vt-ssg/fs.ts\";\n *\n * const fs = createValTownFS({ callerUrl: import.meta.url });\n * await toSSG(app, fs, { dir: \"./static\" });\n * ```\n *\n * @example Standalone usage\n * ```ts\n * const fs = createValTownFS({ callerUrl: import.meta.url });\n * await fs.writeFile(\"static/index.html\", \"

Hello

\");\n * ```\n */\nexport function createValTownFS(options: ValTownFSOptions): FileSystemModule {\n const { callerUrl, valId, token } = options;\n\n return {\n async writeFile(path: string, data: string | Uint8Array): Promise {\n // Normalize path — strip leading ./ if present\n const normalizedPath = path.replace(/^\\.\\//, \"\");\n\n const content = typeof data === \"string\"\n ? data\n : new TextDecoder().decode(data);\n\n const result = await writeFile({\n path: normalizedPath,\n content,\n type: \"file\",\n callerUrl,\n ...(valId ? { valId } : {}),\n ...(token ? { token } : {}),\n });\n\n if (!result.success) {\n throw new Error(\n `Failed to write ${normalizedPath}: ${(result as { error: string }).error}`,\n );\n }\n },\n\n async mkdir(\n _path: string,\n _options: { recursive: boolean },\n ): Promise {\n // No-op: Val Town creates directories automatically\n return;\n },\n };\n}\n",[],[309],{"_108":317,"_99":275,"_167":318,"_169":-5,"_170":150,"_171":189,"_173":174,"_110":319,"_105":33,"_176":215,"_178":320,"_179":22,"_180":-5,"_181":321,"_103":322},"4d449fb8-2fd0-11f1-85ac-42dde27851f2","019d5661-5329-75fe-9f7e-4c3d1078e39d",["D",1775270712111],"\n\n \n Hi there!\n \n \n \n\n \n \n\n \n \n\n \n \n \n \n

Hi there!

\n\n

\n I'm your cool new webpage. Made with Val Town!\n

\n \n",[],[275],{"_108":324,"_99":325,"_167":326,"_169":-5,"_170":150,"_171":327,"_173":174,"_110":328,"_105":329,"_176":190,"_178":330,"_179":22,"_180":-5,"_181":331,"_103":332},"6697be94-2fd2-11f1-9b17-42dde27851f2","main.tsx","019d5661-5329-75fe-9f7e-518c218dbec5",14,["D",1775271613578],3,"/** @jsxImportSource npm:hono@4/jsx */\nimport { parseFrontmatter } from \"./frontmatter.ts\";\nimport { parseMarkdown } from \"./markdown.ts\";\nimport { DefaultLayout } from \"./defaults.tsx\";\nimport { createValTownFS } from \"./fs.ts\";\nimport type {\n LayoutProps,\n PageResult,\n RenderOptions,\n RenderToFilesOptions,\n} from \"./types.ts\";\n\n// Re-export types and fs for consumer convenience\nexport type {\n Frontmatter,\n LayoutComponent,\n LayoutProps,\n PageInput,\n PageResult,\n RenderOptions,\n RenderToFilesOptions,\n} from \"./types.ts\";\nexport { createValTownFS } from \"./fs.ts\";\nexport type { ValTownFSOptions } from \"./fs.ts\";\n\n/**\n * Render a markdown string with an optional JSX layout into a full HTML string.\n *\n * @example\n * ```tsx\n * import { render } from \"https://esm.town/v/nbbaier/vt-ssg/main.tsx\";\n *\n * const html = await render({\n * markdown: `---\n * title: Hello\n * ---\n * # Hello World`,\n * });\n * ```\n *\n * @example With a custom layout\n * ```tsx\n * const html = await render({\n * markdown: source,\n * layout: MyLayout,\n * layoutProps: { nav: [\"Home\", \"About\"] },\n * });\n * ```\n */\nexport async function render(options: RenderOptions): Promise {\n const { markdown, layout, layoutProps = {}, markedOptions } = options;\n\n // 1. Parse frontmatter\n const { data: frontmatter, content: markdownBody } = parseFrontmatter(\n markdown,\n );\n\n // 2. Convert markdown body to HTML\n const content = await parseMarkdown(markdownBody, markedOptions);\n\n // 3. Build layout props\n const title = typeof frontmatter.title === \"string\" ? frontmatter.title : \"\";\n const props: LayoutProps = {\n title,\n content,\n frontmatter,\n ...layoutProps,\n };\n\n // 4. Render JSX layout to string\n const Layout = layout ?? DefaultLayout;\n const element = ;\n const html = element.toString();\n\n // 5. Prepend doctype if the layout renders an root\n if (html.trimStart().startsWith(\"\\n${html}`;\n }\n\n return html;\n}\n\n/**\n * Render multiple markdown pages and write them as static HTML files\n * into a Val Town val via the API.\n *\n * @example\n * ```tsx\n * import { renderToFiles } from \"https://esm.town/v/nbbaier/vt-ssg/main.tsx\";\n *\n * const results = await renderToFiles({\n * pages: [\n * { path: \"index.html\", markdown: indexMd },\n * { path: \"about.html\", markdown: aboutMd, layout: BlogLayout },\n * ],\n * fs: { callerUrl: import.meta.url },\n * });\n * ```\n *\n * @example With Hono's toSSG (drop-in FileSystemModule)\n * ```ts\n * import { toSSG } from \"npm:hono@4/ssg\";\n * import { createValTownFS } from \"https://esm.town/v/nbbaier/vt-ssg/fs.ts\";\n *\n * const fs = createValTownFS({ callerUrl: import.meta.url });\n * await toSSG(app, fs, { dir: \"./static\" });\n * ```\n */\nexport async function renderToFiles(\n options: RenderToFilesOptions,\n): Promise {\n const {\n pages,\n layout: sharedLayout,\n layoutProps: sharedLayoutProps = {},\n markedOptions,\n dir = \"static\",\n fs: fsOptions,\n } = options;\n\n const fs = createValTownFS(fsOptions);\n const results: PageResult[] = [];\n\n for (const page of pages) {\n const outputPath = `${dir}/${page.path}`.replace(/\\/+/g, \"/\");\n\n try {\n // Render markdown to HTML\n const html = await render({\n markdown: page.markdown,\n layout: page.layout ?? sharedLayout,\n layoutProps: { ...sharedLayoutProps, ...page.layoutProps },\n markedOptions,\n });\n\n // Write to val via API\n await fs.writeFile(outputPath, html);\n\n results.push({ path: outputPath, success: true });\n } catch (err) {\n results.push({\n path: outputPath,\n success: false,\n error: err instanceof Error ? err.message : String(err),\n });\n }\n }\n\n return results;\n}",[],[325],{"_108":334,"_99":335,"_167":336,"_169":-5,"_170":150,"_171":189,"_173":174,"_110":337,"_105":33,"_176":190,"_178":338,"_179":22,"_180":-5,"_181":339,"_103":340},"4d44af1c-2fd0-11f1-85ac-42dde27851f2","markdown.ts","019d5661-5329-75fe-9f7e-57093a147996",["D",1775270712111],"import { marked, type MarkedOptions } from \"npm:marked\";\n\n/** Default marked options — GFM enabled */\nconst defaults: MarkedOptions = {\n gfm: true,\n};\n\n/**\n * Parse a markdown string into an HTML string using `marked`.\n *\n * @param md - Markdown source (frontmatter should already be stripped)\n * @param options - Optional marked configuration. Merged with defaults (GFM on).\n * @returns Rendered HTML string\n */\nexport async function parseMarkdown(\n md: string,\n options?: MarkedOptions,\n): Promise {\n const merged = { ...defaults, ...options };\n const html = await marked(md, merged);\n return html;\n}\n",[],[335],{"_108":342,"_99":104,"_167":343,"_169":-5,"_170":150,"_171":189,"_173":174,"_110":344,"_105":33,"_176":345,"_178":346,"_179":22,"_180":-5,"_181":347,"_103":348},"4d44b5e8-2fd0-11f1-85ac-42dde27851f2","019d5661-5329-75fe-9f7e-5d62cadb44c4",["D",1775270712111],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[],[104],{"_108":350,"_99":351,"_167":352,"_169":-5,"_170":150,"_171":353,"_173":174,"_110":354,"_105":189,"_176":190,"_178":355,"_179":22,"_180":-5,"_181":356,"_103":357},"af8b3a0a-2fd1-11f1-986e-42dde27851f2","test.tsx","019d5661-5329-75fe-9f7e-630093902ffe",6,["D",1775271306225],"/** @jsxImportSource npm:hono@4/jsx */\nimport { render, renderToFiles } from \"./main.tsx\";\nimport type { LayoutProps, LayoutComponent } from \"./types.ts\";\n\n// ============================================================\n// Test 1: render() with default layout\n// ============================================================\nconst html1 = await render({\n markdown: `---\ntitle: My First Post\ndate: 2026-04-04\n---\n# Hello World\n\nThis is **bold** and this is _italic_.\n\n- Item 1\n- Item 2\n`,\n});\n\nconsole.log(\"=== Test 1: Default layout ===\");\nconsole.log(html1.slice(0, 200) + \"...\");\nconsole.log(\"✅ Starts with DOCTYPE:\", html1.startsWith(\"\"));\nconsole.log(\"✅ Has title:\", html1.includes(\"My First Post\"));\nconsole.log();\n\n// ============================================================\n// Test 2: render() with custom layout\n// ============================================================\nconst CustomLayout: LayoutComponent = ({ title, content, frontmatter }) => (\n \n \n {title} | My Blog\n \n \n

\n \n

{title}

\n \n \n \n);\n\nconst html2 = await render({\n markdown: `---\ntitle: Custom Layout Test\n---\nSome **content** here.`,\n layout: CustomLayout,\n});\n\nconsole.log(\"=== Test 2: Custom layout ===\");\nconsole.log(\"✅ Has custom title:\", html2.includes(\"Custom Layout Test | My Blog\"));\nconsole.log(\"✅ Has footer:\", html2.includes(\"Built with vt-ssg\"));\nconsole.log();\n\n// ============================================================\n// Test 3: render() with no frontmatter\n// ============================================================\nconst html3 = await render({\n markdown: `# No Frontmatter\\n\\nJust plain markdown.`,\n});\n\nconsole.log(\"=== Test 3: No frontmatter ===\");\nconsole.log(\"✅ Empty title:\", html3.includes(\"\"));\nconsole.log(\"✅ Has content:\", html3.includes(\"

No Frontmatter

\"));\nconsole.log();\n\n// ============================================================\n// Test 4: renderToFiles() — batch render + write\n// ============================================================\nconsole.log(\"=== Test 4: renderToFiles ===\");\n\nconst results = await renderToFiles({\n pages: [\n {\n path: \"index.html\",\n markdown: `---\ntitle: Home\n---\n# Welcome\n\nThis is the **home page**.`,\n },\n {\n path: \"about.html\",\n markdown: `---\ntitle: About\n---\n# About Us\n\nWe build cool things.`,\n layout: CustomLayout,\n },\n ],\n dir: \"static\",\n fs: { callerUrl: import.meta.url },\n});\n\nfor (const r of results) {\n console.log(` ${r.success ? \"✅\" : \"❌\"} ${r.path}${r.error ? ` — ${r.error}` : \"\"}`);\n}\nconsole.log();\n\nconsole.log(\"All tests complete!\");\n",[],[351],{"_108":359,"_99":360,"_167":361,"_169":-5,"_170":150,"_171":362,"_173":174,"_110":363,"_105":189,"_176":190,"_178":364,"_179":22,"_180":-5,"_181":365,"_103":366},"9db8cb94-2fd1-11f1-8d79-42dde27851f2","types.ts","019d5661-5329-75fe-9f7e-6533c504c7b5",4,["D",1775271276562],"import type { FC } from \"npm:hono@4/jsx\";\nimport type { MarkedOptions } from \"npm:marked\";\nimport type { ValTownFSOptions } from \"./fs.ts\";\n\n/** Frontmatter data extracted from markdown YAML front matter */\nexport type Frontmatter = Record;\n\n/** Props passed to layout components */\nexport type LayoutProps = {\n /** Page title — extracted from frontmatter.title, or \"\" if not set */\n title: string;\n /** Rendered HTML string from the markdown body */\n content: string;\n /** Full parsed frontmatter object */\n frontmatter: F;\n /** Any extra props passed via layoutProps */\n [key: string]: unknown;\n};\n\n/** A Hono JSX functional component that accepts LayoutProps */\nexport type LayoutComponent = FC;\n\n/** Options for the render() function */\nexport type RenderOptions = {\n /** Raw markdown string (optionally with YAML frontmatter) */\n markdown: string;\n /** JSX layout component. If omitted, a default HTML shell is used. */\n layout?: LayoutComponent;\n /** Extra props merged into the layout props */\n layoutProps?: Record;\n /** Options passed to the marked parser. GFM is enabled by default. */\n markedOptions?: MarkedOptions;\n};\n\n/** A single page to render and write to a file */\nexport type PageInput = {\n /** Output file path relative to the output dir (e.g. \"index.html\", \"about.html\", \"blog/post-1.html\") */\n path: string;\n /** Raw markdown string (optionally with YAML frontmatter) */\n markdown: string;\n /** JSX layout component for this page. Falls back to the shared layout, then the default. */\n layout?: LayoutComponent;\n /** Extra props merged into the layout props for this page */\n layoutProps?: Record;\n};\n\n/** Result for a single page in renderToFiles */\nexport type PageResult = {\n path: string;\n success: boolean;\n error?: string;\n};\n\n/** Options for the renderToFiles() batch function */\nexport type RenderToFilesOptions = {\n /** Array of pages to render */\n pages: PageInput[];\n /** Shared layout for all pages. Individual pages can override. */\n layout?: LayoutComponent;\n /** Shared extra layout props. Individual page props are merged on top. */\n layoutProps?: Record;\n /** Options passed to the marked parser. GFM is enabled by default. */\n markedOptions?: MarkedOptions;\n /** Output directory prefix. Defaults to \"static\". */\n dir?: string;\n /** Val Town FS options for writing files */\n fs: ValTownFSOptions;\n};",[],[360],"files",[164,183,194,204,210,219,227,235,244,250,256,265,273,282,291,299,307,316,323,333,341,349,358],"counts",{"_371":33,"_372":311,"_373":33,"_374":375,"_378":379},"pulls","branches","forks","envVars",{"_376":189,"_377":33},"count","emptyCount","connections",{"_376":33,"_380":33},"unfilledCount","contents",[],{"_108":342,"_99":104,"_167":343,"_169":-5,"_170":150,"_171":189,"_173":174,"_110":384,"_105":33,"_176":345,"_178":346,"_179":22,"_180":-5,"_103":385},["D",1775270712111],[104],"upstreamProject","upstreamBranch",{"_108":153,"_110":389,"_390":391,"_99":45,"_151":109,"_105":392,"_152":-5,"_154":-5,"_393":394,"_112":-5,"_161":22,"_114":115,"_160":98,"_16":125,"_159":100},["D",1775264637874],"updatedAt",["D",1775277981462],369,"lockfileKey","1775277676300-esm.town_v_nbbaier_vt-ssg@354-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_97":98,"_99":100,"_101":102,"_103":104,"_106":401,"_215":406,"_409":410,"_413":414,"_417":33,"_418":33,"_419":22},{"_108":109,"_99":100,"_110":402,"_112":-5,"_113":22,"_114":115,"_116":117,"_118":-5,"_14":119,"_120":-5,"_121":22,"_122":-5,"_123":-5,"_124":33,"_16":125,"_126":-5,"_127":-5,"_128":-5,"_129":-5,"_130":131,"_132":131,"_133":134,"_135":134,"_136":134,"_137":131,"_138":131,"_23":403,"_142":404,"_147":405,"_161":22},["D",1775264637868],{"_97":98,"_140":141},{"_97":98,"_144":141,"_14":119,"_145":146},{"_105":149,"_99":102,"_108":150,"_151":109,"_152":153,"_154":155,"_156":115,"_157":109,"_158":125,"_159":100,"_160":98},{"_108":342,"_99":104,"_167":343,"_169":-5,"_170":150,"_171":189,"_173":174,"_110":407,"_105":33,"_176":345,"_178":346,"_179":22,"_180":-5,"_103":408},["D",1775270712111],[104],"history",[411],{"_108":342,"_170":150,"_167":343,"_99":104,"_178":346,"_176":345,"_105":33,"_169":-5,"_110":412,"_171":189,"_180":-5},["D",1775270712111],"versions",[415],{"_215":411,"_416":-5},"previous","versionNumber","page","hasNext","actionData","errors"]

Welcome

About

Contact

Hello World

Custom Layout Test

No Frontmatter

Hello World

Code blocks

Lists

Emphasis

About

Welcome to My Site

{title}

Home

About

Hello

Hi there!

{title}

No Frontmatter

nbbaier

vt-ssg

History for serve.tsx