@mdxeditor/editor 3.15.0 → 3.16.0

package/dist/exportMarkdownFromLexical.js

@@ -86,7 +86,7 @@ function exportLexicalTreeToMdast({
   const importsMap = /* @__PURE__ */ new Map();
   const defaultImportsMap = /* @__PURE__ */ new Map();
   for (const componentName of referredComponents) {
-    const descriptor = jsxComponentDescriptors.find((descriptor2) => descriptor2.name === componentName);
+    const descriptor = jsxComponentDescriptors.find((descriptor2) => descriptor2.name === componentName) ?? jsxComponentDescriptors.find((descriptor2) => descriptor2.name === "*");
     if (!descriptor) {
       throw new Error(`Component ${componentName} is used but not imported`);
     }

package/dist/index.d.ts

@@ -54,6 +54,12 @@ export declare function $createCodeBlockNode(options: Partial<CreateCodeBlockNod
  */
 export declare function $createDirectiveNode(mdastNode: Directives, key?: NodeKey): DirectiveNode;
 
+/**
+ * Creates a {@link FrontmatterNode}.
+ * @param yaml - The YAML string of the frontmatter.
+ */
+export declare function $createFrontmatterNode(yaml: string): FrontmatterNode;
+
 /**
  * Creates a new {@link GenericHTMLNode} with the specified MDAST HTML node as the object to edit.
  * @group HTML
@@ -86,6 +92,11 @@ export declare function $isCodeBlockNode(node: LexicalNode | null | undefined):
  */
 export declare function $isDirectiveNode(node: LexicalNode | null | undefined): node is DirectiveNode;
 
+/**
+ * Returns `true` if the given node is a {@link FrontmatterNode}.
+ */
+export declare function $isFrontmatterNode(node: LexicalNode | null | undefined): node is FrontmatterNode;
+
 /**
  * Determines if the specified node is a {@link GenericHTMLNode}.
  * @group HTML
@@ -1114,6 +1125,24 @@ export declare function fromWithinEditorRead<T>(editor: LexicalEditor, fn: () =>
  */
 export declare const frontmatterDialogOpen$: NodeRef<boolean>;
 
+/**
+ * Represents {@link https://daily-dev-tips.com/posts/what-exactly-is-frontmatter/ | the frontmatter} of the markdown document.
+ * Use {@link "$createFrontmatterNode"} to construct one.
+ */
+export declare class FrontmatterNode extends DecoratorNode<JSX.Element> {
+    __yaml: string;
+    static getType(): string;
+    static clone(node: FrontmatterNode): FrontmatterNode;
+    static importJSON(serializedNode: SerializedFrontmatterNode): FrontmatterNode;
+    constructor(code: string, key?: NodeKey);
+    exportJSON(): SerializedFrontmatterNode;
+    createDOM(_config: EditorConfig): HTMLDivElement;
+    updateDOM(): false;
+    getYaml(): string;
+    setYaml(yaml: string): void;
+    decorate(editor: LexicalEditor): JSX.Element;
+}
+
 /**
  * A plugin that adds support for frontmatter.
  * @group Frontmatter
@@ -1561,8 +1590,9 @@ export declare function joinProc(...procs: (() => unknown)[]): () => void;
  */
 export declare interface JsxComponentDescriptor {
     /**
-     * The tag name. For example: 'div', 'span', 'MyComponent'.
+     * The tag name. For example: 'div', 'span', 'MyComponent'. Use '*' for any tag.
      * Note: For fragments, use null.
+     *
      */
     name: string | null;
     /**
@@ -2489,6 +2519,14 @@ export declare type SerializedDirectiveNode = Spread<{
     version: 1;
 }, SerializedLexicalNode>;
 
+/**
+ * A serialized representation of an {@link FrontmatterNode}.
+ */
+export declare type SerializedFrontmatterNode = Spread<{
+    yaml: string;
+    version: 1;
+}, SerializedLexicalNode>;
+
 /**
  * A serialized representation of a {@link GenericHTMLNode}.
  * @group HTML

package/dist/index.js

@@ -64,16 +64,19 @@ import { htmlTags, isMdastHTMLNode } from "./plugins/core/MdastHTMLNode.js";
 import { $createGenericHTMLNode, $isGenericHTMLNode, GenericHTMLNode, TYPE_NAME } from "./plugins/core/GenericHTMLNode.js";
 import { $createTableNode, $isTableNode, TableNode } from "./plugins/table/TableNode.js";
 import { $createImageNode, $isImageNode, ImageNode } from "./plugins/image/ImageNode.js";
+import { $createFrontmatterNode, $isFrontmatterNode, FrontmatterNode } from "./plugins/frontmatter/FrontmatterNode.js";
 import { $createCodeBlockNode, $isCodeBlockNode, CodeBlockNode, useCodeBlockEditorContext } from "./plugins/codeblock/CodeBlockNode.js";
 import { $createDirectiveNode, $isDirectiveNode, DirectiveNode } from "./plugins/directives/DirectiveNode.js";
 export {
   $createCodeBlockNode,
   $createDirectiveNode,
+  $createFrontmatterNode,
   $createGenericHTMLNode,
   $createImageNode,
   $createTableNode,
   $isCodeBlockNode,
   $isDirectiveNode,
+  $isFrontmatterNode,
   $isGenericHTMLNode,
   $isImageNode,
   $isTableNode,
@@ -99,6 +102,7 @@ export {
   DialogButton,
   DiffSourceToggleWrapper,
   DirectiveNode,
+  FrontmatterNode,
   GenericDirectiveEditor,
   GenericHTMLNode,
   GenericJsxEditor,

package/dist/plugins/frontmatter/index.js

@@ -57,6 +57,9 @@ const frontmatterPlugin = realmPlugin({
   }
 });
 export {
+  $createFrontmatterNode,
+  $isFrontmatterNode,
+  FrontmatterNode,
   frontmatterDialogOpen$,
   frontmatterPlugin,
   hasFrontmatter$,

package/dist/plugins/jsx/LexicalJsxNode.js

@@ -70,7 +70,7 @@ class LexicalJsxNode extends DecoratorNode {
 function JsxEditorContainer(props) {
   const { mdastNode } = props;
   const jsxComponentDescriptors = useCellValue(jsxComponentDescriptors$);
-  const descriptor = jsxComponentDescriptors.find((descriptor2) => descriptor2.name === mdastNode.name);
+  const descriptor = jsxComponentDescriptors.find((descriptor2) => descriptor2.name === mdastNode.name) ?? jsxComponentDescriptors.find((descriptor2) => descriptor2.name === "*");
   if (!descriptor) {
     throw new Error(`No JSX descriptor found for ${mdastNode.name}`);
   }

package/dist/plugins/jsx/MdastMdxJsxElementVisitor.js

@@ -2,7 +2,7 @@ import { $createLexicalJsxNode } from "./LexicalJsxNode.js";
 const MdastMdxJsxElementVisitor = {
   testNode: (node, { jsxComponentDescriptors }) => {
     if (node.type === "mdxJsxTextElement" || node.type === "mdxJsxFlowElement") {
-      const descriptor = jsxComponentDescriptors.find((descriptor2) => descriptor2.name === node.name);
+      const descriptor = jsxComponentDescriptors.find((descriptor2) => descriptor2.name === node.name) ?? jsxComponentDescriptors.find((descriptor2) => descriptor2.name === "*");
       return descriptor !== void 0;
     }
     return false;

package/package.json

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