feat(workspace): complete editor output integrations (#8)

Wire supported exchange and print plugins across Workspace editors, align Plugin Mode assets, and remove embedded Base and Board chrome. Add regression coverage for plugin registration, status suppression, and editor shell layout.

Author: DR-Univer

apps/workspace/package.json

@@ -35,12 +35,14 @@
     "@tanstack/react-query": "^5.101.4",
     "@tanstack/react-router": "^1.170.18",
     "@univerjs-pro/bases": "1.0.0-insiders.20260819-7b27824",
+    "@univerjs-pro/bases-exchange-client": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/bases-ui": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/boards": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/boards-chart": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/boards-chart-ui": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/boards-mind": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/boards-mind-ui": "1.0.0-insiders.20260819-7b27824",
+    "@univerjs-pro/boards-print": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/boards-table": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/boards-table-ui": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/boards-ui": "1.0.0-insiders.20260819-7b27824",
@@ -62,8 +64,10 @@
     "@univerjs-pro/docs-chart-ui": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/docs-code": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/docs-code-ui": "1.0.0-insiders.20260819-7b27824",
+    "@univerjs-pro/docs-exchange-client": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/docs-latex": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/docs-latex-ui": "1.0.0-insiders.20260819-7b27824",
+    "@univerjs-pro/docs-print": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/docs-shape": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/docs-shape-ui": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/docs-table": "1.0.0-insiders.20260819-7b27824",
@@ -81,6 +85,8 @@
     "@univerjs-pro/slides": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/slides-chart": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/slides-chart-ui": "1.0.0-insiders.20260819-7b27824",
+    "@univerjs-pro/slides-exchange-client": "1.0.0-insiders.20260819-7b27824",
+    "@univerjs-pro/slides-print": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/slides-table": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/slides-table-ui": "1.0.0-insiders.20260819-7b27824",
     "@univerjs-pro/slides-ui": "1.0.0-insiders.20260819-7b27824",

apps/workspace/test/unit/collaboration-status.test.ts

@@ -32,4 +32,30 @@ describe("collaborationStatusMessageKey", () => {
       collaborationStatusMessageKey(CollaborationStatus.PENDING, null)
     ).toBe("collabSyncing");
   });
+
+  it("can hide collaboration status without restoring the SDK display", async () => {
+    Object.defineProperty(globalThis, "Path2D", {
+      configurable: true,
+      value: class Path2D {},
+    });
+    const { resolveCollaborationStatusPresentation } = await import(
+      "../../web/src/features/editor/collaboration-editor"
+    );
+    expect(resolveCollaborationStatusPresentation(true, undefined)).toEqual({
+      suppressNative: true,
+      showCustom: false,
+    });
+    expect(resolveCollaborationStatusPresentation(undefined, true)).toEqual({
+      suppressNative: true,
+      showCustom: true,
+    });
+    expect(resolveCollaborationStatusPresentation(undefined, undefined)).toEqual({
+      suppressNative: false,
+      showCustom: false,
+    });
+    expect(resolveCollaborationStatusPresentation(true, true)).toEqual({
+      suppressNative: true,
+      showCustom: false,
+    });
+  });
 });

apps/workspace/test/unit/editor-integration-assets.test.ts

