collabmd 0.1.55 → 0.1.56

package/dist/client/excalidraw-editor.html

@@ -6,55 +6,55 @@
   <title>Excalidraw — CollabMD</title>
   <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><rect x='3' y='4' width='17' height='24' rx='3' stroke='%232563eb' stroke-width='2'/><rect x='12' y='4' width='17' height='24' rx='3' fill='%232563eb'/><path d='M17 12h7m-7 4h7m-7 4h4' stroke='white' stroke-width='1.5'/></svg>">
   <script  defer src="./app-config.js"></script>
-  <script type="module" crossorigin src="./assets/excalidrawEditor-W2lZ5Mej.js"></script>
-  <link rel="modulepreload" crossorigin href="./assets/rolldown-runtime-Dd_uD5pT.js">
+  <script type="module" crossorigin src="./assets/excalidrawEditor-3jfVRVmE.js"></script>
+  <link rel="modulepreload" crossorigin href="./assets/rolldown-runtime-COiEfhsA.js">
   <link rel="modulepreload" crossorigin href="./assets/room-DX7lIfnu.js">
   <link rel="modulepreload" crossorigin href="./assets/file-kind-BGxTVHan.js">
-  <link rel="modulepreload" crossorigin href="./assets/api-client-utils-C5ESDKMG.js">
-  <link rel="modulepreload" crossorigin href="./assets/preload-helper-CYtfOYgs.js">
+  <link rel="modulepreload" crossorigin href="./assets/api-client-utils-DkW9xiiw.js">
+  <link rel="modulepreload" crossorigin href="./assets/preload-helper-khBccGFq.js">
   <link rel="modulepreload" crossorigin href="./assets/runtime-paths-qQGhzNx4.js">
   <link rel="modulepreload" crossorigin href="./assets/runtime-config-CvrkHb0n.js">
-  <link rel="modulepreload" crossorigin href="./assets/vault-api-client-DrRW0QwO.js">
-  <link rel="modulepreload" crossorigin href="./assets/excalidraw-element-link-NQnskRkm.js">
+  <link rel="modulepreload" crossorigin href="./assets/vault-api-client-DORNT49K.js">
+  <link rel="modulepreload" crossorigin href="./assets/excalidraw-element-link-BduFAMXS.js">
   <link rel="modulepreload" crossorigin href="./assets/keyboard-shortcuts-BWNCBJqw.js">
-  <link rel="modulepreload" crossorigin href="./assets/jsx-runtime-DKj5X9O4.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-SRAX5OIU-KFQikY-4.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-H5A3YXKD-ChP7mNJq.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-FLFP27SU-CydzbSsY.js">
+  <link rel="modulepreload" crossorigin href="./assets/jsx-runtime-CldxteV5.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-SRAX5OIU-wzfotNc-.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-NZIJZ2A6-CmC5bqJr.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-FBWCRPUE-PUG6Mjdg.js">
   <link rel="modulepreload" crossorigin href="./assets/chunk-DYU5D34O-DN0WQZBm.js">
   <link rel="modulepreload" crossorigin href="./assets/chunk-Y2CYZVJY-DsF7k-Jl.js">
-  <link rel="modulepreload" crossorigin href="./assets/src-XiVvaevx.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-X3CZISLH-BixgQztF.js">
-  <link rel="modulepreload" crossorigin href="./assets/purify.es-go7v6Te-.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-DU6HZSFF-C-18UZkS.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-CLGD4ZFX-DJiSE0gD.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-P2QGCYS3-Bfo8qS8r.js">
+  <link rel="modulepreload" crossorigin href="./assets/src-C2pSFGeK.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-X3CZISLH-DayjKu55.js">
+  <link rel="modulepreload" crossorigin href="./assets/purify.es-BP9p1Dbb.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-DU6HZSFF-Dz0Q7VKE.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-CLGD4ZFX-BBNA_mHW.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-P2QGCYS3-DejntbnV.js">
   <link rel="modulepreload" crossorigin href="./assets/html-DTuc_pxj.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-PWAF6VOD-B-AT-L2H.js">
