@mdxeditor/editor 3.29.1 → 3.29.3

package/dist/index.d.ts

@@ -2522,6 +2522,12 @@ export declare interface SandpackConfig {
     presets: SandpackPreset[];
 }
 
+export declare const SandpackEditor: ({ nodeKey, code, focusEmitter, preset }: SandpackEditorProps) => default_2.JSX.Element;
+
+export declare interface SandpackEditorProps extends CodeBlockEditorProps {
+    preset: SandpackPreset;
+}
+
 /**
  * A plugin that adds support for sandpack code blocks in the editor.
  * @group Sandpack

package/dist/index.js

@@ -17,6 +17,7 @@ import { maxLengthPlugin } from "./plugins/maxlength/index.js";
 import { insertJsx$, isMdastJsxNode, jsxPlugin } from "./plugins/jsx/index.js";
 import { GenericJsxEditor } from "./jsx-editors/GenericJsxEditor.js";
 import { insertSandpack$, sandpackConfig$, sandpackPlugin } from "./plugins/sandpack/index.js";
+import { SandpackEditor } from "./plugins/sandpack/SandpackEditor.js";
 import { codeBlockLanguages$, codeMirrorAutoLoadLanguageSupport$, codeMirrorExtensions$, codeMirrorPlugin, insertCodeMirror$ } from "./plugins/codemirror/index.js";
 import { COMMON_STATE_CONFIG_EXTENSIONS, CodeMirrorEditor } from "./plugins/codemirror/CodeMirrorEditor.js";
 import { appendCodeBlockEditorDescriptor$, codeBlockPlugin, defaultCodeBlockLanguage$, insertCodeBlock$ } from "./plugins/codeblock/index.js";
@@ -138,6 +139,7 @@ export {
   PropertyPopover,
   RealmWithPlugins,
   Root,
+  SandpackEditor,
   Select,
   SelectButtonTrigger,
   SelectContent,

package/dist/plugins/image/ImageDialog.js

@@ -21,10 +21,12 @@ const ImageDialog = () => {
     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     values: state.type === "editing" ? state.initialValues : {}
   });
+  if (state.type === "inactive")
+    return null;
   return /* @__PURE__ */ React__default.createElement(
     Dialog.Root,
     {
-      open: state.type !== "inactive",
+      open: true,
       onOpenChange: (open) => {
         if (!open) {
           closeImageDialog();

package/dist/plugins/link/AutoLinkPlugin.js

@@ -1,6 +1,6 @@
 import { createLinkMatcherWithRegExp, AutoLinkPlugin } from "@lexical/react/LexicalAutoLinkPlugin";
 import React__default from "react";
-const URL_REGEX = /(?:(?:https?|ftp):\/\/)?(?:[\w-]+(?::[\w-]+)?@)?(?:(?:[\w-]+(?:\.[\w-]+)*(?:\.[a-zA-Z]{2,}))|(?:(?:[0-9]{1,3}\.){3}[0-9]{1,3}))(?::[0-9]{1,5})?(?:\/[^\s]*)?/;
+const URL_REGEX = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
 const EMAIL_REGEX = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/;
 const MATCHERS = [
   createLinkMatcherWithRegExp(URL_REGEX, (text) => {

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

@@ -102,18 +102,20 @@ const LinkDialog = () => {
   }, [activeEditor, publishWindowChange]);
   const [copyUrlTooltipOpen, setCopyUrlTooltipOpen] = React__default.useState(false);
   const t = useTranslation();
+  if (linkDialogState.type === "inactive")
+    return null;
   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(
+  return /* @__PURE__ */ React__default.createElement(RadixPopover.Root, { open: true }, /* @__PURE__ */ React__default.createElement(
     RadixPopover.Anchor,
     {
       "data-visible": linkDialogState.type === "edit",
       className: styles.linkDialogAnchor,
       style: {
-        top: `${(theRect == null ? void 0 : theRect.top) ?? 0}px`,
-        left: `${(theRect == null ? void 0 : theRect.left) ?? 0}px`,
-        width: `${(theRect == null ? void 0 : theRect.width) ?? 0}px`,
-        height: `${(theRect == null ? void 0 : theRect.height) ?? 0}px`
+        top: `${theRect.top}px`,
+        left: `${theRect.left}px`,
+        width: `${theRect.width}px`,
+        height: `${theRect.height}px`
       }
     }
   ), /* @__PURE__ */ React__default.createElement(RadixPopover.Portal, { container: editorRootElementRef == null ? void 0 : editorRootElementRef.current }, /* @__PURE__ */ React__default.createElement(

package/package.json

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