@mdxeditor/editor 0.12.0 → 0.14.0

package/dist/plugins/directives/index.d.ts

@@ -1,4 +1,4 @@
-import type { RefObject, ComponentType, ReactNode } from 'react';
+import type { RefObject, ReactNode, ComponentType } from 'react';
 import type { Options } from 'mdast-util-to-markdown';
 import type { Config } from 'mdast-util-from-markdown/lib';
 import type { Extension } from 'micromark-util-types';
@@ -100,6 +100,7 @@ export declare const directivesSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
@@ -149,6 +150,7 @@ export declare const directivesSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
@@ -216,6 +218,7 @@ directivesPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
@@ -265,6 +268,7 @@ directivesPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
@@ -323,6 +327,7 @@ directivesPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -344,7 +349,7 @@ directivesPluginHooks: {
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     }>;
-    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "directiveDescriptors" | "insertDirective">(key: K, callback: (value: ValueForKey<{
+    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "directiveDescriptors" | "insertDirective">(key: K, callback: (value: ValueForKey<{
         directiveDescriptors: RealmNode<DirectiveDescriptor<any>[]>;
         insertDirective: RealmNode<InsertDirectivePayload>;
     } & {
@@ -376,6 +381,7 @@ directivesPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -429,6 +435,7 @@ directivesPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -481,6 +488,7 @@ directivesPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -534,6 +542,7 @@ directivesPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -555,7 +564,7 @@ directivesPluginHooks: {
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     }>) => void;
-    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "directiveDescriptors" | "insertDirective">(key: K_2) => (value: ValueForKey<{
+    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "directiveDescriptors" | "insertDirective">(key: K_2) => (value: ValueForKey<{
         directiveDescriptors: RealmNode<DirectiveDescriptor<any>[]>;
         insertDirective: RealmNode<InsertDirectivePayload>;
     } & {
@@ -587,6 +596,7 @@ directivesPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;

package/dist/plugins/frontmatter/index.d.ts

@@ -1,4 +1,4 @@
-import type { RefObject, ComponentType, ReactNode } from 'react';
+import type { RefObject, ReactNode, ComponentType } from 'react';
 import type { Options } from 'mdast-util-to-markdown';
 import type { Config } from 'mdast-util-from-markdown/lib';
 import type { Extension } from 'micromark-util-types';
@@ -41,6 +41,7 @@ export declare const frontmatterSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
@@ -90,6 +91,7 @@ export declare const frontmatterSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
@@ -144,6 +146,7 @@ frontmatterPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
@@ -193,6 +196,7 @@ frontmatterPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
@@ -249,6 +253,7 @@ frontmatterPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -270,7 +275,7 @@ frontmatterPluginHooks: {
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     }>;
-    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertFrontmatter">(key: K, callback: (value: ValueForKey<{
+    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertFrontmatter">(key: K, callback: (value: ValueForKey<{
         insertFrontmatter: RealmNode<true>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -301,6 +306,7 @@ frontmatterPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -353,6 +359,7 @@ frontmatterPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -404,6 +411,7 @@ frontmatterPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -456,6 +464,7 @@ frontmatterPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -477,7 +486,7 @@ frontmatterPluginHooks: {
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     }>) => void;
-    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertFrontmatter">(key: K_2) => (value: ValueForKey<{
+    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertFrontmatter">(key: K_2) => (value: ValueForKey<{
         insertFrontmatter: RealmNode<true>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -508,6 +517,7 @@ frontmatterPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;

package/dist/plugins/headings/index.d.ts

@@ -1,4 +1,4 @@
-import type { RefObject, ComponentType, ReactNode } from 'react';
+import type { RefObject, ReactNode, ComponentType } from 'react';
 import type { Options } from 'mdast-util-to-markdown';
 import type { Config } from 'mdast-util-from-markdown/lib';
 import type { Extension } from 'micromark-util-types';
@@ -43,6 +43,7 @@ export declare const headingsSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
@@ -96,6 +97,7 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;

package/dist/plugins/image/ImageEditor.js

@@ -1,12 +1,13 @@
 import React__default from "react";
-import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext.js";
+import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection.js";
 import { mergeRegister } from "@lexical/utils";
 import { $isNodeSelection, $getSelection, $getNodeByKey, $setSelection, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_LOW, CLICK_COMMAND, DRAGSTART_COMMAND, KEY_DELETE_COMMAND, KEY_BACKSPACE_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND } from "lexical";
 import styles from "../../styles/ui.module.css.js";
 import classNames from "classnames";
 import { $isImageNode } from "./ImageNode.js";
 import ImageResizer from "./ImageResizer.js";
+import { imagePluginHooks } from "./index.js";
 const imageCache = /* @__PURE__ */ new Set();
 function useSuspenseImage(src) {
   if (!imageCache.has(src)) {
@@ -39,6 +40,7 @@ function ImageEditor({ src, title, nodeKey, width, height }) {
   const [selection, setSelection] = React__default.useState(null);
   const activeEditorRef = React__default.useRef(null);
   const [isResizing, setIsResizing] = React__default.useState(false);
+  const [disableImageResize] = imagePluginHooks.useEmitterValues("disableImageResize");
   const onDelete = React__default.useCallback(
     (payload) => {
       if (isSelected && $isNodeSelection($getSelection())) {
@@ -170,7 +172,7 @@ function ImageEditor({ src, title, nodeKey, width, height }) {
       title: title || "",
       imageRef
     }
-  )), draggable && isFocused && /* @__PURE__ */ React__default.createElement(ImageResizer, { editor, imageRef, onResizeStart, onResizeEnd })));
+  )), draggable && isFocused && !disableImageResize && /* @__PURE__ */ React__default.createElement(ImageResizer, { editor, imageRef, onResizeStart, onResizeEnd })));
 }
 export {
   ImageEditor

package/dist/plugins/image/index.d.ts

@@ -1,4 +1,4 @@
-import type { RefObject, ComponentType, ReactNode } from 'react';
+import type { RefObject, ReactNode, ComponentType } from 'react';
 import type { Options } from 'mdast-util-to-markdown';
 import type { Config } from 'mdast-util-from-markdown/lib';
 import type { Extension } from 'micromark-util-types';
@@ -13,6 +13,7 @@ import type { SystemSpec, Realm, RealmNode, PluginConstructor, TypedRealm, Value
 import type { RangeSelection, Klass, LexicalNode, TextFormatType, ElementNode, DecoratorNode, LexicalCommand,  LexicalEditor } from 'lexical';
 import { CreateImageNodeOptions } from './ImageNode';
 export * from './ImageNode';
+export type ImageUploadHandler = ((image: File) => Promise<string>) | null;
 /** @internal */
 export declare const imageSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     activeEditor: RealmNode<LexicalEditor | null>;
@@ -43,6 +44,7 @@ export declare const imageSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
@@ -92,6 +94,7 @@ export declare const imageSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
@@ -113,13 +116,15 @@ export declare const imageSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
 }]) => {
-    imageUploadHandler: RealmNode<(image: File) => Promise<string>>;
+    imageUploadHandler: RealmNode<ImageUploadHandler>;
     imageAutocompleteSuggestions: RealmNode<string[]>;
+    disableImageResize: RealmNode<boolean>;
     insertImage: RealmNode<string>;
 }>;
 interface ImagePluginParams {
-    imageUploadHandler: (image: File) => Promise<string>;
+    imageUploadHandler?: ImageUploadHandler;
     imageAutocompleteSuggestions?: string[];
+    disableImageResize?: boolean;
 }
 export declare const 
 /** @internal */
@@ -152,6 +157,7 @@ imagePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
@@ -201,6 +207,7 @@ imagePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
@@ -222,15 +229,17 @@ imagePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
 }]) => {
-    imageUploadHandler: RealmNode<(image: File) => Promise<string>>;
+    imageUploadHandler: RealmNode<ImageUploadHandler>;
     imageAutocompleteSuggestions: RealmNode<string[]>;
+    disableImageResize: RealmNode<boolean>;
     insertImage: RealmNode<string>;
 }>, ImagePluginParams>, 
 /** @internal */
 imagePluginHooks: {
     useRealmContext: () => TypedRealm<{
-        imageUploadHandler: RealmNode<(image: File) => Promise<string>>;
+        imageUploadHandler: RealmNode<ImageUploadHandler>;
         imageAutocompleteSuggestions: RealmNode<string[]>;
+        disableImageResize: RealmNode<boolean>;
         insertImage: RealmNode<string>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -261,6 +270,7 @@ imagePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -282,9 +292,10 @@ imagePluginHooks: {
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     }>;
-    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "imageUploadHandler" | "imageAutocompleteSuggestions" | "insertImage">(key: K, callback: (value: ValueForKey<{
-        imageUploadHandler: RealmNode<(image: File) => Promise<string>>;
+    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "imageUploadHandler" | "imageAutocompleteSuggestions" | "disableImageResize" | "insertImage">(key: K, callback: (value: ValueForKey<{
+        imageUploadHandler: RealmNode<ImageUploadHandler>;
         imageAutocompleteSuggestions: RealmNode<string[]>;
+        disableImageResize: RealmNode<boolean>;
         insertImage: RealmNode<string>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -315,6 +326,7 @@ imagePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -337,8 +349,9 @@ imagePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     }, K>) => void) => void;
     useEmitterValues: <K_1 extends SystemKeys<{
-        imageUploadHandler: RealmNode<(image: File) => Promise<string>>;
+        imageUploadHandler: RealmNode<ImageUploadHandler>;
         imageAutocompleteSuggestions: RealmNode<string[]>;
+        disableImageResize: RealmNode<boolean>;
         insertImage: RealmNode<string>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -369,6 +382,7 @@ imagePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -390,8 +404,9 @@ imagePluginHooks: {
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     }>>(...keys: K_1) => ValuesForKeys<{
-        imageUploadHandler: RealmNode<(image: File) => Promise<string>>;
+        imageUploadHandler: RealmNode<ImageUploadHandler>;
         imageAutocompleteSuggestions: RealmNode<string[]>;
+        disableImageResize: RealmNode<boolean>;
         insertImage: RealmNode<string>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -422,6 +437,7 @@ imagePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -444,8 +460,9 @@ imagePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     }, K_1>;
     usePubKeys: () => (values: SystemDict<{
-        imageUploadHandler: RealmNode<(image: File) => Promise<string>>;
+        imageUploadHandler: RealmNode<ImageUploadHandler>;
         imageAutocompleteSuggestions: RealmNode<string[]>;
+        disableImageResize: RealmNode<boolean>;
         insertImage: RealmNode<string>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -476,6 +493,7 @@ imagePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -497,9 +515,10 @@ imagePluginHooks: {
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     }>) => void;
-    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "imageUploadHandler" | "imageAutocompleteSuggestions" | "insertImage">(key: K_2) => (value: ValueForKey<{
-        imageUploadHandler: RealmNode<(image: File) => Promise<string>>;
+    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "imageUploadHandler" | "imageAutocompleteSuggestions" | "disableImageResize" | "insertImage">(key: K_2) => (value: ValueForKey<{
+        imageUploadHandler: RealmNode<ImageUploadHandler>;
         imageAutocompleteSuggestions: RealmNode<string[]>;
+        disableImageResize: RealmNode<boolean>;
         insertImage: RealmNode<string>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -530,6 +549,7 @@ imagePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;

package/dist/plugins/image/index.js

@@ -11,9 +11,8 @@ const imageSystem = system(
   (r, [{ rootEditor }]) => {
     const insertImage = r.node();
     const imageAutocompleteSuggestions = r.node([]);
-    const imageUploadHandler = r.node((_) => {
-      throw new Error("Image upload handling is not implemented");
-    });
+    const disableImageResize = r.node(false);
+    const imageUploadHandler = r.node(null);
     r.sub(r.pipe(insertImage, r.o.withLatestFrom(rootEditor)), ([src, theEditor]) => {
       theEditor == null ? void 0 : theEditor.update(() => {
         const imageNode = $createImageNode({ altText: "", src, title: "" });
@@ -36,6 +35,7 @@ const imageSystem = system(
         },
         COMMAND_PRIORITY_EDITOR
       );
+      const theUploadHandler = r.getValue(imageUploadHandler);
       editor == null ? void 0 : editor.registerCommand(
         DRAGSTART_COMMAND,
         (event) => {
@@ -57,6 +57,9 @@ const imageSystem = system(
         },
         COMMAND_PRIORITY_HIGH
       );
+      if (theUploadHandler === null) {
+        return;
+      }
       editor == null ? void 0 : editor.registerCommand(
         PASTE_COMMAND,
         (event) => {
@@ -82,16 +85,12 @@ const imageSystem = system(
     return {
       imageUploadHandler,
       imageAutocompleteSuggestions,
+      disableImageResize,
       insertImage
     };
   },
   [coreSystem]
 );
-const defaultParams = {
-  imageUploadHandler: () => {
-    throw new Error("Image upload handling is not implemented");
-  }
-};
 const [
   /** @internal */
   imagePlugin,
@@ -100,9 +99,10 @@ const [
 ] = realmPlugin({
   id: "image",
   systemSpec: imageSystem,
-  applyParamsToSystem: (realm, params = defaultParams) => {
-    realm.pubKey("imageUploadHandler", params.imageUploadHandler);
-    realm.pubKey("imageAutocompleteSuggestions", params.imageAutocompleteSuggestions || []);
+  applyParamsToSystem: (realm, params) => {
+    realm.pubKey("imageUploadHandler", (params == null ? void 0 : params.imageUploadHandler) || null);
+    realm.pubKey("imageAutocompleteSuggestions", (params == null ? void 0 : params.imageAutocompleteSuggestions) || []);
+    realm.pubKey("disableImageResize", Boolean(params == null ? void 0 : params.disableImageResize));
   },
   init: (realm) => {
     realm.pubKey("addImportVisitor", MdastImageVisitor);
@@ -164,18 +164,20 @@ function onDrop(event, editor, imageUploadHandler) {
   let cbPayload = Array.from(((_a = event.dataTransfer) == null ? void 0 : _a.items) || []);
   cbPayload = cbPayload.filter((i) => /image/.test(i.type));
   if (cbPayload.length > 0) {
-    event.preventDefault();
-    Promise.all(cbPayload.map((image) => imageUploadHandler(image.getAsFile()))).then((urls) => {
-      urls.forEach((url) => {
-        editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
-          src: url,
-          altText: ""
+    if (imageUploadHandler !== null) {
+      event.preventDefault();
+      Promise.all(cbPayload.map((image) => imageUploadHandler(image.getAsFile()))).then((urls) => {
+        urls.forEach((url) => {
+          editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
+            src: url,
+            altText: ""
+          });
         });
+      }).catch((e) => {
+        throw e;
       });
-    }).catch((e) => {
-      throw e;
-    });
-    return true;
+      return true;
+    }
   }
   const node = getImageNodeInSelection();
   if (!node) {