@open-press/cli 0.8.0 → 1.1.0

package/template/packs/academic-paper/document/theme/tokens.css

@@ -1,80 +0,0 @@
-:root {
-  /* 深色 chrome（navbar / sidebar / app background） */
-  --openpress-color-app-bg: #161616;
-  --openpress-color-border-subtle: #393939;
-  --openpress-color-border-strong: #6f6f6f;
-  --openpress-color-text-on-dark: #f4f4f4;
-  --openpress-color-text-secondary: #c6c6c6;
-  --openpress-color-text-placeholder: #8d8d8d;
-  --openpress-color-focus: #0f62fe;
-
-  /* 文件本身（白底文件、墨色內文） */
-  --openpress-color-document: #ffffff;
-  --openpress-color-ink: #161616;
-  --openpress-color-muted: #6f6f6f;
-  --openpress-color-line: #e0e0e0;
-  --openpress-color-soft-line: #f4f4f4;
-
-  /* 表格狀態符號 */
-  --openpress-color-green: #24a148;
-
-  /* 圖表 palette(柔和暖色系)
-   * 用於 data-foundation、milestone-roadmap、cost-donut、revenue-line-chart 等元件。
-   * 排序由淺到深,可以對應 phase / tier 的進階感:
-   *   gold (起始 / current) → coral (中期) → coral-deep (後期) → dark (anchor / 成熟)
-   */
-  --openpress-chart-gold: #FFB000;
-  --openpress-chart-coral: #FF6A4D;
-  --openpress-chart-coral-deep: #C9522B;
-  --openpress-chart-dark: #1F2328;
-  --openpress-chart-cream: #FFF3DB;
-  --openpress-chart-warm-gray: #B0A89A;
-
-  /* 對應的背景 tint(較飽和、用於 phase / tier 卡片) */
-  --openpress-chart-gold-bg: rgba(255, 176, 0, 0.20);
-  --openpress-chart-coral-bg: rgba(255, 106, 77, 0.16);
-  --openpress-chart-coral-deep-bg: rgba(201, 82, 43, 0.14);
-  --openpress-chart-dark-bg: rgba(31, 35, 40, 0.09);
-
-  /* 對應的中等飽和邊框色(配合 background tint) */
-  --openpress-chart-gold-border: rgba(255, 176, 0, 0.55);
-  --openpress-chart-coral-border: rgba(255, 106, 77, 0.5);
-  --openpress-chart-coral-deep-border: rgba(201, 82, 43, 0.42);
-  --openpress-chart-dark-border: rgba(31, 35, 40, 0.28);
-
-  /* Status — 文件內行內語意強調色（warn / success / info），
-   * 用於 <span class="status-warn|status-success|status-info">。
-   * 避免按色相命名（accent-gold 之類）以強制走語意。 */
-  --openpress-status-warn: #C9522B;
-  --openpress-status-success: #5C8C4F;
-  --openpress-status-info: #4A6B8A;
-
-  /* 字型 */
-  --openpress-font-body: "IBM Plex Sans", "PingFang TC", "Noto Sans TC", "Hiragino Sans", "Microsoft JhengHei", sans-serif;
-  --openpress-font-serif: "Noto Serif TC", "Songti TC", "Source Han Serif TC", "PMingLiU", serif;
-  --openpress-font-mono: "SFMono-Regular", "Menlo", "Consolas", monospace;
-
-  /* 字級（固定 pt 用於小元素；標題改用 container queries 算） */
-  --openpress-text-sm: 9.5pt;
-  --openpress-text-md: 10.5pt;
-
-  /* 行距 */
-  --openpress-leading-body: 1.72;
-  --openpress-leading-table: 1.45;
-
-  /* 間距系統（mm 為主、適合 print 與 A4 視覺節奏） */
-  --openpress-space-1: 2mm;
-  --openpress-space-2: 4mm;
-  --openpress-space-3: 6mm;
-  --openpress-space-4: 9mm;
-  --openpress-space-5: 13mm;
-
-  /* Page geometry — A4 預設。
-   * 換成 B5 / Letter / 16:9 投影片時改這三條，其他 CSS 與 page-contract `@page`
-   * 都會跟著走。注意：@page size 改用 length pair 時，PDF 與瀏覽器 print 都會吃。 */
-  --openpress-page-width: 210mm;
-  --openpress-page-height: 297mm;
-  --openpress-page-aspect-ratio: 210 / 297;
-  --openpress-page-height-ratio: calc(297 / 210);
-  --openpress-page-margin: 18mm;
-}

