@mdxeditor/editor 0.11.1 → 0.13.0

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

@@ -1,5 +1,5 @@
 import type { CodeBlockEditorDescriptor, CreateCodeBlockNodeOptions } from '../codeblock';
-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,8 @@ export declare const codeMirrorSystem: 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -90,6 +92,8 @@ export declare const codeMirrorSystem: 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -138,6 +142,8 @@ export declare const codeMirrorSystem: 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -191,6 +197,8 @@ export declare const codeMirrorSystem: 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -253,6 +261,8 @@ codeMirrorPlugin: 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -301,6 +311,8 @@ codeMirrorPlugin: 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -349,6 +361,8 @@ codeMirrorPlugin: 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -402,6 +416,8 @@ codeMirrorPlugin: 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -472,6 +488,8 @@ codeMirrorHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -497,7 +515,7 @@ codeMirrorHooks: {
         appendCodeBlockEditorDescriptor: RealmNode<CodeBlockEditorDescriptor>;
         insertCodeBlock: RealmNode<Partial<CreateCodeBlockNodeOptions>>;
     }>;
-    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" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock" | "codeBlockLanguages" | "insertCodeMirror">(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" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock" | "codeBlockLanguages" | "insertCodeMirror">(key: K, callback: (value: ValueForKey<{
         codeBlockLanguages: RealmNode<Record<string, string>>;
         insertCodeMirror: RealmNode<{
             language: string;
@@ -532,6 +550,8 @@ codeMirrorHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -592,6 +612,8 @@ codeMirrorHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -651,6 +673,8 @@ codeMirrorHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -711,6 +735,8 @@ codeMirrorHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -736,7 +762,7 @@ codeMirrorHooks: {
         appendCodeBlockEditorDescriptor: RealmNode<CodeBlockEditorDescriptor>;
         insertCodeBlock: RealmNode<Partial<CreateCodeBlockNodeOptions>>;
     }>) => 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" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock" | "codeBlockLanguages" | "insertCodeMirror">(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" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock" | "codeBlockLanguages" | "insertCodeMirror">(key: K_2) => (value: ValueForKey<{
         codeBlockLanguages: RealmNode<Record<string, string>>;
         insertCodeMirror: RealmNode<{
             language: string;
@@ -771,6 +797,8 @@ codeMirrorHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;

package/dist/plugins/core/NestedLexicalEditor.d.ts

@@ -2,7 +2,7 @@ import { DecoratorNode, EditorConfig, LexicalEditor } from 'lexical';
 import * as Mdast from 'mdast';
 import type { Data, Node } from 'unist';
 import React from 'react';
-import { ContentEditable } from '@lexical/react/LexicalContentEditable';
+import { ContentEditable } from '@lexical/react/LexicalContentEditable.js';
 import { VoidEmitter } from '../../utils/voidEmitter';
 /**
  * The value of the {@link NestedEditorsContext} React context.

package/dist/plugins/core/NestedLexicalEditor.js

@@ -1,10 +1,10 @@
 import { $addUpdateTag, $getNodeByKey, createEditor, $getRoot, BLUR_COMMAND, COMMAND_PRIORITY_EDITOR, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_HIGH, KEY_BACKSPACE_COMMAND, COMMAND_PRIORITY_CRITICAL } from "lexical";
 import React__default from "react";
 import { corePluginHooks, NESTED_EDITOR_UPDATED_COMMAND } from "./index.js";
-import { ContentEditable } from "@lexical/react/LexicalContentEditable";
-import LexicalErrorBoundary from "@lexical/react/LexicalErrorBoundary";
-import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer";
-import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
+import { ContentEditable } from "@lexical/react/LexicalContentEditable.js";
+import LexicalErrorBoundary from "@lexical/react/LexicalErrorBoundary.js";
+import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer.js";
+import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin.js";
 import { lexicalTheme } from "../../styles/lexicalTheme.js";
 import { exportLexicalTreeToMdast } from "../../exportMarkdownFromLexical.js";
 import { importMdastTreeToLexical } from "../../importMarkdownToLexical.js";

package/dist/plugins/core/SharedHistoryPlugin.js

@@ -1,4 +1,4 @@
-import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
+import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin.js";
 import React__default from "react";
 import { corePluginHooks } from "./index.js";
 const SharedHistoryPlugin = () => {

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

@@ -2,7 +2,7 @@ import type { Options } from 'mdast-util-to-markdown/lib/types';
 import type { Config } from 'mdast-util-from-markdown/lib';
 import type { Extension } from 'micromark-util-types';
 import type { HistoryState } from '@lexical/history';
-import { InitialEditorStateType } from '@lexical/react/LexicalComposer';
+import { InitialEditorStateType } from '@lexical/react/LexicalComposer.js';
 import { HeadingTagType } from '@lexical/rich-text';
 import type { LexicalCommand, DecoratorNode,  ElementNode,  Klass,  LexicalEditor,  LexicalNode,  RangeSelection,  TextFormatType } from 'lexical';
 import * as Mdast from 'mdast';
@@ -11,13 +11,23 @@ import type { LexicalVisitor, LexicalConvertOptions } from '../../exportMarkdown
 import type { SystemSpec, Realm, PluginConstructor, TypedRealm, ValueForKey, SystemKeys, ValuesForKeys, SystemDict, RealmNode } from '../../gurx';
 import { MdastImportVisitor } from '../../importMarkdownToLexical';
 import type { JsxComponentDescriptor } from '../jsx';
+/** @internal */
 export type EditorSubscription = (activeEditor: LexicalEditor) => () => void;
+/** @internal */
 export type BlockType = 'paragraph' | 'quote' | HeadingTagType | '';
+/**
+ * The type of the editor being edited currently. Custom editors can override this, so that the toolbar can change contents.
+ */
 export interface EditorInFocus {
     editorType: string;
     rootNode: LexicalNode | null;
 }
+/** @internal */
 export declare const NESTED_EDITOR_UPDATED_COMMAND: LexicalCommand<void>;
+/**
+ * Add the the core system when creating systemf for your own plugins.
+ * This gives you access to the component core state and logic, like the visitors, the lexical nodes, and the publishers used to insert nodes in the editor.
+ */
 export declare const coreSystem: SystemSpec<[], (r: Realm) => {
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
@@ -47,6 +57,8 @@ export declare const coreSystem: 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<{}>>;
     topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -70,6 +82,8 @@ export declare const coreSystem: SystemSpec<[], (r: Realm) => {
 interface CorePluginParams {
     initialMarkdown: string;
     contentEditableClassName: string;
+    placeholder?: React.ReactNode;
+    autoFocus: boolean;
     onChange: (markdown: string) => void;
     toMarkdownOptions: NonNullable<LexicalConvertOptions['toMarkdownOptions']>;
 }
@@ -104,6 +118,8 @@ corePlugin: PluginConstructor<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<{}>>;
     topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -155,6 +171,8 @@ corePluginHooks: {
         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<{}>>;
         topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -175,7 +193,7 @@ corePluginHooks: {
         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" | "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>;
@@ -204,6 +222,8 @@ corePluginHooks: {
         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<{}>>;
         topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -253,6 +273,8 @@ corePluginHooks: {
         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<{}>>;
         topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -301,6 +323,8 @@ corePluginHooks: {
         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<{}>>;
         topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -350,6 +374,8 @@ corePluginHooks: {
         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<{}>>;
         topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -370,7 +396,7 @@ corePluginHooks: {
         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" | "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>;
@@ -399,6 +425,8 @@ corePluginHooks: {
         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<{}>>;
         topAreaChildren: RealmNode<React.ComponentType<{}>[]>;

package/dist/plugins/core/index.js

@@ -1,4 +1,4 @@
-import { createEmptyHistoryState } from "@lexical/react/LexicalHistoryPlugin";
+import { createEmptyHistoryState } from "@lexical/react/LexicalHistoryPlugin.js";
 import { $isHeadingNode } from "@lexical/rich-text";
 import { $setBlocksType } from "@lexical/selection";
 import { $findMatchingParent, $wrapNodeInElement, $insertNodeToNearestRoot } from "@lexical/utils";
@@ -15,6 +15,7 @@ import { MdastParagraphVisitor } from "./MdastParagraphVisitor.js";
 import { MdastRootVisitor } from "./MdastRootVisitor.js";
 import { MdastTextVisitor } from "./MdastTextVisitor.js";
 import { SharedHistoryPlugin } from "./SharedHistoryPlugin.js";
+import { noop } from "../../utils/fp.js";
 import { system } from "../../gurx/realmFactory.js";
 import { realmPlugin } from "../../gurx/react.js";
 const NESTED_EDITOR_UPDATED_COMMAND = createCommand("NESTED_EDITOR_UPDATED_COMMAND");
@@ -39,6 +40,8 @@ const coreSystem = system((r) => {
   const rootEditor = r.node(null);
   const activeEditor = r.node(null, true);
   const contentEditableClassName = r.node("");
+  const placeholder = r.node("");
+  const autoFocus = r.node(false);
   const inFocus = r.node(false, true);
   const currentFormat = r.node(0, true);
   const applyFormat = r.node();
@@ -154,6 +157,9 @@ const coreSystem = system((r) => {
       markdown: r.getValue(initialMarkdown),
       syntaxExtensions: r.getValue(syntaxExtensions)
     });
+    if (r.getValue(autoFocus)) {
+      setTimeout(() => theRootEditor.focus(noop, { defaultSelection: "rootStart" }));
+    }
   });
   r.pub(createActiveEditorSubscription, (editor) => {
     return editor.registerUpdateListener(({ editorState }) => {
@@ -290,6 +296,8 @@ const coreSystem = system((r) => {
     // DOM
     editorRootElementRef,
     contentEditableClassName,
+    placeholder,
+    autoFocus,
     // child controls
     composerChildren,
     addComposerChild,
@@ -320,6 +328,8 @@ const [
   applyParamsToSystem(realm, params) {
     realm.pubKey("contentEditableClassName", params.contentEditableClassName);
     realm.pubKey("toMarkdownOptions", params.toMarkdownOptions);
+    realm.pubKey("autoFocus", params.autoFocus);
+    realm.pubKey("placeholder", params.placeholder);
     realm.singletonSubKey("markdown", params.onChange);
   },
   init(realm, params) {

package/dist/plugins/diff-source/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,8 @@ export declare const diffSourceSystem: 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -91,6 +93,8 @@ export declare const diffSourceSystem: 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -146,6 +150,8 @@ diffSourcePlugin: 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -194,6 +200,8 @@ diffSourcePlugin: 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -256,6 +264,8 @@ diffSourcePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -276,7 +286,7 @@ diffSourcePluginHooks: {
         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" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "viewMode" | "diffMarkdown" | "markdownSourceEditorValue">(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" | "viewMode" | "diffMarkdown" | "markdownSourceEditorValue">(key: K, callback: (value: ValueForKey<{
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
         markdownSourceEditorValue: RealmNode<string>;
@@ -309,6 +319,8 @@ diffSourcePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -362,6 +374,8 @@ diffSourcePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -414,6 +428,8 @@ diffSourcePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -467,6 +483,8 @@ diffSourcePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -487,7 +505,7 @@ diffSourcePluginHooks: {
         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" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "viewMode" | "diffMarkdown" | "markdownSourceEditorValue">(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" | "viewMode" | "diffMarkdown" | "markdownSourceEditorValue">(key: K_2) => (value: ValueForKey<{
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
         markdownSourceEditorValue: RealmNode<string>;
@@ -520,6 +538,8 @@ diffSourcePluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;

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,8 @@ 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -148,6 +150,8 @@ 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -214,6 +218,8 @@ 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -262,6 +268,8 @@ 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<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -319,6 +327,8 @@ directivesPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -339,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" | "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>;
     } & {
@@ -371,6 +381,8 @@ directivesPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -423,6 +435,8 @@ directivesPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -474,6 +488,8 @@ directivesPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -526,6 +542,8 @@ directivesPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -546,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" | "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>;
     } & {
@@ -578,6 +596,8 @@ directivesPluginHooks: {
         markdown: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
+        placeholder: RealmNode<ReactNode>;
+        autoFocus: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;

package/dist/plugins/frontmatter/FrontmatterEditor.js

@@ -60,8 +60,7 @@ const FrontmatterEditor = ({ yaml, onChange }) => {
     "Add new key"
   )))))));
 };
-const TableInput = React__default.forwardRef(({ className, autofocusIfEmpty, ...props }, ref) => {
-  props.autoFocus = Boolean(!props.value && autofocusIfEmpty);
+const TableInput = React__default.forwardRef(({ className, autofocusIfEmpty: _, ...props }, ref) => {
   return /* @__PURE__ */ React__default.createElement("input", { className: classNames(styles.propertyEditorInput, className), ...props, ref });
 });
 export {