@mdxeditor/editor 0.10.0 → 0.11.0

package/dist/plugins/directives/DirectiveNode.js

@@ -0,0 +1,92 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import React__default from "react";
+import { DecoratorNode } from "lexical";
+import { NestedEditorsContext } from "../core/NestedLexicalEditor.js";
+import { directivesPluginHooks } from "./index.js";
+import { voidEmitter } from "../../utils/voidEmitter.js";
+let GENERATION = 0;
+class DirectiveNode extends DecoratorNode {
+  constructor(mdastNode, key) {
+    super(key);
+    __publicField(this, "__mdastNode");
+    __publicField(this, "__focusEmitter", voidEmitter());
+    __publicField(this, "select", () => {
+      this.__focusEmitter.publish();
+    });
+    this.__mdastNode = mdastNode;
+    this.generation = GENERATION++;
+  }
+  static getType() {
+    return "directive";
+  }
+  static clone(node) {
+    return new DirectiveNode(structuredClone(node.__mdastNode), node.__key);
+  }
+  static importJSON(serializedNode) {
+    return $createDirectiveNode(serializedNode.mdastNode);
+  }
+  getMdastNode() {
+    return this.__mdastNode;
+  }
+  exportJSON() {
+    return {
+      mdastNode: structuredClone(this.__mdastNode),
+      type: "directive",
+      version: 1
+    };
+  }
+  createDOM() {
+    return document.createElement(this.__mdastNode.type === "textDirective" ? "span" : "div");
+  }
+  updateDOM() {
+    return false;
+  }
+  setMdastNode(mdastNode) {
+    this.getWritable().__mdastNode = mdastNode;
+  }
+  decorate(parentEditor, config) {
+    return /* @__PURE__ */ React__default.createElement(
+      DirectiveEditorContainer,
+      {
+        lexicalNode: this,
+        mdastNode: this.getMdastNode(),
+        parentEditor,
+        config,
+        focusEmitter: this.__focusEmitter
+      }
+    );
+  }
+  isInline() {
+    return this.__mdastNode.type === "textDirective";
+  }
+  isKeyboardSelectable() {
+    return true;
+  }
+}
+function DirectiveEditorContainer(props) {
+  const { mdastNode } = props;
+  const [directiveDescriptors] = directivesPluginHooks.useEmitterValues("directiveDescriptors");
+  const descriptor = directiveDescriptors.find((descriptor2) => descriptor2.testNode(mdastNode));
+  if (!descriptor) {
+    throw new Error(`No descriptor found for directive ${mdastNode.name}`);
+  }
+  const Editor = descriptor.Editor;
+  return /* @__PURE__ */ React__default.createElement(NestedEditorsContext.Provider, { value: props }, /* @__PURE__ */ React__default.createElement(Editor, { descriptor, mdastNode, lexicalNode: props.lexicalNode, parentEditor: props.parentEditor }));
+}
+function $createDirectiveNode(mdastNode, key) {
+  return new DirectiveNode(mdastNode, key);
+}
+function $isDirectiveNode(node) {
+  return node instanceof DirectiveNode;
+}
+export {
+  $createDirectiveNode,
+  $isDirectiveNode,
+  DirectiveEditorContainer,
+  DirectiveNode
+};

package/dist/plugins/directives/DirectiveVisitor.d.ts

@@ -0,0 +1,4 @@
+import { LeafDirective } from 'mdast-util-directive';
+import { LexicalExportVisitor } from '../../exportMarkdownFromLexical';
+import { DirectiveNode } from './DirectiveNode';
+export declare const DirectiveVisitor: LexicalExportVisitor<DirectiveNode, LeafDirective>;

package/dist/plugins/directives/DirectiveVisitor.js

@@ -0,0 +1,10 @@
+import { $isDirectiveNode } from "./DirectiveNode.js";
+const DirectiveVisitor = {
+  testLexicalNode: $isDirectiveNode,
+  visitLexicalNode({ actions, mdastParent, lexicalNode }) {
+    actions.appendToParent(mdastParent, lexicalNode.getMdastNode());
+  }
+};
+export {
+  DirectiveVisitor
+};

package/dist/plugins/directives/MdastDirectiveVisitor.d.ts

@@ -0,0 +1,3 @@
+import { Directive } from 'mdast-util-directive';
+import { MdastImportVisitor } from '../../importMarkdownToLexical';
+export declare const MdastDirectiveVisitor: MdastImportVisitor<Directive>;

package/dist/plugins/directives/MdastDirectiveVisitor.js

@@ -0,0 +1,13 @@
+import { $createDirectiveNode } from "./DirectiveNode.js";
+const DIRECTIVE_TYPES = ["leafDirective", "containerDirective", "textDirective"];
+const MdastDirectiveVisitor = {
+  testNode: (node) => {
+    return DIRECTIVE_TYPES.includes(node.type);
+  },
+  visitNode({ lexicalParent, mdastNode }) {
+    lexicalParent.append($createDirectiveNode(mdastNode));
+  }
+};
+export {
+  MdastDirectiveVisitor
+};