package/template/packs/academic-paper/openpress.config.mjs

@@ -1,5 +0,0 @@
-// editorial-monograph starter — root marker for a nested React/MDX open-press workspace.
-export default {
-  documentDir: "document",
-  config: "document/openpress.config.mjs",
-};

package/template/packs/claude-document/document/chapters/01-document-shape/content/01-document-shape.mdx

@@ -1,51 +0,0 @@
-## Document Shape
-
-### Start With A Clear Claim
-
-Claude-style documents work best when every section has one clear claim, enough context to understand it, and a concrete artifact that the reader can inspect.
-
-Use prose to explain the decision first. Then use a table, figure, quote, or code block only when it makes the argument easier to verify.
-
-> A good working document should feel calm enough to read slowly, but structured enough for an agent to edit safely.
-
-### Keep The Evidence Close
-
-Readers should not hunt for why a section exists. Put the evidence directly under the claim, and keep the table focused on the comparison being made.
-
-<TableCaption>Document section roles</TableCaption>
-
-| section part | purpose | writing rule |
-| --- | --- | --- |
-| claim | tells the reader what this section is saying | keep it short and concrete |
-| context | explains why the claim matters | avoid background that does not change the decision |
-| evidence | gives examples, data, or constraints | keep it near the claim |
-| next step | names what should happen after reading | make the action explicit |
-
-### One Figure, One Idea
-
-Figures should explain a single relationship. Put longer reasoning in the paragraphs before or after the visual.
-
-<figure className="chart-frame">
-  <svg viewBox="0 0 640 220" role="img" aria-label="Document moves from context to decision to next step">
-    <g fill="none" stroke="currentColor" strokeWidth="2">
-      <rect x="48" y="72" width="132" height="72" rx="4" />
-      <rect x="254" y="72" width="132" height="72" rx="4" />
-      <rect x="460" y="72" width="132" height="72" rx="4" />
-      <path d="M180 108 H254 M386 108 H460" />
-      <path d="M238 92 256 108 238 124 M444 92 462 108 444 124" />
-    </g>
-    <g fill="currentColor">
-      <text x="114" y="114" textAnchor="middle">context</text>
-      <text x="320" y="114" textAnchor="middle">decision</text>
-      <text x="526" y="114" textAnchor="middle">next</text>
-    </g>
-  </svg>
-  <figcaption>A section should move from context to decision to next step.</figcaption>
-</figure>
-
-#### Authoring Checklist
-
-- Keep one concept per figure.
-- Keep tables narrow enough to scan.
-- Move exceptions into a table when they need comparison.
-- Use surrounding prose for interpretation, not crowded text inside the visual.

package/template/packs/claude-document/document/chapters/02-review-loop/content/01-review-loop.mdx

@@ -1,31 +0,0 @@
-## Review Loop
-
-### Use Review As A Page-Level Workflow
-
-Use review pages to make a document actionable. A review page should gather open decisions, risks, and edits without replacing the reader-facing document.
-
-The goal is not to add process noise. The goal is to make the next editing pass obvious.
-
-### Track Decisions
-
-<TableCaption>Review pass tracker</TableCaption>
-
-| area | question | current decision |
-| --- | --- | --- |
-| audience | who should understand this document first? | primary reader |
-| structure | does every section have a clear claim? | revise weak headings |
-| evidence | are examples close to the claims they support? | keep tables near prose |
-| output | will the page survive PDF and mobile preview? | validate after edits |
-
-### Close The Loop
-
-Keep the closing section concise. It should tell the reader what changed and what remains unresolved.
-
-<TableCaption>Final review checklist</TableCaption>
-
-| check | pass condition |
-| --- | --- |
-| title and summary | the document promise is visible on the first page |
-| headings | H2/H3 structure matches the table of contents |
-| tables and figures | every visual has a caption and one clear job |
-| unresolved facts | placeholders are explicit and easy to search |