-  <link rel="modulepreload" crossorigin href="./assets/dist-B_J_HbC0.js">
-  <link rel="modulepreload" crossorigin href="./assets/merge-CALoRt3l.js">
-  <link rel="modulepreload" crossorigin href="./assets/Middleware-DUgFSleI.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-75Z2AOVW-BRdhvVTZ.js">
-  <link rel="modulepreload" crossorigin href="./assets/esm-BzZ1JFVo.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-GMAD6QVW-DnZH7DxV.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-PWAF6VOD-CmxcnYFJ.js">
+  <link rel="modulepreload" crossorigin href="./assets/dist-CumnGVmJ.js">
+  <link rel="modulepreload" crossorigin href="./assets/merge-5Ig019a6.js">
+  <link rel="modulepreload" crossorigin href="./assets/Middleware-DbxtuTyG.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-75Z2AOVW-DLVzmKuL.js">
+  <link rel="modulepreload" crossorigin href="./assets/esm-nC3n5xMZ.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-GMAD6QVW-B6zS4VJx.js">
   <link rel="modulepreload" crossorigin href="./assets/rough.esm-Dy-Kn_BL.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-4HAMMTFA-CQy6Skzw.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-GVQU2GXP-B0Vm415C.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-L3NEJ4N5-CvHossEU.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-4HAMMTFA-B3s0XvP_.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-GVQU2GXP-BA8Vt-19.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-L3NEJ4N5-M6XySblQ.js">
   <link rel="modulepreload" crossorigin href="./assets/path-fybaL0A-.js">
   <link rel="modulepreload" crossorigin href="./assets/array-BifhSqXX.js">
-  <link rel="modulepreload" crossorigin href="./assets/line-DEbP8Ok6.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-OSK3NFVY-C3JOcBao.js">
+  <link rel="modulepreload" crossorigin href="./assets/line-CttJWsP1.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-OSK3NFVY-DJyrXrea.js">
   <link rel="modulepreload" crossorigin href="./assets/graphlib-DS17s2tU.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-2E4U76K2-DEnS5IbF.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-LNGE3PJU-5-SxdO55.js">
-  <link rel="modulepreload" crossorigin href="./assets/chunk-TLUHSLCS-BMIhqv1X.js">
-  <link rel="modulepreload" crossorigin href="./assets/dist-CKxETpSC.js">
-  <link rel="modulepreload" crossorigin href="./assets/prod-ItolaHmf.js">
-  <link rel="modulepreload" crossorigin href="./assets/comment-threads-DnfkLVJA.js">
-  <link rel="modulepreload" crossorigin href="./assets/comment-thread-store-DUQsWtnu.js">
-  <link rel="modulepreload" crossorigin href="./assets/excalidraw-scene-DLlw4jyc.js">
-  <link rel="modulepreload" crossorigin href="./assets/comment-ui-shared-D_pgPUti.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-2E4U76K2-CPmbCsOa.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-LNGE3PJU-DRjopGY8.js">
+  <link rel="modulepreload" crossorigin href="./assets/chunk-TLUHSLCS-DA3Sq1kc.js">
+  <link rel="modulepreload" crossorigin href="./assets/dist-C150LLfi.js">
+  <link rel="modulepreload" crossorigin href="./assets/prod-CUXkwl3E.js">
+  <link rel="modulepreload" crossorigin href="./assets/comment-threads-mG1CkBKO.js">
+  <link rel="modulepreload" crossorigin href="./assets/comment-thread-store-da3_1rfw.js">
+  <link rel="modulepreload" crossorigin href="./assets/excalidraw-scene-DzfbvjqT.js">
+  <link rel="modulepreload" crossorigin href="./assets/comment-ui-shared-4bhpJQpv.js">
   <link rel="stylesheet" crossorigin href="./assets/excalidrawEditor-DiKOIudt.css">
   <link rel="stylesheet" crossorigin href="./assets/embedded-editor-base-C44ZcCZv.css">
 </head>

package/dist/client/export-document.html

@@ -6,8 +6,8 @@
   <title>CollabMD Export</title>
   <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><rect x='3' y='4' width='17' height='24' rx='3' stroke='%232563eb' stroke-width='2'/><rect x='12' y='4' width='17' height='24' rx='3' fill='%232563eb'/><path d='M17 12h7m-7 4h7m-7 4h4' stroke='white' stroke-width='1.5'/></svg>">
   <script  defer src="./app-config.js"></script>
