@open-press/cli 0.8.0 → 1.1.0

package/template/core/src/openpress/workbench/shell/WorkbenchShell.tsx

@@ -1,167 +0,0 @@
-import { createContext, useContext, type CSSProperties, type ReactNode } from "react";
-import { PanelLeftClose, PanelLeftOpen, PanelRightClose, PanelRightOpen, X } from "lucide-react";
-
-type WorkbenchShellContextValue = {
-  leftPanelOpen: boolean;
-  rightPanelOpen: boolean;
-  onToggleLeftPanel: () => void;
-  onToggleRightPanel: () => void;
-};
-
-const WorkbenchShellContext = createContext<WorkbenchShellContextValue | null>(null);
-
-function useWorkbenchShell() {
-  const value = useContext(WorkbenchShellContext);
-  if (!value) throw new Error("WorkbenchShell compound components must be rendered inside <WorkbenchShell>.");
-  return value;
-}
-
-function WorkbenchShellRoot({
-  style,
-  devMode,
-  viewMode,
-  inspectorMode,
-  editMode = false,
-  leftPanelOpen,
-  rightPanelOpen,
-  onToggleLeftPanel,
-  onToggleRightPanel,
-  children,
-}: {
-  style: CSSProperties;
-  devMode: boolean;
-  viewMode: string;
-  inspectorMode: boolean;
-  editMode?: boolean;
-  leftPanelOpen: boolean;
-  rightPanelOpen: boolean;
-  onToggleLeftPanel: () => void;
-  onToggleRightPanel: () => void;
-  children: ReactNode;
-}) {
-  const scrimOpen = leftPanelOpen || rightPanelOpen;
-  const handleScrimClick = rightPanelOpen ? onToggleRightPanel : onToggleLeftPanel;
-  const shellClassName = [
-    "reader-app openpress-reader-app openpress-public-viewer openpress-dev-public-viewer openpress-workbench-shell is-ready",
-    leftPanelOpen ? "" : "is-closed-left",
-    rightPanelOpen ? "" : "is-closed-right",
-  ].filter(Boolean).join(" ");
-
-  return (
-    <WorkbenchShellContext.Provider value={{ leftPanelOpen, rightPanelOpen, onToggleLeftPanel, onToggleRightPanel }}>
-      <main className="openpress-workbench" style={style} data-dev-mode={devMode ? "true" : "false"}>
-        <div
-          className={shellClassName}
-          data-openpress-react-runtime="true"
-          data-openpress-view-mode={viewMode}
-          data-openpress-inspector-mode={inspectorMode ? "on" : "off"}
-          data-openpress-edit-mode={editMode ? "on" : "off"}
-          data-openpress-workbench-shell
-          data-testid="workbench-shell"
-        >
-          {scrimOpen ? (
-            <div className="openpress-public-scrim" aria-hidden="true" onClick={handleScrimClick} />
-          ) : null}
-          {children}
-        </div>
-      </main>
-    </WorkbenchShellContext.Provider>
-  );
-}
-
-export function WorkbenchToolbar({ children }: { children: ReactNode }) {
-  const {
-    leftPanelOpen,
-    rightPanelOpen,
-    onToggleLeftPanel,
-    onToggleRightPanel,
-  } = useWorkbenchShell();
-  const LeftIcon = leftPanelOpen ? PanelLeftClose : PanelLeftOpen;
-  const RightIcon = rightPanelOpen ? PanelRightClose : PanelRightOpen;
-  const leftLabel = leftPanelOpen ? "收合左側面板" : "展開左側面板";
-  const rightLabel = rightPanelOpen ? "收合右側面板" : "展開右側面板";
-
-  return (
-    <header
-      className="openpress-workbench-toolbar"
-      role="toolbar"
-      aria-label="工作台操作"
-      data-openpress-workbench-toolbar
-    >
-      <button
-        type="button"
-        className="openpress-workbench-toolbar-panel-toggle"
-        data-openpress-toggle-left-panel
-        data-openpress-panel-open={leftPanelOpen ? "true" : "false"}
-        aria-label={leftLabel}
-        title={leftLabel}
-        onClick={onToggleLeftPanel}
-      >
-        <LeftIcon aria-hidden="true" />
-      </button>
-      <div className="openpress-workbench-toolbar__content">
-        {children}
-      </div>
-      <button
-        type="button"
-        className="openpress-workbench-toolbar-panel-toggle"
-        data-openpress-toggle-right-panel
-        data-openpress-panel-open={rightPanelOpen ? "true" : "false"}
-        aria-label={rightLabel}
-        title={rightLabel}
-        onClick={onToggleRightPanel}
-      >
-        <RightIcon aria-hidden="true" />
-      </button>
-    </header>
-  );
-}
-
-function WorkbenchLeftPanel({ children }: { children: ReactNode }) {
-  return (
-    <aside
-      className="reader-side-nav openpress-workspace-panel openpress-workbench-left-panel openpress-public-navigation"
-      aria-label="文件導覽"
-      data-openpress-left-panel
-    >
-      {children}
-    </aside>
-  );
-}
-
-function WorkbenchRightPanel({ children }: { children: ReactNode }) {
-  const { onToggleRightPanel } = useWorkbenchShell();
-
-  return (
-    <aside
-      className="openpress-workspace-panel openpress-workbench-right-panel openpress-dev-public-navigation"
-      aria-label="控制面板"
-      data-openpress-right-panel
-    >
-      <button type="button" className="openpress-public-drawer-close" aria-label="關閉右側面板" onClick={onToggleRightPanel}>
-        <X size={16} aria-hidden="true" />
-      </button>
-      {children}
-    </aside>
-  );
-}
-
-function WorkbenchMainContent({ children }: { children: ReactNode }) {
-  return (
-    <section
-      className="openpress-workbench__stage openpress-workbench-main openpress-public-viewer__stage openpress-dev-main-content"
-      aria-label="主要內容"
-      data-openpress-main-content
-    >
-      {children}
-    </section>
-  );
-}
-
-export const WorkbenchShell = Object.assign(WorkbenchShellRoot, {
-  Toolbar: WorkbenchToolbar,
-  LeftPanel: WorkbenchLeftPanel,
-  RightPanel: WorkbenchRightPanel,
-  ControlPanel: WorkbenchRightPanel,
-  MainContent: WorkbenchMainContent,
-});