package/template/packs/claude-document/document/components/ChapterOpenerVisual.tsx

@@ -1,96 +0,0 @@
-const VISUALS = {
-  overview: `<svg viewBox="0 0 520 330" focusable="false" aria-hidden="true">
-      <rect class="chapter-opener-illustration__paper" x="58" y="52" width="318" height="174" rx="6" />
-      <path class="chapter-opener-illustration__thin" d="M58 92 H376 M96 72 H124 M144 72 H172 M192 72 H220" />
-      <path class="chapter-opener-illustration__stroke" d="M132 116 104 144 132 172 M302 116 330 144 302 172" />
-      <path class="chapter-opener-illustration__thin" d="M162 122 H244 M162 148 H276 M162 174 H224" />
-      <path class="chapter-opener-illustration__thin" d="M244 122 276 148 244 174 M276 148 H324" />
-      <circle class="chapter-opener-illustration__node" cx="244" cy="122" r="9" />
-      <circle class="chapter-opener-illustration__node" cx="276" cy="148" r="9" />
-      <circle class="chapter-opener-illustration__dot" cx="244" cy="174" r="8" />
-      <circle class="chapter-opener-illustration__dot" cx="324" cy="148" r="8" />
-      <path class="chapter-opener-illustration__paper" d="M398 42 466 56 486 122 438 166 370 140 374 72Z" />
-      <path class="chapter-opener-illustration__thin" d="M428 74 V132 M398 102 H460 M410 84 446 120" />
-      <circle class="chapter-opener-illustration__node" cx="428" cy="74" r="11" />
-      <circle class="chapter-opener-illustration__node" cx="398" cy="102" r="10" />
-      <circle class="chapter-opener-illustration__node" cx="460" cy="102" r="10" />
-      <circle class="chapter-opener-illustration__dot" cx="428" cy="132" r="9" />
-      <rect class="chapter-opener-illustration__paper" x="86" y="256" width="68" height="44" rx="4" />
-      <rect class="chapter-opener-illustration__paper" x="214" y="256" width="68" height="44" rx="4" />
-      <rect class="chapter-opener-illustration__paper" x="342" y="256" width="68" height="44" rx="4" />
-      <path class="chapter-opener-illustration__stroke" d="M154 278 H214 M282 278 H342" />
-      <path class="chapter-opener-illustration__arrow" d="M198 262 216 278 198 294 M326 262 344 278 326 294" />
-      <path class="chapter-opener-illustration__thin" d="M110 278 H132 M238 278 H260 M366 278 H388" />
-    </svg>`,
-  structure: `<svg viewBox="0 0 520 330" focusable="false" aria-hidden="true">
-      <rect class="chapter-opener-illustration__paper" x="42" y="96" width="116" height="82" rx="4" />
-      <rect class="chapter-opener-illustration__paper" x="204" y="96" width="116" height="82" rx="4" />
-      <rect class="chapter-opener-illustration__paper" x="366" y="96" width="116" height="82" rx="4" />
-      <path class="chapter-opener-illustration__stroke" d="M158 137 H204" />
-      <path class="chapter-opener-illustration__stroke" d="M320 137 H366" />
-      <path class="chapter-opener-illustration__arrow" d="M190 122 206 137 190 152" />
-      <path class="chapter-opener-illustration__arrow" d="M352 122 368 137 352 152" />
-      <path class="chapter-opener-illustration__thin" d="M72 128 H118 M72 150 H128 M234 128 H280 M234 150 H286 M396 128 H442 M396 150 H452" />
-      <circle class="chapter-opener-illustration__node" cx="144" cy="137" r="13" />
-      <circle class="chapter-opener-illustration__node" cx="306" cy="137" r="13" />
-      <circle class="chapter-opener-illustration__node" cx="468" cy="137" r="13" />
-      <path class="chapter-opener-illustration__stroke" d="M262 178 C262 222 220 244 158 244 C98 244 68 222 68 190" />
-      <path class="chapter-opener-illustration__arrow" d="M52 204 68 188 84 204" />
-    </svg>`,
-  model: `<svg viewBox="0 0 520 330" focusable="false" aria-hidden="true">
-      <path class="chapter-opener-illustration__paper" d="M232 40 316 40 352 86 330 132 218 132 194 86Z" />
-      <path class="chapter-opener-illustration__paper" d="M88 198 170 178 228 218 204 288 100 288 58 240Z" />
-      <path class="chapter-opener-illustration__paper" d="M314 198 400 176 466 224 450 292 328 292 282 238Z" />
-      <path class="chapter-opener-illustration__stroke" d="M262 118 160 214 M270 118 374 214" />
-      <path class="chapter-opener-illustration__stroke" d="M160 214 122 258 M160 214 204 258 M374 214 330 258 M374 214 420 258" />
-      <circle class="chapter-opener-illustration__node" cx="266" cy="100" r="24" />
-      <circle class="chapter-opener-illustration__node" cx="160" cy="214" r="22" />
-      <circle class="chapter-opener-illustration__node" cx="374" cy="214" r="22" />
-      <circle class="chapter-opener-illustration__dot" cx="122" cy="258" r="13" />
-      <circle class="chapter-opener-illustration__dot" cx="204" cy="258" r="13" />
-      <circle class="chapter-opener-illustration__dot" cx="330" cy="258" r="13" />
-      <circle class="chapter-opener-illustration__dot" cx="420" cy="258" r="13" />
-    </svg>`,
-  draft: `<svg viewBox="0 0 520 330" focusable="false" aria-hidden="true">
-      <path class="chapter-opener-illustration__paper" d="M92 52 338 52 386 104 386 286 92 286Z" />
-      <path class="chapter-opener-illustration__paper" d="M348 82 438 82 476 122 452 226 356 226 326 154Z" />
-      <path class="chapter-opener-illustration__thin" d="M132 112 H250 M132 146 H292 M132 180 H238 M132 214 H276" />
-      <path class="chapter-opener-illustration__stroke" d="M308 114 C340 122 356 148 356 180 C356 220 332 244 292 250" />
-      <path class="chapter-opener-illustration__arrow" d="M304 226 288 250 316 260" />
-      <path class="chapter-opener-illustration__stroke" d="M406 124 V202" />
-      <circle class="chapter-opener-illustration__node" cx="406" cy="124" r="17" />
-      <circle class="chapter-opener-illustration__node" cx="406" cy="202" r="17" />
-    </svg>`,
-  review: `<svg viewBox="0 0 520 330" focusable="false" aria-hidden="true">
-      <path class="chapter-opener-illustration__paper" d="M128 44 396 44 440 90 418 292 104 292 82 86Z" />
-      <path class="chapter-opener-illustration__thin" d="M178 116 H350 M178 168 H350 M178 220 H322" />
-      <path class="chapter-opener-illustration__stroke" d="M128 112 148 134 190 88" />
-      <path class="chapter-opener-illustration__stroke" d="M128 164 148 186 190 140" />
-      <path class="chapter-opener-illustration__stroke" d="M128 216 148 238 190 192" />
-      <circle class="chapter-opener-illustration__node" cx="386" cy="92" r="18" />
-      <path class="chapter-opener-illustration__stroke" d="M386 92 C420 126 424 172 394 208" />
-      <path class="chapter-opener-illustration__arrow" d="M380 186 394 210 420 200" />
-    </svg>`,
-} as const;
-
-type ChapterOpenerVisualVariant = keyof typeof VISUALS;
-type ChapterOpenerVisualTone = "sage" | "lavender" | "mint" | "amber";
-
-export interface ChapterOpenerVisualProps {
-  variant?: ChapterOpenerVisualVariant;
-  tone?: ChapterOpenerVisualTone;
-}
-
-export default function ChapterOpenerVisual({
-  variant = "structure",
-  tone = "sage",
-}: ChapterOpenerVisualProps) {
-  const html = VISUALS[variant] ?? VISUALS.structure;
-  return (
-    <figure
-      className={`chapter-opener-illustration chapter-opener-illustration--${variant} chapter-opener-tone--${tone}`}
-      aria-hidden="true"
-      dangerouslySetInnerHTML={{ __html: html }}
-    />
-  );
-}

