@open-press/cli 1.0.0 → 1.1.0

package/template/core/src/openpress/shared/Panel.tsx

@@ -1,77 +0,0 @@
-import { type ComponentPropsWithoutRef } from "react";
-import { cn } from "../core/cn";
-
-type PanelProps = ComponentPropsWithoutRef<"section">;
-type PanelHeaderProps = ComponentPropsWithoutRef<"header">;
-type PanelDivProps = ComponentPropsWithoutRef<"div">;
-type PanelTextProps = ComponentPropsWithoutRef<"p">;
-type PanelTitleProps = ComponentPropsWithoutRef<"h2">;
-type PanelSectionTitleProps = ComponentPropsWithoutRef<"h3">;
-type PanelButtonProps = ComponentPropsWithoutRef<"button">;
-
-function PanelRoot({ className, ...props }: PanelProps) {
-  return <section {...props} className={cn("openpress-panel", className)} />;
-}
-
-function PanelHeader({ className, ...props }: PanelHeaderProps) {
-  return <header {...props} className={cn("openpress-panel-header", className)} />;
-}
-
-function PanelKicker({ className, ...props }: ComponentPropsWithoutRef<"span">) {
-  return <span {...props} className={cn("openpress-panel-kicker", className)} />;
-}
-
-function PanelTitle({ className, ...props }: PanelTitleProps) {
-  return <h2 {...props} className={cn("openpress-panel-title", className)} />;
-}
-
-function PanelDescription({ className, ...props }: PanelTextProps) {
-  return <p {...props} className={cn("openpress-panel-description", className)} />;
-}
-
-function PanelActions({ className, ...props }: PanelDivProps) {
-  return <div {...props} className={cn("openpress-panel-actions", className)} />;
-}
-
-function PanelActionButton({ className, ...props }: PanelButtonProps) {
-  return <button {...props} className={cn("openpress-panel-action-button", className)} />;
-}
-
-function PanelBody({ className, ...props }: PanelDivProps) {
-  return <div {...props} className={cn("openpress-panel-body", className)} />;
-}
-
-function PanelSection({ className, ...props }: PanelProps) {
-  return <section {...props} className={cn("openpress-panel-section", className)} />;
-}
-
-function PanelSectionTitle({ className, ...props }: PanelSectionTitleProps) {
-  return <h3 {...props} className={cn("openpress-panel-section-title", className)} />;
-}
-
-function PanelSectionDescription({ className, ...props }: PanelTextProps) {
-  return <p {...props} className={cn("openpress-panel-section-description", className)} />;
-}
-
-function PanelEmpty({ className, ...props }: PanelDivProps) {
-  return <div {...props} className={cn("openpress-panel-empty", className)} />;
-}
-
-function PanelError({ className, role = "alert", ...props }: PanelTextProps) {
-  return <p {...props} role={role} className={cn("openpress-panel-error", className)} />;
-}
-
-export const Panel = Object.assign(PanelRoot, {
-  Header: PanelHeader,
-  Kicker: PanelKicker,
-  Title: PanelTitle,
-  Description: PanelDescription,
-  Actions: PanelActions,
-  ActionButton: PanelActionButton,
-  Body: PanelBody,
-  Section: PanelSection,
-  SectionTitle: PanelSectionTitle,
-  SectionDescription: PanelSectionDescription,
-  Empty: PanelEmpty,
-  Error: PanelError,
-});

package/template/core/src/openpress/shared/frameScheduler.ts

@@ -1,32 +0,0 @@
-type BrowserFrameCallback = (timestamp: number) => void;
-
-export function scheduleBrowserFrame(callback: BrowserFrameCallback) {
-  if (canUseAnimationFrame()) {
-    const frame = window.requestAnimationFrame(callback);
-    return () => window.cancelAnimationFrame(frame);
-  }
-
-  const timer = window.setTimeout(() => callback(now()), 0);
-  return () => window.clearTimeout(timer);
-}
-
-export function waitForBrowserFrame() {
-  return new Promise<void>((resolve) => {
-    scheduleBrowserFrame(() => resolve());
-  });
-}
-
-function canUseAnimationFrame() {
-  return (
-    typeof window !== "undefined" &&
-    typeof window.requestAnimationFrame === "function" &&
-    typeof document !== "undefined" &&
-    document.visibilityState !== "hidden"
-  );
-}
-
-function now() {
-  return typeof performance !== "undefined" && typeof performance.now === "function"
-    ? performance.now()
-    : Date.now();
-}

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