package/template/core/src/openpress/workbench/shell/index.ts

@@ -1 +0,0 @@
-export * from "./WorkbenchShell";

package/template/core/src/openpress/workbench/workbenchFormatters.ts

@@ -1,120 +0,0 @@
-import type { InspectorPlacement } from "./inspector";
-import type { ObjectEntity, SourceBlock, Theme } from "../document-model";
-import type { PendingCommentsStatus, InspectorCommentStatus } from "./workbenchTypes";
-
-export type PageGeometrySpec = {
-  label: string;
-  dimensions: string;
-  title: string;
-};
-
-const DEFAULT_PAGE_GEOMETRY = {
-  pageWidth: "210mm",
-  pageHeight: "297mm",
-};
-
-export function formatInspectorSelection(block: SourceBlock | null, entity?: ObjectEntity | null) {
-  if (entity) return entity.label;
-  if (!block) return "未選取";
-  const line = block.source?.line;
-  return line ? `${block.path}:${line}` : block.path;
-}
-
-export function formatInspectorCommentStatus(status: InspectorCommentStatus, error: string) {
-  if (status === "submitting") return "寫入中";
-  if (status === "saved") return "已寫入 source";
-  if (status === "failed") return error || "寫入失敗";
-  return "";
-}
-
-export function formatCommentsCount(count: number, status: PendingCommentsStatus) {
-  if (status === "loading") return "正在讀取";
-  if (status === "clearing") return "正在清除";
-  return `${count} 則待處理`;
-}
-
-export function formatPageGeometrySpec(theme?: Pick<Theme, "pageWidth" | "pageHeight">): PageGeometrySpec {
-  const width = parseCssLength(theme?.pageWidth ?? DEFAULT_PAGE_GEOMETRY.pageWidth);
-  const height = parseCssLength(theme?.pageHeight ?? DEFAULT_PAGE_GEOMETRY.pageHeight);
-  const dimensions = formatLengthPair(width, height);
-  const label = pageGeometryLabel(width, height);
-
-  return {
-    label,
-    dimensions,
-    title: `${label} · ${dimensions}`,
-  };
-}
-
-export function parseCommentHint(hint?: string) {
-  if (!hint?.startsWith("openpress-react-inspector")) return null;
-  const intent = hint.match(/\bintent=(add|edit|delete)\b/)?.[1];
-  const placement = hint.match(/\bplacement=(block|before)\b/)?.[1] as InspectorPlacement | undefined;
-  const targetObjectId = decodeHintValue(hint.match(/\btarget=([^\s]+)/)?.[1]);
-  const intentLabel = intent === "add" ? "Add" : intent === "delete" ? "Remove" : "Edit";
-  const placementLabel = placement === "before" ? "插入於區塊前" : "針對目前區塊";
-  return { intent: intent ?? "edit", intentLabel, placement: placement ?? "block", placementLabel, targetObjectId };
-}
-
-export function formatCommentTimestamp(value: string) {
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) return value;
-  return new Intl.DateTimeFormat("zh-TW", {
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-    hour12: false,
-  }).format(date);
-}
-
-function pageGeometryLabel(width: CssLength, height: CssLength) {
-  if (matchesPageSize(width, height, "210", "297", "mm")) return "A4 Page";
-  if (matchesPageSize(width, height, "176", "250", "mm")) return "B5 Page";
-  if (matchesPageSize(width, height, "215.9", "279.4", "mm")) return "Letter Page";
-  if (isSixteenByNine(width, height)) return "16:9 Page";
-  return "Custom Page";
-}
-
-type CssLength = {
-  raw: string;
-  value: string | null;
-  unit: string | null;
-};
-
-function parseCssLength(value: string): CssLength {
-  const raw = value.trim();
-  const match = raw.match(/^(-?\d+(?:\.\d+)?)([a-z%]+)$/i);
-  if (!match) return { raw, value: null, unit: null };
-  return { raw, value: trimTrailingZeroes(match[1]), unit: match[2] };
-}
-
-function formatLengthPair(width: CssLength, height: CssLength) {
-  if (width.value && height.value && width.unit && width.unit === height.unit) {
-    return `${width.value} × ${height.value} ${width.unit}`;
-  }
-  return `${width.raw} × ${height.raw}`;
-}
-
-function matchesPageSize(width: CssLength, height: CssLength, targetWidth: string, targetHeight: string, unit: string) {
-  return width.value === targetWidth && height.value === targetHeight && width.unit === unit && height.unit === unit;
-}
-
-function isSixteenByNine(width: CssLength, height: CssLength) {
-  if (!width.value || !height.value || !width.unit || width.unit !== height.unit) return false;
-  const ratio = Number(width.value) / Number(height.value);
-  return ratio > 1 && Math.abs(ratio - (16 / 9)) < 0.02;
-}
-
-function decodeHintValue(value?: string) {
-  if (!value) return undefined;
-  try {
-    return decodeURIComponent(value);
-  } catch {
-    return value;
-  }
-}
-
-function trimTrailingZeroes(value: string) {
-  return value.replace(/\.0+$/, "").replace(/(\.\d*?)0+$/, "$1");
-}