package/template/packs/claude-document/document/components/Page.tsx

@@ -1,37 +0,0 @@
-import { Frame, MdxArea } from "@open-press/core";
-import type { SectionsPageProps } from "@open-press/core/manuscript";
-
-export default function Page({
-  frameKey,
-  chainId,
-  pageIndex,
-  totalPages,
-  sectionSlug,
-  sectionTitle,
-  sectionTone,
-}: SectionsPageProps) {
-  return (
-    <Frame
-      frameKey={frameKey}
-      role="manuscript.content"
-      className="reader-page--content"
-      data-page-index={pageIndex}
-      data-total-pages={totalPages}
-      data-section-id={sectionSlug}
-      data-chapter-tone={sectionTone}
-    >
-      <div className="page-frame">
-        <header className="page-header" aria-hidden="true" />
-        <main className="page-body">
-          <MdxArea chainId={chainId} />
-        </main>
-        <footer className="page-footer" aria-hidden="true">
-          <span className="footer-left">{sectionTitle}</span>
-          <span className="footer-right">
-            {totalPages > 1 ? `${pageIndex + 1}/${totalPages}` : pageIndex + 1}
-          </span>
-        </footer>
-      </div>
-    </Frame>
-  );
-}

package/template/packs/claude-document/document/design.md

