@open-press/cli 1.0.0 → 1.1.1

package/template/core/src/openpress/reader/PageThumbnailsPanel.tsx

@@ -1,168 +0,0 @@
-import { useEffect, useRef, useState, type CSSProperties } from "react";
-import type { HtmlPageBlock, Theme } from "../document-model";
-import { Panel } from "../shared";
-
-// Used by canvas-style Press (slides, social posts) that don't have an
-// MDX-derived TOC. Renders each page as a clickable miniature so the user
-// can navigate without bookmarks. The miniature embeds the same HTML
-// that the main reader renders, scaled to fit the panel width.
-
-const FALLBACK_PAGE_WIDTH_PX = 794; // A4 portrait at 96dpi — matches reader default.
-
-export function PageThumbnails({
-  pages,
-  currentPageIndex,
-  onSelectPage,
-  theme,
-}: {
-  pages: HtmlPageBlock[];
-  currentPageIndex: number;
-  onSelectPage: (pageIndex: number, options?: { behavior?: ScrollBehavior }) => void;
-  theme?: Theme;
-}) {
-  const pageWidthPx = parsePxLength(theme?.pageWidth) ?? FALLBACK_PAGE_WIDTH_PX;
-  const pageHeightPx = parsePxLength(theme?.pageHeight) ?? pageWidthPx;
-  // Compute aspect from the parsed dimensions so it always matches the
-  // page render. theme.pageAspectRatio may be missing on per-Press
-  // documents in multi-Press workspaces, which is why we don't read it
-  // here.
-  const aspectRatio = `${pageWidthPx} / ${pageHeightPx}`;
-
-  if (pages.length === 0) {
-    return <Panel.Empty className="openpress-asset-empty" role="status">尚無頁面</Panel.Empty>;
-  }
-
-  return (
-    <ul className="openpress-thumb-list" aria-label="頁面縮圖">
-      {pages.map((page, index) => (
-        <li key={page.id}>
-          <ThumbnailCard
-            page={page}
-            index={index}
-            active={index === currentPageIndex}
-            onClick={() => onSelectPage(index, { behavior: "smooth" })}
-            pageWidthPx={pageWidthPx}
-            pageHeightPx={pageHeightPx}
-            aspectRatio={aspectRatio}
-          />
-        </li>
-      ))}
-    </ul>
-  );
-}
-
-function ThumbnailCard({
-  page,
-  index,
-  active,
-  onClick,
-  pageWidthPx,
-  pageHeightPx,
-  aspectRatio,
-}: {
-  page: HtmlPageBlock;
-  index: number;
-  active: boolean;
-  onClick: () => void;
-  pageWidthPx: number;
-  pageHeightPx: number;
-  aspectRatio: string;
-}) {
-  const surfaceRef = useRef<HTMLDivElement>(null);
-  const [scale, setScale] = useState<number | null>(null);
-
-  useEffect(() => {
-    const el = surfaceRef.current;
-    if (!el) return;
-    const update = () => {
-      const w = el.clientWidth;
-      const h = el.clientHeight;
-      if (w > 0 && h > 0) setScale(Math.min(w / pageWidthPx, h / pageHeightPx));
-    };
-    update();
-    if (typeof ResizeObserver === "undefined") return;
-    const ro = new ResizeObserver(update);
-    ro.observe(el);
-    return () => ro.disconnect();
-  }, [pageWidthPx, pageHeightPx]);
-
-  const className = `openpress-thumb-card${active ? " is-active" : ""}`;
-  // Wrap the page HTML using the same class structure as the main
-  // reader (`.openpress-html-page > .openpress-html-page__html`) so
-  // section-scoped CSS that targets those classes still applies in
-  // the miniature.
-  const pageClass = page.className
-    ? `openpress-html-page ${page.className}`
-    : "openpress-html-page";
-  const scaledWidth = scale ? pageWidthPx * scale : 0;
-  const scaledHeight = scale ? pageHeightPx * scale : 0;
-  const frameStyle: CSSProperties = {
-    width: `${scaledWidth}px`,
-    height: `${scaledHeight}px`,
-    position: "relative",
-    visibility: scale ? "visible" : "hidden",
-  };
-  const pageStyle: CSSProperties = {
-    "--openpress-page-width": `${pageWidthPx}px`,
-    "--openpress-page-height": `${pageHeightPx}px`,
-    width: `${pageWidthPx}px`,
-    height: `${pageHeightPx}px`,
-    transform: scale ? `scale(${scale})` : undefined,
-    transformOrigin: "top left",
-    position: "absolute",
-    top: 0,
-    left: 0,
-  } as CSSProperties;
-  const pageTitle = page.title || `Page ${index + 1}`;
-
-  return (
-    <div
-      role="button"
-      tabIndex={0}
-      className={className}
-      data-openpress-thumb-index={index}
-      aria-label={`前往第 ${index + 1} 頁：${pageTitle}`}
-      aria-current={active ? "page" : undefined}
-      onClick={onClick}
-      onKeyDown={(event) => {
-        if (event.key === "Enter" || event.key === " ") {
-          event.preventDefault();
-          onClick();
-        }
-      }}
-    >
-      <div className="openpress-thumb-card__surface" ref={surfaceRef} style={{ aspectRatio }}>
-        <div className="openpress-thumb-card__frame" style={frameStyle}>
-          <div className={pageClass} style={pageStyle} data-openpress-thumb-page="true">
-            <div
-              className="openpress-html-page__html"
-              // Page HTML comes from the trusted build pipeline (same source
-              // as the main reader).
-              dangerouslySetInnerHTML={{ __html: page.html }}
-            />
-          </div>
-        </div>
-      </div>
-      <div className="openpress-thumb-card__meta">
-        <span className="openpress-thumb-card__index">{String(index + 1).padStart(2, "0")}</span>
-        <span className="openpress-thumb-card__title">{pageTitle}</span>
-      </div>
-    </div>
-  );
-}
-
-function parsePxLength(value: string | undefined): number | null {
-  if (!value) return null;
-  const match = value.trim().match(/^([\d.]+)\s*(px|mm|cm|in)$/i);
-  if (!match) return null;
-  const n = Number(match[1]);
-  if (!Number.isFinite(n) || n <= 0) return null;
-  const unit = match[2].toLowerCase();
-  switch (unit) {
-    case "px": return n;
-    case "mm": return n * (96 / 25.4);
-    case "cm": return n * (96 / 2.54);
-    case "in": return n * 96;
-    default: return null;
-  }
-}

