@jsnchn/buntastic 0.0.2

package/AGENTS.md

@@ -0,0 +1,96 @@
+# Buntastic
+
+A simple static site generator built with Bun.
+
+## Project Structure
+
+```
+buntastic/
+├── content/               # File-based routing source
+│   ├── index.md          # → /
+│   ├── about.md          # → /about
+│   ├── 404.md            # → /404.html
+│   └── posts/
+│       ├── index.md      # → /posts (with collection)
+│       └── *.md          # → /posts/*
+├── src/
+│   ├── index.ts          # Main build script
+│   └── layouts/          # HTML layouts
+│       ├── base.html     # Root layout
+│       ├── page.html     # extends: base.html
+│       └── post.html     # extends: base.html
+├── public/               # Static assets
+└── package.json
+```
+
+## Commands
+
+```bash
+bun run build        # Production build (excludes drafts)
+bun run build:drafts  # Build with drafts included
+bun run dev          # Watch mode + dev server
+bun run preview      # Serve dist folder
+```
+
+## Features
+
+- **Zero dependencies** - Uses only Bun's built-in APIs
+- **File-based routing** - `content/*.md` → `/`, `content/posts/*.md` → `/posts/*`
+- **Layout inheritance** - Layouts can extend other layouts via `extends:` frontmatter
+- **Collections** - `{{ collection }}` variable available in index pages
+- **Draft mode** - `draft: true` in frontmatter, included with `--drafts` flag
+- **404 page** - `content/404.md` automatically becomes `/404.html`
+- **Asset co-location** - Non-markdown files in content/ are copied to dist
+
+## Frontmatter
+
+```yaml
+---
+title: Page Title
+date: 2024-01-15
+layout: post              # Uses layouts/post.html
+description: Meta description
+draft: false             # Set true to exclude from production build
+---
+```
+
+## Layout Variables
+
+| Variable | Description |
+|----------|-------------|
+| `{{ title }}` | Page title from frontmatter |
+| `{{ content \| safe }}` | Rendered markdown HTML |
+| `{{ date }}` | Page date |
+| `{{ description }}` | Page description |
+| `{{ url }}` | Current page URL |
+| `{{ collection }}` | Array of posts in current folder (for index pages) |
+
+## Layout System
+
+Layouts support inheritance via frontmatter:
+
+```html
+<!-- layouts/post.html -->
+---
+extends: base.html
+---
+<article class="post">
+  <h1>{{ title }}</h1>
+  {{ content | safe }}
+</article>
+```
+
+The `{{ content | safe }}` placeholder is where child content gets injected.
+
+## Development
+
+1. Add content to `content/` folder
+2. Run `bun run dev` for development
+3. Run `bun run build` for production
+
+## Tech Stack
+
+- [Bun](https://bun.sh) - JavaScript runtime
+- Bun.markdown - Built-in GFM markdown parser
+- Bun.serve - HTTP server
+- Bun.watch - File watching

package/README.md

@@ -0,0 +1,222 @@
+# Buntastic
+
+A simple static site generator built with Bun.
+
+## Why Buntastic?
+
+- **Zero dependencies** - Uses only Bun's built-in APIs
+- **Fast** - Powered by Bun's native markdown parser
+- **Simple** - No complex configuration needed
+- **Flexible** - Layouts with inheritance, collections, drafts
+
+## Installation
+
+### As a CLI tool (recommended)
+
+```bash
+# Install Bun (if needed)
+curl -fsSL https://bun.sh/install | bash
+
+# Install buntastic globally
+bun install -g buntastic
+
+# Or use npx without installing
+npx buntastic build
+```
+
+### For development
+
+```bash
+# Clone the repo
+git clone https://github.com/jsnchn/buntastic.git
+cd buntastic
+
+# Start the dev server
+bun run dev
+```
+
+Visit `http://localhost:3000` to see your site.
+
+## Project Structure
+
+```
+buntastic/
+├── content/               # Your markdown content
+│   ├── index.md          # → /
+│   ├── about.md          # → /about
+│   └── posts/
+│       └── *.md          # → /posts/*
+├── src/
+│   ├── index.ts          # Build script
+│   └── layouts/          # HTML templates
+├── public/               # Static assets (CSS, images)
+└── package.json
+```
+
+## Commands
+
+| Command | Description |
+|---------|-------------|
+| `buntastic build` | Build for production (excludes drafts) |
+| `buntastic build --drafts` | Build with drafts included |
+| `buntastic dev` | Watch mode + dev server |
+| `buntastic preview` | Serve the built `dist/` folder |
+
+Or with bun run (if using from source):
+
+| Command | Description |
+|---------|-------------|
+| `bun run build` | Build for production (excludes drafts) |
+| `bun run build:drafts` | Build with drafts included |
+| `bun run dev` | Watch mode + dev server |
+| `bun run preview` | Serve the built `dist/` folder |
+
+## Writing Content
+
+Create markdown files in `content/`:
+
+```markdown
+---
+title: My Post
+date: 2024-01-15
+layout: post
+description: A short description
+---
+
+# Hello World
+
+Your content here...
+```
+
+### Frontmatter Options
+
+| Field | Description |
+|-------|-------------|
+| `title` | Page title |
+| `date` | Publication date |
+| `layout` | Layout to use (page, post, or custom) |
+| `description` | Meta description |
+| `draft` | Set `true` to exclude from production |
+
+### File-Based Routing
+
+| Content Path | Output URL |
+|--------------|------------|
+| `content/index.md` | `/` |
+| `content/about.md` | `/about` |
+| `content/posts/hello.md` | `/posts/hello` |
+
+## Layouts
+
+### Creating Layouts
+
+Layouts live in `src/layouts/`. Create HTML files with frontmatter:
+
+```html
+<!-- layouts/post.html -->
+---
+extends: base.html
+---
+<article class="post">
+  <h1>{{ title }}</h1>
+  <time>{{ date }}</time>
+  {{ content | safe }}
+</article>
+```
+
+### Layout Variables
+
+| Variable | Description |
+|----------|-------------|
+| `{{ title }}` | Page title |
+| `{{ content \| safe }}` | Rendered markdown HTML |
+| `{{ date }}` | Page date |
+| `{{ description }}` | Meta description |
+| `{{ url }}` | Current page URL |
+| `{{ collection }}` | List of posts in current folder (for index pages) |
+
+### Layout Inheritance
+
+Use `extends:` to build on top of other layouts:
+
+```html
+<!-- layouts/base.html -->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>{{ title }}</title>
+</head>
+<body>
+  <main>{{ content | safe }}</main>
+</body>
+</html>
+```
+
+## Collections
+
+For folder index pages (e.g., `content/posts/index.md`), use `{{ collection }}` to list all pages in that folder:
+
+```html
+<h1>Blog Posts</h1>
+<ul>
+{{ collection }}
+</ul>
+```
+
+Renders as:
+
+```html
+<li><a href="/posts/hello">Hello World</a> - <time>2024-01-15</time></li>
+<li><a href="/posts/other">Other Post</a></li>
+```
+
+## Static Assets
+
+Place CSS, images, or other files in `public/`:
+
+```
+public/
+└── style.css
+```
+
+They'll be available at `/style.css` in the built site.
+
+You can also co-locate assets with content:
+
+```
+content/
+└── posts/
+    └── my-post/
+        ├── index.md
+        └── image.png
+```
+
+The image will be available at `/posts/my-post/image.png`.
+
+## 404 Page
+
+Create `content/404.md` to have a custom 404 page at `/404.html`.
+
+## Drafts
+
+Set `draft: true` in frontmatter to exclude a page from production builds:
+
+```yaml
+---
+title: Work in Progress
+draft: true
+---
+```
+
+Drafts are included when running `bun run build:drafts`.
+
+## Tech Stack
+
+- [Bun](https://bun.sh) - JavaScript runtime
+- Bun.markdown - Built-in GFM markdown parser
+- Bun.serve - HTTP server
+- Bun.watch - File watching
+
+## License
+
+MIT

package/content/404.md

@@ -0,0 +1,10 @@
+---
+title: 404 - Not Found
+layout: page
+---
+
+# 404 - Page Not Found
+
+The page you're looking for doesn't exist.
+
+[Go back home](/)

package/content/about.md

@@ -0,0 +1,23 @@
+---
+title: About
+description: About BunPress
+layout: page
+---
+
+# About BunPress
+
+BunPress is a minimal static site generator that uses Bun's built-in markdown parser.
+
+## Why BunPress?
+
+- **Zero dependencies** - Uses only Bun's built-in APIs
+- **Fast** - Powered by Bun's native markdown parser
+- **Simple** - No complex configuration needed
+- **Flexible** - Layouts with inheritance
+
+## Tech Stack
+
+- [Bun](https://bun.sh) - JavaScript runtime
+- Bun.markdown - Built-in markdown parser
+- Bun.serve - HTTP server
+- Bun.watch - File watching

package/content/index.md

@@ -0,0 +1,33 @@
+---
+title: Welcome
+description: Welcome to BunPress
+---
+
+# Welcome to BunPress
+
+This is a simple static site generator built with **Bun**.
+
+## Features
+
+- File-based routing
+- Markdown support
+- Layouts with inheritance
+- Collections
+- Draft mode
+
+## Quick Start
+
+1. Add content to the `content/` folder
+2. Run `bun run build`
+3. View the output in `dist/`
+
+## Code Example
+
+```typescript
+const greeting = "Hello, BunPress!";
+console.log(greeting);
+```
+
+## Try It
+
+Check out the [posts](/posts) page to see more!

package/content/posts/draft.md

@@ -0,0 +1,13 @@
+---
+title: Draft Post
+date: 2024-01-20
+layout: post
+draft: true
+description: This is a draft
+---
+
+# Draft Post
+
+This post is a **draft** and won't appear in production builds.
+
+Run `bun run build --drafts` to include it.

package/content/posts/hello.md

@@ -0,0 +1,42 @@
+---
+title: Hello World
+date: 2024-01-15
+layout: post
+description: My first blog post
+---
+
+# Hello World
+
+This is my first blog post on **BunPress**!
+
+## Introduction
+
+Static site generators are great for blogs and documentation. BunPress makes it simple.
+
+### Features I love:
+
+1. Markdown support
+2. File-based routing
+3. Layouts
+4. Collections
+
+> "Simplicity is the ultimate sophistication." - Leonardo da Vinci
+
+## Code
+
+```javascript
+console.log("Hello from BunPress!");
+```
+
+## Tables
+
+| Feature | Status |
+|---------|--------|
+| Markdown | ✅ |
+| Routing | ✅ |
+| Layouts | ✅ |
+| Collections | ✅ |
+
+---
+
+Thanks for reading!

package/content/posts/index.md

@@ -0,0 +1,10 @@
+---
+title: Blog Posts
+layout: page
+---
+
+# Blog Posts
+
+Here are all my posts:
+
+{{ collection }}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@jsnchn/buntastic",
+  "version": "0.0.2",
+  "description": "A simple static site generator built with Bun",
+  "type": "module",
+  "bin": {
+    "buntastic": "src/index.ts"
+  },
+  "scripts": {
+    "build": "buntastic build",
+    "build:drafts": "buntastic build --drafts",
+    "dev": "buntastic dev",
+    "preview": "buntastic preview"
+  },
+  "keywords": [
+    "static-site-generator",
+    "ssg",
+    "blog",
+    "markdown",
+    "bun"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jsnchn/buntastic.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "private": false
+}

package/public/style.css

@@ -0,0 +1,136 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
+  line-height: 1.6;
+  color: #333;
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+header {
+  padding: 1rem 0;
+  border-bottom: 1px solid #eee;
+  margin-bottom: 2rem;
+}
+
+nav a {
+  margin-right: 1rem;
+  color: #0066cc;
+  text-decoration: none;
+}
+
+nav a:hover {
+  text-decoration: underline;
+}
+
+main {
+  min-height: 60vh;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin: 1.5rem 0 1rem;
+  line-height: 1.3;
+}
+
+h1 { font-size: 2rem; }
+h2 { font-size: 1.5rem; }
+h3 { font-size: 1.25rem; }
+
+p {
+  margin: 1rem 0;
+}
+
+a {
+  color: #0066cc;
+}
+
+code {
+  background: #f4f4f4;
+  padding: 0.2rem 0.4rem;
+  border-radius: 3px;
+  font-size: 0.9em;
+}
+
+pre {
+  background: #f4f4f4;
+  padding: 1rem;
+  overflow-x: auto;
+  border-radius: 5px;
+  margin: 1rem 0;
+}
+
+pre code {
+  background: none;
+  padding: 0;
+}
+
+blockquote {
+  border-left: 4px solid #ddd;
+  padding-left: 1rem;
+  margin: 1rem 0;
+  color: #666;
+}
+
+ul, ol {
+  margin: 1rem 0;
+  padding-left: 2rem;
+}
+
+li {
+  margin: 0.5rem 0;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 1rem 0;
+}
+
+th, td {
+  border: 1px solid #ddd;
+  padding: 0.5rem;
+  text-align: left;
+}
+
+th {
+  background: #f4f4f4;
+}
+
+hr {
+  border: none;
+  border-top: 1px solid #eee;
+  margin: 2rem 0;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+.post header {
+  border-bottom: none;
+  margin-bottom: 1rem;
+}
+
+.post time {
+  color: #666;
+  font-size: 0.9rem;
+}
+
+.page h1 {
+  margin-top: 0;
+}
+
+footer {
+  padding: 2rem 0;
+  border-top: 1px solid #eee;
+  margin-top: 3rem;
+  text-align: center;
+  color: #666;
+}

package/src/index.ts

@@ -0,0 +1,452 @@
+#!/usr/bin/env bun
+import { mkdir, writeFile, readFile, copyFile, exists } from "fs/promises";
+import { join, relative, dirname, extname } from "path";
+import { Glob } from "bun";
+
+const CONTENT_DIR = join(process.cwd(), "content");
+const LAYOUTS_DIR = join(process.cwd(), "src/layouts");
+const PUBLIC_DIR = join(process.cwd(), "public");
+const DIST_DIR = join(process.cwd(), "dist");
+
+interface Frontmatter {
+  title?: string;
+  date?: string;
+  layout?: string;
+  description?: string;
+  draft?: boolean;
+  extends?: string;
+  [key: string]: unknown;
+}
+
+interface Page {
+  url: string;
+  filePath: string;
+  frontmatter: Frontmatter;
+  content: string;
+  html: string;
+}
+
+interface CollectionItem {
+  url: string;
+  title: string;
+  date: string;
+  description: string;
+}
+
+function parseFrontmatter(content: string): { frontmatter: Frontmatter; content: string } {
+  const match = content.match(/^---\r?\n([\s\S]*?)\r?\n---\r?\n?([\s\S]*)$/);
+  if (!match) {
+    return { frontmatter: {}, content };
+  }
+
+  const yamlStr = match[1];
+  const body = match[2];
+
+  const frontmatter: Frontmatter = {};
+  for (const line of yamlStr.split("\n")) {
+    const colonIdx = line.indexOf(":");
+    if (colonIdx === -1) continue;
+    const key = line.slice(0, colonIdx).trim();
+    let value: unknown = line.slice(colonIdx + 1).trim();
+    if (value === "true") value = true;
+    else if (value === "false") value = false;
+    frontmatter[key] = value;
+  }
+
+  return { frontmatter, content: body };
+}
+
+function renderMarkdown(content: string): string {
+  return Bun.markdown.html(content, {
+    tables: true,
+    strikethrough: true,
+    tasklists: true,
+    autolinks: true,
+    headings: true,
+  });
+}
+
+async function readLayout(layoutName: string): Promise<string> {
+  const layoutPath = join(LAYOUTS_DIR, `${layoutName}.html`);
+  return await readFile(layoutPath, "utf-8");
+}
+
+async function resolveLayout(frontmatter: Frontmatter): Promise<string> {
+  const layoutName = frontmatter.layout || frontmatter.extends || "page";
+  let template = await readLayout(layoutName);
+
+  const extendsMatch = template.match(/^---\r?\n([\s\S]*?)\r?\n---\r?\n?([\s\S]*)$/);
+  if (extendsMatch) {
+    const parentLayout = extendsMatch[1].match(/extends:\s*(\w+)/);
+    if (parentLayout) {
+      const parentTemplate = await resolveLayout({ extends: parentLayout[1] } as Frontmatter);
+      const childContent = extendsMatch[2];
+      return parentTemplate.replace(/\{\{\s*content\s*\|\s*safe\s*\}\}/g, childContent);
+    }
+  }
+
+  return template;
+}
+
+function applyTemplate(template: string, page: Page, collection?: CollectionItem[]): string {
+  let result = template;
+
+  result = result.replace(/\{\{\s*title\s*\}\}/g, page.frontmatter.title || "");
+  result = result.replace(/\{\{\s*date\s*\}\}/g, page.frontmatter.date || "");
+  result = result.replace(/\{\{\s*description\s*\}\}/g, page.frontmatter.description || "");
+  result = result.replace(/\{\{\s*url\s*\}\}/g, page.url);
+
+  if (collection) {
+    const collectionHtml = collection
+      .map(
+        (item) =>
+          `<li><a href="${item.url}">${item.title}</a>${item.date ? ` - <time>${item.date}</time>` : ""}</li>`
+      )
+      .join("\n");
+    result = result.replace(/\{\{\s*collection\s*\}\}/g, collectionHtml);
+  }
+
+  return result;
+}
+
+async function getCollectionForPath(filePath: string): Promise<CollectionItem[] | undefined> {
+  const dir = dirname(filePath);
+  if (dir === "." || dir === CONTENT_DIR) return undefined;
+
+  const contentDir = join(CONTENT_DIR, dir);
+  if (!await exists(contentDir)) return undefined;
+
+  const glob = new Glob("*.md");
+  const files = Array.from(glob.scanSync({ cwd: contentDir, absolute: true }));
+
+  const items: CollectionItem[] = [];
+  for (const mdFile of files) {
+    if (mdFile.endsWith("/index.md")) continue;
+
+    const content = await readFile(mdFile, "utf-8");
+    const { frontmatter } = parseFrontmatter(content);
+    if (frontmatter.draft) continue;
+
+    const relativePath = relative(CONTENT_DIR, mdFile).replace(/\.md$/, "");
+    const url = relativePath === "index" ? "/" : `/${relativePath}`;
+
+    items.push({
+      url,
+      title: (frontmatter.title as string) || "Untitled",
+      date: (frontmatter.date as string) || "",
+      description: (frontmatter.description as string) || "",
+    });
+  }
+
+  items.sort((a, b) => (b.date || "").localeCompare(a.date || ""));
+
+  return items;
+}
+
+async function buildPage(filePath: string, includeDrafts: boolean): Promise<Page | null> {
+  const content = await readFile(filePath, "utf-8");
+  const { frontmatter, content: mdContent } = parseFrontmatter(content);
+
+  if (!includeDrafts && frontmatter.draft) {
+    return null;
+  }
+
+  const html = renderMarkdown(mdContent);
+
+  const relativePath = relative(CONTENT_DIR, filePath).replace(/\.md$/, "");
+  let url = relativePath === "index" ? "/" : `/${relativePath}`;
+  if (url.endsWith("/index")) {
+    url = url.slice(0, -6) || "/";
+  }
+
+  return {
+    url,
+    filePath,
+    frontmatter,
+    content: mdContent,
+    html,
+  };
+}
+
+async function build(includeDrafts = false): Promise<void> {
+  console.log(`Building${includeDrafts ? " (with drafts)" : ""}...`);
+
+  if (await exists(DIST_DIR)) {
+    const { rmSync } = await import("fs");
+    rmSync(DIST_DIR, { recursive: true });
+  }
+
+  await mkdir(DIST_DIR, { recursive: true });
+
+  const glob = new Glob("**/*.md");
+  const files = Array.from(glob.scanSync({ cwd: CONTENT_DIR, absolute: true }));
+
+  const pages: Page[] = [];
+  for (const file of files) {
+    const page = await buildPage(file, includeDrafts);
+    if (page) {
+      pages.push(page);
+    }
+  }
+
+  for (const page of pages) {
+    let template = await resolveLayout(page.frontmatter);
+    template = template.replace(/\{\{\s*content\s*\|\s*safe\s*\}\}/g, page.html);
+
+    let collection: CollectionItem[] | undefined;
+    if (page.filePath.includes("/index.md")) {
+      const dir = dirname(page.filePath);
+      const contentDir = relative(CONTENT_DIR, dir);
+      if (contentDir && contentDir !== ".") {
+        const allPagesInDir = pages.filter((p) => {
+          const pDir = dirname(p.filePath);
+          return relative(CONTENT_DIR, pDir) === contentDir && !p.filePath.endsWith("/index.md");
+        });
+        collection = allPagesInDir
+          .map((p) => ({
+            url: p.url,
+            title: p.frontmatter.title || "Untitled",
+            date: p.frontmatter.date || "",
+            description: p.frontmatter.description || "",
+          }))
+          .sort((a, b) => (b.date || "").localeCompare(a.date || ""));
+      }
+    }
+
+    const outputHtml = applyTemplate(template, page, collection);
+
+    const outputPath = join(DIST_DIR, page.url === "/" ? "index.html" : `${page.url}/index.html`);
+    await mkdir(dirname(outputPath), { recursive: true });
+    await writeFile(outputPath, outputHtml);
+  }
+
+  const assetGlob = new Glob("**/*");
+  const assets = Array.from(assetGlob.scanSync({ cwd: CONTENT_DIR, absolute: true }));
+  for (const asset of assets) {
+    if (asset.endsWith(".md")) continue;
+    const relPath = relative(CONTENT_DIR, asset);
+    const destPath = join(DIST_DIR, relPath);
+    await mkdir(dirname(destPath), { recursive: true });
+    await copyFile(asset, destPath);
+  }
+
+  if (await exists(PUBLIC_DIR)) {
+    const publicFiles = Array.from(assetGlob.scanSync({ cwd: PUBLIC_DIR, absolute: true }));
+    for (const file of publicFiles) {
+      const relPath = relative(PUBLIC_DIR, file);
+      const destPath = join(DIST_DIR, relPath);
+      await mkdir(dirname(destPath), { recursive: true });
+      await copyFile(file, destPath);
+    }
+  }
+
+  if (await exists(join(CONTENT_DIR, "404.md"))) {
+    const page404 = await buildPage(join(CONTENT_DIR, "404.md"), includeDrafts);
+    if (page404) {
+      let template = await resolveLayout(page404.frontmatter);
+      template = template.replace(/\{\{\s*content\s*\|\s*safe\s*\}\}/g, page404.html);
+      const outputHtml = applyTemplate(template, page404);
+      await writeFile(join(DIST_DIR, "404.html"), outputHtml);
+    }
+  }
+
+  console.log(`Built ${pages.length} pages to ${DIST_DIR}`);
+}
+
+async function dev(): Promise<void> {
+  console.log("Starting dev server...");
+
+  const port = 3000;
+  const server = Bun.serve({
+    port,
+    async fetch(req) {
+      const url = new URL(req.url);
+      let path = url.pathname;
+
+      if (path === "/") {
+        path = "/index";
+      }
+
+      const filePath = join(DIST_DIR, `${path}.html`);
+      const indexPath = join(DIST_DIR, path, "index.html");
+
+      let file: any;
+      if (await exists(filePath)) {
+        file = Bun.file(filePath);
+      } else if (await exists(indexPath)) {
+        file = Bun.file(indexPath);
+      } else if (await exists(join(DIST_DIR, "404.html"))) {
+        return new Response(Bun.file(join(DIST_DIR, "404.html")), {
+          headers: { "Content-Type": "text/html" },
+          status: 404,
+        });
+      } else {
+        return new Response("Not Found", { status: 404 });
+      }
+
+      return new Response(file, {
+        headers: { "Content-Type": "text/html" },
+      });
+    },
+  });
+
+  console.log(`Dev server running at http://localhost:${server.port}`);
+
+  const watcher = Bun.watch([CONTENT_DIR, LAYOUTS_DIR, PUBLIC_DIR]);
+  for await (const event of watcher) {
+    console.log(`[${event.kind}] ${event.path} - rebuilding...`);
+    await build(false);
+  }
+}
+
+async function preview(): Promise<void> {
+  const port = 3000;
+  console.log(`Serving ${DIST_DIR} at http://localhost:${port}`);
+
+  Bun.serve({
+    port,
+    async fetch(req) {
+      const url = new URL(req.url);
+      let path = url.pathname;
+
+      if (path === "/") {
+        path = "/index";
+      }
+
+      const filePath = join(DIST_DIR, `${path}.html`);
+      const indexPath = join(DIST_DIR, path, "index.html");
+      const directPath = join(DIST_DIR, path);
+
+      let file: any;
+      if (await exists(filePath)) {
+        file = Bun.file(filePath);
+      } else if (await exists(indexPath)) {
+        file = Bun.file(indexPath);
+      } else if (await exists(directPath) && (await import("fs")).statSync(directPath).isDirectory()) {
+        file = Bun.file(join(directPath, "index.html"));
+      } else if (await exists(join(DIST_DIR, "404.html"))) {
+        return new Response(Bun.file(join(DIST_DIR, "404.html")), {
+          headers: { "Content-Type": "text/html" },
+          status: 404,
+        });
+      } else {
+        return new Response("Not Found", { status: 404 });
+      }
+
+      return new Response(file);
+    },
+  });
+}
+
+async function init(): Promise<void> {
+  const root = process.cwd();
+
+  const dirs = ["content/posts", "src/layouts", "public"];
+  for (const dir of dirs) {
+    await mkdir(join(root, dir), { recursive: true });
+  }
+
+  const baseLayout = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{ title }}</title>
+  <meta name="description" content="{{ description }}">
+  <link rel="stylesheet" href="/style.css">
+</head>
+<body>
+  <header>
+    <nav>
+      <a href="/">Home</a>
+    </nav>
+  </header>
+  <main>
+    {{ content | safe }}
+  </main>
+  <footer>
+    <p>Built with BunPress</p>
+  </footer>
+</body>
+</html>`;
+
+  const pageLayout = `---
+extends: base.html
+---
+<article class="page">
+  <h1>{{ title }}</h1>
+  {{ content | safe }}
+</article>`;
+
+  const indexMd = `---
+title: Welcome
+description: Welcome to my site
+---
+
+# Welcome
+
+This is your new BunPress site. Start editing \`content/index.md\` to get started!
+`;
+
+  const packageJson = {
+    name: "my-site",
+    version: "1.0.0",
+    type: "module",
+    scripts: {
+      build: "buntastic build",
+      "build:drafts": "buntastic build --drafts",
+      dev: "buntastic dev",
+      preview: "buntastic preview",
+    },
+  };
+
+  const styleCss = `* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  line-height: 1.6;
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+a { color: #0066cc; }
+h1, h2, h3 { margin: 1.5rem 0 1rem; }
+main { min-height: 60vh; }
+footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #eee; }
+`;
+
+  await writeFile(join(root, "src/layouts/base.html"), baseLayout);
+  await writeFile(join(root, "src/layouts/page.html"), pageLayout);
+  await writeFile(join(root, "content/index.md"), indexMd);
+  await writeFile(join(root, "package.json"), JSON.stringify(packageJson, null, 2));
+  await writeFile(join(root, "public/style.css"), styleCss);
+
+  console.log("Initialized BunPress project!");
+  console.log("Run 'buntastic dev' to start the dev server.");
+}
+
+const args = process.argv.slice(2);
+const command = args[0];
+
+if (command === "init") {
+  init();
+} else if (command === "build") {
+  const drafts = args.includes("--drafts");
+  build(drafts);
+} else if (command === "dev") {
+  dev();
+} else if (command === "preview") {
+  preview();
+} else {
+  console.log("Usage:");
+  console.log("  buntastic init         - Initialize a new project");
+  console.log("  buntastic build        - Build for production");
+  console.log("  buntastic build --drafts - Build with drafts");
+  console.log("  buntastic dev          - Development mode");
+  console.log("  buntastic preview      - Serve dist folder");
+}

package/src/layouts/base.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{ title }}</title>
+  <meta name="description" content="{{ description }}">
+  <link rel="stylesheet" href="/style.css">
+</head>
+<body>
+  <header>
+    <nav>
+      <a href="/">Home</a>
+      <a href="/posts">Posts</a>
+      <a href="/about">About</a>
+    </nav>
+  </header>
+  <main>
+    {{ content | safe }}
+  </main>
+  <footer>
+    <p>Built with BunPress</p>
+  </footer>
+</body>
+</html>

package/src/layouts/page.html

@@ -0,0 +1,7 @@
+---
+extends: base.html
+---
+<article class="page">
+  <h1>{{ title }}</h1>
+  {{ content | safe }}
+</article>

package/src/layouts/post.html

@@ -0,0 +1,12 @@
+---
+extends: base.html
+---
+<article class="post">
+  <header>
+    <h1>{{ title }}</h1>
+    <time datetime="{{ date }}">{{ date }}</time>
+  </header>
+  <div class="content">
+    {{ content | safe }}
+  </div>
+</article>