@mdxeditor/editor 3.27.0 → 3.28.0

package/dist/index.d.ts

@@ -1047,6 +1047,11 @@ export declare const directivesPlugin: (params?: {
      * Use this to register your custom directive editors. You can also use the built-in {@link GenericDirectiveEditor}.
      */
     directiveDescriptors: DirectiveDescriptor<any>[];
+    /**
+     * Set this option to display unknown text-directives as normal text nodes.
+     * This is handy when colons are used to separate words, e.g. in german "Schüler:in"
+     */
+    escapeUnknownTextDirectives?: boolean | undefined;
 } | undefined) => RealmPlugin;
 
 /**

package/dist/plugins/directives/MdastDirectiveVisitor.js

@@ -1,20 +1,29 @@
+import { $createTextNode } from "lexical";
 import { $createDirectiveNode } from "./DirectiveNode.js";
 const DIRECTIVE_TYPES = ["leafDirective", "containerDirective", "textDirective"];
 function isMdastDirectivesNode(node) {
   return DIRECTIVE_TYPES.includes(node.type);
 }
-const MdastDirectiveVisitor = {
+const MdastDirectiveVisitor = (escapeUnknownTextDirectives) => ({
   testNode: (node, { directiveDescriptors }) => {
     if (isMdastDirectivesNode(node)) {
       const descriptor = directiveDescriptors.find((descriptor2) => descriptor2.testNode(node));
+      if (escapeUnknownTextDirectives && !descriptor && node.type === "textDirective") {
+        return true;
+      }
       return descriptor !== void 0;
     }
     return false;
   },
-  visitNode({ lexicalParent, mdastNode }) {
-    lexicalParent.append($createDirectiveNode(mdastNode));
+  visitNode({ lexicalParent, mdastNode, descriptors }) {
+    const isKnown = !escapeUnknownTextDirectives || descriptors.directiveDescriptors.some((d) => d.testNode(mdastNode));
+    if (isKnown) {
+      lexicalParent.append($createDirectiveNode(mdastNode));
+    } else {
+      lexicalParent.append($createTextNode(`:${mdastNode.name}`));
+    }
   }
-};
+});
 export {
   MdastDirectiveVisitor,
   isMdastDirectivesNode

package/dist/plugins/directives/index.js

@@ -28,7 +28,7 @@ const directivesPlugin = realmPlugin({
       // import
       [addMdastExtension$]: directiveFromMarkdown(),
       [addSyntaxExtension$]: directive(),
-      [addImportVisitor$]: MdastDirectiveVisitor,
+      [addImportVisitor$]: MdastDirectiveVisitor(params == null ? void 0 : params.escapeUnknownTextDirectives),
       // export
       [addLexicalNode$]: DirectiveNode,
       [addExportVisitor$]: DirectiveVisitor,

package/package.json

@@ -11,7 +11,7 @@
     "*.css"
   ],
   "type": "module",
-  "version": "3.27.0",
+  "version": "3.28.0",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",