package/template/core/src/openpress/reader/PublicReaderPage.tsx

@@ -1,267 +0,0 @@
-import {
-  useMemo,
-  useRef,
-  type CSSProperties,
-  type MouseEvent as ReactMouseEvent,
-  type RefCallback,
-  type RefObject,
-} from "react";
-import { BookOpen, ExternalLink, X } from "lucide-react";
-import {
-  collectBookmarkIndex,
-  createAnchorPageMap,
-  createPageObjectEntityId,
-  getProjectIdentity,
-  resolveAnchorPageIndex,
-  type DeploymentInfo,
-  type HtmlPageBlock,
-  type ReaderDocument,
-} from "../document-model";
-import type { InspectorState } from "../workbench/inspector";
-import { useReaderRuntime } from "./useReaderRuntime";
-import { Bookmarks, CurrentPagePanel } from "./ReaderNavigationPanel";
-import type { DisplayPage } from "./readerTypes";
-import { usePageViewportScale } from "./usePageViewportScale";
-import type { PageLayoutMode } from "./pageViewportScaleModel";
-
-export const PUBLIC_DRAWER_BREAKPOINT = 1185;
-export type ViewMode = "paged";
-export type PageInspector = Pick<InspectorState, "enabled" | "handleClick">;
-
-export function PublicViewer({
-  document,
-  pages,
-  style,
-  deploymentInfo = { online: false },
-}: {
-  document: ReaderDocument;
-  pages: Array<HtmlPageBlock>;
-  style: CSSProperties;
-  deploymentInfo?: DeploymentInfo;
-}) {
-  const sourceContainerRef = useRef<HTMLDivElement | null>(null);
-  const displayPages = pages;
-  const viewModeState = useViewMode();
-  const { viewMode } = viewModeState;
-  const bookmarks = collectBookmarkIndex(displayPages);
-  const anchorPageMap = useMemo(() => createAnchorPageMap(displayPages), [displayPages]);
-  const reader = useReaderRuntime({
-    pageCount: displayPages.length,
-    rightPanelBreakpoint: PUBLIC_DRAWER_BREAKPOINT,
-  });
-  usePageViewportScale({
-    stageRef: reader.stageRef,
-    pageContainerRef: sourceContainerRef,
-    pageCount: displayPages.length,
-    layoutMode: "single",
-  });
-  const currentPage = displayPages[reader.currentPageIndex];
-  const staticPdfHref = deploymentInfo.pdf;
-  const projectIdentity = getProjectIdentity(document.meta);
-
-  const drawerOpen = reader.rightPanelOpen;
-
-  const selectPublicPage = (pageIndex: number, options?: { behavior?: ScrollBehavior }) => {
-    reader.setPage(pageIndex, options);
-    if (window.innerWidth < PUBLIC_DRAWER_BREAKPOINT && drawerOpen) reader.toggleRightPanel();
-  };
-
-  const selectPublicAnchor = (anchorId: string, pageIndex?: number) => {
-    const targetPageIndex = resolveAnchorPageIndex(anchorPageMap, displayPages.length, anchorId, pageIndex);
-    if (targetPageIndex === null) return false;
-    selectPublicPage(targetPageIndex, { behavior: "smooth" });
-    return true;
-  };
-
-  const appClassName = [
-    "reader-app openpress-reader-app openpress-public-viewer is-ready",
-    drawerOpen ? "" : "is-closed-right",
-  ].filter(Boolean).join(" ");
-
-  const handleOpenStaticPdf = () => {
-    if (!staticPdfHref) return;
-    window.open(staticPdfHref, "_blank", "noopener,noreferrer");
-  };
-
-  return (
-    <main className="openpress-workbench openpress-public-shell" style={style} data-openpress-public-viewer="true" aria-label={`${document.meta.title} 公開頁`}>
-      <div
-        className={appClassName}
-        data-openpress-react-runtime="true"
-        data-openpress-view-mode={viewMode}
-      >
-        {drawerOpen && (
-          <div className="openpress-public-scrim" aria-hidden="true" onClick={reader.toggleRightPanel} />
-        )}
-        <button type="button" className="openpress-public-fab" aria-label="開啟目錄" onClick={reader.toggleRightPanel}>
-          <BookOpen size={20} aria-hidden="true" />
-        </button>
-
-        <section className="openpress-workbench__stage openpress-public-viewer__stage" aria-label="公開文件頁面">
-          <main className="reader-stage" tabIndex={-1} ref={reader.stageRef}>
-            <PublicPage
-              pages={displayPages}
-              currentPageIndex={reader.currentPageIndex}
-              devMode={false}
-              sourceContainerRef={sourceContainerRef}
-              registerPage={reader.registerPage}
-              onInternalAnchorNavigate={selectPublicAnchor}
-            />
-          </main>
-        </section>
-
-        <aside className="reader-side-nav openpress-workspace-panel openpress-public-navigation" aria-label="文件導覽">
-          <button type="button" className="openpress-public-drawer-close" aria-label="關閉目錄" onClick={reader.toggleRightPanel}>
-            <X size={16} aria-hidden="true" />
-          </button>
-          <section className="openpress-public-identity" aria-label="文件資訊">
-            <strong>
-              <span className="openpress-public-title-main">{projectIdentity.name}</span>
-              {projectIdentity.subtitle ? <span className="openpress-public-title-sub">{projectIdentity.subtitle}</span> : null}
-            </strong>
-            {projectIdentity.label ? <span>{projectIdentity.label}</span> : null}
-          </section>
-          <div className="openpress-public-actions" aria-label="文件操作">
-            <button
-              type="button"
-              className="openpress-public-export-button"
-              data-openpress-public-export
-              disabled={!staticPdfHref}
-              onClick={handleOpenStaticPdf}
-            >
-              <ExternalLink aria-hidden="true" />
-              {!staticPdfHref ? "PDF 未部署" : "開啟 PDF"}
-            </button>
-          </div>
-          <section id="openpress-bookmarks" className="openpress-panel-section openpress-panel-section--bookmarks" aria-label="章節書籤">
-            <nav className="reader-bookmarks" aria-label="章節導覽" data-openpress-react-bookmarks="true">
-              <div className="reader-bookmarks-rail" aria-hidden="true" />
-              <Bookmarks items={bookmarks} currentPageIndex={reader.currentPageIndex} onSelectPage={selectPublicPage} />
-            </nav>
-          </section>
-          <CurrentPagePanel
-            currentPageLabel={reader.currentPageLabel}
-            totalPageLabel={reader.totalPageLabel}
-            progressPercent={reader.progressPercent}
-            title={currentPage?.title || document.meta.title}
-            pageLabelPrefix="頁"
-            showHeading={false}
-            showTitle={false}
-          />
-        </aside>
-      </div>
-    </main>
-  );
-}
-
-export function useViewMode(): { viewMode: ViewMode } {
-  return { viewMode: "paged" };
-}
-
-export function PrintDocument({
-  document,
-  pages,
-  style,
-}: {
-  document: ReaderDocument;
-  pages: Array<HtmlPageBlock>;
-  style: CSSProperties;
-}) {
-  const sourceContainerRef = useRef<HTMLDivElement | null>(null);
-  const displayPages = pages;
-  const registerPage = () => () => undefined;
-
-  return (
-    <main
-      className="openpress-print-document"
-      style={style}
-      data-openpress-print-document="true"
-      aria-label={`${document.meta.title} PDF 輸出`}
-    >
-      <PublicPage
-        pages={displayPages}
-        currentPageIndex={0}
-        devMode={false}
-        sourceContainerRef={sourceContainerRef}
-        registerPage={registerPage}
-        exposeSourceData
-      />
-    </main>
-  );
-}
-
-export function PublicPage({
-  pages,
-  currentPageIndex,
-  devMode,
-  sourceContainerRef,
-  registerPage,
-  exposeSourceData = false,
-  inspector,
-  onInternalAnchorNavigate,
-  pageLayoutMode = "single",
-}: {
-  pages: DisplayPage[];
-  currentPageIndex: number;
-  devMode: boolean;
-  sourceContainerRef: RefObject<HTMLDivElement | null>;
-  registerPage: (pageIndex: number) => RefCallback<HTMLElement>;
-  exposeSourceData?: boolean;
-  inspector?: PageInspector;
-  onInternalAnchorNavigate?: (anchorId: string, pageIndex?: number) => boolean;
-  pageLayoutMode?: PageLayoutMode;
-}) {
-  const handlePageClick = (event: ReactMouseEvent<HTMLDivElement>) => {
-    if (inspector?.enabled && inspector.handleClick(event)) return;
-    if (!onInternalAnchorNavigate || event.defaultPrevented || event.button !== 0) return;
-    if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
-    if (!(event.target instanceof Element)) return;
-
-    const link = event.target.closest<HTMLAnchorElement>('a[href^="#"]');
-    if (!link) return;
-
-    const href = link.getAttribute("href") ?? "";
-    const anchorId = link.dataset.openpressAnchor || safeDecodeAnchor(href.slice(1));
-    if (!anchorId) return;
-
-    const pageIndex = Number.parseInt(link.dataset.openpressTargetPageIndex ?? "", 10);
-    const handled = onInternalAnchorNavigate(anchorId, Number.isFinite(pageIndex) ? pageIndex : undefined);
-    if (handled) event.preventDefault();
-  };
-
-  return (
-    <div
-      className="reader-pages openpress-public-page"
-      ref={sourceContainerRef}
-      data-openpress-public-page="true"
-      data-openpress-page-layout={pageLayoutMode}
-      onClick={handlePageClick}
-    >
-      {pages.map((page) => (
-        <div
-          key={page.id}
-          ref={registerPage(page.pageNumber - 1)}
-          id={`page-${String(page.pageNumber).padStart(2, "0")}`}
-          className="openpress-html-page"
-          data-openpress-object-id={page.frameKey ? createPageObjectEntityId(page.frameKey) : undefined}
-          data-openpress-page-index={page.pageNumber - 1}
-          data-openpress-page-spread-side={pageLayoutMode === "spread" ? ((page.pageNumber - 1) % 2 === 0 ? "left" : "right") : undefined}
-          data-openpress-active={currentPageIndex === page.pageNumber - 1 ? "true" : "false"}
-          data-source-path={exposeSourceData ? page.source?.path : undefined}
-          data-source-file={exposeSourceData ? page.source?.file : undefined}
-        >
-          <div className="openpress-html-page__html" dangerouslySetInnerHTML={{ __html: page.html }} />
-        </div>
-      ))}
-    </div>
-  );
-}
-
-function safeDecodeAnchor(value: string) {
-  if (!value) return "";
-  try {
-    return decodeURIComponent(value);
-  } catch {
-    return value;
-  }
-}