@@ -1,142 +0,0 @@
-# Claude Document 樣式規格
-
-> Claude-like A4 文件樣式:暖紙張、細線、清楚章節、安靜的 editorial 節奏與可被 AI 穩定維護的內容區塊。
-> 本文件給內容作者、AI 編輯助手、style pack contributor 共用。
-
----
-
-## 1. 風格目標與使用場景
-
-這套樣板面向 Claude-style 工作文件:可以是筆記、研究摘要、產品 brief、規格草稿、教材、提案或內部說明。它不是簡報、海報或科技感 landing page,而是一套能列印、能標註、能長時間閱讀的 A4 文件系統。
-
-風格基調是溫暖、理性、乾淨。頁面使用米白紙紋背景、深藍灰標題、霧藍細線與淡實色資訊區塊;裝飾只保留必要的章節標籤、表格線、caption 與簡單概念圖。
-
-### 設計原則
-
-| 原則 | 規則 | Agent 操作提醒 |
-| --- | --- | --- |
-| 文件優先 | 第一眼像正式工作文件,不像投影片或宣傳頁 | 不加入大面積深色背景、炫光、電路紋或複雜裝飾 |
-| 紙面一致 | 每張 A4 頁面共用淡紙紋與極弱縱向節奏 | 背景只能提供紙本感,不應搶過正文 |
-| 可被 AI 維護 | prose、table、figure、caption 各自有清楚職責 | 不把關鍵結論鎖在截圖或不可編輯 SVG |
-| 一圖一概念 | 一張圖只說明一個關係、決策或狀態變化 | 不把定義、流程、風險與結論塞進同一張圖 |
-| 公開可交付 | Starter 不放私人名稱、客戶資料、部署密鑰 | 文件可以作為新專案起點,不是個人作業紙 |
-| 輸出穩定 | 所有樣式支援 reader、mobile preview 與 PDF | 避免 uncontrolled overflow、孤立 caption 與跨 footer 元件 |
-
-### 使用場景
-
-| 場景 | 適合原因 | 不適合方向 |
-| --- | --- | --- |
-| 工作筆記 | 需要脈絡、決策、證據與下一步共存 | 鬆散聊天紀錄 |
-| 產品 brief / spec | 需要清楚章節、表格、風險與輸出 | Dashboard-like 操作面板 |
-| 研究摘要 | 需要長文閱讀、引用式說明與圖表 | 過度行銷語氣 |
-| 教材與公開說明 | 需要可列印、可投影、可批註 | 花俏簡報版型 |
-
----
-
-## 2. Tokens
-
-### Typography Scale
-
-Claude Document 以 sans 作為主要閱讀字體,讓正文、表格與長段落保持穩定;H1/H2/H3 與目錄標題使用 serif display stack,讓主要章節有 editorial title 的質感;需要呈現程式碼、路徑或識別字時使用 monospace。
-
-若 style pack 後續引入非系統字體,字型檔必須放在 `document/theme/fonts/`,並由 `document/theme/fonts.css` 的 `@font-face` 載入。不要只依賴 `local(...)`,否則公開頁面、iPad 與 PDF 可能不一致。
-
-| 用途 | CSS selector / token | 字體 | 大小 | 使用規則 |
-| --- | --- | --- | --- | --- |
-| 封面主標 | `.cover-title` | `--openpress-font-serif` | notebook cover scale | 文件名稱或工作主題;不放私人填寫欄位 |
-| H2 章節標題 | `h2` | `--openpress-font-serif` | 約 26pt 視覺層級 | 每個 `##` 產生主要章節與 bookmark |
-| H3 子章節標題 | `h3` | `--openpress-font-serif` | 約 18pt 視覺層級 | 章節內概念分段 |
-| H4 項目標題 | `h4` | `--openpress-font-body` | 約 13pt 視覺層級 | 局部規則、操作、風險或小型 procedure |
-| 內文 | `p`, `li` | `--openpress-font-body` | 約 11pt 系統層級 | 長文閱讀基準 |
-| 程式碼 / literal | `pre code`, `code` | `--openpress-font-mono` | 約 10.5pt 系統層級 | 程式碼區塊、識別字、命令、路徑 |
-| 表格內容 | `table` | `--openpress-font-body` | 約 10.5pt 系統層級 | 規格表、比較表、決策表、檢查表 |
-| caption | `figcaption`, `caption` | `--openpress-font-body` | 約 9pt 系統層級 | 圖表下方置中,由 renderer 自動編號 |
-
-### Color Tokens
-
-| Token | 用途 |
-| --- | --- |
-| `--openpress-color-document` | 淡黃紙;封面、目錄、內文共用頁面底紙 |
-| `--openpress-color-ink` | 深藍灰;標題、主線條、章節標籤 |
-| `--openpress-color-body` | 深灰;正文閱讀文字 |
-| `--openpress-color-muted` | 霧藍;輔助標題、頁碼、次要線條 |
-| `--openpress-color-soft-line` | 淡黃灰;程式碼、表頭、區塊背景 |
-| `--openpress-color-block` | code block 與圖表的淡實色底;蓋住頁面格線 |
-
-文件頁面以淡黃紙為統一底色,搭配深藍灰文字與少量霧藍輔助資訊。色彩服務文件層級,不做強烈科技感或裝飾性漸層。
-
-### Page Geometry
-
-文件實體尺寸由 page geometry token 共同決定,page-contract 的 `@page`、reader runtime、shell measurement、PDF print route 都讀同一組值。切頁模式下每一張 `.reader-page` 都必須維持固定 page ratio;若內容超出,應回到 pagination / component overflow 修正,不能讓單張頁面自行長高。
-
-| Token | Default | 用途 |
-| --- | --- | --- |
-| `--openpress-page-width` | `210mm` | 紙張寬 |
-| `--openpress-page-height` | `297mm` | 紙張高 |
-| `--openpress-page-aspect-ratio` | `210 / 297` | CSS `aspect-ratio` |
-| `--openpress-page-height-ratio` | `1.4142857143` | responsive height 計算 |
-| `--openpress-page-margin` | `18mm` | `@page` CSS print 邊距 |
-
----
-
-## 3. Components
-
-### Page Surfaces
-
-| 元件 | Source 寫法 | Agent 使用時機 |
-| --- | --- | --- |
-| Cover | `kind: cover` + cover JSX | 文件開場,建立文件身份 |
-| TOC | `kind: toc` 或 exporter 插入 | 不手寫目錄內容 |
-| Chapter opener | `kind: chapter-opener` | 書籍、教材、手冊等章節相對獨立的文件 |
-| Chapter page | `##` heading | 每個主要概念一個 `##` |
-| Back cover | `kind: back-cover` | 文件結尾與品牌收束 |
-
-### Text Components
-
-- **Paragraph**:處理脈絡、判斷、說明與轉折。
-- **Ordered list**:表示流程、階段、優先順序。
-- **Unordered list**:表示同層級規則、注意事項或檢查項。
-- **Code block**:只在需要 literal、命令或程式碼時使用;完整大型檔案應拆成附錄或 repo link。
-- **Table**:比較角色、規則、風險、決策、狀態追蹤與 edge cases。
-- **Caption**:必須能獨立說明圖表用途,不只寫「示意圖」。
-
-### Tables
-
-Markdown table 前使用 `<TableCaption>...</TableCaption>`,內容只寫說明文字;export pipeline 會輸出 `表 N：...`。不要手寫表號,也不要使用舊 `表：...` marker。
-
-<TableCaption>表格使用規則</TableCaption>
-
-| 表格類型 | 欄位建議 | 注意事項 |
-| --- | --- | --- |
-| 決策表 | option / tradeoff / decision | 讓讀者快速比較選項 |
-| 追蹤表 | step / state / result | 適合流程、審稿、狀態變化 |
-| 比較表 | item / rule / action | 避免超過四欄;長說明移到段落 |
-
-### Figures
-
-Figure component 應輸出標準 `<figure><figcaption>...</figcaption></figure>`。`figcaption` 只放 caption 文字,不放手寫圖號;export pipeline 會依 content pages 的 DOM 順序產生可見的 `圖 N：` / `表 N：` 前綴,並加上統一的 `data-openpress-caption="true"` 與 `data-openpress-caption-label`。
-
-### Diagram Rules
-
-| 規則 | 說明 |
-| --- | --- |
-| 一圖一概念 | 圖表標題與 caption 要能回答「這張圖說明什麼關係」 |
-| 資料歸資料 | chart data 透過 React props 或鄰近 data module 傳入,不寫死在 CSS |
-| 樣式歸樣式 | chart frame 等通用規則放在 `document/theme/patterns/` |
-| 元件歸元件 | 一個可重用視覺 = 一個 `document/components/ComponentName/` 包 |
-
----
-
-## 4. CSS 權責
-
-| Layer | Path | Owns |
-| --- | --- | --- |
-| Tokens | `document/theme/tokens.css` | 色彩、字體、間距、page geometry |
-| Fonts | `document/theme/fonts.css` | webfont import / bundled font-face |
-| Base | `document/theme/base/` | page contract、typography、table、figure、caption、print |
-| Page surfaces | `document/theme/page-surfaces/` | cover、TOC、chapter opener、back cover |
-| Patterns | `document/theme/patterns/` | chart frame、figure grid、table utilities |
-| Shell | `document/theme/shell/` | reader controls around the document |
-| Components | `document/components/<Component>/style.css` | component-local visuals |
-
-Generated files in `public/openpress/`, `dist-react/`, and `.deploy/` are output only. Do not hand-edit them.

