@mdxeditor/editor 2.3.4 → 2.3.6

package/dist/mdastUtilHtmlComment.js

@@ -0,0 +1,137 @@
+import { factorySpace } from "micromark-factory-space";
+import { markdownLineEnding } from "./node_modules/micromark-util-character/index.js";
+import { codes, types } from "micromark-util-symbol";
+function commentFromMarkdown(_options) {
+  return {
+    canContainEols: ["comment"],
+    enter: {
+      comment(_) {
+        this.buffer();
+      }
+    },
+    exit: {
+      comment(token) {
+        const text = this.resume();
+        if (_options == null ? void 0 : _options.ast) {
+          this.enter(
+            {
+              // @ts-expect-error: hush.
+              type: "comment",
+              value: "",
+              commentValue: text.slice(0, -2)
+            },
+            token
+          );
+          this.exit(token);
+        }
+      }
+    }
+  };
+}
+const tokenize = (effects, ok, nok) => {
+  return start;
+  function start(code) {
+    effects.enter("comment");
+    effects.consume(code);
+    return open;
+  }
+  function open(code) {
+    if (code === codes.exclamationMark) {
+      effects.consume(code);
+      return declarationOpen;
+    }
+    return nok(code);
+  }
+  function declarationOpen(code) {
+    if (code === codes.dash) {
+      effects.consume(code);
+      return commentOpen;
+    }
+    return nok(code);
+  }
+  function commentOpen(code) {
+    if (code === codes.dash) {
+      effects.consume(code);
+      return commentStart;
+    }
+    return nok(code);
+  }
+  function commentStart(code) {
+    if (code === codes.greaterThan) {
+      return nok(code);
+    }
+    if (markdownLineEnding(code)) {
+      return atLineEnding(code);
+    }
+    effects.enter(types.data);
+    if (code === codes.dash) {
+      effects.consume(code);
+      return commentStartDash;
+    }
+    return comment2(code);
+  }
+  function commentStartDash(code) {
+    if (code === codes.greaterThan) {
+      return nok(code);
+    }
+    return comment2(code);
+  }
+  function comment2(code) {
+    if (code === codes.eof) {
+      return nok(code);
+    }
+    if (code === codes.dash) {
+      effects.consume(code);
+      return commentClose;
+    }
+    if (markdownLineEnding(code)) {
+      effects.exit(types.data);
+      return atLineEnding(code);
+    }
+    effects.consume(code);
+    return comment2;
+  }
+  function atLineEnding(code) {
+    effects.enter(types.lineEnding);
+    effects.consume(code);
+    effects.exit(types.lineEnding);
+    return factorySpace(effects, afterPrefix, types.linePrefix);
+  }
+  function afterPrefix(code) {
+    if (markdownLineEnding(code)) {
+      return atLineEnding(code);
+    }
+    effects.enter(types.data);
+    return comment2(code);
+  }
+  function commentClose(code) {
+    if (code === codes.dash) {
+      effects.consume(code);
+      return end;
+    }
+    return comment2(code);
+  }
+  function end(code) {
+    if (code === codes.greaterThan) {
+      effects.exit(types.data);
+      effects.enter("commentEnd");
+      effects.consume(code);
+      effects.exit("commentEnd");
+      effects.exit("comment");
+      return ok(code);
+    }
+    if (code === codes.dash) {
+      effects.consume(code);
+      return end;
+    }
+    return comment2(code);
+  }
+};
+const comment = {
+  flow: { [60]: { tokenize, concrete: true } },
+  text: { [60]: { tokenize } }
+};
+export {
+  comment,
+  commentFromMarkdown
+};

package/dist/node_modules/micromark-util-character/index.js

@@ -0,0 +1,6 @@
+function markdownLineEnding(code) {
+  return code !== null && code < -2;
+}
+export {
+  markdownLineEnding
+};

package/dist/plugins/core/index.js

@@ -27,6 +27,7 @@ import { MdastParagraphVisitor } from "./MdastParagraphVisitor.js";
 import { MdastRootVisitor } from "./MdastRootVisitor.js";
 import { MdastTextVisitor } from "./MdastTextVisitor.js";
 import { SharedHistoryPlugin } from "./SharedHistoryPlugin.js";
+import { commentFromMarkdown, comment } from "../../mdastUtilHtmlComment.js";
 const NESTED_EDITOR_UPDATED_COMMAND = createCommand("NESTED_EDITOR_UPDATED_COMMAND");
 const rootEditor$ = Cell(null);
 const activeEditor$ = Cell(null);
@@ -459,6 +460,7 @@ const corePlugin = realmPlugin({
   init(r, params) {
     r.register(createRootEditorSubscription$);
     r.register(createActiveEditorSubscription$);
+    r.register(markdownSignal$);
     r.pubIn({
       [initialMarkdown$]: params == null ? void 0 : params.initialMarkdown.trim(),
       [iconComponentFor$]: params == null ? void 0 : params.iconComponentFor,
@@ -487,8 +489,8 @@ const corePlugin = realmPlugin({
     });
     if (!(params == null ? void 0 : params.suppressHtmlProcessing)) {
       r.pubIn({
-        [addMdastExtension$]: mdxJsxFromMarkdown(),
-        [addSyntaxExtension$]: [mdxJsx(), mdxMd()],
+        [addMdastExtension$]: [mdxJsxFromMarkdown(), commentFromMarkdown({ ast: false })],
+        [addSyntaxExtension$]: [mdxJsx(), mdxMd(), comment],
         [addToMarkdownExtension$]: mdxJsxToMarkdown(),
         [addImportVisitor$]: MdastHTMLVisitor
       });

package/package.json

@@ -11,7 +11,7 @@
     "*.css"
   ],
   "type": "module",
-  "version": "2.3.4",
+  "version": "2.3.6",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",
@@ -80,6 +80,8 @@
     "micromark-extension-mdx-jsx": "^3.0.0",
     "micromark-extension-mdx-md": "^2.0.0",
     "micromark-extension-mdxjs": "^3.0.0",
+    "micromark-factory-space": "^2.0.0",
+    "micromark-util-symbol": "^2.0.0",
     "react-hook-form": "^7.44.2",
     "unidiff": "^1.0.2"
   },