mrmd-editor 0.3.10 → 0.4.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Maxime Rivest
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mrmd-editor",
-  "version": "0.3.10",
+  "version": "0.4.0",
   "description": "Markdown editor with realtime collaboration - the core editor package",
   "type": "module",
   "main": "dist/mrmd.cjs",
@@ -57,9 +57,10 @@
     "@lezer/highlight": "^1.2.0",
     "@plutojl/lang-julia": "^0.12.1",
     "codemirror": "^6.0.1",
+    "codemirror-lang-mermaid": "^0.3.0",
     "codemirror-lang-r": "^0.1.1",
     "katex": "^0.16.27",
-    "mrmd-js": "^2.0.0",
+    "mrmd-js": "^2.1.0",
     "y-codemirror.next": "^0.3.5",
     "y-websocket": "^2.0.0",
     "yaml": "^2.8.2",

package/src/execution.js

@@ -725,11 +725,16 @@ export class ExecutionManager {
       const existingOutput = findOutputBlock(content, currentCell.end);
 
       // Determine output type based on language (for rich rendering)
-      // HTML and CSS get special output types for visual rendering
+      // HTML, CSS, and Mermaid get special output types for visual rendering
       // Use runtimeLanguage (base language) for determining output type
       const langLower = runtimeLanguage.toLowerCase();
-      const isRichOutput = ['html', 'htm', 'css', 'style', 'stylesheet'].includes(langLower);
-      const outputType = isRichOutput ? langLower.replace(/^(htm|style|stylesheet)$/, (m) => m === 'htm' ? 'html' : 'css') : null;
+      const isRichOutput = ['html', 'htm', 'css', 'style', 'stylesheet', 'mermaid'].includes(langLower);
+      const outputType = isRichOutput ? langLower.replace(/^(htm|style|stylesheet|mermaid)$/, (m) => {
+        if (m === 'htm') return 'html';
+        if (m === 'style' || m === 'stylesheet') return 'css';
+        if (m === 'mermaid') return 'html'; // Mermaid renders to HTML/SVG
+        return m;
+      }) : null;
       const outputTag = outputType ? `output:${execId}:${outputType}` : `output:${execId}`;
 
       if (existingOutput) {

package/src/index.js

@@ -51,6 +51,7 @@ import { xml } from '@codemirror/lang-xml';
 import { yaml } from '@codemirror/lang-yaml';
 import { r } from 'codemirror-lang-r';
 import { julia } from '@plutojl/lang-julia';
+import { mermaid } from 'codemirror-lang-mermaid';
 import { shell } from '@codemirror/legacy-modes/mode/shell';
 import { powerShell } from '@codemirror/legacy-modes/mode/powershell';
 
@@ -365,6 +366,8 @@ function createJavaScriptRuntime(options = {}) {
     'htm': 'html',
     // CSS
     'css': 'css',
+    // Mermaid diagrams
+    'mermaid': 'mermaid',
   };
 
   return {
@@ -572,6 +575,7 @@ const xmlSupport = xml();
 const yamlSupport = yaml();
 const rSupport = r();
 const juliaSupport = julia();
+const mermaidSupport = mermaid();
 const shellLang = StreamLanguage.define(shell);
 const powershellLang = StreamLanguage.define(powerShell);
 
@@ -616,6 +620,8 @@ function codeBlockLanguage(info) {
       return shellLang;
     case 'powershell': case 'ps1': case 'pwsh':
       return powershellLang;
+    case 'mermaid':
+      return mermaidSupport.language;
     default:
       return null;
   }

package/src/runtime.js

@@ -78,6 +78,7 @@ export class RuntimeRegistry {
       'bash', 'sh', 'shell',
       'html',
       'css',
+      'mermaid',
     ];
 
     for (const lang of testLanguages) {