package/template/packs/claude-document/document/index.tsx

@@ -1,94 +0,0 @@
-import { Frame, Press } from "@open-press/core";
-import type { Manifest } from "@open-press/core";
-import { mdxSource } from "@open-press/core/mdx";
-import { Sections, Toc } from "@open-press/core/manuscript";
-import ChapterOpenerVisual from "@/components/ChapterOpenerVisual";
-import Page from "./components/Page";
-
-export const config: Manifest = {
-  title: "Claude Document",
-  subtitle: "Warm Editorial Working Notes",
-  organization: "OpenPress",
-  sourceDir: "chapters",
-  mediaDir: "media",
-  themeDir: "theme",
-  componentsDir: "components",
-  publicDir: "public/openpress",
-  outputDir: "dist-react",
-  pdf: {
-    filename: "claude-document.pdf",
-  },
-  deploy: {
-    adapter: "cloudflare-pages",
-    source: ".deploy/claude-document",
-    projectName: null,
-    commitDirty: false,
-    requiresConfirmation: true,
-  },
-};
-
-export const sources = {
-  story: mdxSource({ preset: "section-folders", root: "chapters" }),
-};
-
-function Cover() {
-  return (
-    <Frame
-      frameKey="cover"
-      role="manuscript.cover"
-      chrome={false}
-      className="reader-page--cover no-footer"
-      data-page-title="Cover"
-      aria-labelledby="document-title"
-    >
-      <ChapterOpenerVisual variant="overview" tone="sage" />
-      <div className="cover-main">
-        <h1 id="document-title" className="cover-title">
-          Claude
-          <br />
-          Document
-        </h1>
-        <p className="cover-author">
-          <span>Prepared for</span>
-          <strong>Working Notes</strong>
-        </p>
-      </div>
-    </Frame>
-  );
-}
-
-function BackCover() {
-  return (
-    <Frame
-      frameKey="back-cover"
-      role="manuscript.back-cover"
-      chrome={false}
-      className="reader-page--back-cover no-footer"
-      data-page-title="Back cover"
-    >
-      <ChapterOpenerVisual variant="overview" tone="sage" />
-      <div className="back-cover-main">
-        <h2 className="back-cover-title">
-          Claude
-          <br />
-          Document
-        </h2>
-        <p className="cover-author">
-          <span>Prepared for</span>
-          <strong>Working Notes</strong>
-        </p>
-      </div>
-    </Frame>
-  );
-}
-
-export default function ClaudeDocumentPress() {
-  return (
-    <Press>
-      <Cover />
-      <Toc source="story" heading={<h2 id="toc-title" className="toc-heading">Contents</h2>} />
-      <Sections source="story" page={Page} />
-      <BackCover />
-    </Press>
-  );
-}

