Merge pull request #3 from lordvins226/feat/six-new-templates

feat(quoteforge): 24 new templates, stat/code/chart blocks, and a green typecheck

Author: lordvins226

CHANGELOG.md

@@ -1,5 +1,38 @@
 # Changelog
 
+## 1.0.0
+
+### Added
+- 24 new templates, bringing the total to 28, grouped into five families:
+  - **Statement:** `spotlight`, `frame`, `sticky` (alongside existing `manifesto`, `quote`,
+    `minimal`).
+  - **Structure & data:** `ledger`, `index`, `grid`, `timeline`, `versus`, `stat`, `chart`
+    (alongside existing `list`).
+  - **Developer:** `terminal`, `code`, `diff`, `window`.
+  - **Editorial:** `cover`, `split`, `memo`, `receipt`, `ticket`, `calendar`.
+  - **People & media:** `profile`, `chat`, `prompt`, `polaroid`.
+- Three new block types: `stat` (one figure with unit/note), `code` (filename tab over
+  numbered lines), and `chart` (horizontal bars, pure CSS).
+- `eyebrow`: an optional string (max 48 chars) on a card, deck `defaults`, or slide, rendering
+  as small chrome above the main content on the 8 templates with an eyebrow slot (`cover`,
+  `memo`, `receipt`, `split`, `spotlight`, `terminal`, `ticket`, `window`).
+- Studio: a grouped template picker organized by the same five families, with catalog drift
+  tests keeping it in sync with the template set.
+- Non-fatal warnings for layout mismatches that used to render silently wrong: `grid` cards
+  without exactly 4 items, and `eyebrow` set on a template with no eyebrow slot.
+
+### Fixed
+- Unknown template names now fail with a clear error naming the available templates, instead
+  of a raw `ENOENT` stack trace for the template's missing `style.css`.
+- `quoteforge new` offered only four templates from a hardcoded list; it now offers every
+  installed template and rejects an unknown `--template`.
+- Studio: adding a `stat`, `code`, or `chart` block to a deck slide crashed the editor —
+  the deck store's block factory had not been extended for the new types.
+
+### Changed
+- `bun run typecheck` is now green and gates releases (`preversion` runs it before the test
+  suite). `src/` and `studio/` are checked as separate TypeScript projects.
+
 ## 0.6.0
 
 ### Added

README.md

@@ -147,7 +147,7 @@ quoteforge preview <file> [options]
 quoteforge new [options]
 
   --type <type>        card or deck
-  --template <name>    Template name (manifesto, quote, list, minimal)
+  --template <name>    Template name (28 available — omit for a picker)
   --theme <name>       Theme name
   --slides <n>         Number of blank slides (deck only, default: 5)
   --size <name>        Size name
@@ -350,7 +350,7 @@ work.
 - `src/` — CLI + renderer (Bun + Nunjucks + Puppeteer)
 - `studio/` — bundled WYSIWYG editor (Vite + React + Zustand, launched by `quoteforge studio`)
 - `site/` — standalone landing + MDX docs SPA (separate nginx Dockerfile for deployment)
-- `templates/` — four built-in card layouts sharing a responsive base CSS
+- `templates/` — 28 built-in card layouts sharing a responsive base CSS
 - `themes/` — 12 JSON theme files conforming to `_schema.json`
 
 ## Stack

content/examples/calendar-demo.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "../../content/_schema.json",
+  "template": "calendar",
+  "theme": "noir-crimson",
+  "size": "instagram-sq",
+  "blocks": [
+    {
+      "id": "date",
+      "type": "callout",
+      "items": [
+        { "label": "Aug", "text": "14" }
+      ]
+    },
+    {
+      "id": "what",
+      "type": "headline",
+      "parts": [
+        { "text": "QuoteForge 1.0 goes out", "style": "normal" }
+      ]
+    },
+    {
+      "id": "when",
+      "type": "text",
+      "content": "18:00 CET · live on the repo"
+    }
+  ]
+}

