@mdxeditor/editor 3.53.1 → 3.54.1

package/dist/index.d.ts

@@ -540,6 +540,8 @@ export declare interface CodeBlockLanguage {
     alias?: readonly string[];
     /** File extensions associated with this language (e.g. `["js", "mjs"]`). */
     extensions?: readonly string[];
+    /** Pre-loaded language support. When provided, this is used directly instead of auto-loading. */
+    support?: CodeBlockLanguageSupport;
 }
 
 /**
@@ -548,6 +550,14 @@ export declare interface CodeBlockLanguage {
  */
 export declare const codeBlockLanguages$: NodeRef<NormalizedCodeBlockLanguages>;
 
+/**
+ * Compatible with CodeMirror `LanguageSupport` objects without exposing that package in the public API.
+ * @group CodeMirror
+ */
+export declare interface CodeBlockLanguageSupport {
+    extension: Extension_2;
+}
+
 /**
  * A lexical node that represents a fenced code block. Use {@link "$createCodeBlockNode"} to construct one.
  * @group Code Block
@@ -2535,6 +2545,8 @@ export declare interface NormalizedCodeBlockLanguages {
     }[];
     /** Maps any known key (canonical, alias, extension) to the canonical key. */
     keyMap: Record<string, string>;
+    /** Maps canonical keys to pre-loaded language support, when provided. */
+    supportMap: Partial<Record<string, CodeBlockLanguageSupport>>;
 }
 
 /**

package/dist/plugins/codemirror/CodeMirrorEditor.js

@@ -57,16 +57,22 @@ const CodeMirrorEditor = ({ language, nodeKey, code, focusEmitter }) => {
       if (readOnly) {
         extensions.push(EditorState.readOnly.of(true));
       }
-      if (language !== "" && autoLoadLanguageSupport) {
-        const languageData = languages.find((l) => {
-          return l.name === language || l.alias.includes(language) || l.extensions.includes(language);
-        });
-        if (languageData) {
-          try {
-            const languageSupport = await languageData.load();
-            extensions.push(languageSupport.extension);
-          } catch (_e) {
-            console.warn("failed to load language support for", language);
+      if (language !== "") {
+        const canonical = codeBlockLanguages.keyMap[language] ?? language;
+        const providedSupport = codeBlockLanguages.supportMap[canonical];
+        if (providedSupport) {
+          extensions.push(providedSupport.extension);
+        } else if (autoLoadLanguageSupport) {
+          const languageData = languages.find((l) => {
+            return l.name === language || l.alias.includes(language) || l.extensions.includes(language);
+          });
+          if (languageData) {
+            try {
+              const languageSupport = await languageData.load();
+              extensions.push(languageSupport.extension);
+            } catch (_e) {
+              console.warn("failed to load language support for", language);
+            }
           }
         }
       }

package/dist/plugins/codemirror/index.js

@@ -7,6 +7,7 @@ function normalizeCodeBlockLanguages(input) {
   var _a;
   const items = [];
   const keyMap = {};
+  const supportMap = {};
   if (Array.isArray(input)) {
     for (const lang of input) {
       const canonical = ((_a = lang.alias) == null ? void 0 : _a[0]) ?? lang.name.toLowerCase();
@@ -23,6 +24,9 @@ function normalizeCodeBlockLanguages(input) {
         }
       }
       keyMap[lang.name.toLowerCase()] = canonical;
+      if (lang.support) {
+        supportMap[canonical] = lang.support;
+      }
     }
   } else {
     const firstKeyByLabel = {};
@@ -34,7 +38,7 @@ function normalizeCodeBlockLanguages(input) {
       keyMap[key] = firstKeyByLabel[label] || EMPTY_VALUE;
     }
   }
-  return { items, keyMap };
+  return { items, keyMap, supportMap };
 }
 const codeBlockLanguages$ = Cell(
   normalizeCodeBlockLanguages({

package/dist/plugins/core/MdastParagraphVisitor.js

@@ -1,5 +1,5 @@
 import { $createParagraphNode } from "lexical";
-const lexicalTypesThatShouldSkipParagraphs = ["listitem", "quote", "admonition"];
+const lexicalTypesThatShouldSkipParagraphs = ["listitem", "admonition"];
 const MdastParagraphVisitor = {
   testNode: "paragraph",
   visitNode: function({ mdastNode, lexicalParent, actions }) {

package/dist/plugins/quote/LexicalQuoteVisitor.js

@@ -1,10 +1,8 @@
 import { $isQuoteNode } from "@lexical/rich-text";
 const LexicalQuoteVisitor = {
   testLexicalNode: $isQuoteNode,
-  visitLexicalNode: ({ lexicalNode, mdastParent, actions }) => {
-    const paragraph = { type: "paragraph", children: [] };
-    actions.appendToParent(mdastParent, { type: "blockquote", children: [paragraph] });
-    actions.visitChildren(lexicalNode, paragraph);
+  visitLexicalNode: ({ actions }) => {
+    actions.addAndStepInto("blockquote");
   }
 };
 export {

package/dist/plugins/toolbar/components/InsertImage.js

@@ -12,6 +12,7 @@ const InsertImage = React__default.forwardRef((_, forwardedRef) => {
   return /* @__PURE__ */ React__default.createElement(
     RadixToolbar.Button,
     {
+      "aria-label": t("toolbar.image", "Insert image"),
       className: styles.toolbarButton,
       ref: forwardedRef,
       disabled: readOnly,

package/dist/plugins/toolbar/primitives/DialogButton.js

@@ -3,7 +3,7 @@ import * as RadixToolbar from "@radix-ui/react-toolbar";
 import React__default from "react";
 import classNames from "classnames";
 import { useCombobox } from "downshift";
-import { editorRootElementRef$, readOnly$, iconComponentFor$ } from "../../core/index.js";
+import { editorRootElementRef$, readOnly$, iconComponentFor$, useTranslation } from "../../core/index.js";
 import styles from "../../../styles/ui.module.css.js";
 import { TooltipWrap } from "./TooltipWrap.js";
 import { useCellValues, useCellValue } from "@mdxeditor/gurx";
@@ -18,7 +18,7 @@ const DialogButton = React__default.forwardRef(({ autocompleteSuggestions = [],
     },
     [onSubmit]
   );
-  return /* @__PURE__ */ React__default.createElement(Dialog.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React__default.createElement(Dialog.Trigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(RadixToolbar.Button, { className: styles.toolbarButton, ref: forwardedRef, disabled: readOnly }, /* @__PURE__ */ React__default.createElement(TooltipWrap, { title: tooltipTitle }, buttonContent))), /* @__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.dialogContent }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(Dialog.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React__default.createElement(Dialog.Trigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(RadixToolbar.Button, { "aria-label": tooltipTitle, className: styles.toolbarButton, ref: forwardedRef, disabled: readOnly }, /* @__PURE__ */ React__default.createElement(TooltipWrap, { title: tooltipTitle }, buttonContent))), /* @__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.dialogContent }, /* @__PURE__ */ React__default.createElement(
     DialogForm,
     {
       submitButtonTitle,
@@ -31,6 +31,7 @@ const DialogButton = React__default.forwardRef(({ autocompleteSuggestions = [],
 const DialogForm = ({ autocompleteSuggestions, onSubmitCallback, dialogInputPlaceholder, submitButtonTitle }) => {
   const [items, setItems] = React__default.useState(autocompleteSuggestions.slice(0, MAX_SUGGESTIONS));
   const iconComponentFor = useCellValue(iconComponentFor$);
+  const t = useTranslation();
   const enableAutoComplete = autocompleteSuggestions.length > 0;
   const { isOpen, getToggleButtonProps, getMenuProps, getInputProps, highlightedIndex, getItemProps, selectedItem } = useCombobox({
     initialInputValue: "",
@@ -106,7 +107,7 @@ const DialogForm = ({ autocompleteSuggestions, onSubmitCallback, dialogInputPlac
       className: classNames(styles.actionButton, styles.primaryActionButton)
     },
     iconComponentFor("check")
-  ), /* @__PURE__ */ React__default.createElement(Dialog.Close, { className: styles.actionButton }, iconComponentFor("close")));
+  ), /* @__PURE__ */ React__default.createElement(Dialog.Close, { "aria-label": t("dialog.close", "Close dialog"), className: styles.actionButton }, iconComponentFor("close")));
 };
 export {
   DialogButton

package/dist/plugins/toolbar/primitives/select.js

@@ -47,7 +47,7 @@ const SelectButtonTrigger = ({
   className
 }) => {
   const [readOnly, iconComponentFor] = useCellValues(readOnly$, iconComponentFor$);
-  return /* @__PURE__ */ React__default.createElement(TooltipWrap, { title }, /* @__PURE__ */ React__default.createElement(RadixSelect.Trigger, { className: classNames(styles.toolbarButtonSelectTrigger, className), disabled: readOnly }, children, /* @__PURE__ */ React__default.createElement(RadixSelect.Icon, { className: styles.selectDropdownArrow }, iconComponentFor("arrow_drop_down"))));
+  return /* @__PURE__ */ React__default.createElement(TooltipWrap, { title }, /* @__PURE__ */ React__default.createElement(RadixSelect.Trigger, { "aria-label": title, className: classNames(styles.toolbarButtonSelectTrigger, className), disabled: readOnly }, children, /* @__PURE__ */ React__default.createElement(RadixSelect.Icon, { className: styles.selectDropdownArrow }, iconComponentFor("arrow_drop_down"))));
 };
 const Select = (props) => {
   return /* @__PURE__ */ React__default.createElement(RadixSelect.Root, { value: props.value || "", onValueChange: props.onChange, disabled: props.disabled }, /* @__PURE__ */ React__default.createElement(SelectTrigger, { title: props.triggerTitle, placeholder: props.placeholder }), /* @__PURE__ */ React__default.createElement(SelectContent, null, props.items.map((item, index) => {

package/dist/plugins/toolbar/primitives/toolbar.js

@@ -15,7 +15,7 @@ function decorateWithRef(Component, decoratedProps) {
 }
 function addTooltipToChildren(Component) {
   return ({ title, children, ...props }) => {
-    return /* @__PURE__ */ React__default.createElement(Component, { ...props }, /* @__PURE__ */ React__default.createElement(TooltipWrap, { title }, children));
+    return /* @__PURE__ */ React__default.createElement(Component, { "aria-label": title, ...props }, /* @__PURE__ */ React__default.createElement(TooltipWrap, { title }, children));
   };
 }
 const Root = ({ readOnly, children, className }) => {

package/package.json

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