From 23472bae6600432890dc7e979e32c5a17b20e632 Mon Sep 17 00:00:00 2001
From: Corey Johnson <probablycorey@gmail.com>
Date: Tue, 6 Jan 2026 11:19:31 -0800
Subject: [PATCH] feat: add dev server
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/dev/index.html | 33 +++++++++++++++++++++++++++++++++
 src/dev/server.tsx | 14 ++++++++++++++
 2 files changed, 47 insertions(+)
 create mode 100644 src/dev/index.html
 create mode 100644 src/dev/server.tsx
diff --git a/src/dev/index.html b/src/dev/index.html
new file mode 100644
index 0000000..6adba2c
--- /dev/null
+++ b/src/dev/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html data-theme="dark">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Tiny Sprites</title>
+  <link rel="stylesheet" href="/public/pico.min.css">
+  <style>
+    .preview-area {
+      min-height: 200px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-image:
+        linear-gradient(45deg, #3a3a3a 25%, transparent 25%),
+        linear-gradient(-45deg, #3a3a3a 25%, transparent 25%),
+        linear-gradient(45deg, transparent 75%, #3a3a3a 75%),
+        linear-gradient(-45deg, transparent 75%, #3a3a3a 75%);
+      background-size: 16px 16px;
+      background-position: 0 0, 0 8px, 8px -8px, -8px 0;
+      border-radius: var(--pico-border-radius);
+    }
+    .preview-area > div { image-rendering: pixelated; }
+  </style>
+</head>
+<body>
+  <main class="container">
+    <h1>Tiny Sprites</h1>
+    <div id="app"></div>
+  </main>
+  <script type="module" src="./app.tsx"></script>
+</body>
+</html>
diff --git a/src/dev/server.tsx b/src/dev/server.tsx
new file mode 100644
index 0000000..ef2390e
--- /dev/null
+++ b/src/dev/server.tsx
@@ -0,0 +1,14 @@
+#!/usr/bin/env bun
+import { Hono } from "hono"
+import { serveStatic } from "hono/bun"
+import index from "./index.html"
+
+const app = new Hono()
+
+app.use("/public/*", serveStatic({ root: "./" }))
+app.get("/", (c) => c.html(index))
+
+export default {
+  port: 3000,
+  fetch: app.fetch,
+}