-  <script type="module" crossorigin src="./assets/exportDocument-BFIOECJ3.js"></script>
-  <link rel="modulepreload" crossorigin href="./assets/preload-helper-CYtfOYgs.js">
+  <script type="module" crossorigin src="./assets/exportDocument-BwukVyB9.js"></script>
+  <link rel="modulepreload" crossorigin href="./assets/preload-helper-khBccGFq.js">
   <link rel="modulepreload" crossorigin href="./assets/github.min-DBihDoic.js">
   <link rel="stylesheet" crossorigin href="./assets/exportDocument-D0mONgQ4.css">
   <link rel="stylesheet" crossorigin href="./assets/base-CaIEJUF9.css">

package/dist/client/index.html

@@ -26,7 +26,7 @@
     }
   </script>
   <script  defer src="./app-config.js"></script>
-  <script type="module" crossorigin src="./assets/index-D3WGkxfI.js"></script>
+  <script type="module" crossorigin src="./assets/index-BebSD0ym.js"></script>
   <link rel="stylesheet" crossorigin href="./assets/index-CglpXOg7.css">
 </head>
 <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "collabmd",
-  "version": "0.1.55",
+  "version": "0.1.56",
   "type": "module",
   "description": "Collaborative markdown vault — like Obsidian, but online. Serve any directory of markdown files for realtime collaborative editing.",
   "repository": {
@@ -41,7 +41,7 @@
     "start:local-structurizr": "npm run build && node bin/collabmd.js --local-structurizr",
     "start:prod": "node bin/collabmd.js",
     "test": "npm run test:guardrails && npm run test:unit && npm run test:integration:prebuilt && npm run test:browser && npm run test:e2e:prebuilt",
-    "test:browser": "vitest run --config vitest.config.mjs --browser=chromium",
+    "test:browser": "vitest run --config vitest.config.mjs",
     "test:e2e": "playwright test",
     "test:e2e:headed": "playwright test --headed",
     "test:e2e:prebuilt": "playwright test",
@@ -62,17 +62,17 @@
     "cli"
   ],
   "engines": {
-    "node": ">=26"
+    "node": ">=26.12.1"
   },
   "license": "MIT",
   "dependencies": {
-    "@excalidraw/fractional-indexing": "^0.18.0-4ce38fb",
+    "@excalidraw/fractional-indexing": "^0.18.0-17d8904",
     "@modelcontextprotocol/node": "^2.1.1",
-    "@modelcontextprotocol/server": "^2.3.0",
+    "@modelcontextprotocol/server": "^2.3.1",
     "@turbodocx/html-to-docx": "^1.23.1",
     "@vscode/markdown-it-katex": "^1.1.2",
     "archiver": "^8.0.0",
-    "js-yaml": "^5.4.2",
+    "js-yaml": "^5.5.0",
     "katex": "^0.19.0",
     "lib0": "^0.2.119",
     "mathml2omml": "^0.5.0",
@@ -92,38 +92,38 @@
     },
     "lodash-es": "4.18.1",
     "nanoid": "3.3.18",
-    "axios": "1.18.0"
+    "axios": "1.20.0"
   },
   "devDependencies": {
-    "@codemirror/autocomplete": "^6.20.3",
+    "@codemirror/autocomplete": "^6.20.4",
     "@codemirror/commands": "^6.11.1",
     "@codemirror/lang-html": "^6.4.12",
     "@codemirror/lang-markdown": "^6.5.2",
     "@codemirror/lang-yaml": "^6.1.3",
-    "@codemirror/language": "^6.12.4",
+    "@codemirror/language": "^6.13.1",
     "@codemirror/language-data": "^6.5.2",
     "@codemirror/search": "^6.7.2",
     "@codemirror/state": "^6.7.6",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.43.13",
+    "@codemirror/view": "^6.43.15",
     "@embedpdf/snippet": "2.15.1",
     "@eslint/js": "^10.0.1",
-    "@excalidraw/excalidraw": "0.18.0-4ce38fb",
-    "@modelcontextprotocol/client": "^2.3.0",
-    "@playwright/test": "^1.63.0",
+    "@excalidraw/excalidraw": "0.18.0-17d8904",
+    "@modelcontextprotocol/client": "^2.3.1",
+    "@playwright/test": "^1.64.1",
     "@replit/codemirror-vim": "^6.4.0",
-    "@vitest/browser-playwright": "^5.0.3",
-    "eslint": "^10.12.0",
+    "@vitest/browser-playwright": "^5.0.5",
+    "eslint": "^10.13.0",
     "globals": "^17.13.0",
     "highlight.js": "^11.12.0",
-    "markdown-it": "^15.0.2",
-    "mermaid": "^12.1.0",
+    "markdown-it": "^15.0.3",
+    "mermaid": "^12.2.0",
     "mermaid-formatter": "^0.3.0",
-    "prettier": "^3.9.9",
-    "react": "^19.3.0",
-    "react-dom": "^19.3.0",
-    "vite": "^8.3.2",
-    "vitest": "^5.0.3",
+    "prettier": "^3.9.10",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "vite": "^8.3.5",
+    "vitest": "^5.0.5",
     "y-codemirror.next": "^0.3.6",
     "y-websocket": "^3.1.0"
   }

