@open-press/cli 0.7.0 → 0.8.0

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/core/src/openpress/inspector.ts

@@ -1,282 +0,0 @@
-import { useCallback, useEffect, useMemo, useState, type MouseEvent as ReactMouseEvent } from "react";
-import { getSourceBlockMap } from "./reactDocumentMetadata";
-import type { ReaderDocument, SourceBlock } from "./types";
-
-const DEFAULT_INSPECTOR_STORAGE_KEY = "openpress:inspector-mode";
-
-export type InspectorIntent = "edit" | "delete" | "add";
-export type InspectorPlacement = "block" | "before";
-
-export interface InspectorTarget {
-  blockId: string;
-  placement: InspectorPlacement;
-}
-
-export interface InspectorState {
-  enabled: boolean;
-  inspectorMode: boolean;
-  selectedBlockId: string | null;
-  selectedBlock: SourceBlock | null;
-  selectedTarget: InspectorTarget | null;
-  commentIntent: InspectorIntent;
-  setInspectorMode: (enabled: boolean) => void;
-  toggleInspectorMode: () => void;
-  setCommentIntent: (intent: InspectorIntent) => void;
-  selectTarget: (target: InspectorTarget | null) => SourceBlock | null;
-  inspectTarget: (target: EventTarget | null) => SourceBlock | null;
-  handleClick: (event: ReactMouseEvent) => boolean;
-}
-
-export interface InspectorCommentResult {
-  ok: boolean;
-  comment?: {
-    id?: string;
-    timestamp?: string;
-    path?: string;
-    line?: number;
-    note?: string;
-    hint?: string;
-  };
-  message?: string;
-}
-
-export interface PendingComment {
-  id: string;
-  timestamp?: string;
-  path: string;
-  absolutePath?: string;
-  line: number;
-  marker?: string;
-  note: string;
-  hint?: string;
-}
-
-export interface CommentListResult {
-  ok: boolean;
-  comments?: PendingComment[];
-  message?: string;
-}
-
-export interface CommentClearResult {
-  ok: boolean;
-  removedCount: number;
-  comments?: PendingComment[];
-  message?: string;
-}
-
-export async function submitInspectorComment({
-  block,
-  note,
-  intent,
-  placement,
-  endpoint = "/__openpress/comment",
-  fetchImpl = globalThis.fetch?.bind(globalThis),
-}: {
-  block: SourceBlock | null;
-  note: string;
-  intent?: InspectorIntent;
-  placement?: InspectorPlacement;
-  endpoint?: string;
-  fetchImpl?: typeof fetch;
-}): Promise<InspectorCommentResult> {
-  if (!block) throw new Error("OpenPress inspector comment requires a selected block.");
-  const normalizedNote = note.trim();
-  if (!normalizedNote) throw new Error("OpenPress inspector comment note must not be empty.");
-  if (!block.path || !block.source?.line) throw new Error("OpenPress inspector selected block has no editable source location.");
-  if (typeof fetchImpl !== "function") throw new Error("OpenPress inspector comment endpoint is unavailable.");
-
-  const response = await fetchImpl(endpoint, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      target: {
-        blockId: block.id,
-        path: block.path,
-        source: block.source,
-      },
-      note: normalizedNote,
-      hint: formatInspectorHint({ intent, placement }),
-    }),
-  });
-  const result = await response.json().catch(() => null) as InspectorCommentResult | null;
-  if (!response.ok) {
-    throw new Error(result?.message ?? `OpenPress inspector comment failed with status ${response.status}`);
-  }
-  return result ?? { ok: true };
-}
-
-export async function fetchInspectorComments({
-  endpoint = "/__openpress/comment",
-  fetchImpl = globalThis.fetch?.bind(globalThis),
-}: {
-  endpoint?: string;
-  fetchImpl?: typeof fetch;
-} = {}): Promise<PendingComment[]> {
-  if (typeof fetchImpl !== "function") throw new Error("OpenPress inspector comment endpoint is unavailable.");
-
-  const response = await fetchImpl(endpoint, { method: "GET" });
-  const result = await response.json().catch(() => null) as CommentListResult | null;
-  if (!response.ok) {
-    throw new Error(result?.message ?? `OpenPress inspector comment list failed with status ${response.status}`);
-  }
-  return Array.isArray(result?.comments) ? result.comments : [];
-}
-
-export async function clearInspectorComment({
-  id,
-  all = false,
-  endpoint = "/__openpress/comment",
-  fetchImpl = globalThis.fetch?.bind(globalThis),
-}: {
-  id?: string;
-  all?: boolean;
-  endpoint?: string;
-  fetchImpl?: typeof fetch;
-} = {}): Promise<CommentClearResult> {
-  if (typeof fetchImpl !== "function") throw new Error("OpenPress inspector comment endpoint is unavailable.");
-  if (!all && !id) throw new Error("OpenPress inspector comment clear requires an id or all=true.");
-
-  const response = await fetchImpl(endpoint, {
-    method: "DELETE",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(all ? { all: true } : { id }),
-  });
-  const result = await response.json().catch(() => null) as CommentClearResult | null;
-  if (!response.ok) {
-    throw new Error(result?.message ?? `OpenPress inspector comment clear failed with status ${response.status}`);
-  }
-  return result ?? { ok: true, removedCount: 0 };
-}
-
-export async function updateInspectorComment({
-  id,
-  note,
-  intent,
-  placement,
-  endpoint = "/__openpress/comment",
-  fetchImpl = globalThis.fetch?.bind(globalThis),
-}: {
-  id: string;
-  note: string;
-  intent?: InspectorIntent;
-  placement?: InspectorPlacement;
-  endpoint?: string;
-  fetchImpl?: typeof fetch;
-}): Promise<InspectorCommentResult> {
-  const normalizedNote = note.trim();
-  if (!id.trim()) throw new Error("OpenPress inspector comment update requires an id.");
-  if (!normalizedNote) throw new Error("OpenPress inspector comment note must not be empty.");
-  if (typeof fetchImpl !== "function") throw new Error("OpenPress inspector comment endpoint is unavailable.");
-
-  const response = await fetchImpl(endpoint, {
-    method: "PATCH",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      id,
-      note: normalizedNote,
-      hint: formatInspectorHint({ intent, placement }),
-    }),
-  });
-  const result = await response.json().catch(() => null) as InspectorCommentResult | null;
-  if (!response.ok) {
-    throw new Error(result?.message ?? `OpenPress inspector comment update failed with status ${response.status}`);
-  }
-  return result ?? { ok: true };
-}
-
-export function useInspector(
-  document: ReaderDocument,
-  {
-    enabled = false,
-    storageKey = DEFAULT_INSPECTOR_STORAGE_KEY,
-  }: {
-    enabled?: boolean;
-    storageKey?: string;
-  } = {},
-): InspectorState {
-  const blockMap = useMemo(() => getSourceBlockMap(document), [document]);
-  const [inspectorMode, setInspectorModeState] = useState(() => {
-    if (!enabled || typeof window === "undefined") return false;
-    return window.localStorage.getItem(storageKey) === "on";
-  });
-  const [selectedTarget, setSelectedTarget] = useState<InspectorTarget | null>(null);
-  const [commentIntent, setCommentIntent] = useState<InspectorIntent>("edit");
-
-  useEffect(() => {
-    if (!enabled && inspectorMode) setInspectorModeState(false);
-  }, [enabled, inspectorMode]);
-
-  const setInspectorMode = useCallback((nextEnabled: boolean) => {
-    setInspectorModeState(nextEnabled);
-    if (typeof window !== "undefined") {
-      window.localStorage.setItem(storageKey, nextEnabled ? "on" : "off");
-    }
-    if (!nextEnabled) setSelectedTarget(null);
-  }, [storageKey]);
-
-  const selectTarget = useCallback((target: InspectorTarget | null) => {
-    setSelectedTarget(target);
-    if (!target) return null;
-    setCommentIntent(target.placement === "before" ? "add" : "edit");
-    const sourceBlock = blockMap[target.blockId] ?? null;
-    return sourceBlock;
-  }, [blockMap]);
-
-  const inspectTarget = useCallback((target: EventTarget | null) => {
-    const inspectorTarget = findInspectorTarget(target);
-    return selectTarget(inspectorTarget);
-  }, [selectTarget]);
-
-  const handleClick = useCallback((event: ReactMouseEvent) => {
-    if (!enabled || !inspectorMode) return false;
-    const inspectorTarget = findInspectorTarget(event.target);
-    if (!inspectorTarget) return false;
-    selectTarget(inspectorTarget);
-    event.preventDefault();
-    event.stopPropagation();
-    return true;
-  }, [enabled, inspectorMode, selectTarget]);
-
-  const selectedBlockId = selectedTarget?.blockId ?? null;
-  const selectedBlock = selectedBlockId ? (blockMap[selectedBlockId] ?? null) : null;
-
-  return {
-    enabled,
-    inspectorMode: enabled && inspectorMode,
-    selectedBlockId,
-    selectedBlock,
-    selectedTarget,
-    commentIntent,
-    setInspectorMode,
-    toggleInspectorMode: () => setInspectorMode(!inspectorMode),
-    setCommentIntent,
-    selectTarget,
-    inspectTarget,
-    handleClick,
-  };
-}
-
-export function findInspectorTarget(target: EventTarget | null): InspectorTarget | null {
-  if (typeof Element === "undefined") return null;
-  if (!(target instanceof Element)) return null;
-  const insertTarget = target.closest<HTMLElement>("[data-openpress-insert-before-block-id]");
-  const insertBeforeBlockId = insertTarget?.dataset.openpressInsertBeforeBlockId;
-  if (insertBeforeBlockId) return { blockId: insertBeforeBlockId, placement: "before" };
-
-  const element = target.closest<HTMLElement>("[data-openpress-block-id]");
-  const blockId = element?.dataset.openpressBlockId;
-  return blockId ? { blockId, placement: "block" } : null;
-}
-
-export function formatInspectorHint({
-  intent,
-  placement,
-}: {
-  intent?: InspectorIntent;
-  placement?: InspectorPlacement;
-} = {}) {
-  const parts = ["openpress-react-inspector"];
-  if (intent) parts.push(`intent=${intent}`);
-  if (placement) parts.push(`placement=${placement}`);
-  return parts.join(" ");
-}