package/template/core/src/openpress/workbench/workbenchTypes.ts

@@ -1,35 +0,0 @@
-import type { InspectorPlacement, ObjectSelection } from "./inspector/inspectorModel";
-
-export type DeployStatus = "idle" | "deploying" | "deployed" | "unavailable" | "failed" | "setup";
-export type PdfActionStatus = "idle" | "generating" | "opening" | "failed";
-export type InspectorCommentStatus = "idle" | "submitting" | "saved" | "failed";
-export type PendingCommentsStatus = "idle" | "loading" | "ready" | "failed" | "clearing";
-
-export interface InlineSavedComment {
-  id: string;
-  objectId?: string;
-  blockId?: string;
-  placement: InspectorPlacement;
-  note: string;
-  path?: string;
-  line?: number;
-  timestamp?: string;
-  markerLabel?: string;
-}
-
-export interface InlineSavedCommentMarkerEntry {
-  target: ObjectSelection;
-  comments: InlineSavedComment[];
-}
-
-export interface InspectorLayerRect {
-  top: number;
-  left: number;
-  width: number;
-  height: number;
-}
-
-export interface InspectorInsertTargetView {
-  blockId: string;
-  rect: InspectorLayerRect;
-}

package/template/core/src/styles/openpress/app-shell.css

