@mdxeditor/editor 3.0.8 → 3.1.1

package/dist/plugins/codemirror/index.js

@@ -30,15 +30,15 @@ const codeMirrorPlugin = realmPlugin({
   update(r, params) {
     r.pubIn({
       [codeBlockLanguages$]: params == null ? void 0 : params.codeBlockLanguages,
-      [codeMirrorExtensions$]: (params == null ? void 0 : params.codeMirrorExtensions) || [],
+      [codeMirrorExtensions$]: (params == null ? void 0 : params.codeMirrorExtensions) ?? [],
       [codeMirrorAutoLoadLanguageSupport$]: (params == null ? void 0 : params.autoLoadLanguageSupport) ?? true
     });
   },
   init(r, params) {
     r.pubIn({
       [codeBlockLanguages$]: params == null ? void 0 : params.codeBlockLanguages,
-      [codeMirrorExtensions$]: (params == null ? void 0 : params.codeMirrorExtensions) || [],
-      [appendCodeBlockEditorDescriptor$]: buildCodeBlockDescriptor((params == null ? void 0 : params.codeBlockLanguages) || {}),
+      [codeMirrorExtensions$]: (params == null ? void 0 : params.codeMirrorExtensions) ?? [],
+      [appendCodeBlockEditorDescriptor$]: buildCodeBlockDescriptor((params == null ? void 0 : params.codeBlockLanguages) ?? {}),
       [codeMirrorAutoLoadLanguageSupport$]: (params == null ? void 0 : params.autoLoadLanguageSupport) ?? true
     });
   }
@@ -46,7 +46,7 @@ const codeMirrorPlugin = realmPlugin({
 function buildCodeBlockDescriptor(codeBlockLanguages) {
   return {
     match(language, meta) {
-      return Boolean(codeBlockLanguages.hasOwnProperty(language || "")) && !Boolean(meta);
+      return Boolean(Object.hasOwn(codeBlockLanguages, language ?? "")) && !meta;
     },
     priority: 1,
     Editor: CodeMirrorEditor

package/dist/plugins/core/Icon.js

@@ -42,6 +42,9 @@ import SvgRichText from "../../icons/rich_text.svg.js";
 import SvgSettings from "../../icons/settings.svg.js";
 import SvgTable from "../../icons/table.svg.js";
 import SvgUndo from "../../icons/undo.svg.js";
+import SvgStrikethroughS from "../../icons/strikethrough_s.svg.js";
+import SvgSuperscript from "../../icons/superscript.svg.js";
+import SvgSubscript from "../../icons/subscript.svg.js";
 const IconMap = {
   add_column: SvgAddColumn,
   add_photo: SvgAddPhoto,
@@ -84,6 +87,9 @@ const IconMap = {
   redo: SvgRedo,
   rich_text: SvgRichText,
   settings: SvgSettings,
+  strikeThrough: SvgStrikethroughS,
+  subscript: SvgSubscript,
+  superscript: SvgSuperscript,
   table: SvgTable,
   undo: SvgUndo
 };

package/dist/plugins/core/LexicalTextVisitor.js

@@ -1,15 +1,16 @@
 import { $isTextNode } from "lexical";
-import { IS_ITALIC, IS_BOLD, IS_UNDERLINE, IS_CODE } from "../../FormatConstants.js";
+import { IS_ITALIC, IS_BOLD, IS_UNDERLINE, IS_STRIKETHROUGH, IS_SUPERSCRIPT, IS_SUBSCRIPT, IS_CODE } from "../../FormatConstants.js";
 function isMdastText(mdastNode) {
   return mdastNode.type === "text";
 }
-const JOINABLE_TAGS = ["u", "span"];
+const JOINABLE_TAGS = ["u", "span", "sub", "sup"];
 const LexicalTextVisitor = {
   shouldJoin: (prevNode, currentNode) => {
     if (["text", "emphasis", "strong"].includes(prevNode.type)) {
       return prevNode.type === currentNode.type;
     }
-    if (prevNode.type === "mdxJsxTextElement" && currentNode.type === "mdxJsxTextElement" && JOINABLE_TAGS.includes(currentNode.name)) {
+    if (prevNode.type === "mdxJsxTextElement" && // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    currentNode.type === "mdxJsxTextElement" && JOINABLE_TAGS.includes(currentNode.name)) {
       const currentMdxNode = currentNode;
       return prevNode.name === currentMdxNode.name && JSON.stringify(prevNode.attributes) === JSON.stringify(currentMdxNode.attributes);
     }
@@ -33,7 +34,7 @@ const LexicalTextVisitor = {
     const previousSibling = lexicalNode.getPreviousSibling();
     const prevFormat = $isTextNode(previousSibling) ? previousSibling.getFormat() : 0;
     const textContent = lexicalNode.getTextContent();
-    const format = lexicalNode.getFormat() ?? 0;
+    const format = lexicalNode.getFormat();
     const style = lexicalNode.getStyle();
     let localParentNode = mdastParent;
     if (style) {
@@ -64,6 +65,28 @@ const LexicalTextVisitor = {
         attributes: []
       });
     }
+    if (prevFormat & format & IS_STRIKETHROUGH) {
+      localParentNode = actions.appendToParent(localParentNode, {
+        type: "delete",
+        children: []
+      });
+    }
+    if (prevFormat & format & IS_SUPERSCRIPT) {
+      localParentNode = actions.appendToParent(localParentNode, {
+        type: "mdxJsxTextElement",
+        name: "sup",
+        children: [],
+        attributes: []
+      });
+    }
+    if (prevFormat & format & IS_SUBSCRIPT) {
+      localParentNode = actions.appendToParent(localParentNode, {
+        type: "mdxJsxTextElement",
+        name: "sub",
+        children: [],
+        attributes: []
+      });
+    }
     if (format & IS_ITALIC && !(prevFormat & IS_ITALIC)) {
       localParentNode = actions.appendToParent(localParentNode, {
         type: "emphasis",
@@ -84,6 +107,28 @@ const LexicalTextVisitor = {
         attributes: []
       });
     }
+    if (format & IS_STRIKETHROUGH && !(prevFormat & IS_STRIKETHROUGH)) {
+      localParentNode = actions.appendToParent(localParentNode, {
+        type: "delete",
+        children: []
+      });
+    }
+    if (format & IS_SUPERSCRIPT && !(prevFormat & IS_SUPERSCRIPT)) {
+      localParentNode = actions.appendToParent(localParentNode, {
+        type: "mdxJsxTextElement",
+        name: "sup",
+        children: [],
+        attributes: []
+      });
+    }
+    if (format & IS_SUBSCRIPT && !(prevFormat & IS_SUBSCRIPT)) {
+      localParentNode = actions.appendToParent(localParentNode, {
+        type: "mdxJsxTextElement",
+        name: "sub",
+        children: [],
+        attributes: []
+      });
+    }
     if (format & IS_CODE) {
       actions.appendToParent(localParentNode, {
         type: "inlineCode",

package/dist/plugins/core/MdastFormattingVisitor.js

@@ -1,42 +1,35 @@
-import { IS_CODE, IS_ITALIC, IS_BOLD, IS_UNDERLINE } from "../../FormatConstants.js";
+import { IS_STRIKETHROUGH, IS_CODE, IS_ITALIC, IS_BOLD, IS_UNDERLINE, IS_SUPERSCRIPT, IS_SUBSCRIPT } from "../../FormatConstants.js";
 import { $createTextNode } from "lexical";
-function isOpeningUnderlineNode(node) {
-  return node.type === "html" && node.value === "<u>";
+function buildFormattingVisitors(tag, format) {
+  return [
+    {
+      testNode: (node) => node.type === "mdxJsxTextElement" && node.name === tag,
+      visitNode({ actions, mdastNode, lexicalParent }) {
+        actions.addFormatting(format);
+        actions.visitChildren(mdastNode, lexicalParent);
+      }
+    },
+    {
+      testNode: (node) => node.type === "html" && node.value === `<${tag}>`,
+      visitNode({ actions, mdastParent }) {
+        actions.addFormatting(format, mdastParent);
+      }
+    },
+    {
+      testNode: (node) => node.type === "html" && node.value === `</${tag}>`,
+      visitNode({ actions, mdastParent }) {
+        actions.removeFormatting(format, mdastParent);
+      }
+    }
+  ];
 }
-function isClosingUnderlineNode(node) {
-  return node.type === "html" && node.value === "</u>";
-}
-function isJsxUnderlineNode(node) {
-  return node.type === "mdxJsxTextElement" && node.name === "u";
-}
-function isJsxCodeNode(node) {
-  return node.type === "mdxJsxTextElement" && node.name === "code";
-}
-function isOpeningCodeNode(node) {
-  return node.type === "html" && node.value === "<code>";
-}
-function isClosingCodeNode(node) {
-  return node.type === "html" && node.value === "</code>";
-}
-const JsxCodeVisitor = {
-  testNode: isJsxCodeNode,
+const StrikeThroughVisitor = {
+  testNode: "delete",
   visitNode({ mdastNode, actions, lexicalParent }) {
-    actions.addFormatting(IS_CODE);
+    actions.addFormatting(IS_STRIKETHROUGH);
     actions.visitChildren(mdastNode, lexicalParent);
   }
 };
-const OpeningCodeVisitor = {
-  testNode: isOpeningCodeNode,
-  visitNode({ actions, mdastParent }) {
-    actions.addFormatting(IS_CODE, mdastParent);
-  }
-};
-const ClosingCodeVisitor = {
-  testNode: isClosingCodeNode,
-  visitNode({ actions, mdastParent }) {
-    actions.removeFormatting(IS_CODE, mdastParent);
-  }
-};
 const MdCodeVisitor = {
   testNode: "inlineCode",
   visitNode({ mdastNode, actions }) {
@@ -57,39 +50,22 @@ const MdStrongVisitor = {
     actions.visitChildren(mdastNode, lexicalParent);
   }
 };
-const JsxUnderlineVisitor = {
-  testNode: isJsxUnderlineNode,
-  visitNode({ mdastNode, actions, lexicalParent }) {
-    actions.addFormatting(IS_UNDERLINE);
-    actions.visitChildren(mdastNode, lexicalParent);
-  }
-};
-const OpeningUnderlineVisitor = {
-  testNode: isOpeningUnderlineNode,
-  visitNode({ actions, mdastParent }) {
-    actions.addFormatting(IS_UNDERLINE, mdastParent);
-  }
-};
-const ClosingUnderlineVisitor = {
-  testNode: isClosingUnderlineNode,
-  visitNode({ actions, mdastParent }) {
-    actions.removeFormatting(IS_UNDERLINE, mdastParent);
-  }
-};
 const formattingVisitors = [
   // emphasis
   MdEmphasisVisitor,
   // strong
   MdStrongVisitor,
   // underline
-  JsxUnderlineVisitor,
-  OpeningUnderlineVisitor,
-  ClosingUnderlineVisitor,
+  ...buildFormattingVisitors("u", IS_UNDERLINE),
   // code
-  JsxCodeVisitor,
-  OpeningCodeVisitor,
-  ClosingCodeVisitor,
-  MdCodeVisitor
+  ...buildFormattingVisitors("code", IS_CODE),
+  MdCodeVisitor,
+  // strikethrough
+  StrikeThroughVisitor,
+  // superscript
+  ...buildFormattingVisitors("sup", IS_SUPERSCRIPT),
+  // subscript
+  ...buildFormattingVisitors("sub", IS_SUBSCRIPT)
 ];
 export {
   formattingVisitors

package/dist/plugins/core/MdastHTMLNode.js

@@ -1,7 +1,6 @@
 const MDX_NODE_TYPES = ["mdxJsxTextElement", "mdxJsxFlowElement"];
 function isMdastHTMLNode(node) {
-  var _a;
-  return MDX_NODE_TYPES.includes(node.type) && htmlTags.includes(((_a = node.name) == null ? void 0 : _a.toLowerCase()) ?? "");
+  return MDX_NODE_TYPES.includes(node.type) && htmlTags.includes(node.name.toLowerCase());
 }
 const htmlTags = [
   "a",

package/dist/plugins/core/NestedLexicalEditor.js

@@ -84,7 +84,7 @@ const NestedLexicalEditor = function(props) {
     return editor2;
   });
   React__default.useEffect(() => {
-    focusEmitter == null ? void 0 : focusEmitter.subscribe(() => {
+    focusEmitter.subscribe(() => {
       editor.focus();
     });
   }, [editor, focusEmitter]);

package/dist/plugins/core/PropertyPopover.js

@@ -9,31 +9,41 @@ const PropertyPopover = ({ title, properties, onChange }) => {
   const [open, setOpen] = React__default.useState(false);
   const iconComponentFor = useCellValue(iconComponentFor$);
   const { register, handleSubmit, reset } = useForm({ defaultValues: properties });
-  return /* @__PURE__ */ React__default.createElement(RadixPopover.Root, { open, onOpenChange: (v) => setOpen(v) }, /* @__PURE__ */ React__default.createElement(RadixPopover.Trigger, { className: styles.iconButton }, /* @__PURE__ */ React__default.createElement("div", null, iconComponentFor("settings"))), /* @__PURE__ */ React__default.createElement(PopoverPortal, null, /* @__PURE__ */ React__default.createElement(PopoverContent, null, /* @__PURE__ */ React__default.createElement(
-    "form",
+  return /* @__PURE__ */ React__default.createElement(
+    RadixPopover.Root,
     {
-      onSubmit: (e) => {
-        void handleSubmit(onChange)(e);
-        setOpen(false);
-        e.preventDefault();
-        e.stopPropagation();
+      open,
+      onOpenChange: (v) => {
+        setOpen(v);
       }
     },
-    /* @__PURE__ */ React__default.createElement("h3", { className: styles.propertyPanelTitle }, title, " Attributes"),
-    /* @__PURE__ */ React__default.createElement("table", { className: styles.propertyEditorTable }, /* @__PURE__ */ React__default.createElement("thead", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("th", { className: styles.readOnlyColumnCell }, "Attribute"), /* @__PURE__ */ React__default.createElement("th", null, "Value"))), /* @__PURE__ */ React__default.createElement("tbody", null, Object.keys(properties).map((propName) => /* @__PURE__ */ React__default.createElement("tr", { key: propName }, /* @__PURE__ */ React__default.createElement("th", { className: styles.readOnlyColumnCell }, " ", propName, " "), /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement("input", { ...register(propName), className: styles.propertyEditorInput }))))), /* @__PURE__ */ React__default.createElement("tfoot", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("td", { colSpan: 2 }, /* @__PURE__ */ React__default.createElement("div", { className: styles.buttonsFooter }, /* @__PURE__ */ React__default.createElement("button", { type: "submit", className: styles.primaryButton }, "Save"), /* @__PURE__ */ React__default.createElement(
-      "button",
+    /* @__PURE__ */ React__default.createElement(RadixPopover.Trigger, { className: styles.iconButton }, /* @__PURE__ */ React__default.createElement("div", null, iconComponentFor("settings"))),
+    /* @__PURE__ */ React__default.createElement(PopoverPortal, null, /* @__PURE__ */ React__default.createElement(PopoverContent, null, /* @__PURE__ */ React__default.createElement(
+      "form",
       {
-        type: "reset",
-        className: styles.secondaryButton,
-        onClick: (e) => {
-          e.preventDefault();
-          reset(properties);
+        onSubmit: (e) => {
+          void handleSubmit(onChange)(e);
           setOpen(false);
+          e.preventDefault();
+          e.stopPropagation();
         }
       },
-      "Cancel"
-    ))))))
-  ))));
+      /* @__PURE__ */ React__default.createElement("h3", { className: styles.propertyPanelTitle }, title, " Attributes"),
+      /* @__PURE__ */ React__default.createElement("table", { className: styles.propertyEditorTable }, /* @__PURE__ */ React__default.createElement("thead", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("th", { className: styles.readOnlyColumnCell }, "Attribute"), /* @__PURE__ */ React__default.createElement("th", null, "Value"))), /* @__PURE__ */ React__default.createElement("tbody", null, Object.keys(properties).map((propName) => /* @__PURE__ */ React__default.createElement("tr", { key: propName }, /* @__PURE__ */ React__default.createElement("th", { className: styles.readOnlyColumnCell }, " ", propName, " "), /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement("input", { ...register(propName), className: styles.propertyEditorInput }))))), /* @__PURE__ */ React__default.createElement("tfoot", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("td", { colSpan: 2 }, /* @__PURE__ */ React__default.createElement("div", { className: styles.buttonsFooter }, /* @__PURE__ */ React__default.createElement("button", { type: "submit", className: styles.primaryButton }, "Save"), /* @__PURE__ */ React__default.createElement(
+        "button",
+        {
+          type: "reset",
+          className: styles.secondaryButton,
+          onClick: (e) => {
+            e.preventDefault();
+            reset(properties);
+            setOpen(false);
+          }
+        },
+        "Cancel"
+      ))))))
+    )))
+  );
 };
 export {
   PropertyPopover

package/dist/plugins/core/index.js

@@ -5,7 +5,8 @@ import { $setBlocksType } from "@lexical/selection";
 import { $findMatchingParent, $wrapNodeInElement, $insertNodeToNearestRoot } from "@lexical/utils";
 import { Cell, withLatestFrom, Signal, filter, map, useCellValue, scan } from "@mdxeditor/gurx";
 import { createCommand, FORMAT_TEXT_COMMAND, $isRootOrShadowRoot, $getRoot, $setSelection, $getSelection, $insertNodes, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_CRITICAL, DecoratorNode, $createParagraphNode, FOCUS_COMMAND, KEY_DOWN_COMMAND, $isDecoratorNode, BLUR_COMMAND, $isRangeSelection, ParagraphNode, TextNode, createEditor } from "lexical";
-import { mdxJsxFromMarkdown, mdxJsxToMarkdown } from "mdast-util-mdx-jsx";
+import { gfmStrikethroughFromMarkdown, gfmStrikethroughToMarkdown } from "mdast-util-gfm-strikethrough";
+import { mdxJsxToMarkdown, mdxJsxFromMarkdown } from "mdast-util-mdx-jsx";
 import { mdxJsx } from "micromark-extension-mdx-jsx";
 import { mdxMd } from "micromark-extension-mdx-md";
 import { exportMarkdownFromLexical } from "../../exportMarkdownFromLexical.js";
@@ -28,6 +29,7 @@ import { MdastTextVisitor } from "./MdastTextVisitor.js";
 import { SharedHistoryPlugin } from "./SharedHistoryPlugin.js";
 import { commentFromMarkdown, comment } from "../../mdastUtilHtmlComment.js";
 import { lexicalTheme } from "../../styles/lexicalTheme.js";
+import { gfmStrikethrough } from "../../node_modules/micromark-extension-gfm-strikethrough/lib/syntax.js";
 const NESTED_EDITOR_UPDATED_COMMAND = createCommand("NESTED_EDITOR_UPDATED_COMMAND");
 const rootEditor$ = Cell(null);
 const activeEditor$ = Cell(null);
@@ -135,7 +137,9 @@ const setMarkdown$ = Signal((r) => {
           }
         },
         {
-          onUpdate: () => r.pub(muteChange$, false)
+          onUpdate: () => {
+            r.pub(muteChange$, false);
+          }
         }
       );
     }
@@ -152,7 +156,7 @@ const insertMarkdown$ = Signal((r) => {
             this.children.push(node);
           },
           getType() {
-            return selection == null ? void 0 : selection.getNodes()[0].getType();
+            return selection.getNodes()[0].getType();
           }
         };
         tryImportingMarkdown(r, importPoint, markdownToInsert);
@@ -402,28 +406,25 @@ const insertDecoratorNode$ = Signal((r) => {
         theEditor.getEditorState().read(() => {
           const selection = $getSelection();
           if ($isRangeSelection(selection)) {
-            const focusNode = selection.focus.getNode();
-            if (focusNode !== null) {
-              theEditor.update(() => {
-                const node = nodeFactory();
-                if (node.isInline()) {
-                  $insertNodes([node]);
-                  if ($isRootOrShadowRoot(node.getParentOrThrow())) {
-                    $wrapNodeInElement(node, $createParagraphNode).selectEnd();
-                  }
-                } else {
-                  $insertNodeToNearestRoot(node);
+            theEditor.update(() => {
+              const node = nodeFactory();
+              if (node.isInline()) {
+                $insertNodes([node]);
+                if ($isRootOrShadowRoot(node.getParentOrThrow())) {
+                  $wrapNodeInElement(node, $createParagraphNode).selectEnd();
                 }
-                setTimeout(() => {
-                  if ("select" in node && typeof node.select === "function") {
-                    node.select();
-                  }
-                });
-              });
+              } else {
+                $insertNodeToNearestRoot(node);
+              }
               setTimeout(() => {
-                theEditor.dispatchCommand(NESTED_EDITOR_UPDATED_COMMAND, void 0);
+                if ("select" in node && typeof node.select === "function") {
+                  node.select();
+                }
               });
-            }
+            });
+            setTimeout(() => {
+              theEditor.dispatchCommand(NESTED_EDITOR_UPDATED_COMMAND, void 0);
+            });
           }
         });
       },
@@ -492,13 +493,15 @@ const corePlugin = realmPlugin({
       [autoFocus$]: params == null ? void 0 : params.autoFocus,
       [placeholder$]: params == null ? void 0 : params.placeholder,
       [readOnly$]: params == null ? void 0 : params.readOnly,
-      [translation$]: params == null ? void 0 : params.translation
+      [translation$]: params == null ? void 0 : params.translation,
+      [addMdastExtension$]: gfmStrikethroughFromMarkdown(),
+      [addSyntaxExtension$]: gfmStrikethrough(),
+      [addToMarkdownExtension$]: [mdxJsxToMarkdown(), gfmStrikethroughToMarkdown()]
     });
     if (!(params == null ? void 0 : params.suppressHtmlProcessing)) {
       r.pubIn({
         [addMdastExtension$]: [mdxJsxFromMarkdown(), commentFromMarkdown({ ast: false })],
         [addSyntaxExtension$]: [mdxJsx(), mdxMd(), comment],
-        [addToMarkdownExtension$]: mdxJsxToMarkdown(),
         [addImportVisitor$]: MdastHTMLVisitor
       });
     }
@@ -519,14 +522,16 @@ const corePlugin = realmPlugin({
       const autoFocusValue = params == null ? void 0 : params.autoFocus;
       if (autoFocusValue) {
         if (autoFocusValue === true) {
-          setTimeout(() => newEditor.focus(noop, { defaultSelection: "rootStart" }));
+          setTimeout(() => {
+            newEditor.focus(noop, { defaultSelection: "rootStart" });
+          });
           return;
         }
-        setTimeout(
-          () => newEditor.focus(noop, {
+        setTimeout(() => {
+          newEditor.focus(noop, {
             defaultSelection: autoFocusValue.defaultSelection ?? "rootStart"
-          })
-        );
+          });
+        });
       }
     });
     r.pub(rootEditor$, newEditor);

package/dist/plugins/core/ui/DownshiftAutoComplete.js

@@ -28,7 +28,7 @@ const DownshiftAutoCompleteWithSuggestions = ({
     initialInputValue,
     onInputValueChange({ inputValue = "" }) {
       setValue(inputName, inputValue);
-      inputValue = (inputValue == null ? void 0 : inputValue.toLowerCase()) || "";
+      inputValue = inputValue.toLowerCase() || "";
       const matchingItems = [];
       for (const suggestion of suggestions) {
         if (suggestion.toLowerCase().includes(inputValue)) {

package/dist/plugins/directives/index.js

@@ -20,11 +20,11 @@ const insertDirective$ = Signal((r) => {
 });
 const directivesPlugin = realmPlugin({
   update: (realm, params) => {
-    realm.pub(directiveDescriptors$, (params == null ? void 0 : params.directiveDescriptors) || []);
+    realm.pub(directiveDescriptors$, (params == null ? void 0 : params.directiveDescriptors) ?? []);
   },
   init: (realm, params) => {
     realm.pubIn({
-      [directiveDescriptors$]: (params == null ? void 0 : params.directiveDescriptors) || [],
+      [directiveDescriptors$]: (params == null ? void 0 : params.directiveDescriptors) ?? [],
       // import
       [addMdastExtension$]: directiveFromMarkdown(),
       [addSyntaxExtension$]: directive(),

package/dist/plugins/frontmatter/FrontmatterEditor.js

@@ -39,48 +39,65 @@ const FrontmatterEditor = ({ yaml, onChange }) => {
         setFrontmatterDialogOpen(false);
         return;
       }
-      const yaml2 = yamlConfig2.reduce(
-        (acc, { key, value }) => {
-          if (key && value) {
-            acc[key] = value;
-          }
-          return acc;
-        },
-        {}
-      );
+      const yaml2 = yamlConfig2.reduce((acc, { key, value }) => {
+        if (key && value) {
+          acc[key] = value;
+        }
+        return acc;
+      }, {});
       onChange(YamlParser.dump(yaml2).trim());
       setFrontmatterDialogOpen(false);
     },
     [onChange, setFrontmatterDialogOpen, removeFrontmatter]
   );
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Dialog.Root, { open: frontmatterDialogOpen, onOpenChange: (open) => setFrontmatterDialogOpen(open) }, /* @__PURE__ */ React__default.createElement(Dialog.Portal, { container: editorRootElementRef == null ? void 0 : editorRootElementRef.current }, /* @__PURE__ */ React__default.createElement(Dialog.Overlay, { className: styles.dialogOverlay }), /* @__PURE__ */ React__default.createElement(Dialog.Content, { className: styles.largeDialogContent, "data-editor-type": "frontmatter" }, /* @__PURE__ */ React__default.createElement(Dialog.Title, { className: styles.dialogTitle }, t("frontmatterEditor.title", "Edit document frontmatter")), /* @__PURE__ */ React__default.createElement(
-    "form",
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    Dialog.Root,
     {
-      onSubmit: (e) => {
-        void handleSubmit(onSubmit)(e);
-        e.stopPropagation();
-      },
-      onReset: (e) => {
-        e.stopPropagation();
-        setFrontmatterDialogOpen(false);
+      open: frontmatterDialogOpen,
+      onOpenChange: (open) => {
+        setFrontmatterDialogOpen(open);
       }
     },
-    /* @__PURE__ */ React__default.createElement("table", { className: styles.propertyEditorTable }, /* @__PURE__ */ React__default.createElement("colgroup", null, /* @__PURE__ */ React__default.createElement("col", null), /* @__PURE__ */ React__default.createElement("col", null), /* @__PURE__ */ React__default.createElement("col", null)), /* @__PURE__ */ React__default.createElement("thead", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("th", null, t("frontmatterEditor.key", "Key")), /* @__PURE__ */ React__default.createElement("th", null, t("frontmatterEditor.value", "Value")), /* @__PURE__ */ React__default.createElement("th", null))), /* @__PURE__ */ React__default.createElement("tbody", null, fields.map((item, index) => {
-      return /* @__PURE__ */ React__default.createElement("tr", { key: item.id }, /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement(TableInput, { ...register(`yamlConfig.${index}.key`, { required: true }), autofocusIfEmpty: true, readOnly })), /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement(TableInput, { ...register(`yamlConfig.${index}.value`, { required: true }), readOnly })), /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement("button", { type: "button", onClick: () => remove(index), className: styles.iconButton, disabled: readOnly }, iconComponentFor("delete_big"))));
-    })), /* @__PURE__ */ React__default.createElement("tfoot", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement(
-      "button",
+    /* @__PURE__ */ React__default.createElement(Dialog.Portal, { container: editorRootElementRef == null ? void 0 : editorRootElementRef.current }, /* @__PURE__ */ React__default.createElement(Dialog.Overlay, { className: styles.dialogOverlay }), /* @__PURE__ */ React__default.createElement(Dialog.Content, { className: styles.largeDialogContent, "data-editor-type": "frontmatter" }, /* @__PURE__ */ React__default.createElement(Dialog.Title, { className: styles.dialogTitle }, t("frontmatterEditor.title", "Edit document frontmatter")), /* @__PURE__ */ React__default.createElement(
+      "form",
       {
-        disabled: readOnly,
-        className: classNames(styles.primaryButton, styles.smallButton),
-        type: "button",
-        onClick: () => {
-          append({ key: "", value: "" });
+        onSubmit: (e) => {
+          void handleSubmit(onSubmit)(e);
+          e.stopPropagation();
+        },
+        onReset: (e) => {
+          e.stopPropagation();
+          setFrontmatterDialogOpen(false);
         }
       },
-      t("frontmatterEditor.addEntry", "Add entry")
-    ))))),
-    /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex", justifyContent: "flex-end", gap: "var(--spacing-2)" } }, /* @__PURE__ */ React__default.createElement("button", { type: "submit", className: styles.primaryButton }, t("dialogControls.save", "Save")), /* @__PURE__ */ React__default.createElement("button", { type: "reset", className: styles.secondaryButton }, t("dialogControls.cancel", "Cancel")))
-  ), /* @__PURE__ */ React__default.createElement(Dialog.Close, { asChild: true }, /* @__PURE__ */ React__default.createElement("button", { className: styles.dialogCloseButton, "aria-label": t("dialogControls.cancel", "Cancel") }, iconComponentFor("close")))))));
+      /* @__PURE__ */ React__default.createElement("table", { className: styles.propertyEditorTable }, /* @__PURE__ */ React__default.createElement("colgroup", null, /* @__PURE__ */ React__default.createElement("col", null), /* @__PURE__ */ React__default.createElement("col", null), /* @__PURE__ */ React__default.createElement("col", null)), /* @__PURE__ */ React__default.createElement("thead", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("th", null, t("frontmatterEditor.key", "Key")), /* @__PURE__ */ React__default.createElement("th", null, t("frontmatterEditor.value", "Value")), /* @__PURE__ */ React__default.createElement("th", null))), /* @__PURE__ */ React__default.createElement("tbody", null, fields.map((item, index) => {
+        return /* @__PURE__ */ React__default.createElement("tr", { key: item.id }, /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement(TableInput, { ...register(`yamlConfig.${index}.key`, { required: true }), autofocusIfEmpty: true, readOnly })), /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement(TableInput, { ...register(`yamlConfig.${index}.value`, { required: true }), readOnly })), /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              remove(index);
+            },
+            className: styles.iconButton,
+            disabled: readOnly
+          },
+          iconComponentFor("delete_big")
+        )));
+      })), /* @__PURE__ */ React__default.createElement("tfoot", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement(
+        "button",
+        {
+          disabled: readOnly,
+          className: classNames(styles.primaryButton, styles.smallButton),
+          type: "button",
+          onClick: () => {
+            append({ key: "", value: "" });
+          }
+        },
+        t("frontmatterEditor.addEntry", "Add entry")
+      ))))),
+      /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex", justifyContent: "flex-end", gap: "var(--spacing-2)" } }, /* @__PURE__ */ React__default.createElement("button", { type: "submit", className: styles.primaryButton }, t("dialogControls.save", "Save")), /* @__PURE__ */ React__default.createElement("button", { type: "reset", className: styles.secondaryButton }, t("dialogControls.cancel", "Cancel")))
+    ), /* @__PURE__ */ React__default.createElement(Dialog.Close, { asChild: true }, /* @__PURE__ */ React__default.createElement("button", { className: styles.dialogCloseButton, "aria-label": t("dialogControls.cancel", "Cancel") }, iconComponentFor("close")))))
+  ));
 };
 const TableInput = React__default.forwardRef(({ className, autofocusIfEmpty: _, ...props }, ref) => {
   return /* @__PURE__ */ React__default.createElement("input", { className: classNames(styles.propertyEditorInput, className), ...props, ref });

package/dist/plugins/frontmatter/FrontmatterNode.js

@@ -51,9 +51,11 @@ class FrontmatterNode extends DecoratorNode {
       FrontmatterEditor,
       {
         yaml: this.getYaml(),
-        onChange: (yaml) => editor == null ? void 0 : editor.update(() => {
-          this.setYaml(yaml);
-        })
+        onChange: (yaml) => {
+          editor.update(() => {
+            this.setYaml(yaml);
+          });
+        }
       }
     );
   }

package/dist/plugins/image/ImageDialog.js

@@ -55,7 +55,7 @@ const ImageDialog = () => {
           DownshiftAutoComplete,
           {
             register,
-            initialInputValue: state.type === "editing" ? state.initialValues.src || "" : "",
+            initialInputValue: state.type === "editing" ? state.initialValues.src ?? "" : "",
             inputName: "src",
             suggestions: imageAutocompleteSuggestions,
             setValue,