@@ -1,4 +0,0 @@
-export * from "./frameScheduler";
-export * from "./numberUtils";
-export * from "./Panel";
-export * from "./runtimeMode";

package/template/core/src/openpress/shared/numberUtils.ts

@@ -1,3 +0,0 @@
-export function clampNumber(value: number, min: number, max: number) {
-  return Math.min(Math.max(value, min), Math.max(min, max));
-}

package/template/core/src/openpress/shared/runtimeMode.ts

@@ -1,11 +0,0 @@
-export function isLocalWorkspaceHost(hostname: string) {
-  return hostname === "localhost" || hostname === "127.0.0.1" || hostname === "::1";
-}
-
-export function isWorkspaceModeLocation(location: Pick<Location, "hostname" | "search">) {
-  return isLocalWorkspaceHost(location.hostname) && new URLSearchParams(location.search).has("dev");
-}
-
-export function isPrintModeLocation(location: Pick<Location, "search">) {
-  return new URLSearchParams(location.search).has("print");
-}

package/template/core/src/openpress/workbench/Workbench.tsx

@@ -1,506 +0,0 @@
-import {
-  useMemo,
-  useRef,
-  useState,
-  type CSSProperties,
-} from "react";
-import { ExternalLink, Home, MousePointer2, Ruler } from "lucide-react";
-import {
-  getProjectIdentity,
-  resolveAnchorPageIndex,
-  type DeploymentInfo,
-  type HtmlPageBlock,
-  type ReaderDocument,
-} from "../document-model";
-import { InlineInspectorLayer, useInspector, useInspectorComments } from "./inspector";
-import { ProjectEntryPanel } from "./project";
-import {
-  Bookmarks,
-  CurrentPagePanel,
-  PageThumbnails,
-  PUBLIC_DRAWER_BREAKPOINT,
-  PublicPage,
-  useReaderRuntime,
-  usePageViewportScale,
-  useViewMode,
-  type PageLayoutMode,
-} from "../reader";
-import {
-  ReaderStage,
-  InlineSourceEditorLayer,
-  useDocumentWorkbenchModel,
-  useInlineDocumentEditor,
-  type InlineDocumentEditStatus,
-  type InlineDocumentSourceTarget,
-} from "./document";
-import {
-  DeploymentControl,
-  ExportImageControl,
-  PageZoomControl,
-  SearchControl,
-  useDeploymentWorkbench,
-} from "./actions";
-import { PendingCommentsPanel, WorkbenchControlPanel, type WorkbenchPanel } from "./panels";
-import { WorkbenchShell } from "./shell";
-import {
-  formatPageGeometrySpec,
-  formatInspectorSelection,
-} from "./workbenchFormatters";
-
-export function HtmlWorkbench({
-  document,
-  pages,
-  style,
-  devMode,
-  deploymentInfo,
-  onDocumentRefresh,
-  onBackToWorkspace,
-  extraControlPanels,
-}: {
-  document: ReaderDocument;
-  pages: Array<HtmlPageBlock>;
-  style: CSSProperties;
-  devMode: boolean;
-  deploymentInfo: DeploymentInfo;
-  onDocumentRefresh?: () => void | Promise<void>;
-  onBackToWorkspace?: () => void;
-  // Append extra panels into the right-side control panel. Built-in panels
-  // (pending comments + project entry) render first; extra panels render
-  // after them in the supplied order.
-  extraControlPanels?: WorkbenchPanel[];
-}) {
-  const sourceContainerRef = useRef<HTMLDivElement | null>(null);
-  const displayPages = pages;
-  const { viewMode } = useViewMode();
-  const {
-    mediaAssets,
-    anchorPageMap,
-    projectComponentUsages,
-    bookmarks,
-    sourceBlockMap,
-    sourceBlocksByPath,
-    projectMentionItems,
-  } = useDocumentWorkbenchModel(document, displayPages);
-  const inspector = useInspector(document, { enabled: devMode });
-  const reader = useReaderRuntime({
-    pageCount: Math.max(displayPages.length, 1),
-    leftPanelBreakpoint: PUBLIC_DRAWER_BREAKPOINT,
-    rightPanelBreakpoint: PUBLIC_DRAWER_BREAKPOINT,
-  });
-  const [pageLayoutMode, setPageLayoutMode] = useState<PageLayoutMode>("single");
-  const pageViewport = usePageViewportScale({
-    stageRef: reader.stageRef,
-    pageContainerRef: sourceContainerRef,
-    pageCount: displayPages.length,
-    layoutMode: pageLayoutMode,
-  });
-  const deployment = useDeploymentWorkbench({ deploymentInfo });
-  const [inlineEditStatus, setInlineEditStatus] = useState<InlineDocumentEditStatus>({ state: "idle" });
-  const [sourceEditorTarget, setSourceEditorTarget] = useState<InlineDocumentSourceTarget | null>(null);
-
-  const projectIdentity = getProjectIdentity(document.meta);
-  const pageGeometry = formatPageGeometrySpec(document.theme);
-  const inspectorSelectionLabel = formatInspectorSelection(
-    inspector.selectedBlock,
-    inspector.selectedObjectEntity,
-  );
-  const inspectorToolbarExpanded = inspector.inspectorMode;
-  const editStatusMessage = formatInlineEditStatus(inlineEditStatus);
-
-  // Inline source editing and inspector commenting are mutually exclusive
-  // interaction modes on the same blocks. While inspector mode is on, the
-  // user is selecting blocks to comment on — keeping contenteditable + the
-  // text cursor active would (a) show the I-beam instead of the inspector
-  // crosshair, (b) allow accidental text selection that paints the whole
-  // page (notably covers) with the browser ::selection color.
-  const inlineEditEnabled = devMode && !inspector.inspectorMode;
-  useInlineDocumentEditor({
-    enabled: inlineEditEnabled,
-    sourceContainerRef,
-    sourceBlockMap,
-    onStatusChange: setInlineEditStatus,
-    onOpenSourceBlock: setSourceEditorTarget,
-    onDocumentEdited: onDocumentRefresh,
-  });
-
-  const selectWorkspacePage = (pageIndex: number, options?: { behavior?: ScrollBehavior }) => {
-    reader.setPage(pageIndex, options);
-    if (
-      typeof window !== "undefined"
-      && window.innerWidth < PUBLIC_DRAWER_BREAKPOINT
-      && reader.rightPanelOpen
-    ) {
-      reader.toggleRightPanel();
-    }
-  };
-
-  const selectWorkspaceAnchor = (anchorId: string, pageIndex?: number) => {
-    const targetPageIndex = resolveAnchorPageIndex(anchorPageMap, displayPages.length, anchorId, pageIndex);
-    if (targetPageIndex === null) return false;
-    selectWorkspacePage(targetPageIndex, { behavior: "smooth" });
-    return true;
-  };
-
-  const comments = useInspectorComments({
-    devMode,
-    inspector,
-    sourceBlockMap,
-    sourceBlocksByPath,
-    sourceContainerRef,
-    onSelectWorkspacePage: selectWorkspacePage,
-  });
-
-  // Stabilize the controller objects so memoized InlineInspectorLayer can skip
-  // re-rendering when nothing observable changed.
-  const inspectorLayerComments = useMemo(() => ({
-    saved: comments.inlineSavedComments,
-    active: comments.activeInlineSavedComment ?? null,
-    status: comments.inspectorCommentStatus,
-    statusMessage: comments.inspectorCommentStatusMessage,
-    totalCount: comments.pendingComments.length,
-    onOpenSaved: comments.handleOpenInlineSavedComment,
-    onRemoveSaved: comments.handleRemoveInlineSavedComment,
-  }), [
-    comments.activeInlineSavedComment,
-    comments.handleOpenInlineSavedComment,
-    comments.handleRemoveInlineSavedComment,
-    comments.inlineSavedComments,
-    comments.inspectorCommentStatus,
-    comments.inspectorCommentStatusMessage,
-    comments.pendingComments.length,
-  ]);
-  const inspectorLayerComposer = useMemo(() => ({
-    text: comments.inspectorCommentText,
-    submitDisabled: comments.inspectorCommentDisabled,
-    mentionItems: projectMentionItems,
-    onTextChange: comments.setInspectorCommentText,
-    onSubmit: comments.handleSubmitInspectorComment,
-  }), [
-    comments.handleSubmitInspectorComment,
-    comments.inspectorCommentDisabled,
-    comments.inspectorCommentText,
-    comments.setInspectorCommentText,
-    projectMentionItems,
-  ]);
-
-  const currentSourcePath = displayPages[reader.currentPageIndex]?.source;
-  // Stabilize the panel registry across keystrokes in the inspector
-  // composer. Without `useMemo` the registry array (and the JSX closures
-  // inside) would be recreated on every Workbench render, so typing a
-  // single character would force WorkbenchControlPanel + every panel to
-  // diff fresh React elements.
-  const builtInControlPanels = useMemo<WorkbenchPanel[]>(() => [
-    {
-      id: "pending-comments",
-      render: () => (
-        <PendingCommentsPanel
-          comments={comments.pendingComments}
-          status={comments.commentsStatus}
-          error={comments.commentsError}
-          onClear={comments.clearPendingComment}
-          onSelect={comments.handleSelectPendingComment}
-        />
-      ),
-    },
-    {
-      id: "project-entry",
-      render: () => (
-        <ProjectEntryPanel
-          mediaAssets={mediaAssets}
-          componentUsages={projectComponentUsages}
-          mentionItems={projectMentionItems}
-          currentSource={currentSourcePath}
-          onCommentSubmitted={comments.refreshPendingComments}
-        />
-      ),
-    },
-  ], [
-    comments.clearPendingComment,
-    comments.commentsError,
-    comments.commentsStatus,
-    comments.handleSelectPendingComment,
-    comments.pendingComments,
-    comments.refreshPendingComments,
-    currentSourcePath,
-    mediaAssets,
-    projectComponentUsages,
-    projectMentionItems,
-  ]);
-  const controlPanels = useMemo(
-    () => (extraControlPanels ? [...builtInControlPanels, ...extraControlPanels] : builtInControlPanels),
-    [builtInControlPanels, extraControlPanels],
-  );
-
-  // Memoize so composer keystrokes (which only flip `comments.inspectorCommentText`)
-  // don't rebuild the toolbar JSX. The toolbar depends on deploy/page/zoom
-  // state and inspector mode, but never on the composer draft text.
-  const toolbarActions = useMemo(() => (
-    <>
-      {onBackToWorkspace ? (
-        <div className="openpress-workbench-toolbar__group" aria-label="工作台導覽">
-          <button
-            type="button"
-            className="openpress-workbench-toolbar-action openpress-workbench-toolbar-action--back"
-            data-openpress-back-to-workspace
-            onClick={onBackToWorkspace}
-            title="回到工作台"
-            aria-label="回到工作台"
-          >
-            <Home aria-hidden="true" />
-            <span className="openpress-workbench-toolbar-action__label">工作台</span>
-          </button>
-        </div>
-      ) : null}
-      <div className="openpress-workbench-toolbar__group" aria-label="輸出">
-        <button
-          type="button"
-          className="openpress-workbench-toolbar-action"
-          data-openpress-public-export
-          data-openpress-toolbar-expanded={deployment.pdfToolbarExpanded ? "true" : "false"}
-          data-openpress-toolbar-active={deployment.pdfToolbarExpanded ? "true" : "false"}
-          disabled={deployment.pdfButtonDisabled}
-          onClick={deployment.handleOpenWorkbenchPdf}
-          title={deployment.pdfButtonText}
-          aria-label={deployment.pdfButtonText}
-        >
-          <ExternalLink aria-hidden="true" />
-          <span className="openpress-workbench-toolbar-action__label">{deployment.pdfButtonText}</span>
-          {deployment.pdfStatusMessage ? (
-            <span
-              className="openpress-dev-pdf-status"
-              data-openpress-pdf-status={deployment.pdfActionStatus}
-              role="status"
-              aria-live="polite"
-            >
-              <span className="openpress-dev-pdf-status__spinner" aria-hidden="true" />
-              <span>{deployment.pdfStatusMessage}</span>
-            </span>
-          ) : null}
-        </button>
-        <ExportImageControl
-          currentPageIndex={reader.currentPageIndex}
-          currentPageLabel={reader.currentPageLabel}
-          pressTitle={projectIdentity.name}
-        />
-      </div>
-      <div className="openpress-workbench-toolbar__group openpress-workbench-toolbar__group--page" aria-label="頁面規格">
-        <button
-          type="button"
-          className="openpress-workbench-page-geometry"
-          data-openpress-page-geometry
-          title={pageGeometry.title}
-          aria-label={`頁面規格 ${pageGeometry.title}`}
-        >
-          <Ruler aria-hidden="true" />
-          <span className="openpress-workbench-page-geometry__label">{pageGeometry.label}</span>
-          <span className="openpress-workbench-page-geometry__dimensions">{pageGeometry.dimensions}</span>
-        </button>
-        <PageZoomControl
-          scaleMode={pageViewport.scaleMode}
-          scaleLabel={pageViewport.scaleLabel}
-          pageLayoutMode={pageLayoutMode}
-          onScaleModeChange={pageViewport.setScaleMode}
-          onPageLayoutModeChange={setPageLayoutMode}
-        />
-      </div>
-      <div className="openpress-workbench-toolbar__group openpress-workbench-toolbar__group--right" aria-label="工作台狀態與發布">
-        {devMode ? (
-          <SearchControl
-            sourceBlocksByPath={sourceBlocksByPath}
-            onSelectPage={selectWorkspacePage}
-          />
-        ) : null}
-        {devMode && editStatusMessage ? (
-          <span
-            className="openpress-dev-edit-status openpress-dev-edit-status--toolbar"
-            data-openpress-edit-status={inlineEditStatus.state}
-            role="status"
-            aria-live="polite"
-          >
-            {inlineEditStatus.state === "saving" ? <span className="openpress-dev-edit-status__spinner" aria-hidden="true" /> : null}
-            <span>{editStatusMessage}</span>
-          </span>
-        ) : null}
-        {devMode ? (
-          <button
-            type="button"
-            className="openpress-workbench-toolbar-action"
-            data-openpress-inspector-toggle
-            data-openpress-inspector-active={inspector.inspectorMode ? "true" : "false"}
-            data-openpress-toolbar-expanded={inspectorToolbarExpanded ? "true" : "false"}
-            data-openpress-toolbar-active={inspectorToolbarExpanded ? "true" : "false"}
-            onClick={() => inspector.setInspectorMode(!inspector.inspectorMode)}
-            aria-pressed={inspector.inspectorMode}
-            title={inspector.inspectorMode ? "關閉註解" : "開啟註解"}
-            aria-label={inspector.inspectorMode ? "關閉註解" : "開啟註解"}
-          >
-            <MousePointer2 aria-hidden="true" />
-            <span className="openpress-workbench-toolbar-action__label">{inspector.inspectorMode ? "註解中" : "註解"}</span>
-            <span className="openpress-dev-inspector-status">{inspectorSelectionLabel}</span>
-          </button>
-        ) : null}
-        {devMode && inspector.inspectorMode ? (
-          <span
-            className="openpress-dev-inspector-status"
-            role="status"
-            aria-live="polite"
-            data-openpress-inspector-comment-status={comments.inspectorCommentStatus}
-          >
-            {comments.inspectorCommentStatusMessage}
-          </span>
-        ) : null}
-        {deployment.localDeployEnabled ? (
-          <DeploymentControl
-            info={deployment.currentDeploymentInfo}
-            status={deployment.status}
-            onDeploy={deployment.handleDeploy}
-          />
-        ) : null}
-      </div>
-    </>
-  ), [
-    comments.inspectorCommentStatus,
-    comments.inspectorCommentStatusMessage,
-    deployment.currentDeploymentInfo,
-    deployment.handleDeploy,
-    deployment.handleOpenWorkbenchPdf,
-    deployment.localDeployEnabled,
-    deployment.pdfActionStatus,
-    deployment.pdfButtonDisabled,
-    deployment.pdfButtonText,
-    deployment.pdfStatusMessage,
-    deployment.pdfToolbarExpanded,
-    deployment.status,
-    devMode,
-    editStatusMessage,
-    inlineEditStatus.state,
-    inspector.inspectorMode,
-    inspector.setInspectorMode,
-    inspectorSelectionLabel,
-    inspectorToolbarExpanded,
-    pageGeometry.dimensions,
-    pageGeometry.label,
-    pageGeometry.title,
-    pageLayoutMode,
-    pageViewport.scaleLabel,
-    pageViewport.scaleMode,
-    pageViewport.setScaleMode,
-    selectWorkspacePage,
-    sourceBlocksByPath,
-    onBackToWorkspace,
-    reader.currentPageIndex,
-    reader.currentPageLabel,
-    projectIdentity.name,
-  ]);
-
-  return (
-    <WorkbenchShell
-      style={style}
-      devMode={devMode}
-      viewMode={viewMode}
-      inspectorMode={inspector.inspectorMode}
-      editMode={inlineEditEnabled}
-      leftPanelOpen={reader.leftPanelOpen}
-      rightPanelOpen={reader.rightPanelOpen}
-      onToggleLeftPanel={reader.toggleLeftPanel}
-      onToggleRightPanel={reader.toggleRightPanel}
-    >
-      <WorkbenchShell.Toolbar>
-        {toolbarActions}
-      </WorkbenchShell.Toolbar>
-
-      <WorkbenchShell.LeftPanel>
-        <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>
-
-        {bookmarks.length > 0 ? (
-          <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={selectWorkspacePage}
-              />
-            </nav>
-          </section>
-        ) : (
-          <section
-            id="openpress-thumbnails"
-            className="openpress-panel-section openpress-panel-section--thumbnails"
-            aria-label="頁面縮圖"
-          >
-            <PageThumbnails
-              pages={displayPages}
-              currentPageIndex={reader.currentPageIndex}
-              onSelectPage={selectWorkspacePage}
-              theme={document.theme}
-            />
-          </section>
-        )}
-        <CurrentPagePanel
-          currentPageLabel={reader.currentPageLabel}
-          totalPageLabel={reader.totalPageLabel}
-          progressPercent={reader.progressPercent}
-          title={displayPages[reader.currentPageIndex]?.title || document.meta.title}
-          pageLabelPrefix="頁"
-          showHeading={false}
-          showTitle={false}
-        />
-      </WorkbenchShell.LeftPanel>
-
-      <WorkbenchShell.RightPanel>
-        <WorkbenchControlPanel panels={controlPanels} />
-      </WorkbenchShell.RightPanel>
-
-      <WorkbenchShell.MainContent>
-        <ReaderStage ref={reader.stageRef}>
-          <PublicPage
-            pages={displayPages}
-            currentPageIndex={reader.currentPageIndex}
-            devMode={devMode}
-            sourceContainerRef={sourceContainerRef}
-            registerPage={reader.registerPage}
-            exposeSourceData={devMode}
-            inspector={inspector}
-            onInternalAnchorNavigate={selectWorkspaceAnchor}
-            pageLayoutMode={pageLayoutMode}
-          />
-          {devMode ? (
-            <InlineInspectorLayer
-              sourceContainerRef={sourceContainerRef}
-              inspector={inspector}
-              comments={inspectorLayerComments}
-              composer={inspectorLayerComposer}
-              geometryVersion={`${pageViewport.scaleMode}:${pageViewport.scale}:${pageLayoutMode}`}
-            />
-          ) : null}
-          {devMode ? (
-            <InlineSourceEditorLayer
-              target={sourceEditorTarget}
-              onClose={() => setSourceEditorTarget(null)}
-              onStatusChange={setInlineEditStatus}
-              geometryVersion={`${pageViewport.scaleMode}:${pageViewport.scale}:${pageLayoutMode}`}
-            />
-          ) : null}
-        </ReaderStage>
-      </WorkbenchShell.MainContent>
-    </WorkbenchShell>
-  );
-}
-
-function formatInlineEditStatus(status: InlineDocumentEditStatus) {
-  if (status.state === "saving") return "儲存中";
-  if (status.state === "saved") return "已儲存";
-  if (status.state === "failed") return "儲存失敗";
-  return "";
-}