@@ -0,0 +1,182 @@
+import { readFileSync } from "node:fs";
+
+import { describe, expect, it } from "vitest";
+
+const editorSources = {
+  base: readEditorSource("base"),
+  board: readEditorSource("board"),
+  doc: readEditorSource("doc"),
+  sheet: readEditorSource("sheet"),
+  slide: readEditorSource("slide"),
+};
+const globalStyles = readFileSync(
+  new URL("../../web/src/app/styles/global.css", import.meta.url),
+  "utf8"
+);
+
+describe("editor integration assets", () => {
+  it("loads shared styles before manual Plugin Mode product styles", () => {
+    expectImportsInOrder(editorSources.base, [
+      "@univerjs/design/lib/index.css",
+      "@univerjs/ui/lib/index.css",
+      "@univerjs-pro/bases-ui/lib/index.css",
+      "@univerjs-pro/bases-exchange-client/lib/index.css",
+    ]);
+    expectImportsInOrder(editorSources.slide, [
+      "@univerjs/design/lib/index.css",
+      "@univerjs/ui/lib/index.css",
+      "@univerjs/docs-ui/lib/index.css",
+      "@univerjs/drawing-ui/lib/index.css",
+      "@univerjs-pro/chart-ui/lib/index.css",
+      "@univerjs-pro/shape-editor-ui/lib/index.css",
+      "@univerjs-pro/slides-ui/lib/index.css",
+      "@univerjs-pro/slides-chart-ui/lib/index.css",
+      "@univerjs-pro/slides-print/lib/index.css",
+      "@univerjs-pro/slides-table-ui/lib/index.css",
+    ]);
+    expectImportsInOrder(editorSources.board, [
+      "@univerjs/design/lib/index.css",
+      "@univerjs/ui/lib/index.css",
+      "@univerjs/docs-ui/lib/index.css",
+      "@univerjs/drawing-ui/lib/index.css",
+      "@univerjs-pro/chart-ui/lib/index.css",
+      "@univerjs-pro/shape-editor-ui/lib/index.css",
+      "@univerjs-pro/ink-ui/lib/index.css",
+      "@univerjs-pro/docs-latex-ui/lib/index.css",
+      "@univerjs-pro/boards-ui/lib/index.css",
+      "@univerjs-pro/boards-chart-ui/lib/index.css",
+      "@univerjs-pro/boards-mind-ui/lib/index.css",
+      "@univerjs-pro/boards-print/lib/index.css",
+      "@univerjs-pro/boards-table-ui/lib/index.css",
+    ]);
+  });
+
+  it("loads shared Pro styles before Doc feature styles", () => {
+    expectImportsInOrder(editorSources.doc, [
+      "@univerjs/preset-docs-core/lib/index.css",
+      "@univerjs/preset-docs-drawing/lib/index.css",
+      "@univerjs/preset-docs-hyper-link/lib/index.css",
+      "@univerjs/preset-docs-thread-comment/lib/index.css",
+      "@univerjs-pro/chart-ui/lib/index.css",
+      "@univerjs-pro/shape-editor-ui/lib/index.css",
+      "@univerjs-pro/docs-callout-ui/lib/index.css",
+      "@univerjs-pro/docs-chart-ui/lib/index.css",
+      "@univerjs-pro/docs-code-ui/lib/index.css",
+      "@univerjs-pro/docs-latex-ui/lib/index.css",
+      "@univerjs-pro/docs-print/lib/index.css",
+      "@univerjs-pro/docs-shape-ui/lib/index.css",
+      "@univerjs-pro/docs-table-ui/lib/index.css",
+    ]);
+  });
+
+  it("loads the public Facade entries for every installed editor feature", () => {
+    expectImports(editorSources.doc, [
+      "@univerjs-pro/chart-ui/facade",
+      "@univerjs-pro/docs-callout/facade",
+      "@univerjs-pro/docs-chart/facade",
+      "@univerjs-pro/docs-code/facade",
+      "@univerjs-pro/docs-exchange-client/facade",
+      "@univerjs-pro/docs-latex/facade",
+      "@univerjs-pro/docs-shape/facade",
+      "@univerjs-pro/docs-table/facade",
+      "@univerjs-pro/engine-chart/facade",
+    ]);
+    expectImports(editorSources.slide, [
+      "@univerjs-pro/chart-ui/facade",
+      "@univerjs-pro/engine-chart/facade",
+      "@univerjs-pro/slides/facade",
+      "@univerjs-pro/slides-chart/facade",
+      "@univerjs-pro/slides-exchange-client/facade",
+      "@univerjs-pro/slides-print/facade",
+      "@univerjs-pro/slides-table/facade",
+    ]);
+    expectImports(editorSources.base, [
+      "@univerjs-pro/bases/facade",
+      "@univerjs-pro/bases-exchange-client/facade",
+      "@univerjs-pro/bases-ui/facade",
+    ]);
+    expectImports(editorSources.board, [
+      "@univerjs-pro/boards/facade",
+      "@univerjs-pro/boards-chart/facade",
+      "@univerjs-pro/boards-mind/facade",
+      "@univerjs-pro/boards-table/facade",
+      "@univerjs-pro/boards-ui/facade",
+      "@univerjs-pro/chart-ui/facade",
+      "@univerjs-pro/engine-chart/facade",
+    ]);
+  });
+
+  it("keeps the Base-only status and footer out of the Workspace shell", () => {
+    expect(editorSources.base).toContain("hideCollaborationStatus: true");
+    expect(editorSources.base).toContain("toolbar: false");
+    expect(editorSources.base).toContain("collaborationStatus: false");
+    expect(editorSources.base).toContain("footer: false");
+    expect(globalStyles).toContain(
+      '[id^="univer-base-"] [data-u-comp="base-table-sidebar"] > :last-child'
+    );
+    expect(globalStyles).toContain(
+      '[id^="univer-base-"] [data-u-comp="base-canvas-container"]'
+    );
+  });
+
+  it("registers the supported output plugins for each editor", () => {
+    expect(editorSources.sheet).toContain("exchangeProvidedByPreset: true");
+    expect(editorSources.doc).toContain(
+      "exchangeFeaturePlugins: () => [UniverDocsExchangeClientPlugin]"
+    );
+    expect(editorSources.doc).toContain(
+      "printFeaturePlugins: () => [UniverDocsPrintPlugin]"
+    );
+    expect(editorSources.slide).toContain(
+      "exchangeFeaturePlugins: () => [UniverSlidesExchangeClientPlugin]"
+    );
+    expect(editorSources.slide).toContain(
+      "printFeaturePlugins: () => [UniverSlidesPrintPlugin]"
+    );
+    expect(editorSources.base).toContain(
+      "exchangeFeaturePlugins: () => [UniverBasesExchangeClientPlugin]"
+    );
+    expect(editorSources.board).toContain("exchangeEnabled: false");
+    expect(editorSources.board).toContain(
+      "printFeaturePlugins: () => [UniverBoardsPrintPlugin]"
+    );
+  });
+
+  it("keeps Board chrome out and contains viewport overscroll", () => {
+    expect(editorSources.board).toContain("hideCollaborationStatus: true");
+    expect(editorSources.board).toContain("header: false");
+    expect(editorSources.board).toContain("toolbar: false");
+    expect(editorSources.board).toContain("footer: false");
+    expect(globalStyles).toContain("overscroll-behavior: none");
+    expect(globalStyles).toContain(".univer-editor-shell");
+    expect(globalStyles).toContain("overflow: hidden");
+  });
+});
+
+function readEditorSource(product: string): string {
+  return readFileSync(
+    new URL(`../../web/src/features/editor/${product}-editor.tsx`, import.meta.url),
+    "utf8"
+  );
+}
+
+function expectImports(source: string, specifiers: readonly string[]): void {
+  for (const specifier of specifiers) {
+    expect(source, `missing side-effect import: ${specifier}`).toContain(
+      `import "${specifier}";`
+    );
+  }
+}
+
+function expectImportsInOrder(
+  source: string,
+  specifiers: readonly string[]
+): void {
+  expectImports(source, specifiers);
+  const indexes = specifiers.map((specifier) =>
+    source.indexOf(`import "${specifier}";`)
+  );
+  expect(indexes, `incorrect import order: ${specifiers.join(" -> ")}`).toEqual(
+    [...indexes].sort((left, right) => left - right)
+  );
+}

