@mdxeditor/editor 3.0.7 → 3.1.0

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";
@@ -20,15 +21,15 @@ import { LexicalParagraphVisitor } from "./LexicalParagraphVisitor.js";
 import { LexicalRootVisitor } from "./LexicalRootVisitor.js";
 import { LexicalTextVisitor } from "./LexicalTextVisitor.js";
 import { MdastBreakVisitor } from "./MdastBreakVisitor.js";
-import { MdastFormattingVisitor } from "./MdastFormattingVisitor.js";
+import { formattingVisitors } from "./MdastFormattingVisitor.js";
 import { MdastHTMLVisitor } from "./MdastHTMLVisitor.js";
-import { MdastInlineCodeVisitor } from "./MdastInlineCodeVisitor.js";
 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";
 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);
@@ -136,7 +137,9 @@ const setMarkdown$ = Signal((r) => {
           }
         },
         {
-          onUpdate: () => r.pub(muteChange$, false)
+          onUpdate: () => {
+            r.pub(muteChange$, false);
+          }
         }
       );
     }
@@ -153,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);
@@ -403,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);
+            });
           }
         });
       },
@@ -478,14 +478,7 @@ const corePlugin = realmPlugin({
     r.pubIn({
       [initialMarkdown$]: params == null ? void 0 : params.initialMarkdown.trim(),
       [iconComponentFor$]: params == null ? void 0 : params.iconComponentFor,
-      [addImportVisitor$]: [
-        MdastRootVisitor,
-        MdastParagraphVisitor,
-        MdastTextVisitor,
-        MdastFormattingVisitor,
-        MdastInlineCodeVisitor,
-        MdastBreakVisitor
-      ],
+      [addImportVisitor$]: [MdastRootVisitor, MdastParagraphVisitor, MdastTextVisitor, MdastBreakVisitor, ...formattingVisitors],
       [addLexicalNode$]: [ParagraphNode, TextNode, GenericHTMLNode],
       [addExportVisitor$]: [
         LexicalRootVisitor,
@@ -500,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
       });
     }
@@ -527,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,

package/dist/plugins/image/ImageEditor.js

@@ -36,7 +36,7 @@ function LazyImage({
   return /* @__PURE__ */ React__default.createElement(
     "img",
     {
-      className: className || void 0,
+      className: className ?? void 0,
       alt,
       src,
       title,
@@ -120,7 +120,9 @@ function ImageEditor({ src, title, alt, nodeKey, width, height }) {
         const updatedSrc = await imagePreviewHandler(src);
         setImageSource(updatedSrc);
       };
-      callPreviewHandler().catch(console.error);
+      callPreviewHandler().catch((e) => {
+        console.error(e);
+      });
     } else {
       setImageSource(src);
     }
@@ -207,8 +209,8 @@ function ImageEditor({ src, title, alt, nodeKey, width, height }) {
         [styles.focusedImage]: isFocused
       }),
       src: imageSource,
-      title: title || "",
-      alt: alt || "",
+      title: title ?? "",
+      alt: alt ?? "",
       imageRef
     }
   )), draggable && isFocused && !disableImageResize && /* @__PURE__ */ React__default.createElement(ImageResizer, { editor, imageRef, onResizeStart, onResizeEnd }), !disableImageSettingsButton && /* @__PURE__ */ React__default.createElement(
@@ -223,8 +225,8 @@ function ImageEditor({ src, title, alt, nodeKey, width, height }) {
           nodeKey,
           initialValues: {
             src: !initialImagePath ? imageSource : initialImagePath,
-            title: title || "",
-            altText: alt || ""
+            title: title ?? "",
+            altText: alt ?? ""
           }
         });
       }

package/dist/plugins/image/ImageNode.js