package/template/core/src/openpress/reader/ReaderNavigationPanel.tsx

@@ -1,123 +0,0 @@
-import { type CSSProperties, type MouseEvent as ReactMouseEvent } from "react";
-import type { BookmarkItem } from "../document-model";
-import { Panel } from "../shared";
-
-type BookmarkSelectOptions = {
-  behavior?: ScrollBehavior;
-};
-
-export function Bookmarks({
-  items,
-  currentPageIndex,
-  onSelectPage,
-}: {
-  items: BookmarkItem[];
-  currentPageIndex: number;
-  onSelectPage: (pageIndex: number, options?: BookmarkSelectOptions) => void;
-}) {
-  const goToPage = (event: ReactMouseEvent<HTMLButtonElement>, pageIndex: number) => {
-    event.preventDefault();
-    onSelectPage(pageIndex, { behavior: "smooth" });
-  };
-
-  if (items.length === 0) {
-    return <Panel.Empty className="openpress-asset-empty" role="status">尚無書籤</Panel.Empty>;
-  }
-
-  return (
-    <>
-      {items.map((item, index) => {
-        const groupActive = currentPageIndex >= item.pageIndex && currentPageIndex <= item.endPageIndex;
-        const activeSub = item.subs.find((sub) => currentPageIndex >= sub.pageIndex && currentPageIndex <= sub.endPageIndex);
-        const h2SelfActive = groupActive && !activeSub;
-        const itemLabel = item.label ?? String(index + 1).padStart(2, "0");
-        return (
-          <div className={`bookmark-group${groupActive ? " is-open" : ""}`} key={item.id}>
-            <button
-              type="button"
-              className={`bookmark-item bookmark-h2${h2SelfActive ? " is-active" : ""}`}
-              data-openpress-page-index={item.pageIndex}
-              onClick={(event) => goToPage(event, item.pageIndex)}
-            >
-              <span className="bookmark-index">{itemLabel}</span>
-              <span className="bookmark-title">{item.title}</span>
-            </button>
-            <div className="bookmark-subs">
-              {item.subs.map((sub, subIndex) => {
-                const subActive = currentPageIndex >= sub.pageIndex && currentPageIndex <= sub.endPageIndex;
-                const activeTopic = sub.subs.find((topic) => currentPageIndex >= topic.pageIndex && currentPageIndex <= topic.endPageIndex);
-                const subSelfActive = subActive && !activeTopic;
-                const subLabel = sub.label ?? `${itemLabel}.${subIndex + 1}`;
-                return (
-                  <div className="bookmark-subgroup" key={sub.id}>
-                    <button
-                      type="button"
-                      className={`bookmark-item bookmark-h3${subSelfActive ? " is-active" : ""}`}
-                      data-openpress-page-index={sub.pageIndex}
-                      onClick={(event) => goToPage(event, sub.pageIndex)}
-                    >
-                      <span className="bookmark-index">{subLabel}</span>
-                      <span className="bookmark-title">{sub.title}</span>
-                    </button>
-                    {sub.subs.map((topic, topicIndex) => {
-                      const topicActive = currentPageIndex >= topic.pageIndex && currentPageIndex <= topic.endPageIndex;
-                      const topicLabel = topic.label ?? `${subLabel}.${topicIndex + 1}`;
-                      return (
-                        <button
-                          type="button"
-                          className={`bookmark-item bookmark-h4${topicActive ? " is-active" : ""}`}
-                          data-openpress-page-index={topic.pageIndex}
-                          onClick={(event) => goToPage(event, topic.pageIndex)}
-                          key={topic.id}
-                        >
-                          <span className="bookmark-index">{topicLabel}</span>
-                          <span className="bookmark-title">{topic.title}</span>
-                        </button>
-                      );
-                    })}
-                  </div>
-                );
-              })}
-            </div>
-          </div>
-        );
-      })}
-    </>
-  );
-}
-
-export function CurrentPagePanel({
-  currentPageLabel,
-  totalPageLabel,
-  progressPercent,
-  title,
-  pageLabelPrefix,
-  showHeading = true,
-  showTitle = true,
-}: {
-  currentPageLabel: string;
-  totalPageLabel: string;
-  progressPercent: number;
-  title: string;
-  pageLabelPrefix?: string;
-  showHeading?: boolean;
-  showTitle?: boolean;
-}) {
-  return (
-    <Panel.Section className="openpress-panel-section--current" aria-label="目前頁面">
-      {showHeading ? <Panel.SectionTitle className="openpress-panel-heading">目前頁面</Panel.SectionTitle> : null}
-      <div className="openpress-current-page-card">
-        <div className="openpress-current-page-card__number" aria-label="目前頁數">
-          {pageLabelPrefix ? <span className="openpress-current-page-card__prefix">{pageLabelPrefix}</span> : null}
-          <span data-openpress-current-page>{currentPageLabel}</span>
-          <span className="sep">/</span>
-          <span data-openpress-total-pages>{totalPageLabel}</span>
-        </div>
-        {showTitle ? <div className="openpress-current-page-card__title">{title}</div> : null}
-        <div className="openpress-current-page-card__progress" aria-hidden="true">
-          <span style={{ "--progress": `${progressPercent}%` } as CSSProperties} />
-        </div>
-      </div>
-    </Panel.Section>
-  );
-}