package/src/client/application/diagram-preview-export.js

@@ -4,6 +4,7 @@ import {
   stripVaultFileExtension,
 } from '../../domain/file-kind.js';
 import { getVaultPathLeaf } from '../domain/vault-paths.js';
+import { prepareMermaidRenderSource } from '../domain/mermaid-source.js';
 import {
   encodeSvgDataUrl,
   loadImage,
@@ -166,7 +167,7 @@ export function exportTrimmedSvgMarkupFromElement(svgElement, options = {}) {
 }
 
 function prepareMermaidExportSource(source) {
-  let text = String(source ?? '').replace(MERMAID_INIT_DIRECTIVE_PATTERN, '');
+  let text = prepareMermaidRenderSource(String(source ?? '').replace(MERMAID_INIT_DIRECTIVE_PATTERN, ''));
 
   text = `%%{init: ${JSON.stringify(LIGHT_EXPORT_MERMAID_CONFIG)}}%%\n${text}`;
 

package/src/client/application/mermaid-preview-hydrator.js

@@ -3,6 +3,7 @@ import {
   renderMermaidExportSvgMarkup,
 } from './diagram-preview-export.js';
 import { DiagramPreviewHydrator } from './diagram-preview-hydrator.js';
+import { prepareMermaidRenderSource } from '../domain/mermaid-source.js';
 import {
   createMermaidPlaceholderCardWithMessage,
   createDiagramErrorPlaceholderCard,
@@ -274,7 +275,7 @@ export class MermaidPreviewHydrator extends DiagramPreviewHydrator {
   }
 
   prepareSource(source) {
-    let text = String(source ?? '');
+    let text = prepareMermaidRenderSource(source);
 
     if (!/%%\{[\s\S]*?\binit\s*:/m.test(text)) {
       const initConfig = this.getPreviewInitConfig(text);

package/src/client/domain/excalidraw-scene.js

@@ -23,19 +23,21 @@ export function createExcalidrawExportOptions(scene, {
   scale = 1,
 } = {}) {
   return {
-    appState: {
-      exportBackground: true,
-      exportScale: scale,
-      exportWithDarkMode: false,
-      gridSize: scene.appState?.gridSize ?? null,
+    config: {
+      padding,
+      scale,
       theme: 'light',
-      viewBackgroundColor: scene.appState?.viewBackgroundColor ?? '#ffffff',
     },
-    elements: Array.isArray(scene.elements)
-      ? scene.elements.filter((element) => element && !element.isDeleted)
-      : [],
-    exportPadding: padding,
-    files: scene.files || null,
+    data: {
+      appState: {
+        gridSize: scene.appState?.gridSize ?? null,
+        viewBackgroundColor: scene.appState?.viewBackgroundColor ?? '#ffffff',
+      },
+      elements: Array.isArray(scene.elements)
+        ? scene.elements.filter((element) => element && !element.isDeleted)
+        : [],
+      files: scene.files || null,
+    },
   };
 }
 

package/src/client/domain/mermaid-source.js

@@ -0,0 +1,44 @@
+function padBlankSequenceLabelLines(label) {
+  return label
+    .replace(/^([\t ]*)(?=<br\s*\/?\s*>)/i, '$1#160;')
+    .replace(/(<br\s*\/?\s*>)(?=[\t ]*(?:<br\s*\/?\s*>|$))/gi, '$1#160;');
+}
+
+export function prepareMermaidRenderSource(source) {
+  const text = String(source ?? '');
+  const frontmatter = /^\s*---[\t ]*\r?\n[\s\S]*?\r?\n[\t ]*---[\t ]*(?:\r?\n|$)/.exec(text);
+  let start = frontmatter?.[0].length ?? 0;
+  let comment;
+  while ((comment = /^\s*(?:%%\{[\s\S]*?\}%%|%%[^\n]*)/.exec(text.slice(start)))) {
+    start += comment[0].length;
+  }
+  const sequenceStart = /^\s*sequenceDiagram\b/.exec(text.slice(start));
+  if (!sequenceStart) {
+    return text;
+  }
+  start += sequenceStart[0].length;
+
+  // Mermaid measures empty sequence-label lines with a zero-width space.
+  // WebKit gives that glyph a 0 × 0 SVG box, which Mermaid treats as an error.
+  // Use a nonbreaking space only in the render copy to preserve blank lines.
+  const body = text.slice(start).replace(
+    /((?:^|;)[\t ]*(?:participant|actor)[\t ]+[^\n;]*?@\{)([^}]*)(\})/gm,
+    (_match, prefix, config, suffix) => prefix + config.replace(
+      /(\balias["']?[\t ]*:[\t ]*)("(?:\\.|[^"\\])*"|'(?:''|[^'])*'|[^,\r\n]*)/g,
+      (_alias, key, value) => {
+        const quote = /^["']/.test(value) ? value[0] : '';
+        const label = quote ? value.slice(1, -1) : value;
+        return `${key}${quote}${padBlankSequenceLabelLines(label)}${quote}`;
+      },
+    ) + suffix,
+  ).split('\n').map((line) => {
+    if (line.trimStart().startsWith('%%')) {
+      return line;
+    }
+    return line
+      .replace(/((?:^|;)[^:;]*:[\t ]*)(?=<br\s*\/?\s*>)/gi, '$1#160;')
+      .replace(/((?:^|;)[\t ]*(?:participant|actor)[\t ]+\S+[\t ]+as[\t ]*)(?=<br\s*\/?\s*>)/gi, '$1#160;')
+      .replace(/(<br\s*\/?\s*>)(?=[\t ]*(?:<br\s*\/?\s*>|;|\r?$))/gi, '$1#160;');
+  }).join('\n');
+  return text.slice(0, start) + body;
+}

package/src/client/export/export-pipeline.js

@@ -38,6 +38,7 @@ import { resolveWikiTargetPath } from '../../domain/wiki-link-resolver.js';
 import { createExcalidrawExportOptions, parseSceneJson } from '../domain/excalidraw-scene.js';
 import { escapeHtml } from '../domain/vault-utils.js';
 import { hasRenderedMath } from '../domain/markdown-math.js';
+import { prepareMermaidRenderSource } from '../domain/mermaid-source.js';
 import { downloadBlob } from '../browser-utils.js';
 import { resolveApiUrl, resolveAppUrl } from '../infrastructure/runtime-config.js';
 import { parseApiResponse } from '../infrastructure/api-client-utils.js';
@@ -869,19 +870,19 @@ async function ensureExcalidrawRuntime() {
   }
 
   excalidrawLoaderPromise = import('@excalidraw/excalidraw').then((module) => {
-    const exportToSvg = module?.exportToSvg;
-    if (typeof exportToSvg !== 'function') {
+    const exportScene = module?.exportScene;
+    if (typeof exportScene !== 'function') {
       throw new Error('Excalidraw runtime failed to initialize');
     }
 
-    return exportToSvg;
+    return exportScene;
   });
 
   return excalidrawLoaderPromise;
 }
 
 function prepareMermaidSource(source) {
-  let text = String(source ?? '');
+  let text = prepareMermaidRenderSource(source);
 
   if (!/%%\{[\s\S]*?\binit\s*:/m.test(text)) {
     if (/^\s*stateDiagram(?:-v2)?\b/m.test(text) || /^\s*classDiagram\b/m.test(text) || /^\s*gantt\b/m.test(text)) {
@@ -951,8 +952,8 @@ async function renderPlantUmlToSvgMarkup(source) {
 async function renderExcalidrawToSvgMarkup(filePath) {
   const rawScene = await fetchTextFile(filePath);
   const scene = parseSceneJson(rawScene);
-  const exportToSvg = await ensureExcalidrawRuntime();
-  const svgElement = await exportToSvg(createExcalidrawExportOptions(scene));
+  const exportScene = await ensureExcalidrawRuntime();
+  const svgElement = await exportScene({ ...createExcalidrawExportOptions(scene), type: 'svg' });
   return normalizeExportSvgMarkup(svgElement.outerHTML, { padding: 24 });
 }
 

package/src/client/infrastructure/webmcp-tool-registry.js

@@ -14,27 +14,24 @@ async function renderExactExcalidrawScene(scene, {
   padding = 32,
   scale = 1,
 } = {}) {
-  const {
-    exportToBlob,
-    exportToSvg,
-  } = await import('@excalidraw/excalidraw');
+  const { exportScene } = await import('@excalidraw/excalidraw');
   const options = createExcalidrawExportOptions(scene, { padding, scale });
   let data;
   let height;
   let mimeType;
   let width;
   if (format === 'svg') {
-    const svg = await exportToSvg(options);
+    const svg = await exportScene({ ...options, type: 'svg' });
     const markup = svg.outerHTML;
     data = new TextEncoder().encode(markup).toBase64();
     height = Math.max(1, Math.ceil(Number.parseFloat(svg.getAttribute('height')) || 1));
     mimeType = 'image/svg+xml';
     width = Math.max(1, Math.ceil(Number.parseFloat(svg.getAttribute('width')) || 1));
   } else {
-    const blob = await exportToBlob({
+    const blob = await exportScene({
       ...options,
-      maxWidthOrHeight: MAX_RENDER_DIMENSION,
-      mimeType: 'image/png',
+      config: { ...options.config, maxWidthOrHeight: MAX_RENDER_DIMENSION },
+      type: 'png',
     });
     const bitmap = await createImageBitmap(blob);
     data = new Uint8Array(await blob.arrayBuffer()).toBase64();

package/src/client/presentation/git-diff-view-controller.js

@@ -1177,9 +1177,9 @@ export class GitDiffViewController {
       return;
     }
 
-    let exportToSvg;
+    let exportScene;
     try {
-      ({ exportToSvg } = await import('@excalidraw/excalidraw'));
+      ({ exportScene } = await import('@excalidraw/excalidraw'));
     } catch (error) {
       console.warn('[git-diff] Excalidraw preview renderer unavailable:', error);
       return;
@@ -1192,7 +1192,7 @@ export class GitDiffViewController {
       }
 
       try {
-        const svg = await exportToSvg(createExcalidrawExportOptions(scene));
+        const svg = await exportScene({ ...createExcalidrawExportOptions(scene), type: 'svg' });
         preview.replaceChildren(svg);
         preview.classList.add('is-ready');
       } catch (error) {

package/src/domain/excalidraw-room-codec.js

@@ -168,6 +168,14 @@ function sortSceneElements(elements) {
   return [...elements].sort(compareElementIndex);
 }
 
+export function normalizeExcalidrawRoomScene(rawScene, { includeDeleted = true } = {}) {
+  const scene = normalizeScene(rawScene);
+  scene.elements = sortSceneElements(scene.elements.filter((element) => (
+    element?.id && (includeDeleted || !element.isDeleted)
+  )));
+  return scene;
+}
+
 export function isExcalidrawRoomDocStructured(ydoc) {
   if (!ydoc) {
     return false;
@@ -213,10 +221,6 @@ export function buildExcalidrawRoomScene(ydoc, {
       return;
     }
 
-    if (!includeDeleted && winningElement.isDeleted) {
-      return;
-    }
-
     elements.push(winningElement);
   });
 
@@ -229,14 +233,14 @@ export function buildExcalidrawRoomScene(ydoc, {
     files[key] = cloneJsonValue(value);
   });
 
-  const scene = normalizeScene({
+  const scene = normalizeExcalidrawRoomScene({
     appState: {
       gridSize: appStateMap.get('gridSize'),
       viewBackgroundColor: appStateMap.get('viewBackgroundColor'),
     },
-    elements: sortSceneElements(elements),
+    elements,
     files,
-  });
+  }, { includeDeleted });
 
   return scene;
 }
@@ -245,9 +249,6 @@ export function serializeExcalidrawRoomScene(ydoc, {
   includeDeleted = false,
 } = {}) {
   const scene = buildExcalidrawRoomScene(ydoc, { includeDeleted });
-  if (!includeDeleted) {
-    scene.elements = scene.elements.filter((element) => !element.isDeleted);
-  }
   return JSON.stringify(scene);
 }