apps/workspace/test/unit/output-plugins.test.ts

@@ -0,0 +1,67 @@
+import type { IPresetPlugin } from "@univerjs/presets";
+import { describe, expect, it } from "vitest";
+
+describe("Workspace output plugins", () => {
+  it("registers shared exchange before the host plugin and keeps print available", async () => {
+    Object.defineProperty(globalThis, "Path2D", {
+      configurable: true,
+      value: class Path2D {},
+    });
+    const [
+      { UniverDocsExchangeClientPlugin },
+      { UniverDocsPrintPlugin },
+      { UniverExchangeClientPlugin },
+      { createWorkspaceOutputPlugins },
+    ] = await Promise.all([
+      import("@univerjs-pro/docs-exchange-client"),
+      import("@univerjs-pro/docs-print"),
+      import("@univerjs-pro/exchange-client"),
+      import("../../web/src/features/editor/exchange-plugins.js"),
+    ]);
+
+    const enabled = createWorkspaceOutputPlugins({
+      origin: "https://workspace.example",
+      exchangeEnabled: true,
+      exchangeProvidedByPreset: false,
+      exchangeFeaturePlugins: [UniverDocsExchangeClientPlugin],
+      printFeaturePlugins: [UniverDocsPrintPlugin],
+    });
+    expect(enabled.map(pluginConstructor)).toEqual([
+      UniverExchangeClientPlugin,
+      UniverDocsExchangeClientPlugin,
+      UniverDocsPrintPlugin,
+    ]);
+    expect(Array.isArray(enabled[0]) ? enabled[0][1] : undefined).toMatchObject(
+      {
+        exportServerUrl:
+          "https://workspace.example/universer-api/exchange/{type}/export",
+      }
+    );
+
+    const disabled = createWorkspaceOutputPlugins({
+      origin: "https://workspace.example",
+      exchangeEnabled: false,
+      exchangeProvidedByPreset: false,
+      exchangeFeaturePlugins: [UniverDocsExchangeClientPlugin],
+      printFeaturePlugins: [UniverDocsPrintPlugin],
+    });
+    expect(disabled.map(pluginConstructor)).toEqual([
+      UniverDocsPrintPlugin,
+    ]);
+
+    const presetExchange = createWorkspaceOutputPlugins({
+      origin: "https://workspace.example",
+      exchangeEnabled: true,
+      exchangeProvidedByPreset: true,
+      exchangeFeaturePlugins: [],
+      printFeaturePlugins: [UniverDocsPrintPlugin],
+    });
+    expect(presetExchange.map(pluginConstructor)).toEqual([
+      UniverDocsPrintPlugin,
+    ]);
+  }, 15_000);
+});
+
+function pluginConstructor(plugin: IPresetPlugin) {
+  return Array.isArray(plugin) ? plugin[0] : plugin;
+}

apps/workspace/web/src/app/styles/global.css

@@ -111,6 +111,7 @@
   body,
   #root {
     height: 100%;
+    overscroll-behavior: none;
   }
 
   body {
@@ -237,13 +238,24 @@
 
 .univer-editor-shell {
   flex: 1;
+  overflow: hidden;
+  overscroll-behavior: none;
 }
 
 .univer-editor-container {
   width: 100%;
   height: 100%;
 }
 
+/* Base renders its own sidebar/canvas footer outside UniverUI's footer slot. */
+[id^="univer-base-"] [data-u-comp="base-table-sidebar"] > :last-child {
+  display: none;
+}
+
+[id^="univer-base-"] [data-u-comp="base-canvas-container"] {
+  margin-bottom: -36px;
+}
+
 /* ------------------------------------------------------------------ */
 /* Sonner toast alignment with the design language                     */
 /* ------------------------------------------------------------------ */