package/template/core/src/openpress/reader/index.ts

@@ -1,11 +0,0 @@
-export * from "./PageThumbnailsPanel";
-export * from "./PublicReaderPage";
-export * from "./ReaderNavigationPanel";
-export * from "./pageViewportScaleModel";
-export * from "./readerPageRegistry";
-export * from "./readerPageRoute";
-export * from "./readerScroll";
-export * from "./readerStateModel";
-export * from "./readerTypes";
-export * from "./usePageViewportScale";
-export * from "./useReaderRuntime";

package/template/core/src/openpress/reader/pageViewportScaleModel.ts

@@ -1,73 +0,0 @@
-export type PageLayoutMode = "single" | "spread";
-
-export type PageViewportScaleMode =
-  | "fit-width"
-  | "fit-page"
-  | "scale-25"
-  | "scale-50"
-  | "scale-75"
-  | "scale-100"
-  | "scale-125"
-  | "scale-150"
-  | "scale-200";
-
-export const PAGE_VIEWPORT_SCALE_OPTIONS: Array<{
-  value: PageViewportScaleMode;
-  label: string;
-}> = [
-  { value: "scale-25", label: "25%" },
-  { value: "scale-50", label: "50%" },
-  { value: "scale-75", label: "75%" },
-  { value: "scale-100", label: "100%" },
-  { value: "scale-125", label: "125%" },
-  { value: "scale-150", label: "150%" },
-  { value: "scale-200", label: "200%" },
-  { value: "fit-width", label: "符合頁面寬度" },
-  { value: "fit-page", label: "符合全開頁面" },
-];
-
-const MIN_PAGE_VIEWPORT_SCALE = 0.12;
-const MAX_FIT_PAGE_VIEWPORT_SCALE = 1;
-const MAX_FIXED_PAGE_VIEWPORT_SCALE = 2;
-
-export function resolvePageViewportScale({
-  mode,
-  fitWidthScale,
-  fitPageScale,
-}: {
-  mode: PageViewportScaleMode;
-  fitWidthScale: number;
-  fitPageScale: number;
-}) {
-  if (mode === "fit-width") return clampPageViewportScale(fitWidthScale, MAX_FIT_PAGE_VIEWPORT_SCALE);
-  if (mode === "fit-page") return clampPageViewportScale(fitPageScale, MAX_FIT_PAGE_VIEWPORT_SCALE);
-  return scaleModeToFixedValue(mode);
-}
-
-export function formatPageViewportScaleLabel(mode: PageViewportScaleMode, scale: number) {
-  void mode;
-  return formatPageViewportScalePercent(scale);
-}
-
-export function formatPageViewportScalePercent(scale: number) {
-  return `${Math.round(clampPageViewportScale(scale, MAX_FIXED_PAGE_VIEWPORT_SCALE) * 100)}%`;
-}
-
-export function formatPageViewportScaleValue(scale: number) {
-  return clampPageViewportScale(scale, MAX_FIXED_PAGE_VIEWPORT_SCALE)
-    .toFixed(4)
-    .replace(/0+$/, "")
-    .replace(/\.$/, "");
-}
-
-function scaleModeToFixedValue(mode: PageViewportScaleMode) {
-  const match = /^scale-(\d+)$/.exec(mode);
-  if (!match) return 1;
-  return clampPageViewportScale(Number.parseInt(match[1] ?? "100", 10) / 100, MAX_FIXED_PAGE_VIEWPORT_SCALE);
-}
-
-function clampPageViewportScale(value: number, maxScale: number) {
-  if (!Number.isFinite(value)) return 1;
-  const safeMaxScale = Number.isFinite(maxScale) && maxScale > 0 ? maxScale : MAX_FIXED_PAGE_VIEWPORT_SCALE;
-  return Math.min(Math.max(value, MIN_PAGE_VIEWPORT_SCALE), safeMaxScale);
-}