@@ -35,8 +35,8 @@ class ImageNode extends DecoratorNode {
     this.__src = src;
     this.__title = title;
     this.__altText = altText;
-    this.__width = width || "inherit";
-    this.__height = height || "inherit";
+    this.__width = width ?? "inherit";
+    this.__height = height ?? "inherit";
   }
   /** @internal */
   static getType() {

package/dist/plugins/image/MdastImageVisitor.js

@@ -6,8 +6,8 @@ const MdastImageVisitor = {
     actions.addAndStepInto(
       $createImageNode({
         src: mdastNode.url,
-        altText: mdastNode.alt || "",
-        title: mdastNode.title || ""
+        altText: mdastNode.alt ?? "",
+        title: mdastNode.title ?? ""
       })
     );
   }
@@ -60,7 +60,7 @@ const MdastJsxImageVisitor = {
     if (!src) {
       return;
     }
-    const altText = getAttributeValue(mdastNode, "alt") || "";
+    const altText = getAttributeValue(mdastNode, "alt") ?? "";
     const title = getAttributeValue(mdastNode, "title");
     const height = getAttributeValue(mdastNode, "height");
     const width = getAttributeValue(mdastNode, "width");

package/dist/plugins/image/index.js

@@ -68,7 +68,7 @@ const imageDialogState$ = Cell(
     r.pub(createActiveEditorSubscription$, (editor) => {
       const theUploadHandler = r.getValue(imageUploadHandler$);
       return mergeRegister(
-        editor == null ? void 0 : editor.registerCommand(
+        editor.registerCommand(
           INSERT_IMAGE_COMMAND,
           (payload) => {
             const imageNode = $createImageNode(payload);
@@ -80,21 +80,21 @@ const imageDialogState$ = Cell(
           },
           COMMAND_PRIORITY_EDITOR
         ),
-        editor == null ? void 0 : editor.registerCommand(
+        editor.registerCommand(
           DRAGSTART_COMMAND,
           (event) => {
             return onDragStart(event);
           },
           COMMAND_PRIORITY_HIGH
         ),
-        editor == null ? void 0 : editor.registerCommand(
+        editor.registerCommand(
           DRAGOVER_COMMAND,
           (event) => {
             return onDragover(event);
           },
           COMMAND_PRIORITY_LOW
         ),
-        editor == null ? void 0 : editor.registerCommand(
+        editor.registerCommand(
           DROP_COMMAND,
           (event) => {
             return onDrop(event, editor, r.getValue(imageUploadHandler$));
@@ -102,12 +102,12 @@ const imageDialogState$ = Cell(
           COMMAND_PRIORITY_HIGH
         ),
         ...theUploadHandler !== null ? [
-          editor == null ? void 0 : editor.registerCommand(
+          editor.registerCommand(
             PASTE_COMMAND,
             (event) => {
               var _a;
-              let cbPayload = Array.from(((_a = event.clipboardData) == null ? void 0 : _a.items) || []);
-              cbPayload = cbPayload.filter((i) => /image/.test(i.type));
+              let cbPayload = Array.from(((_a = event.clipboardData) == null ? void 0 : _a.items) ?? []);
+              cbPayload = cbPayload.filter((i) => i.type.includes("image"));
               if (!cbPayload.length || cbPayload.length === 0) {
                 return false;
               }
@@ -154,24 +154,24 @@ const imagePlugin = realmPlugin({
       [addImportVisitor$]: [MdastImageVisitor, MdastHtmlImageVisitor, MdastJsxImageVisitor],
       [addLexicalNode$]: ImageNode,
       [addExportVisitor$]: LexicalImageVisitor,
-      [addComposerChild$]: (params == null ? void 0 : params.ImageDialog) || ImageDialog,
-      [imageUploadHandler$]: (params == null ? void 0 : params.imageUploadHandler) || null,
-      [imageAutocompleteSuggestions$]: (params == null ? void 0 : params.imageAutocompleteSuggestions) || [],
+      [addComposerChild$]: (params == null ? void 0 : params.ImageDialog) ?? ImageDialog,
+      [imageUploadHandler$]: (params == null ? void 0 : params.imageUploadHandler) ?? null,
+      [imageAutocompleteSuggestions$]: (params == null ? void 0 : params.imageAutocompleteSuggestions) ?? [],
       [disableImageResize$]: Boolean(params == null ? void 0 : params.disableImageResize),
       [disableImageSettingsButton$]: Boolean(params == null ? void 0 : params.disableImageSettingsButton),
-      [imagePreviewHandler$]: (params == null ? void 0 : params.imagePreviewHandler) || null
+      [imagePreviewHandler$]: (params == null ? void 0 : params.imagePreviewHandler) ?? null
     });
   },
   update(realm, params) {
     realm.pubIn({
-      [imageUploadHandler$]: (params == null ? void 0 : params.imageUploadHandler) || null,
-      [imageAutocompleteSuggestions$]: (params == null ? void 0 : params.imageAutocompleteSuggestions) || [],
+      [imageUploadHandler$]: (params == null ? void 0 : params.imageUploadHandler) ?? null,
+      [imageAutocompleteSuggestions$]: (params == null ? void 0 : params.imageAutocompleteSuggestions) ?? [],
       [disableImageResize$]: Boolean(params == null ? void 0 : params.disableImageResize),
-      [imagePreviewHandler$]: (params == null ? void 0 : params.imagePreviewHandler) || null
+      [imagePreviewHandler$]: (params == null ? void 0 : params.imagePreviewHandler) ?? null
     });
   }
 });
-const getDOMSelection = (targetWindow) => CAN_USE_DOM ? (targetWindow || window).getSelection() : null;
+const getDOMSelection = (targetWindow) => CAN_USE_DOM ? (targetWindow ?? window).getSelection() : null;
 const INSERT_IMAGE_COMMAND = createCommand("INSERT_IMAGE_COMMAND");
 const TRANSPARENT_IMAGE = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
 function onDragStart(event) {
@@ -203,8 +203,8 @@ function onDragStart(event) {
 }
 function onDragover(event) {
   var _a;
-  let cbPayload = Array.from(((_a = event.dataTransfer) == null ? void 0 : _a.items) || []);
-  cbPayload = cbPayload.filter((i) => /image/.test(i.type));
+  let cbPayload = Array.from(((_a = event.dataTransfer) == null ? void 0 : _a.items) ?? []);
+  cbPayload = cbPayload.filter((i) => i.type.includes("image"));
   if (cbPayload.length > 0) {
     event.preventDefault();
     return true;
@@ -220,8 +220,8 @@ function onDragover(event) {
 }
 function onDrop(event, editor, imageUploadHandler) {
   var _a;
-  let cbPayload = Array.from(((_a = event.dataTransfer) == null ? void 0 : _a.items) || []);
-  cbPayload = cbPayload.filter((i) => /image/.test(i.type));
+  let cbPayload = Array.from(((_a = event.dataTransfer) == null ? void 0 : _a.items) ?? []);
+  cbPayload = cbPayload.filter((i) => i.type.includes("image"));
   if (cbPayload.length > 0) {
     if (imageUploadHandler !== null) {
       event.preventDefault();
@@ -292,7 +292,7 @@ function getDragSelection(event) {
   if (document.caretRangeFromPoint) {
     range = document.caretRangeFromPoint(event.clientX, event.clientY);
   } else if (event.rangeParent && domSelection !== null) {
-    domSelection.collapse(event.rangeParent, event.rangeOffset || 0);
+    domSelection.collapse(event.rangeParent, event.rangeOffset ?? 0);
     range = domSelection.getRangeAt(0);
   } else {
     throw Error(`Cannot get the selection when dragging`);

package/dist/plugins/jsx/index.js

@@ -15,7 +15,7 @@ function isMdastJsxNode(node) {
   return node.type === "mdxJsxFlowElement" || node.type === "mdxJsxTextElement";
 }
 const isExpressionValue = (value) => {
-  if (typeof value === "object" && value !== null && "type" in value && value.type === "expression" && "value" in value && typeof value.value === "string") {
+  if (value !== null && typeof value === "object" && "type" in value && "value" in value && typeof value.value === "string") {
     return true;
   }
   return false;

package/dist/plugins/link-dialog/LinkDialog.js

@@ -102,7 +102,7 @@ const LinkDialog = () => {
   }, [activeEditor, publishWindowChange]);
   const [copyUrlTooltipOpen, setCopyUrlTooltipOpen] = React__default.useState(false);
   const t = useTranslation();
-  const theRect = linkDialogState == null ? void 0 : linkDialogState.rectangle;
+  const theRect = linkDialogState.rectangle;
   const urlIsExternal = linkDialogState.type === "preview" && linkDialogState.url.startsWith("http");
   return /* @__PURE__ */ React__default.createElement(RadixPopover.Root, { open: linkDialogState.type !== "inactive" }, /* @__PURE__ */ React__default.createElement(
     RadixPopover.Anchor,
@@ -121,7 +121,9 @@ const LinkDialog = () => {
     {
       className: classNames(styles.linkDialogPopoverContent),
       sideOffset: 5,
-      onOpenAutoFocus: (e) => e.preventDefault(),
+      onOpenAutoFocus: (e) => {
+        e.preventDefault();
+      },
       key: linkDialogState.linkNodeKey
     },
     linkDialogState.type === "edit" && /* @__PURE__ */ React__default.createElement(
@@ -153,7 +155,9 @@ const LinkDialog = () => {
     ), /* @__PURE__ */ React__default.createElement(
       ActionButton,
       {
-        onClick: () => switchFromPreviewToLinkEdit(),
+        onClick: () => {
+          switchFromPreviewToLinkEdit();
+        },
         title: t("linkPreview.edit", "Edit link URL"),
         "aria-label": t("linkPreview.edit", "Edit link URL")
       },
@@ -166,7 +170,9 @@ const LinkDialog = () => {
         onClick: () => {
           void window.navigator.clipboard.writeText(linkDialogState.url).then(() => {
             setCopyUrlTooltipOpen(true);
-            setTimeout(() => setCopyUrlTooltipOpen(false), 1e3);
+            setTimeout(() => {
+              setCopyUrlTooltipOpen(false);
+            }, 1e3);
           });
         }
       },
@@ -176,7 +182,9 @@ const LinkDialog = () => {
       {
         title: t("linkPreview.remove", "Remove link"),
         "aria-label": t("linkPreview.remove", "Remove link"),
-        onClick: () => removeLink()
+        onClick: () => {
+          removeLink();
+        }
       },
       iconComponentFor("link_off")
     )),

package/dist/plugins/link-dialog/index.js

@@ -80,9 +80,8 @@ const linkDialogState$ = Cell({ type: "inactive" }, (r) => {
     linkDialogState$
   );
   r.sub(r.pipe(updateLink$, withLatestFrom(activeEditor$, linkDialogState$, currentSelection$)), ([payload, editor, state, selection]) => {
-    var _a, _b;
-    const url = ((_a = payload.url) == null ? void 0 : _a.trim()) ?? "";
-    const title = ((_b = payload.title) == null ? void 0 : _b.trim()) ?? "";
+    const url = payload.url.trim();
+    const title = payload.title.trim();
     if (url !== "") {
       if (selection == null ? void 0 : selection.isCollapsed()) {
         const linkContent = title || url;
@@ -186,16 +185,16 @@ const openLinkEditDialog$ = Action((r) => {
     ),
     ([, selection, editor]) => {
       editor == null ? void 0 : editor.focus(() => {
-        editor == null ? void 0 : editor.getEditorState().read(() => {
+        editor.getEditorState().read(() => {
           const node = getLinkNodeInSelection(selection);
           const rectangle = getSelectionRectangle(editor);
           if (node) {
             r.pub(linkDialogState$, {
               type: "edit",
               initialUrl: node.getURL(),
-              initialTitle: node.getTitle() || "",
+              initialTitle: node.getTitle() ?? "",
               url: node.getURL(),
-              title: node.getTitle() || "",
+              title: node.getTitle() ?? "",
               linkNodeKey: node.getKey(),
               rectangle
             });
@@ -219,11 +218,11 @@ const linkAutocompleteSuggestions$ = Cell([]);
 const onClickLinkCallback$ = Cell(null);
 const linkDialogPlugin = realmPlugin({
   init(r, params) {
-    r.pub(addComposerChild$, (params == null ? void 0 : params.LinkDialog) || LinkDialog);
+    r.pub(addComposerChild$, (params == null ? void 0 : params.LinkDialog) ?? LinkDialog);
     r.pub(onClickLinkCallback$, (params == null ? void 0 : params.onClickLinkCallback) ?? null);
   },
   update(r, params = {}) {
-    r.pub(linkAutocompleteSuggestions$, params.linkAutocompleteSuggestions || []);
+    r.pub(linkAutocompleteSuggestions$, params.linkAutocompleteSuggestions ?? []);
   }
 });
 export {

package/dist/plugins/lists/MdastListVisitor.js

@@ -2,8 +2,7 @@ import { $createListNode, $isListItemNode, $createListItemNode } from "@lexical/
 const MdastListVisitor = {
   testNode: "list",
   visitNode: function({ mdastNode, lexicalParent, actions }) {
-    var _a;
-    const listType = ((_a = mdastNode.children) == null ? void 0 : _a.some((e) => typeof e.checked === "boolean")) ? "check" : mdastNode.ordered ? "number" : "bullet";
+    const listType = mdastNode.children.some((e) => typeof e.checked === "boolean") ? "check" : mdastNode.ordered ? "number" : "bullet";
     const lexicalNode = $createListNode(listType);
     if ($isListItemNode(lexicalParent)) {
       const dedicatedParent = $createListItemNode();

package/dist/plugins/lists/index.js

@@ -87,7 +87,7 @@ function isIndentPermitted(maxDepth) {
     } else if ($isListItemNode(elementNode)) {
       const parent = elementNode.getParent();
       if ((parent == null ? void 0 : parent.getChildren().length) === 1) {
-        const grandParentListItem = parent == null ? void 0 : parent.getParent();
+        const grandParentListItem = parent.getParent();
         if ($isListItemNode(grandParentListItem) && grandParentListItem.getChildren().length === 1) {
           return false;
         }

package/dist/plugins/markdown-shortcut/index.js

@@ -73,9 +73,11 @@ function pickTransformersForActivePlugins(pluginIds, allowedHeadingLevels) {
       ...CODE,
       dependencies: [CodeBlockNode],
       replace: (parentNode, _children, match) => {
-        const codeBlockNode = $createCodeBlockNode({ code: "", language: match ? match[1] : "", meta: "" });
+        const codeBlockNode = $createCodeBlockNode({ code: "", language: match[1] ?? "", meta: "" });
         parentNode.replace(codeBlockNode);
-        setTimeout(() => codeBlockNode.select(), 80);
+        setTimeout(() => {
+          codeBlockNode.select();
+        }, 80);
       }
     };
     transformers.push(codeTransformerCopy);