package/template/packs/claude-document/document/media/README.md

@@ -1,13 +0,0 @@
-# media/
-
-放這份文件用到的所有圖片、icon、品牌 asset。Markdown 內以 `media/<file>` 引用，會被解析為 `document/media/<file>`。
-
-建議檔名規則：
-
-- 截圖：`<topic>-<screen>.png`
-- 場域 / 情境照片：`<topic>-<scene>.jpeg`
-- 品牌標誌：`logo-<name>.svg` 或 `logo-<name>.png`
-- 概念示意圖：`concept-<name>.png` / `concept-<name>.svg`
-- 人物照：`person-<name>.jpg`
-
-統一用小寫 + 連字號；非必要避免空白與大寫。

package/template/packs/claude-document/document/openpress.config.mjs

@@ -1,26 +0,0 @@
-// claude-document starter — apply, then fill in project metadata.
-export default {
-  title: "Claude Document",
-  subtitle: "Warm Editorial Working Notes",
-  organization: "OpenPress",
-
-  sourceDir: "chapters",
-  mediaDir: "media",
-  themeDir: "theme",
-  designDoc: "design.md",
-  componentsDir: "components",
-  publicDir: "public/openpress",
-  outputDir: "dist-react",
-
-  pdf: {
-    filename: "claude-document.pdf",
-  },
-
-  deploy: {
-    adapter: "cloudflare-pages",
-    source: ".deploy/claude-document",
-    projectName: null,
-    commitDirty: false,
-    requiresConfirmation: true,
-  },
-};