package/template/core/src/openpress/reader/readerPageRegistry.ts

@@ -1,41 +0,0 @@
-export interface ReaderPageRegistry<TNode> {
-  refs: Array<TNode | null>;
-  registerPage: (pageIndex: number) => (node: TNode | null) => void;
-  trim: (pageCount: number) => void;
-}
-
-export function createReaderPageRegistry<TNode = HTMLElement>(
-  onChange: (version: number) => void,
-): ReaderPageRegistry<TNode> {
-  const refs: Array<TNode | null> = [];
-  const callbacks = new Map<number, (node: TNode | null) => void>();
-  let version = 0;
-
-  const bump = () => {
-    version += 1;
-    onChange(version);
-  };
-
-  return {
-    refs,
-    registerPage(pageIndex: number) {
-      const existing = callbacks.get(pageIndex);
-      if (existing) return existing;
-
-      const callback = (node: TNode | null) => {
-        if (refs[pageIndex] === node) return;
-        refs[pageIndex] = node;
-        bump();
-      };
-
-      callbacks.set(pageIndex, callback);
-      return callback;
-    },
-    trim(pageCount: number) {
-      refs.length = Math.max(pageCount, 0);
-      for (const pageIndex of callbacks.keys()) {
-        if (pageIndex >= pageCount) callbacks.delete(pageIndex);
-      }
-    },
-  };
-}