ntk 3.10.2 → 4.1.0

package/lib/widgets/markdownview.js

@@ -1,7 +1,6 @@
 import { TextLayout } from '../text/layout.js';
 import { tokenize } from './highlight.js';
 import { parseMarkdown } from './markdown.js';
-import { layoutMermaid, parseMermaid } from './mermaid.js';
 import { layoutTex } from './tex.js';
 
 const MATH_LANGS = new Set(['math', 'tex', 'latex', 'katex']);
@@ -51,10 +50,8 @@ const DEFAULT_THEME = {
  *   wnd.map();
  *
  * Standalone use (no window attach): `view.layout(width)` then
- * `view.draw(ctx, x, y)`; `view.contentHeight` after layout. Content that
- * arrives asynchronously (mermaid models) invalidates the layout — pass
- * `onInvalidate` to re-layout/redraw when that happens (window mode
- * repaints automatically).
+ * `view.draw(ctx, x, y)`; `view.contentHeight` after layout. Layout is
+ * synchronous throughout — nothing here loads in the background.
  */
 export default class MarkdownView {
   constructor(window, opts = {}) {
@@ -73,10 +70,6 @@ export default class MarkdownView {
     /** called with (href, event) when a rendered link is clicked (window
      *  mode wires mousedown automatically; standalone callers use linkAt) */
     this.onLink = opts.onLink ?? null;
-    /** called when async content (a mermaid model) invalidates the layout;
-     *  standalone hosts re-layout/redraw here — window mode also repaints
-     *  on its own */
-    this.onInvalidate = opts.onInvalidate ?? null;
 
     if (this.window) {
       this._ctx = this.window.getContext('2d');
@@ -105,41 +98,11 @@ export default class MarkdownView {
 
   setMarkdown(src) {
     this._blocks = parseMarkdown(src);
-    this._mermaid = new Map();
     this._layoutWidth = -1;
     if (this.window && this.window._mapped) this.render();
     return this;
   }
 
-  // ```mermaid fences parse asynchronously (the mermaid grammar loads
-  // lazily); the fence shows as a code block until the model arrives, then
-  // layout is invalidated — same pattern as image loading in HtmlView
-  _mermaidEntry(text) {
-    if (!this._mermaid) this._mermaid = new Map();
-    let entry = this._mermaid.get(text);
-    if (!entry) {
-      entry = { model: null, failed: false };
-      this._mermaid.set(text, entry);
-      parseMermaid(text).then(
-        (model) => {
-          entry.model = model;
-          this._invalidate();
-        },
-        () => {
-          entry.failed = true; // unsupported/invalid: stays a code block
-        }
-      );
-    }
-    return entry;
-  }
-
-  /** async content arrived: drop the cached layout, repaint and/or notify */
-  _invalidate() {
-    this._layoutWidth = -1;
-    if (this.window && this.window._mapped) this.render();
-    if (this.onInvalidate) this.onInvalidate();
-  }
-
   /** lay content out for a container width; returns total content height */
   layout(width) {
     const fonts = this._fonts();
@@ -208,31 +171,6 @@ export default class MarkdownView {
         }
 
         case 'code': {
-          // ```mermaid fences render as diagrams (flowchart / sequence);
-          // unsupported types or parse errors fall back to the code block
-          if ((block.lang || '').toLowerCase() === 'mermaid') {
-            let box = null;
-            const entry = this._mermaidEntry(block.text);
-            if (entry.model) {
-              try {
-                box = layoutMermaid(entry.model, {
-                  fonts,
-                  size: Math.round(t.size * 0.82),
-                  family: t.family,
-                  maxWidth: width,
-                  theme: { labelBg: t.background, text: t.color }
-                });
-              } catch {
-                // fall through to the plain code block
-              }
-            }
-            if (box) {
-              const bx = x + Math.max(0, (width - box.width) / 2);
-              this._items.push({ kind: 'tex', x: bx, y, box });
-              y += box.height;
-              break;
-            }
-          }
           // ```math / ```latex fences render as display-mode formulas
           if (MATH_LANGS.has((block.lang || '').toLowerCase())) {
             let box = null;