@open-press/cli 0.6.0 → 0.7.1

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

@@ -1,10 +1,13 @@
-import type { Manifest } from "@openpress/core";
-import { BaseBackCoverPage, BaseCoverPage, BaseTocPage } from "@openpress/core";
+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: "Paper Title",
-  subtitle: "An academic-paper draft built with open-press",
-  organization: "Department · Institution",
+  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",
@@ -24,84 +27,97 @@ export const config: Manifest = {
   },
 };
 
-/**
- * The cover renders the academic title block: paper title, author grid,
- * abstract band, and index terms. Replace the placeholders with your own.
- */
-export const cover = (
-  <BaseCoverPage data-page-title="Title page" aria-labelledby="paper-title">
-    <div className="paper-cover">
-      <h1 id="paper-title" className="paper-title">
-        Conference Paper Title
-      </h1>
-      <p className="paper-subtitle">
-        Sub-title (optional). Not captured by indexing services like IEEE Xplore.
-      </p>
-
-      <ol className="paper-authors" aria-label="Authors">
-        <li className="paper-author">
-          <p className="paper-author-name">First Author Surname</p>
-          <p className="paper-author-affiliation">dept. of organization</p>
-          <p className="paper-author-affiliation">name of organization</p>
-          <p className="paper-author-location">City, Country</p>
-          <p className="paper-author-contact">email or ORCID</p>
-        </li>
-        <li className="paper-author">
-          <p className="paper-author-name">Second Author Surname</p>
-          <p className="paper-author-affiliation">dept. of organization</p>
-          <p className="paper-author-affiliation">name of organization</p>
-          <p className="paper-author-location">City, Country</p>
-          <p className="paper-author-contact">email or ORCID</p>
-        </li>
-        <li className="paper-author">
-          <p className="paper-author-name">Third Author Surname</p>
-          <p className="paper-author-affiliation">dept. of organization</p>
-          <p className="paper-author-affiliation">name of organization</p>
-          <p className="paper-author-location">City, Country</p>
-          <p className="paper-author-contact">email or ORCID</p>
-        </li>
-      </ol>
+export const sources = {
+  story: mdxSource({ preset: "section-folders", root: "chapters" }),
+};
 
-      <section className="paper-abstract" aria-label="Abstract">
-        <p>
-          <span className="paper-abstract-label">Abstract</span>—This document
-          is a model and starting point for an academic paper drafted in
-          open-press. Replace this abstract with your own — keep it under
-          250 words. Do not use abbreviations, symbols, footnotes, or math
-          in the abstract.
+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>
-      </section>
 
-      <section className="paper-index-terms" aria-label="Index terms">
-        <p>
-          <span className="paper-abstract-label">Index Terms</span>—keyword
-          one, keyword two, keyword three, keyword four
+        <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>
-      </section>
-    </div>
-  </BaseCoverPage>
-);
 
-export const toc = (
-  <BaseTocPage data-page-title="Contents" id="toc">
-    <div className="page-frame">
-      <header className="page-header" aria-hidden="true"></header>
-      <main className="page-body">
-        <h2 id="toc-title" className="toc-heading">Contents</h2>
-      </main>
-    </div>
-  </BaseTocPage>
-);
+        <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 const backCover = (
-  <BaseBackCoverPage data-page-title="Back cover">
-    <div className="paper-back-cover">
-      <p className="paper-back-kicker">open-press · academic-paper</p>
-      <p className="paper-back-statement">
-        Draft built with open-press. When the paper is ready for submission,
-        port the prose into the publisher's LaTeX class (IEEEtran, acmart,
-        etc.). open-press is the iteration loop, not the camera-ready output.
-      </p>
-    </div>
-  </BaseBackCoverPage>
-);
+export default function AcademicPaperPress() {
+  return (
+      <Press>
+      <Cover />
+      <Sections source="story" page={Page} />
+    </Press>
+  );
+}

package/template/packs/academic-paper/document/media/figure-placeholder.svg

@@ -0,0 +1,9 @@
+<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/theme/base/page-contract.css

