@mdxeditor/editor 0.12.0 → 0.14.0

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

@@ -107,6 +107,7 @@ export declare const jsxSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<React.ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<React.ComponentType<{}>[]>;
     addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -156,6 +157,7 @@ export declare const jsxSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<React.ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<React.ComponentType<{}>[]>;
     addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -219,6 +221,7 @@ jsxPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<React.ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<React.ComponentType<{}>[]>;
     addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -268,6 +271,7 @@ jsxPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<React.ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<React.ComponentType<{}>[]>;
     addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -324,6 +328,7 @@ jsxPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<React.ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<React.ComponentType<{}>[]>;
         addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -345,7 +350,7 @@ jsxPluginHooks: {
         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" | "insertJsx">(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" | "insertJsx">(key: K, callback: (value: ValueForKey<{
         insertJsx: RealmNode<InsertJsxPayload>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -376,6 +381,7 @@ jsxPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<React.ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<React.ComponentType<{}>[]>;
         addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -428,6 +434,7 @@ jsxPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<React.ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<React.ComponentType<{}>[]>;
         addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -479,6 +486,7 @@ jsxPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<React.ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<React.ComponentType<{}>[]>;
         addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -531,6 +539,7 @@ jsxPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<React.ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<React.ComponentType<{}>[]>;
         addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -552,7 +561,7 @@ jsxPluginHooks: {
         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" | "insertJsx">(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" | "insertJsx">(key: K_2) => (value: ValueForKey<{
         insertJsx: RealmNode<InsertJsxPayload>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -583,6 +592,7 @@ jsxPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<React.ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<React.ComponentType<{}>[]>;
         addComposerChild: RealmNode<React.ComponentType<{}>>;

package/dist/plugins/link/AutoLinkPlugin.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { FC } from 'react';
+export declare const LexicalAutoLinkPlugin: FC;

package/dist/plugins/link/AutoLinkPlugin.js

@@ -0,0 +1,18 @@
+import { createLinkMatcherWithRegExp, AutoLinkPlugin } from "@lexical/react/LexicalAutoLinkPlugin.js";
+import React__default from "react";
+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) => {
+    return text.startsWith("http") ? text : `https://${text}`;
+  }),
+  createLinkMatcherWithRegExp(EMAIL_REGEX, (text) => {
+    return `mailto:${text}`;
+  })
+];
+const LexicalAutoLinkPlugin = () => {
+  return /* @__PURE__ */ React__default.createElement(AutoLinkPlugin, { matchers: MATCHERS });
+};
+export {
+  LexicalAutoLinkPlugin
+};

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

@@ -10,7 +10,22 @@ import type { HistoryState } from '@lexical/history';
 import type { LexicalEditor, RangeSelection, Klass, LexicalNode, TextFormatType, ElementNode, DecoratorNode } from 'lexical';
 import type { PluginConstructor, SystemSpec, Realm, RealmNode } from '../../gurx';
 import React from 'react';
-import { LinkPlugin as LexicalLinkPlugin } from '@lexical/react/LexicalLinkPlugin';
+import { LinkPlugin as LexicalLinkPlugin } from '@lexical/react/LexicalLinkPlugin.js';
+/**
+ * The parameters used to configure the link plugin
+ */
+interface LinkPluginParams {
+    /**
+     * An optional function to validate the URL of a link.
+     * By default, no validation is performed.
+     */
+    validateUrl?: React.ComponentProps<typeof LexicalLinkPlugin>['validateUrl'];
+    /**
+     * Whether to disable the auto-linking of URLs and email addresses.
+     * @default false
+     */
+    disableAutoLink?: boolean;
+}
 /**
  * @internal
  */
@@ -43,6 +58,7 @@ export declare const linkPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<React.ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<React.ComponentType<{}>[]>;
     addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -63,6 +79,7 @@ export declare const linkPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
-}>], (_: Realm) => {}>, {
-    validateUrl: React.ComponentProps<typeof LexicalLinkPlugin>['validateUrl'];
-}>;
+}>], (r: Realm) => {
+    disableAutoLink: RealmNode<boolean>;
+}>, LinkPluginParams>;
+export {};

package/dist/plugins/link/index.js

