Phase 0: backend + frontend scaffold, single-binary build

Implements the Pansy v1 scaffold (epic #20, phase 0). #1 Backend: Go module (pure-Go, builds with CGO_ENABLED=0), env config, gin server with slog + recovery + /api/v1/healthz, modernc SQLite store with WAL/busy_timeout/foreign_keys pragmas, embedded numbered-migration runner, full initial schema (users, sessions, gardens, garden_shares, garden_objects, plants, plantings), domain structs + sentinel errors, graceful shutdown. #2 Frontend: Vite + React 19 + TS (strict) + Tailwind 4 + TanStack Router/Query, typed /api/v1 fetch wrapper (ApiError carries status + body so later issues can read 409 conflict rows), dev proxy /api -> :8080, responsive app shell with stub pages for all five routes. #3 Single binary: //go:embed of the web build with a committed placeholder, SPA fallback (deep links, immutable asset caching, JSON 404 for unmatched /api and missing assets), Makefile (web/build/dev/test), README quickstart + env var table. Verified: go build/vet/test clean (CGO off); binary migrates idempotently and serves healthz; web tsc + build clean; integrated binary serves the SPA, deep links, and correct cache headers; app mounts and navigates all five routes at desktop and 375px widths. Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]> Claude-Session: https://claude.ai/code/session_01JdQpdYYsTgtkJBxbcpAszi
2026-07-18 14:52:05 -04:00
parent 76d18da542
commit 91da9ff945
36 changed files with 4578 additions and 0 deletions
@@ -0,0 +1,46 @@
+@import 'tailwindcss';
+
+/* Garden-planner theme tokens. Each --color-* becomes a Tailwind utility
+   (bg-*, text-*, border-*). Light by default; dark via prefers-color-scheme. */
+@theme {
+  --color-bg: #f8faf7;
+  --color-surface: #ffffff;
+  --color-border: #e3e8e0;
+  --color-muted: #61705d;
+  --color-fg: #1c2419;
+
+  --color-accent: #3f8f4f;
+  --color-accent-strong: #2f7a3e;
+  --color-accent-contrast: #ffffff;
+
+  --font-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+}
+
+@layer base {
+  html,
+  body,
+  #root {
+    height: 100%;
+  }
+  body {
+    background-color: var(--color-bg);
+    color: var(--color-fg);
+    font-family: var(--font-sans);
+    -webkit-font-smoothing: antialiased;
+  }
+}
+
+/* Dark theme: override the same tokens so utilities recolor automatically. */
+@media (prefers-color-scheme: dark) {
+  @theme {
+    --color-bg: #10140f;
+    --color-surface: #171c15;
+    --color-border: #2a3226;
+    --color-muted: #8a967f;
+    --color-fg: #e7ede2;
+
+    --color-accent: #5bb06a;
+    --color-accent-strong: #6fc07d;
+    --color-accent-contrast: #0c1109;
+  }
+}