@@ -383,12 +383,12 @@ button:focus-visible {
   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(28px, 5cqw, 48px);
-  --page-margin-top: clamp(28px, 5cqw, 48px);
-  --page-margin-bottom: clamp(18px, 3cqw, 28px);
-  --page-header-height: clamp(12px, 1.9cqw, 20px);
-  --page-footer-height: clamp(18px, 2.6cqw, 26px);
-  --page-frame-gap: clamp(8px, 1.4cqw, 14px);
+  --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);
@@ -429,12 +429,29 @@ button:focus-visible {
 
 .page-header {
   display: flex;
-  align-items: flex-start;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: var(--openpress-space-3);
   color: var(--openpress-color-muted);
-  font-size: clamp(7pt, 1.2cqw, 8pt);
-  letter-spacing: 0.1em;
-  opacity: 0.62;
+  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 {
@@ -448,9 +465,9 @@ button:focus-visible {
   justify-content: space-between;
   align-items: baseline;
   gap: 12px;
-  font-size: clamp(7pt, 1.25cqw, 8pt);
+  font-size: clamp(8px, 1.2cqw, 9px);
   color: var(--openpress-color-muted);
-  letter-spacing: 0.1em;
+  letter-spacing: normal;
   opacity: 0.7;
   pointer-events: none;
 }
@@ -465,7 +482,7 @@ button:focus-visible {
 
 .page-footer .footer-right {
   font-variant-numeric: tabular-nums;
-  letter-spacing: 0.14em;
+  letter-spacing: 0.02em;
   flex-shrink: 0;
 }
 

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

@@ -14,50 +14,45 @@ h3,
 h4 {
   break-after: avoid;
   color: var(--openpress-color-ink);
-  letter-spacing: 0.04em;
+  letter-spacing: normal;
 }
 
 h2 {
-  margin: 0 0 var(--openpress-space-4);
+  margin: 0 0 var(--openpress-space-3);
   padding: 0;
   font-family: var(--openpress-font-serif);
-  font-size: clamp(5.7pt, 3.4cqw, 17pt);
+  font-size: clamp(15px, 2.4cqw, 20px);
   line-height: 1.45;
-  font-weight: 300;
+  font-weight: 700;
   border: 0;
 }
 
 h2::before {
-  content: "";
-  display: block;
-  width: 36px;
-  height: 1px;
-  background: var(--openpress-color-ink);
-  margin-bottom: var(--openpress-space-4);
+  content: none;
 }
 
-.reader-page--content .page-body > h2:first-child {
+.reader-page--content .page-body .openpress-mdx-area h2 {
   display: flex;
   align-items: baseline;
   gap: 0.55em;
   margin: 0 0 var(--openpress-space-4);
 }
 
-.reader-page--content .page-body > h2:first-child::before {
+.reader-page--content .page-body .openpress-mdx-area h2::before {
   content: attr(data-chapter);
   display: inline-block;
   flex-shrink: 0;
   font-family: var(--openpress-font-serif);
-  font-size: 1.55em;
-  font-weight: 300;
-  color: var(--openpress-color-muted);
+  font-size: 0.88em;
+  font-weight: 700;
+  color: var(--openpress-color-ink);
   line-height: 1;
-  letter-spacing: 0.06em;
+  letter-spacing: normal;
   width: auto;
   min-width: 0;
   height: auto;
   background: transparent;
-  padding: 0;
+  padding-right: 0.22em;
   margin: 0;
   border: 0;
 }
@@ -72,26 +67,26 @@ h2::before {
   content: attr(data-section);
   flex-shrink: 0;
   font-family: var(--openpress-font-serif);
-  font-size: 0.95em;
-  font-weight: 300;
-  color: var(--openpress-color-muted);
-  letter-spacing: 0.08em;
+  font-size: 0.98em;
+  font-weight: 500;
+  color: var(--openpress-color-ink);
+  letter-spacing: normal;
   line-height: inherit;
 }
 
 h2 + p,
 h2 + h3 {
-  margin-top: var(--openpress-space-3);
+  margin-top: var(--openpress-space-2);
 }
 
 h3 {
   margin: var(--openpress-space-3) 0 var(--openpress-space-2);
   font-family: var(--openpress-font-serif);
-  font-size: clamp(4.8pt, 2.4cqw, 13pt);
-  line-height: 1.55;
-  font-weight: 400;
+  font-size: clamp(12px, 2cqw, 16px);
+  line-height: 1.5;
+  font-weight: 500;
   color: var(--openpress-color-ink);
-  letter-spacing: 0.03em;
+  letter-spacing: normal;
 }
 
 .reader-page--content .page-body > h3:first-child {
@@ -100,17 +95,19 @@ h3 {
 
 h4 {
   margin: var(--openpress-space-3) 0 var(--openpress-space-1);
-  font-family: var(--openpress-font-body);
-  font-size: clamp(4.4pt, 1.9cqw, 11pt);
+  font-family: var(--openpress-font-serif);
+  font-size: clamp(10px, 1.75cqw, 14px);
   font-weight: 500;
   color: var(--openpress-color-muted);
-  letter-spacing: 0.04em;
+  letter-spacing: 0.01em;
 }
 
 p {
   margin: 0 0 var(--openpress-space-2);
-  font-size: clamp(4.2pt, 1.85cqw, 10.5pt);
-  line-height: 1.85;
+  font-size: clamp(10px, 1.8cqw, 11px);
+  line-height: 1.65;
+  text-align: justify;
+  text-justify: inter-word;
 }
 
 .reader-page--content p,
@@ -206,8 +203,8 @@ ol,
 ul {
   margin: 0 0 var(--openpress-space-3);
   padding-left: 7mm;
-  font-size: clamp(4.2pt, 1.85cqw, 10.5pt);
-  line-height: 1.85;
+  font-size: clamp(10px, 1.75cqw, 11px);
+  line-height: 1.65;
 }
 
 ol {

package/template/packs/academic-paper/document/theme/page-surfaces/cover.css

@@ -146,99 +146,126 @@
   color: var(--openpress-color-ink);
 }
 
-/* ─ academic-paper title block ──────────────────────────────────────────── */
-/* IEEE-style title page: large serif title, optional subtitle, 3-column     */
-/* author grid, abstract band, index terms band. Single-column body picks   */
-/* up after this surface. Two-column body arrives with the v0.8 paged.js    */
-/* migration.                                                                */
+/* ─ academic-paper title block for the journal-style template ───────────── */
 
 .paper-cover {
   display: flex;
   flex-direction: column;
-  gap: clamp(18px, 2.4cqw, 32px);
-  padding-block: clamp(24px, 3cqw, 40px) 0;
+  gap: clamp(11px, 2.2cqw, 20px);
+  padding-block: clamp(18px, 2.5cqw, 30px) 0;
   font-family: var(--openpress-font-serif);
   color: var(--openpress-color-ink);
 }
 
+.paper-cover-lead,
+.paper-cover-short-title {
+  margin: 0;
+  text-align: center;
+  color: var(--openpress-color-muted);
+  font-family: var(--openpress-font-body);
+  font-size: clamp(8.5pt, 1.55cqw, 9.5pt);
+  letter-spacing: 0.01em;
+  line-height: 1.3;
+}
+
+.paper-cover-date {
+  margin: 0;
+  text-align: center;
+  color: var(--openpress-color-muted);
+  font-family: var(--openpress-font-body);
+  font-size: clamp(7.8pt, 1.3cqw, 8.7pt);
+  letter-spacing: 0;
+  line-height: 1.25;
+}
+
+.paper-cover-lead {
+  margin-top: 2mm;
+}
+
+.paper-cover-short-title {
+  margin-bottom: clamp(6px, 1.2cqw, 10px);
+}
+
 .paper-title {
   font-family: var(--openpress-font-serif);
-  font-size: clamp(28px, 4.4cqw, 36px);
+  font-size: clamp(32px, 4.9cqw, 45px);
   line-height: 1.2;
   font-weight: 400;
   text-align: center;
   margin: 0;
-  letter-spacing: 0;
+  letter-spacing: -0.01em;
 }
 
-.paper-subtitle {
-  font-size: clamp(11px, 1.4cqw, 12px);
-  font-style: italic;
+.paper-author-contact-note {
   text-align: center;
+  margin: 0;
+  font-size: clamp(8.5pt, 1.45cqw, 9.5pt);
   color: var(--openpress-color-muted);
+  line-height: 1.35;
+}
+
+.paper-author-line {
   margin: 0;
+  text-align: center;
+  font-size: clamp(11px, 2cqw, 13px);
+  line-height: 1.45;
+  font-weight: 500;
 }
 
-.paper-authors {
+.paper-author-affiliations {
+  margin: 0;
   list-style: none;
   padding: 0;
-  margin: clamp(8px, 1.6cqw, 16px) 0 0;
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: clamp(10px, 1.4cqw, 16px) clamp(8px, 1.2cqw, 14px);
-}
-
-.paper-author {
   display: flex;
   flex-direction: column;
-  align-items: center;
+  gap: 1mm;
   text-align: center;
-  font-size: clamp(10.5px, 1.3cqw, 11.5px);
-  line-height: 1.35;
-  gap: 0;
 }
 
-.paper-author-name {
-  font-weight: 500;
-  margin: 0 0 0.25em 0;
+.paper-author {
+  display: flex;
+  flex-direction: column;
 }
 
 .paper-author-affiliation {
-  font-style: italic;
-  margin: 0;
-  color: var(--openpress-color-ink);
-}
-
-.paper-author-location,
-.paper-author-contact {
   margin: 0;
   color: var(--openpress-color-ink);
+  font-family: var(--openpress-font-body);
+  font-size: clamp(9px, 1.6cqw, 10px);
+  line-height: 1.42;
 }
 
 .paper-abstract,
-.paper-index-terms {
+.paper-nontechnical-summary,
+.paper-contributions,
+.paper-abstract > p,
+.paper-nontechnical-summary > p,
+.paper-contributions > p {
   margin-top: clamp(8px, 1.6cqw, 14px);
-  font-size: clamp(10.5px, 1.3cqw, 11.5px);
+  font-family: var(--openpress-font-body);
+  font-size: clamp(10px, 1.7cqw, 11px);
   line-height: 1.45;
+  text-align: justify;
+  text-justify: inter-word;
 }
 
-.paper-abstract p,
-.paper-index-terms p {
+.paper-abstract > p,
+.paper-nontechnical-summary > p,
+.paper-contributions > p {
   margin: 0;
-  text-indent: 1.2em;
-  font-style: italic;
+  text-indent: 0.9em;
 }
 
 .paper-abstract-label {
-  font-style: normal;
-  font-weight: 700;
+  display: inline-block;
+  font-weight: 500;
+  text-transform: none;
 }
 
-/* Single-column flush body (v0.6). The v0.8 paged.js migration replaces */
-/* this declaration with `column-count: 2; column-gap: 1rem;` and adds    */
-/* `column-span: all` for the title block + abstract above.               */
-.reader-page--content .page-body {
-  max-width: none;
+.paper-section-label {
+  font-family: var(--openpress-font-serif);
+  font-size: 0.95em;
+  font-weight: 500;
 }
 
 /* ─ academic-paper back cover ───────────────────────────────────────────── */

package/template/packs/academic-paper/document/theme/page-surfaces/toc.css

@@ -1,12 +1,26 @@
 /* page-surfaces / toc
- * Table-of-contents page surface routed by `kind: toc` and built by the
- * engine's renderToc(). Layout uses a 3-column grid (index / title / page).
+ * Table-of-contents page surface rendered by the manuscript <Toc> helper.
+ * Entries flow through the generated toc:<sourceId> chain and TocArea.
  */
 
 .reader-page--toc {
   padding: 0;
 }
 
+.reader-page--toc .page-frame {
+  grid-template-rows: auto minmax(0, 1fr);
+}
+
+.reader-page--toc .toc-header {
+  display: block;
+  overflow: visible;
+  opacity: 1;
+}
+
+.reader-page--toc .openpress-toc-area {
+  height: 100%;
+}
+
 .reader-page--toc h2 {
   margin-top: 0;
   font-family: var(--openpress-font-serif);
@@ -18,13 +32,7 @@
 }
 
 .reader-page--toc h2.toc-heading--continuation {
-  margin-bottom: 0;
-  color: var(--openpress-color-muted);
-  font-family: var(--openpress-font-mono);
-  font-size: calc(8.5pt - var(--openpress-type-step-down));
-  font-weight: 400;
-  letter-spacing: 0.08em;
-  text-align: right;
+  display: none;
 }
 
 .toc-list {
@@ -51,6 +59,7 @@
   align-items: baseline;
   color: var(--openpress-color-ink);
   text-decoration: none;
+  font-family: var(--openpress-font-serif);
   padding: 1.6mm 0;
   font-weight: 400;
   line-height: 1.38;
@@ -117,6 +126,7 @@
   gap: 3mm;
   align-items: baseline;
   color: var(--openpress-color-ink);
+  font-family: var(--openpress-font-serif);
 }
 
 .toc-title::after {