@@ -2,19 +2,30 @@ import React__default from "react";
 import { coreSystem } from "../core/index.js";
 import { MdastLinkVisitor } from "./MdastLinkVisitor.js";
 import { LexicalLinkVisitor } from "./LexicalLinkVisitor.js";
-import { LinkNode } from "@lexical/link";
-import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
-import { realmPlugin } from "../../gurx/react.js";
+import { LinkNode, AutoLinkNode } from "@lexical/link";
+import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin.js";
+import { LexicalAutoLinkPlugin } from "./AutoLinkPlugin.js";
 import { system } from "../../gurx/realmFactory.js";
+import { realmPlugin } from "../../gurx/react.js";
+const linkSystem = system(
+  (r) => {
+    const disableAutoLink = r.node(false);
+    return { disableAutoLink };
+  },
+  [coreSystem]
+);
 const [linkPlugin] = realmPlugin({
   id: "link",
-  systemSpec: system((_) => ({}), [coreSystem]),
+  systemSpec: linkSystem,
   init: (realm, params) => {
+    const disableAutoLink = Boolean(params == null ? void 0 : params.disableAutoLink);
     realm.pubKey("addImportVisitor", MdastLinkVisitor);
     realm.pubKey("addLexicalNode", LinkNode);
+    realm.pubKey("addLexicalNode", AutoLinkNode);
     realm.pubKey("addExportVisitor", LexicalLinkVisitor);
+    realm.pubKey("disableAutoLink", disableAutoLink);
     const linkPluginProps = (params == null ? void 0 : params.validateUrl) ? { validateUrl: params.validateUrl } : {};
-    realm.pubKey("addComposerChild", () => /* @__PURE__ */ React__default.createElement(LinkPlugin, { ...linkPluginProps }));
+    realm.pubKey("addComposerChild", () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(LinkPlugin, { ...linkPluginProps }), disableAutoLink ? null : /* @__PURE__ */ React__default.createElement(LexicalAutoLinkPlugin, null)));
   }
 });
 export {

package/dist/plugins/link-dialog/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';
@@ -61,6 +61,7 @@ linkDialogPlugin: 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<{}>>;
@@ -110,6 +111,7 @@ linkDialogPlugin: 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<{}>>;
@@ -186,6 +188,7 @@ linkDialogPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -207,7 +210,7 @@ linkDialogPluginHooks: {
         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" | "dialogState" | "onWindowChange" | "linkDialogState" | "updateLinkUrl" | "switchFromPreviewToLinkEdit" | "cancelLinkEdit" | "removeLink" | "openLinkEditDialog" | "applyLinkChanges" | "linkAutocompleteSuggestions">(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" | "dialogState" | "onWindowChange" | "linkDialogState" | "updateLinkUrl" | "switchFromPreviewToLinkEdit" | "cancelLinkEdit" | "removeLink" | "openLinkEditDialog" | "applyLinkChanges" | "linkAutocompleteSuggestions">(key: K, callback: (value: ValueForKey<{
         dialogState: RealmNode<boolean>;
         onWindowChange: RealmNode<true>;
         linkDialogState: RealmNode<InactiveLinkDialog | PreviewLinkDialog | EditLinkDialog>;
@@ -247,6 +250,7 @@ linkDialogPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -308,6 +312,7 @@ linkDialogPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -368,6 +373,7 @@ linkDialogPluginHooks: {
         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 @@ linkDialogPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -450,7 +457,7 @@ linkDialogPluginHooks: {
         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" | "dialogState" | "onWindowChange" | "linkDialogState" | "updateLinkUrl" | "switchFromPreviewToLinkEdit" | "cancelLinkEdit" | "removeLink" | "openLinkEditDialog" | "applyLinkChanges" | "linkAutocompleteSuggestions">(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" | "dialogState" | "onWindowChange" | "linkDialogState" | "updateLinkUrl" | "switchFromPreviewToLinkEdit" | "cancelLinkEdit" | "removeLink" | "openLinkEditDialog" | "applyLinkChanges" | "linkAutocompleteSuggestions">(key: K_2) => (value: ValueForKey<{
         dialogState: RealmNode<boolean>;
         onWindowChange: RealmNode<true>;
         linkDialogState: RealmNode<InactiveLinkDialog | PreviewLinkDialog | EditLinkDialog>;
@@ -490,6 +497,7 @@ linkDialogPluginHooks: {
         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/link-dialog/index.js

@@ -84,6 +84,7 @@ const linkDialogSystem = system(
         (event) => {
           if (event.key === "k" && (IS_APPLE ? event.metaKey : event.ctrlKey)) {
             r.pub(openLinkEditDialog, true);
+            event.stopPropagation();
             return true;
           }
           return false;

package/dist/plugins/lists/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 listsSystem: 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 +93,7 @@ export declare const listsSystem: 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<{}>>;
@@ -147,6 +149,7 @@ listsPlugin: 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<{}>>;
@@ -196,6 +199,7 @@ listsPlugin: 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<{}>>;
@@ -254,6 +258,7 @@ listsPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -275,7 +280,7 @@ listsPluginHooks: {
         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" | "currentListType" | "applyListType">(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" | "currentListType" | "applyListType">(key: K, callback: (value: ValueForKey<{
         currentListType: RealmNode<"" | ListType>;
         applyListType: RealmNode<"" | ListType>;
     } & {
@@ -307,6 +312,7 @@ listsPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -360,6 +366,7 @@ listsPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -412,6 +419,7 @@ listsPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -465,6 +473,7 @@ listsPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -486,7 +495,7 @@ listsPluginHooks: {
         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" | "currentListType" | "applyListType">(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" | "currentListType" | "applyListType">(key: K_2) => (value: ValueForKey<{
         currentListType: RealmNode<"" | ListType>;
         applyListType: RealmNode<"" | ListType>;
     } & {
@@ -518,6 +527,7 @@ listsPluginHooks: {
         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/lists/index.js

@@ -5,8 +5,8 @@ import { LexicalListVisitor } from "./LexicalListVisitor.js";
 import { LexicalListItemVisitor } from "./LexicalListItemVisitor.js";
 import { $isListNode, ListNode, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND, ListItemNode, $getListDepth, $isListItemNode } from "@lexical/list";
 import { $isRootOrShadowRoot, INDENT_CONTENT_COMMAND, COMMAND_PRIORITY_CRITICAL, $getSelection, $isRangeSelection, $isElementNode } from "lexical";
-import { TabIndentationPlugin } from "@lexical/react/LexicalTabIndentationPlugin";
-import { ListPlugin } from "@lexical/react/LexicalListPlugin";
+import { TabIndentationPlugin } from "@lexical/react/LexicalTabIndentationPlugin.js";
+import { ListPlugin } from "@lexical/react/LexicalListPlugin.js";
 import { $findMatchingParent, $getNearestNodeOfType } from "@lexical/utils";
 import { system } from "../../gurx/realmFactory.js";
 import { realmPlugin } from "../../gurx/react.js";

package/dist/plugins/markdown-shortcut/index.d.ts

@@ -40,6 +40,7 @@ export declare const markdownShortcutPlugin: PluginConstructor<SystemSpec<[Syste
     markdown: RealmNode<string>;
     editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
+    placeholder: RealmNode<React.ReactNode>;
     autoFocus: RealmNode<boolean>;
     composerChildren: RealmNode<React.ComponentType<{}>[]>;
     addComposerChild: RealmNode<React.ComponentType<{}>>;

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

@@ -1,34 +1,58 @@
-import { CODE, TRANSFORMERS } from "@lexical/markdown";
-import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
+import { HEADING, QUOTE, LINK, ORDERED_LIST, UNORDERED_LIST, CODE, BOLD_ITALIC_STAR, BOLD_ITALIC_UNDERSCORE, BOLD_STAR, BOLD_UNDERSCORE, INLINE_CODE, ITALIC_STAR, ITALIC_UNDERSCORE } from "@lexical/markdown";
+import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin.js";
 import React__default from "react";
 import { CodeBlockNode, $createCodeBlockNode } from "../codeblock/CodeBlockNode.js";
 import { coreSystem } from "../core/index.js";
 import { realmPlugin } from "../../gurx/react.js";
 import { system } from "../../gurx/realmFactory.js";
-function patchMarkdownTransformers(transformers) {
-  const transformersCopy = [...transformers];
-  const codeTransformer = transformersCopy.find((t) => t === CODE);
-  const codeTransformerCopy = {
-    ...codeTransformer,
-    dependencies: [CodeBlockNode],
-    replace: (parentNode, _children, match) => {
-      const codeBlockNode = $createCodeBlockNode({ code: "", language: match ? match[1] : "", meta: "" });
-      parentNode.replace(codeBlockNode);
-      setTimeout(() => codeBlockNode.select(), 80);
-    }
-  };
-  transformersCopy.splice(transformersCopy.indexOf(codeTransformer), 1, codeTransformerCopy);
-  return transformersCopy;
-}
 const [markdownShortcutPlugin] = realmPlugin({
   id: "markdown-shortcut",
-  dependencies: ["lists", "headings", "codeblock", "quote"],
+  dependencies: [],
   systemSpec: system((_) => ({}), [coreSystem]),
-  init: (realm) => {
-    realm.pubKey("addComposerChild", () => /* @__PURE__ */ React__default.createElement(MarkdownShortcutPlugin, { transformers: patchMarkdownTransformers(TRANSFORMERS) }));
-    realm.pubKey("addNestedEditorChild", () => /* @__PURE__ */ React__default.createElement(MarkdownShortcutPlugin, { transformers: patchMarkdownTransformers(TRANSFORMERS) }));
+  init: (realm, _, pluginIds) => {
+    const transformers = pickTransformersForActivePlugins(pluginIds);
+    realm.pubKey("addComposerChild", () => /* @__PURE__ */ React__default.createElement(MarkdownShortcutPlugin, { transformers }));
+    realm.pubKey("addNestedEditorChild", () => /* @__PURE__ */ React__default.createElement(MarkdownShortcutPlugin, { transformers }));
   }
 });
+function pickTransformersForActivePlugins(pluginIds) {
+  const transformers = [
+    BOLD_ITALIC_STAR,
+    BOLD_ITALIC_UNDERSCORE,
+    BOLD_STAR,
+    BOLD_UNDERSCORE,
+    INLINE_CODE,
+    ITALIC_STAR,
+    ITALIC_UNDERSCORE
+    // HIGHLIGHT,
+    // STRIKETHROUGH
+  ];
+  if (pluginIds.includes("headings")) {
+    transformers.push(HEADING);
+  }
+  if (pluginIds.includes("quote")) {
+    transformers.push(QUOTE);
+  }
+  if (pluginIds.includes("link")) {
+    transformers.push(LINK);
+  }
+  if (pluginIds.includes("lists")) {
+    transformers.push(ORDERED_LIST, UNORDERED_LIST);
+  }
+  if (pluginIds.includes("codeblock")) {
+    const codeTransformerCopy = {
+      ...CODE,
+      dependencies: [CodeBlockNode],
+      replace: (parentNode, _children, match) => {
+        const codeBlockNode = $createCodeBlockNode({ code: "", language: match ? match[1] : "", meta: "" });
+        parentNode.replace(codeBlockNode);
+        setTimeout(() => codeBlockNode.select(), 80);
+      }
+    };
+    transformers.push(codeTransformerCopy);
+  }
+  return transformers;
+}
 export {
   markdownShortcutPlugin
 };

package/dist/plugins/quote/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';
@@ -42,6 +42,7 @@ quotePlugin: 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<{}>>;
@@ -94,6 +95,7 @@ quotePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -115,7 +117,7 @@ quotePluginHooks: {
         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">(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">(key: K, callback: (value: ValueForKey<{
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
         historyState: RealmNode<HistoryState>;
@@ -144,6 +146,7 @@ quotePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -194,6 +197,7 @@ quotePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -243,6 +247,7 @@ quotePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -293,6 +298,7 @@ quotePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
@@ -314,7 +320,7 @@ quotePluginHooks: {
         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">(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">(key: K_2) => (value: ValueForKey<{
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
         historyState: RealmNode<HistoryState>;
@@ -343,6 +349,7 @@ quotePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;