@@ -1,251 +0,0 @@
-:root {
-  --openpress-scrollbar-track: #141414;
-  --openpress-scrollbar-track-sidebar: #171717;
-  --openpress-scrollbar-thumb: rgb(255 255 255 / 18%);
-  --openpress-scrollbar-thumb-hover: rgb(255 255 255 / 28%);
-
-  color-scheme: dark;
-  color: var(--openpress-text);
-  background: #141414;
-  font-family: var(--openpress-font-family);
-  scrollbar-color: var(--openpress-scrollbar-thumb) var(--openpress-scrollbar-track);
-  scrollbar-width: thin;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-*::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-}
-
-*::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-*::-webkit-scrollbar-thumb {
-  border: 3px solid transparent;
-  border-radius: 999px;
-  background-color: var(--openpress-scrollbar-thumb);
-  background-clip: content-box;
-}
-
-*::-webkit-scrollbar-thumb:hover {
-  background-color: var(--openpress-scrollbar-thumb-hover);
-}
-
-*::-webkit-scrollbar-corner {
-  background: transparent;
-}
-
-body {
-  margin: 0;
-  overflow-x: hidden;
-  scrollbar-color: var(--openpress-scrollbar-thumb) var(--openpress-scrollbar-track);
-  scrollbar-width: thin;
-}
-
-/* ── Full-page loading screen ───────────────────────────────── */
-.openpress-loading-screen {
-  position: fixed;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #141414;
-}
-
-.openpress-loading-screen__inner {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 20px;
-}
-
-.openpress-loading-screen__label {
-  color: rgb(200 200 200 / 40%);
-  font-size: 12px;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-}
-
-.openpress-loading-dots {
-  display: flex;
-  gap: 8px;
-}
-
-.openpress-loading-dots span {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: var(--openpress-accent, #e5c97a);
-  animation: openpress-dot-pulse 1.2s ease-in-out infinite;
-}
-
-.openpress-loading-dots span:nth-child(2) { animation-delay: 0.2s; }
-.openpress-loading-dots span:nth-child(3) { animation-delay: 0.4s; }
-
-@keyframes openpress-dot-pulse {
-  0%, 80%, 100% { opacity: 0.15; transform: scale(0.8); }
-  40%           { opacity: 1;    transform: scale(1); }
-}
-
-.openpress-load-state {
-  position: fixed;
-  top: 16px;
-  left: 50%;
-  z-index: 20;
-  transform: translateX(-50%);
-  border: 1px solid rgb(255 255 255 / 14%);
-  padding: 8px 12px;
-  background: rgb(20 20 20 / 86%);
-  color: #d8dadd;
-  font-size: 13px;
-}
-
-/* ── Action Overlay（部署）──────────────────────────────────── */
-.openpress-action-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 200;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgb(10 10 10 / 72%);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-  animation: openpress-overlay-in 0.18s ease both;
-}
-
-@keyframes openpress-overlay-in {
-  from { opacity: 0; }
-  to   { opacity: 1; }
-}
-
-.openpress-action-overlay__card {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 10px;
-  border: 1px solid rgb(255 255 255 / 12%);
-  border-radius: 16px;
-  padding: 36px 48px;
-  background: rgb(22 22 22 / 96%);
-  box-shadow: 0 24px 64px rgb(0 0 0 / 60%);
-  text-align: center;
-  min-width: 220px;
-}
-
-.openpress-action-overlay__title {
-  margin: 0;
-  color: #f2f2f0;
-  font-size: 15px;
-  font-weight: 600;
-  letter-spacing: 0.01em;
-}
-
-.openpress-action-overlay__sub {
-  margin: 0;
-  color: rgb(200 200 200 / 60%);
-  font-size: 12px;
-}
-
-/* ── Deploy Icon ─────────────────────────────────────────────── */
-.openpress-deploy-icon {
-  position: relative;
-  width: 80px;
-  height: 80px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.openpress-deploy-icon--deploying { color: var(--openpress-accent, #e5c97a); }
-.openpress-deploy-icon--deployed  { color: #6ee7a0; }
-.openpress-deploy-icon--failed    { color: #f87171; }
-
-.openpress-deploy-rocket {
-  animation: openpress-rocket-fly 1.4s ease-in-out infinite alternate;
-}
-
-@keyframes openpress-rocket-fly {
-  from { transform: translateY(4px) rotate(-6deg); }
-  to   { transform: translateY(-6px) rotate(6deg); }
-}
-
-.openpress-deploy-orbit {
-  position: absolute;
-  inset: 0;
-  width: 80px;
-  height: 80px;
-  animation: openpress-orbit-spin 2.4s linear infinite;
-}
-
-@keyframes openpress-orbit-spin {
-  from { transform: rotate(0deg); }
-  to   { transform: rotate(360deg); }
-}
-
-/* ── Empty document state ───────────────────────────────────── */
-
-.openpress-empty-state {
-  display: grid;
-  place-items: center;
-  min-height: 100vh;
-  padding: 48px 24px;
-}
-
-.openpress-empty-state__panel {
-  max-width: 560px;
-  border: 1px solid var(--openpress-scrollbar-thumb);
-  border-radius: 8px;
-  padding: 36px 32px;
-  background: rgb(255 255 255 / 3%);
-  color: var(--openpress-text-on-dark, #f4f4f4);
-}
-
-.openpress-empty-state__eyebrow {
-  margin: 0 0 8px;
-  font-size: 12px;
-  font-weight: 600;
-  letter-spacing: 0.16em;
-  text-transform: uppercase;
-  color: var(--openpress-text-secondary, #c6c6c6);
-}
-
-.openpress-empty-state__title {
-  margin: 0 0 16px;
-  font-size: 22px;
-  font-weight: 500;
-  line-height: 1.4;
-}
-
-.openpress-empty-state__body {
-  margin: 0 0 16px;
-  font-size: 14px;
-  line-height: 1.6;
-  color: var(--openpress-text-secondary, #c6c6c6);
-}
-
-.openpress-empty-state__body code,
-.openpress-empty-state__steps code {
-  padding: 1px 6px;
-  border-radius: 4px;
-  background: rgb(255 255 255 / 8%);
-  font-family: var(--openpress-font-mono, "SFMono-Regular", "Menlo", monospace);
-  font-size: 13px;
-}
-
-.openpress-empty-state__steps {
-  margin: 0;
-  padding-left: 1.2em;
-  font-size: 14px;
-  line-height: 1.7;
-  color: var(--openpress-text-secondary, #c6c6c6);
-}
-
-.openpress-empty-state__steps li {
-  margin-bottom: 4px;
-}