mrmd-editor 0.8.0 → 0.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mrmd-editor",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "Markdown editor with realtime collaboration - the core editor package",
   "type": "module",
   "main": "dist/mrmd.cjs",
@@ -15,7 +15,8 @@
     "dev": "rollup -c --watch",
     "build": "rollup -c",
     "serve": "npx serve .",
-    "test:node": "node -e \"const m = require('./dist/mrmd.cjs'); console.log('Loaded:', m.version, Object.keys(m))\""
+    "test:node": "node -e \"const m = require('./dist/mrmd.cjs'); console.log('Loaded:', m.version, Object.keys(m))\"",
+    "prepublishOnly": "npm run build"
   },
   "keywords": [
     "codemirror",
@@ -30,7 +31,8 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "puppeteer": "^24.34.0",
-    "rollup": "^4.9.0"
+    "rollup": "^4.9.0",
+    "vite": "^8.0.0"
   },
   "dependencies": {
     "@codemirror/autocomplete": "^6.18.0",
@@ -49,8 +51,8 @@
     "@codemirror/lang-xml": "^6.1.0",
     "@codemirror/lang-yaml": "^6.1.2",
     "@codemirror/language": "^6.10.2",
-    "@codemirror/lint": "^6.8.0",
     "@codemirror/legacy-modes": "^6.5.2",
+    "@codemirror/lint": "^6.8.0",
     "@codemirror/search": "^6.5.6",
     "@codemirror/state": "^6.4.1",
     "@codemirror/theme-one-dark": "^6.1.3",

package/src/output-widget.js

@@ -684,7 +684,7 @@ class OutputWidget extends WidgetType {
   }
 
   ignoreEvent() {
-    return false;
+    return true;
   }
 }
 
@@ -844,7 +844,7 @@ class HtmlOutputWidget extends WidgetType {
   }
 
   ignoreEvent() {
-    return false;
+    return true;
   }
 }
 
@@ -1037,7 +1037,7 @@ class CssOutputWidget extends WidgetType {
   }
 
   ignoreEvent() {
-    return false;
+    return true;
   }
 }
 
@@ -1128,7 +1128,7 @@ class ScrollableOutputWidget extends WidgetType {
   }
 
   ignoreEvent() {
-    return false;
+    return true;
   }
 }
 
@@ -1229,7 +1229,7 @@ class JsonOutputWidget extends WidgetType {
   }
 
   ignoreEvent() {
-    return false;
+    return true;
   }
 }
 
@@ -1896,22 +1896,37 @@ export const outputWidgetStyles = `
    This approach works with CM6 viewport virtualization.
    ========================================================================== */
 
-/* Fence lines (opening and closing) - hidden in viewing mode */
+/* Fence lines (opening and closing) - visually hidden in viewing mode.
+ * Uses font-size:1px (not 0) so CodeMirror's posAtCoordsInline can
+ * still find a child with a non-zero bounding rect. With font-size:0,
+ * all text rects are zero-sized, point widgets are skipped, and CM
+ * throws "Invalid child in posBefore". */
 .cm-output-fence-line {
-  font-size: 0 !important;
+  font-size: 1px !important;
   line-height: 0 !important;
   height: 0 !important;
   overflow: hidden !important;
   padding: 0 !important;
   margin: 0 !important;
+  color: transparent !important;
 }
 
 /* Rich output widgets (HTML/CSS/Mermaid->HTML) are mounted on the opening
- * fence line. Keep that line unclipped so the inline widget can paint. */
+ * fence line. Keep that line unclipped so the inline widget can paint.
+ *
+ * The text span children on this line must have non-zero bounding rects
+ * so CodeMirror's posAtCoordsInline can find a measurable child.
+ * Without this, clicking/hovering on the widget area crashes with
+ * "Invalid child in posBefore" because CM skips point widgets during
+ * coordinate mapping and finds no other child with height > 0. */
+/* Rich output widgets are mounted on the opening fence line.
+ * The fence text stays at font-size:1px (inherited from .cm-output-fence-line)
+ * so CodeMirror can measure it for position mapping.
+ * The widget paints via overflow:visible beyond the line's layout height. */
 .cm-output-fence-rich-start {
   height: auto !important;
   overflow: visible !important;
-  line-height: 1 !important;
+  line-height: 0 !important;
 }
 
 /* Hide CodeMirror's special character rendering (escape symbols) in output blocks */
@@ -2230,8 +2245,11 @@ export const outputWidgetStyles = `
    ========================================================================== */
 
 /* Hide content lines for rich output (HTML/CSS) */
+/* Hidden content lines for rich output (HTML/CSS/JSON).
+ * Use clip-path instead of height:0 so CodeMirror can still
+ * resolve positions (prevents "Invalid child in posBefore"). */
 .cm-rich-output-hidden {
-  font-size: 0 !important;
+  font-size: 1px !important;
   line-height: 0 !important;
   height: 0 !important;
   overflow: hidden !important;
@@ -2250,6 +2268,8 @@ export const outputWidgetStyles = `
   border-radius: var(--widget-border-radius, 6px);
   overflow: hidden;
   border: 1px solid var(--widget-border, rgba(255, 255, 255, 0.1));
+  line-height: normal; /* Override parent's collapsed line-height */
+  font-size: var(--mrmd-ui-font-size, 13px);
 }
 
 .cm-html-output-widget::before {
@@ -2287,6 +2307,8 @@ export const outputWidgetStyles = `
   border-radius: var(--widget-border-radius, 6px);
   border: 1px solid var(--widget-border, rgba(255, 255, 255, 0.08));
   border-left: 2px solid var(--widget-accent-css, #64b5f6);
+  line-height: normal; /* Override parent's collapsed line-height */
+  font-size: var(--mrmd-ui-font-size, 13px);
 }
 
 .cm-css-header {
@@ -2412,6 +2434,8 @@ export const outputWidgetStyles = `
   border-left: 3px solid var(--widget-border-accent, rgba(100, 149, 237, 0.6));
   border-radius: var(--widget-border-radius, 6px);
   overflow: hidden;
+  line-height: normal; /* Override parent's collapsed line-height */
+  font-size: var(--mrmd-ui-font-size, 13px);
 }
 
 .cm-scroll-output-header {
@@ -2494,6 +2518,8 @@ export const outputWidgetStyles = `
   border-left: 3px solid var(--widget-accent-json, #8cc0ff);
   border-radius: var(--widget-border-radius, 6px);
   overflow: hidden;
+  line-height: normal; /* Override parent's collapsed line-height */
+  font-size: var(--mrmd-ui-font-size, 13px);
 }
 
 .cm-json-header {