content/examples/chart-demo.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "../../content/_schema.json",
+  "template": "chart",
+  "theme": "oceanic",
+  "size": "instagram-port",
+  "blocks": [
+    {
+      "id": "title",
+      "type": "headline",
+      "parts": [{ "text": "Where the render time goes", "style": "normal" }]
+    },
+    {
+      "id": "bars",
+      "type": "chart",
+      "rows": [
+        { "label": "Chrome launch", "value": 61 },
+        { "label": "Font settling", "value": 22 },
+        { "label": "Nunjucks", "value": 11, "muted": true },
+        { "label": "Screenshot", "value": 6, "muted": true }
+      ]
+    },
+    {
+      "id": "footer",
+      "type": "text",
+      "content": "n = 500 renders · 1080²"
+    }
+  ]
+}

content/examples/chat-demo.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "../../content/_schema.json",
+  "template": "chat",
+  "theme": "dark-orange",
+  "size": "instagram-sq",
+  "blocks": [
+    {
+      "id": "thread",
+      "type": "bullet-list",
+      "items": [
+        { "label": "them", "text": "Can this render offline, no cloud?" },
+        { "label": "me", "text": "Yes — Bun + headless Chrome, nothing leaves your machine." },
+        { "label": "them", "text": "And carousels?" },
+        { "label": "me", "text": "One deck JSON, one command." }
+      ]
+    }
+  ]
+}

content/examples/code-demo.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "../../content/_schema.json",
+  "template": "code",
+  "theme": "terminal-green",
+  "size": "twitter",
+  "blocks": [
+    {
+      "id": "snippet",
+      "type": "code",
+      "filename": "renderer.ts",
+      "lang": "ts",
+      "lines": [
+        "export function render(card: Card): Buffer {",
+        "  const html = compile(card);",
+        "  return screenshot(html);",
+        "}"
+      ]
+    }
+  ]
+}

content/examples/cover-demo.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "../../content/_schema.json",
+  "template": "cover",
+  "theme": "mono-slate",
+  "size": "instagram-port",
+  "eyebrow": "Field notes — 07",
+  "blocks": [
+    {
+      "id": "title",
+      "type": "headline",
+      "parts": [
+        { "text": "Rendering text is harder than it looks", "style": "normal" }
+      ]
+    },
+    {
+      "id": "author",
+      "type": "text",
+      "content": "Kevin W."
+    },
+    {
+      "id": "read-time",
+      "type": "text",
+      "content": "12 min"
+    }
+  ]
+}

content/examples/diff-demo.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "../../content/_schema.json",
+  "template": "diff",
+  "theme": "dark-orange",
+  "size": "twitter",
+  "blocks": [
+    {
+      "id": "head",
+      "type": "text",
+      "content": "v0.5.0 → v0.6.0 · templates/_base.css"
+    },
+    {
+      "id": "rows",
+      "type": "bullet-list",
+      "items": [
+        { "label": "-", "text": ".block { flex: 1 1 0 }" },
+        { "label": "+", "text": ".block { flex: 0 0 auto }" },
+        { "label": "+", "text": ".card.align-center { justify-content: center }" }
+      ]
+    },
+    {
+      "id": "foot",
+      "type": "text",
+      "content": "Content groups instead of stranding."
+    }
+  ]
+}

content/examples/frame-demo.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "../../content/_schema.json",
+  "template": "frame",
+  "theme": "kyoto",
+  "size": "instagram-sq",
+  "blocks": [
+    {
+      "id": "quote",
+      "type": "blockquote",
+      "parts": [
+        { "text": "The best interface is the one you don't have to think about.", "style": "normal" }
+      ]
+    },
+    {
+      "id": "attribution",
+      "type": "text",
+      "content": "Kyoto · 1080²"
+    }
+  ]
+}

content/examples/grid-demo.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "../../content/_schema.json",
+  "template": "grid",
+  "theme": "brutal-white",
+  "size": "instagram-sq",
+  "blocks": [
+    {
+      "id": "cells",
+      "type": "bullet-list",
+      "items": [
+        { "label": "Own", "text": "Version the source" },
+        { "label": "Script", "text": "Automate the output" },
+        { "label": "Ship", "text": "Deterministic PNGs" },
+        { "label": "Repeat", "text": "No drag-and-drop drift" }
+      ]
+    }
+  ]
+}