@open-press/cli 0.8.0 → 1.0.0

package/template/packs/academic-paper/document/index.tsx

@@ -1,123 +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 } from "@open-press/core/manuscript";
-import Page from "./components/Page";
-
-export const config: Manifest = {
-  title: "Your article title goes here",
-  subtitle: "This is a non-peer reviewed Express letter submitted to J SEDI",
-  organization: "open-press · academic-paper",
-  sourceDir: "chapters",
-  mediaDir: "media",
-  themeDir: "theme",
-  designDoc: "design.md",
-  componentsDir: "components",
-  publicDir: "public/openpress",
-  outputDir: "dist-react",
-  pdf: {
-    filename: "paper.pdf",
-  },
-  deploy: {
-    adapter: "cloudflare-pages",
-    source: ".deploy/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"
-      data-page-title="Title page"
-      aria-labelledby="paper-title"
-    >
-      <div className="paper-cover">
-        <p className="paper-cover-date">May 18, 2026 – This is a non-peer reviewed Express letter submitted to J SEDI</p>
-        <p className="paper-cover-lead">This is a non-peer reviewed Express letter submitted to J SEDI</p>
-        <p className="paper-cover-short-title">Your short title goes here</p>
-        <h1 id="paper-title" className="paper-title">
-          Your article title goes here
-          <sup>*</sup>
-        </h1>
-        <p className="paper-author-contact-note">
-          <span aria-hidden="true">∗</span> Corresponding author:
-          firstauthor@university.jp
-        </p>
-
-        <p className="paper-author-line" aria-label="Authors">
-          Name Firstauthor<sup>1</sup>, Name Secondauthor<sup>2</sup>, Name
-          Thirdauthor<sup>1,3</sup>
-        </p>
-
-        <ol className="paper-author-affiliations" aria-label="Author affiliations">
-          <li className="paper-author">
-            <p className="paper-author-affiliation">
-              1 Department of Earth Sciences, A University, City, Country
-            </p>
-          </li>
-          <li className="paper-author">
-            <p className="paper-author-affiliation">
-              2 School of Earth Sciences, Another University, City, Country
-            </p>
-          </li>
-          <li className="paper-author">
-            <p className="paper-author-affiliation">
-              3 Center for Studying Cool Things, University of X, City, Country
-            </p>
-          </li>
-        </ol>
-
-        <section className="paper-contributions" aria-label="Author contributions">
-          <p>
-            <span className="paper-section-label">Author contributions:</span>{" "}
-            Conceptualization: Name Firstauthor, Name Thirdauthor. Formal
-            Analysis: Name Firstauthor, Name Secondauthor.
-          </p>
-          <p>
-            <span className="paper-section-label">Writing - Original draft:</span>{" "}
-            Name Firstauthor.{" "}
-            <span className="paper-section-label">
-              Writing - Review &amp; Editing:
-            </span>{" "}
-            Name Firstauthor, Name Secondauthor, Name Thirdauthor.
-          </p>
-        </section>
-
-        <section className="paper-abstract" aria-label="Abstract">
-          <p>
-            <span className="paper-abstract-label">Abstract</span> The text for the
-            first abstract goes here. This should be in English, no longer than
-            200 words, and should not include references.
-          </p>
-        </section>
-
-        <section className="paper-nontechnical-summary" aria-label="Non-technical summary">
-          <p>
-            <span className="paper-abstract-label">Non-technical summary</span> The
-            text for the non-technical summary goes here. Again, no longer than
-            200 words, no reference.
-          </p>
-        </section>
-      </div>
-    </Frame>
-  );
-}
-
-export default function AcademicPaperPress() {
-  return (
-      <Press>
-      <Cover />
-      <Sections source="story" page={Page} />
-    </Press>
-  );
-}

package/template/packs/academic-paper/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/academic-paper/document/media/figure-placeholder.svg

@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="900" height="540" viewBox="0 0 900 540" role="img" aria-labelledby="title desc">
-  <title id="title">Figure placeholder</title>
-  <desc id="desc">Simple figure placeholder graphic with gray border and label</desc>
-  <rect width="100%" height="100%" fill="#f3f4f6"/>
-  <rect x="24" y="24" width="852" height="492" fill="none" stroke="#9ca3af" stroke-width="4" stroke-dasharray="18 12" rx="8" />
-  <text x="50%" y="50%" fill="#4b5563" font-size="44" font-family="Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" text-anchor="middle" dominant-baseline="middle">
-    Example Figure Placeholder
-  </text>
-</svg>

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

