collabmd 0.1.44 → 0.1.46

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

@@ -4,10 +4,13 @@ import {
   stripVaultFileExtension,
 } from '../../domain/file-kind.js';
 import { getVaultPathLeaf } from '../domain/vault-paths.js';
-import { downloadBlob } from '../browser-utils.js';
-import { sanitizeSvgMarkup, serializeSvgElement } from './preview-diagram-utils.js';
-
-export { downloadBlob };
+import {
+  encodeSvgDataUrl,
+  loadImage,
+  resolveSvgDimensions,
+  sanitizeSvgMarkup,
+  serializeSvgElement,
+} from './preview-diagram-utils.js';
 
 const LIGHT_EXPORT_MERMAID_CONFIG = Object.freeze({
   htmlLabels: false,
@@ -28,41 +31,11 @@ const MERMAID_INIT_DIRECTIVE_PATTERN = /^\s*%%\{\s*(?:init|initialize)\s*:[\s\S]
 
 let mermaidExportCounter = 0;
 
-function encodeSvgDataUrl(svgMarkup) {
-  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgMarkup)}`;
-}
-
 function createMermaidExportId() {
   mermaidExportCounter += 1;
   return `mermaid-export-${mermaidExportCounter.toString(36)}`;
 }
 
-function resolveSvgDimensions(svgElement) {
-  const widthAttr = Number.parseFloat(svgElement.getAttribute('width') || '');
-  const heightAttr = Number.parseFloat(svgElement.getAttribute('height') || '');
-  const viewBox = svgElement.getAttribute('viewBox') || '';
-  const viewBoxParts = viewBox.split(/\s+/u).map((value) => Number.parseFloat(value));
-
-  return {
-    height: Number.isFinite(heightAttr) && heightAttr > 0
-      ? heightAttr
-      : (Number.isFinite(viewBoxParts[3]) && viewBoxParts[3] > 0 ? viewBoxParts[3] : 800),
-    width: Number.isFinite(widthAttr) && widthAttr > 0
-      ? widthAttr
-      : (Number.isFinite(viewBoxParts[2]) && viewBoxParts[2] > 0 ? viewBoxParts[2] : 1200),
-  };
-}
-
-function loadImage(src) {
-  return new Promise((resolve, reject) => {
-    const image = new Image();
-    image.decoding = 'async';
-    image.addEventListener('load', () => resolve(image), { once: true });
-    image.addEventListener('error', () => reject(new Error(`Failed to load image: ${src}`)), { once: true });
-    image.src = src;
-  });
-}
-
 async function canvasToPngBlob(canvas) {
   if (typeof canvas.toBlob === 'function') {
     const blob = await new Promise((resolve) => canvas.toBlob(resolve, 'image/png'));

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

@@ -8,7 +8,6 @@ import {
   syncAttribute,
   normalizeDiagramError,
 } from './preview-diagram-utils.js';
-import { resolveApiUrl } from '../domain/runtime-paths.js';
 
 function datasetKeyToAttributeName(datasetKey) {
   return `data-${datasetKey.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`)}`;
@@ -18,7 +17,6 @@ export class DiagramPreviewHydrator {
   constructor(renderer, {
     batchSize,
     datasetKeys,
-    fetchFn = null,
     loadFileSource = null,
     filePathLabel,
     requestIdleRenderFn = requestIdleRender,
@@ -32,7 +30,7 @@ export class DiagramPreviewHydrator {
     this.renderer = renderer;
     this.batchSize = batchSize;
     this.datasetKeys = datasetKeys;
-    this.loadFileSource = loadFileSource ?? this.createLegacyFileSourceLoader(fetchFn);
+    this.loadFileSource = loadFileSource;
     this.filePathLabel = filePathLabel;
     this.requestIdleRenderFn = requestIdleRenderFn;
     this.cancelIdleRenderFn = cancelIdleRenderFn;
@@ -58,22 +56,6 @@ export class DiagramPreviewHydrator {
     this.fileInflightRequests = new Map();
   }
 
-  createLegacyFileSourceLoader(fetchFn) {
-    if (typeof fetchFn !== 'function') {
-      return null;
-    }
-
-    return async (filePath) => {
-      const response = await fetchFn(resolveApiUrl(`/file?path=${encodeURIComponent(filePath)}`));
-      const payload = await response.json().catch(() => ({}));
-      if (!response.ok || payload?.ok === false) {
-        throw new Error(payload?.error || `Failed to load ${this.filePathLabel.toLowerCase()} source`);
-      }
-
-      return String(payload?.content ?? '');
-    };
-  }
-
   destroy() {
     this.cancelHydration();
     this.clearPreservedShells();

package/src/client/application/markdown-frontmatter.js

@@ -2,8 +2,6 @@ import { dump as dumpYaml } from 'js-yaml';
 
 import { escapeHtml } from '../domain/vault-utils.js';
 
-export { extractYamlFrontmatter } from '../../domain/yaml-frontmatter.js';
-
 function isPlainObject(value) {
   return Object.prototype.toString.call(value) === '[object Object]';
 }

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

@@ -12,7 +12,7 @@ import {
 } from './preview-diagram-utils.js';
 
 export class MermaidPreviewHydrator extends DiagramPreviewHydrator {
-  constructor(renderer, { fetchFn = null, loadFileSource = null } = {}) {
+  constructor(renderer, { loadFileSource = null } = {}) {
     super(renderer, {
       batchSize: MERMAID_BATCH_SIZE,
       datasetKeys: {
@@ -26,24 +26,17 @@ export class MermaidPreviewHydrator extends DiagramPreviewHydrator {
         sourceLineEnd: 'sourceLineEnd',
         target: 'mermaidTarget',
       },
-      fetchFn,
       filePathLabel: 'Mermaid',
       loadFileSource,
       shellClassName: 'mermaid-shell',
       sourceClassName: 'mermaid-source',
     });
-    this.renderer = renderer;
     this.currentTheme = document.documentElement?.dataset.theme === 'light' ? 'light' : 'dark';
     this.diagramChrome = renderer.diagramChrome;
     this.loader = null;
     this.runtime = null;
   }
 
-  destroy() {
-    this.cancelHydration();
-    this.clearPreservedShells();
-  }
-
   cancelHydration({ preserveActiveShell = false } = {}) {
     super.cancelHydration();
     if (!preserveActiveShell) {
@@ -360,10 +353,4 @@ export class MermaidPreviewHydrator extends DiagramPreviewHydrator {
     shell._diagramRenderedSource = renderedSource;
   }
 
-  scheduleActiveRefit() {
-    this.diagramChrome?.scheduleActiveRefit?.({
-      kind: 'mermaid',
-      root: this.renderer.previewElement,
-    });
-  }
 }