@helping-ai-workflow/md2doc 3.12.0 → 3.12.1

package/lib/editor/wave-ui.js

@@ -1552,6 +1552,12 @@
       panels.say('已匯出 ' + exportName('svg'));
     }
 
+    // PNG is rasterised at twice the SVG's own size: at 1x a 300-480px wide
+    // diagram goes soft the moment it is pasted into a slide or shown on a
+    // high-density screen (wave redesign spec section 5-7). The SVG is drawn
+    // at the target size, so lines and text are re-rasterised, not upscaled.
+    const PNG_SCALE = 2;
+
     function exportPng() {
       const text = exportSvgText();
       if (text === '') { panels.say('預覽還沒畫出來，沒有東西可以匯出'); return; }
@@ -1568,14 +1574,14 @@
       const img = d.createElement('img');
       img.onload = function () {
         const cv = d.createElement('canvas');
-        cv.width = w; cv.height = h;
+        cv.width = w * PNG_SCALE; cv.height = h * PNG_SCALE;
         const ctx2 = cv.getContext('2d');
         // The SVG's own background rect is white, but only over its own box;
         // painting white first means a PNG dropped into a dark-themed document
         // does not show that document's background through the margins.
         ctx2.fillStyle = '#ffffff';
-        ctx2.fillRect(0, 0, w, h);
-        ctx2.drawImage(img, 0, 0);
+        ctx2.fillRect(0, 0, cv.width, cv.height);
+        ctx2.drawImage(img, 0, 0, cv.width, cv.height);
         cv.toBlob(function (blob) {
           if (blob === null) { panels.say('PNG 轉檔失敗'); return; }
           downloadBlob(blob, exportName('png'));

package/lib/theme/runtime.js

@@ -259,6 +259,15 @@
     return 'hsl(' + Math.round(x[0]) + ', ' + Math.round(Math.min(x[1], smax) * 100) + '%, ' + Math.round(l * 100) + '%)';
   }
   function lineColour(c) { return hsl(c)[1] > 0.25 ? tone(c, 0.68, 0.8) : INK; }
+  // WaveDrom draws every edge label (and point note) as g > rect + text inside wavearcs_N, the
+  // white rect masking the edge and waveform behind the words. Made transparent like other
+  // near-white fills, the line runs straight through the text in dark; it takes the page
+  // colour instead. Only this shape: graphviz/mermaid white fills still go transparent.
+  function isWaveLabelBacking(el) {
+    var next = el.nextElementSibling;
+    return /^rect$/i.test(el.tagName) && next !== null && /^text$/i.test(next.tagName) &&
+      el.closest('[id^="wavearcs"]') !== null;
+  }
   function recolourSvg(svg, dark) {
     var els = svg.querySelectorAll('polygon, ellipse, path, polyline, rect, line, circle, text, tspan, foreignObject *');
     var live = svg.hasAttribute('data-md2doc-live');
@@ -305,7 +314,7 @@
       } else {
         if (fill && fill[3] > 0) {
           var L = lum(fill);
-          if (L > 0.85) ov += 'fill:transparent !important;';
+          if (L > 0.85) ov += isWaveLabelBacking(el) ? 'fill:var(--md-bg) !important;' : 'fill:transparent !important;';
           else if (L > 0.3) ov += 'fill:' + tone(fill, 0.26, 0.55) + ' !important;';
           else if (el.closest('g.edge, marker')) ov += 'fill:' + lineColour(fill) + ' !important;';
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helping-ai-workflow/md2doc",
-  "version": "3.12.0",
+  "version": "3.12.1",
   "description": "Markdown → HTML / PDF renderer with WaveDrom, Mermaid, Graphviz, and draw.io support",
   "keywords": [
     "markdown",