@@ -1,26 +0,0 @@
-// academic-paper starter — replace with your paper's metadata.
-export default {
-  title: "Paper Title",
-  subtitle: "An academic-paper draft built with open-press",
-  organization: "Department · Institution",
-
-  sourceDir: "chapters",
-  mediaDir: "media",
-  themeDir: "theme",
-  designDoc: "design.md",
-  componentsDir: "components",
-  publicDir: "public/openpress",
-  outputDir: "dist-react",
-
-  pdf: {
-    filename: "paper.pdf",
-  },
-
-  deploy: {
-    adapter: "cloudflare-pages",
-    source: ".deploy/document",
-    projectName: null,
-    commitDirty: false,
-    requiresConfirmation: true,
-  },
-};

package/template/packs/academic-paper/document/theme/README.md

@@ -1,11 +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.
-- `base/`: global document rules. Page contract, 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 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.
-
-Use `document/components/ComponentName/style.css` for CSS that belongs to a React component. Generated files in `public/openpress/` and `dist-react/` are output only.

package/template/packs/academic-paper/document/theme/base/page-contract.css

@@ -1,522 +0,0 @@
-@page {
-  size: var(--openpress-page-width) var(--openpress-page-height);
-  margin: var(--openpress-page-margin);
-}
-
-* {
-  box-sizing: border-box;
-}
-
-html {
-  background: var(--openpress-color-app-bg);
-  scroll-behavior: smooth;
-}
-
-body {
-  margin: 0;
-  color: var(--openpress-color-text-on-dark);
-  background: #1a1a1a;
-  font-family: var(--openpress-font-body);
-  font-size: var(--openpress-text-md);
-  line-height: var(--openpress-leading-body);
-  -webkit-print-color-adjust: exact;
-  print-color-adjust: exact;
-  touch-action: manipulation;
-  -webkit-tap-highlight-color: transparent;
-}
-
-.reader-app {
-  display: grid;
-  grid-template-rows: 56px minmax(0, 1fr);
-  grid-template-columns: 200px minmax(0, 1fr) 340px;
-  grid-template-areas:
-    "nav nav nav"
-    "left main right";
-  min-height: 100vh;
-  height: 100vh;
-  overflow: hidden;
-  transition: grid-template-columns 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
-}
-
-button,
-.reader-stage {
-  outline: none;
-}
-
-body.exporting .reader-page,
-body.exporting .reader-page.is-active {
-  animation: none !important;
-  transform: none !important;
-  transition: none !important;
-}
-
-button:focus,
-.reader-stage:focus {
-  outline: none;
-}
-
-button:focus-visible {
-  outline: 1px solid rgba(255, 255, 255, 0.4);
-  outline-offset: 2px;
-}
-
-.reader-app.is-closed-left {
-  grid-template-columns: 0 minmax(0, 1fr) 340px;
-}
-
-.reader-app.is-closed-right {
-  grid-template-columns: 200px minmax(0, 1fr) 0;
-}
-
-.reader-app.is-closed-left.is-closed-right {
-  grid-template-columns: 0 minmax(0, 1fr) 0;
-}
-
-.reader-app.is-closed-left .reader-thumb-strip,
-.reader-app.is-closed-right .reader-side-nav {
-  display: none;
-}
-
-.reader-navbar {
-  grid-area: nav;
-  display: grid;
-  grid-template-columns: 1fr auto 1fr;
-  align-items: center;
-  padding: 0 24px;
-  gap: 24px;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
-  background: rgba(22, 22, 22, 0.6);
-  position: relative;
-}
-
-.navbar-section {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  min-width: 0;
-}
-
-.navbar-left {
-  justify-self: start;
-}
-
-.navbar-right {
-  justify-self: end;
-}
-
-.navbar-brand {
-  display: flex;
-  align-items: baseline;
-  gap: 14px;
-  color: var(--openpress-color-text-on-dark);
-  min-width: 0;
-}
-
-.navbar-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  padding: 0;
-  background: transparent;
-  border: 0;
-  color: var(--openpress-color-text-placeholder);
-  font-size: 16px;
-  line-height: 1;
-  cursor: pointer;
-  opacity: 0.6;
-  transition: opacity 150ms ease, color 150ms ease;
-}
-
-.navbar-icon:hover {
-  opacity: 1;
-  color: var(--openpress-color-text-on-dark);
-}
-
-.navbar-icon[aria-pressed="false"] {
-  opacity: 0.35;
-}
-
-.navbar-hints {
-  justify-self: center;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  color: var(--openpress-color-text-placeholder);
-  font-size: 11px;
-  letter-spacing: 0.1em;
-  opacity: 0.7;
-}
-
-.navbar-hints .navbar-sep {
-  color: var(--openpress-color-border-strong);
-}
-
-.navbar-icon-hamburger {
-  flex-direction: column;
-  gap: 4px;
-  width: 36px;
-  height: 36px;
-}
-
-.navbar-icon-hamburger span {
-  display: block;
-  width: 16px;
-  height: 1px;
-  background: currentColor;
-  transition: transform 180ms ease, opacity 180ms ease;
-}
-
-.navbar-icon-hamburger[aria-pressed="true"] span:nth-child(1) {
-  transform: translateY(0);
-}
-
-.navbar-icon-hamburger[aria-pressed="false"] span {
-  opacity: 0.6;
-}
-
-
-.navbar-mark {
-  font-family: var(--openpress-font-serif);
-  font-size: 18px;
-  font-weight: 400;
-  letter-spacing: 0.02em;
-}
-
-.navbar-sub {
-  font-size: 11px;
-  color: var(--openpress-color-text-placeholder);
-  letter-spacing: 0.1em;
-}
-
-.navbar-actions {
-  display: flex;
-  gap: 8px;
-  justify-self: end;
-}
-
-.navbar-btn {
-  height: 32px;
-  padding: 0 14px;
-  background: transparent;
-  border: 1px solid rgba(255, 255, 255, 0.18);
-  color: var(--openpress-color-text-secondary);
-  font-family: inherit;
-  font-size: 11px;
-  letter-spacing: 0.1em;
-  cursor: pointer;
-  transition: border-color 150ms, color 150ms;
-}
-
-.navbar-btn:hover {
-  border-color: rgba(255, 255, 255, 0.45);
-  color: var(--openpress-color-text-on-dark);
-}
-
-.navbar-menu-btn {
-  display: none;
-  width: 36px;
-  height: 36px;
-  background: transparent;
-  border: 0;
-  color: var(--openpress-color-text-secondary);
-  font-family: inherit;
-  font-size: 22px;
-  line-height: 1;
-  cursor: pointer;
-  padding: 0;
-  letter-spacing: 0.08em;
-}
-
-.navbar-menu-btn:hover {
-  color: var(--openpress-color-text-on-dark);
-}
-
-.mobile-menu {
-  position: fixed;
-  inset: 0;
-  z-index: 30;
-  display: flex;
-  align-items: flex-end;
-  animation: mobile-menu-in 180ms ease-out both;
-}
-
-.mobile-menu[hidden] {
-  display: none;
-}
-
-@keyframes mobile-menu-in {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
-
-.mobile-menu-backdrop {
-  position: absolute;
-  inset: 0;
-  background: rgba(15, 15, 15, 0.55);
-  -webkit-backdrop-filter: blur(8px);
-  backdrop-filter: blur(8px);
-}
-
-.mobile-menu-sheet {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  padding: 14px;
-  padding-bottom: calc(14px + env(safe-area-inset-bottom));
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  animation: mobile-menu-sheet-in 220ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
-}
-
-@keyframes mobile-menu-sheet-in {
-  from { transform: translateY(12px); opacity: 0; }
-  to { transform: translateY(0); opacity: 1; }
-}
-
-.mobile-menu-item,
-.mobile-menu-cancel {
-  width: 100%;
-  height: 54px;
-  font-family: inherit;
-  font-size: 15px;
-  letter-spacing: 0.06em;
-  color: var(--openpress-color-text-on-dark);
-  cursor: pointer;
-  padding: 0;
-}
-
-.mobile-menu-item {
-  background: rgba(40, 40, 40, 0.85);
-  -webkit-backdrop-filter: blur(20px);
-  backdrop-filter: blur(20px);
-  border: 1px solid rgba(255, 255, 255, 0.08);
-}
-
-.mobile-menu-item:active {
-  background: rgba(60, 60, 60, 0.92);
-}
-
-.mobile-menu-cancel {
-  margin-top: 4px;
-  background: rgba(70, 70, 70, 0.88);
-  -webkit-backdrop-filter: blur(20px);
-  backdrop-filter: blur(20px);
-  border: 0;
-  letter-spacing: 0.08em;
-  font-weight: 500;
-}
-
-.reader-stage {
-  grid-area: main;
-  min-width: 0;
-  min-height: 0;
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  overflow: auto;
-  overscroll-behavior: contain;
-  scroll-behavior: smooth;
-  container-type: inline-size;
-  scrollbar-width: thin;
-  scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
-}
-
-.reader-stage::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-.reader-stage::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-.reader-stage::-webkit-scrollbar-thumb {
-  background: rgba(255, 255, 255, 0.15);
-  border-radius: 0;
-  border: 2px solid transparent;
-  background-clip: padding-box;
-}
-
-.reader-stage::-webkit-scrollbar-thumb:hover {
-  background: rgba(255, 255, 255, 0.28);
-  background-clip: padding-box;
-  border: 2px solid transparent;
-}
-
-.reader-stage::-webkit-scrollbar-corner {
-  background: transparent;
-}
-
-.reader-pages {
-  min-height: 0;
-  width: 100%;
-  height: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 28px;
-  padding: 32px 24px 48px;
-  --reader-page-width: min(var(--openpress-page-width), calc(100cqw - 48px));
-}
-
-.reader-pages.is-spread {
-  --reader-page-width: min(var(--openpress-page-width), calc((100cqw - 84px) / 2));
-}
-
-.reader-spread {
-  display: grid;
-  grid-template-columns: minmax(0, var(--reader-page-width));
-  justify-content: center;
-  gap: 28px;
-  width: 100%;
-}
-
-.reader-spread.has-two {
-  grid-template-columns: repeat(2, minmax(0, var(--reader-page-width)));
-}
-
-.reader-page {
-  display: none;
-  position: relative;
-  width: var(--reader-page-width, var(--openpress-page-width));
-  height: calc(var(--reader-page-width, var(--openpress-page-width)) * var(--openpress-page-height) / var(--openpress-page-width));
-  --page-margin-x: clamp(20px, 3.8cqw, 34px);
-  --page-margin-top: clamp(18px, 3.5cqw, 30px);
-  --page-margin-bottom: clamp(14px, 2.4cqw, 24px);
-  --page-header-height: clamp(10px, 1.6cqw, 16px);
-  --page-footer-height: clamp(16px, 2.2cqw, 22px);
-  --page-frame-gap: clamp(5px, 1.1cqw, 11px);
-  overflow: hidden;
-  color: var(--openpress-color-ink);
-  background: var(--openpress-color-document);
-  container-type: inline-size;
-  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
-  transition: box-shadow 180ms ease;
-}
-
-.reader-app.is-ready .reader-page,
-.reader-page.measurement {
-  display: block;
-}
-
-.page-frame {
-  width: 100%;
-  height: 100%;
-  min-height: inherit;
-  display: grid;
-  grid-template-rows: var(--page-header-height) minmax(0, 1fr) var(--page-footer-height);
-  row-gap: var(--page-frame-gap);
-  padding: var(--page-margin-top) var(--page-margin-x) var(--page-margin-bottom);
-  background: var(--openpress-color-document);
-}
-
-.reader-page.no-footer .page-frame {
-  grid-template-rows: var(--page-header-height) minmax(0, 1fr);
-}
-
-.reader-page.no-footer .page-footer {
-  display: none;
-}
-
-.page-header,
-.page-footer {
-  min-width: 0;
-  overflow: hidden;
-}
-
-.page-header {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: var(--openpress-space-3);
-  color: var(--openpress-color-muted);
-  font-family: var(--openpress-font-body);
-  font-size: clamp(8px, 1.2cqw, 9px);
-  letter-spacing: normal;
-  opacity: 0.82;
-  pointer-events: none;
-  line-height: 1.2;
-}
-
-.running-head-left,
-.running-head-right {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.running-head-right {
-  max-width: 45%;
-  text-align: right;
-}
-
-.page-body {
-  min-width: 0;
-  min-height: 0;
-  overflow: visible;
-}
-
-.page-footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: baseline;
-  gap: 12px;
-  font-size: clamp(8px, 1.2cqw, 9px);
-  color: var(--openpress-color-muted);
-  letter-spacing: normal;
-  opacity: 0.7;
-  pointer-events: none;
-}
-
-.page-footer .footer-left {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.page-footer .footer-right {
-  font-variant-numeric: tabular-nums;
-  letter-spacing: 0.02em;
-  flex-shrink: 0;
-}
-
-@media screen and (max-width: 767px) {
-  .page-footer {
-    font-size: clamp(5.5pt, 1.4cqw, 7pt);
-  }
-}
-
-.reader-page.measurement {
-  display: block !important;
-  position: absolute;
-  left: -99999px;
-  top: 0;
-  visibility: hidden;
-  box-shadow: none;
-  outline: 0;
-  transform: none !important;
-}
-
-.reader-page.is-active.page-in-forward {
-  animation: page-in-fwd 280ms cubic-bezier(0.33, 1, 0.68, 1) both;
-}
-
-.reader-page.is-active.page-in-backward {
-  animation: page-in-bwd 280ms cubic-bezier(0.33, 1, 0.68, 1) both;
-}
-
-@keyframes page-in-fwd {
-  0% { opacity: 0; transform: translateX(10px); }
-  100% { opacity: 1; transform: translateX(0); }
-}
-
-@keyframes page-in-bwd {
-  0% { opacity: 0; transform: translateX(-10px); }
-  100% { opacity: 1; transform: translateX(0); }
-}