package/template/packs/claude-document/document/theme/README.md

@@ -1,15 +0,0 @@
-# Theme
-
-This folder is the source of the document visual system. Keep the layers narrow so agents can change the right file without guessing.
-
-- `tokens.css`: design variables only. Colors, font families, type scale, spacing, chart colors, and shared numeric tokens live here.
-- `fonts.css` + `fonts/`: portable font contract. Any non-system font used by tokens must be loaded in `fonts.css` and bundled under `theme/fonts/`, so export can copy it to `/openpress/fonts/`.
-- `base/`: global document rules. Page contract, cover/back-cover, TOC, headings, paragraphs, lists, figures, tables, captions, and print safeguards live here.
-- `page-surfaces/`: whole-page layouts routed by `kind`, including cover, TOC, optional chapter opener, and back cover.
-- `patterns/`: named document patterns and specimens. Put chart frames, visual blocks, design-system swatches, image grids, and other class-based content patterns here.
-- `shell/`: exported reader controls around the document. Do not put document typography or component styling here.
-
-Component-local stylesheets live alongside their TSX in `document/components/<Component>/style.css` (auto-loaded by the engine). Generated files in `public/openpress/` and `dist-react/` are output only.
-
-Current typography uses the portable sans / mono stack from `tokens.css`.
-Only add a font file to `theme/fonts/` when a token actually references that family.