@mdxeditor/editor 0.15.2 → 0.17.0

package/dist/MDXEditor.d.ts

@@ -42,6 +42,11 @@ export interface MDXEditorProps {
      * The placeholder contents, displayed when the editor is empty.
      */
     placeholder?: React.ReactNode;
+    /**
+     * pass if you would like to have the editor in read-only mode.
+     * Note: Don't use this mode to render content for consumption - reander the markdown using a library of your choice instead.
+     */
+    readOnly?: boolean;
 }
 /**
  * The interface for the {@link MDXEditor} object reference.

package/dist/MDXEditor.js

@@ -10,11 +10,16 @@ import classNames from "classnames";
 import { noop } from "./utils/fp.js";
 import { RealmPluginInitializer } from "./gurx/react.js";
 const LexicalProvider = ({ children }) => {
-  const [initialRootEditorState, nodes] = corePluginHooks.useEmitterValues("initialRootEditorState", "usedLexicalNodes");
+  const [initialRootEditorState, nodes, readOnly] = corePluginHooks.useEmitterValues(
+    "initialRootEditorState",
+    "usedLexicalNodes",
+    "readOnly"
+  );
   return /* @__PURE__ */ React__default.createElement(
     LexicalComposer,
     {
       initialConfig: {
+        editable: !readOnly,
         editorState: initialRootEditorState,
         namespace: "MDXEditor",
         theme: lexicalTheme,
@@ -101,7 +106,8 @@ const MDXEditor = React__default.forwardRef((props, ref) => {
           onChange: props.onChange ?? noop,
           toMarkdownOptions: props.toMarkdownOptions ?? DEFAULT_MARKDOWN_OPTIONS,
           autoFocus: props.autoFocus ?? false,
-          placeholder: props.placeholder ?? ""
+          placeholder: props.placeholder ?? "",
+          readOnly: Boolean(props.readOnly)
         }),
         ...props.plugins || []
       ]

package/dist/gurx/react.js

@@ -164,7 +164,7 @@ const RealmPluginInitializer = function({
       return true;
     });
     return validPlugins2;
-  }, []);
+  }, [plugins]);
   const realm = React__default.useMemo(() => {
     const specs = validPlugins.map((plugin) => plugin.systemSpec);
     const pluginIds = validPlugins.map((plugin) => plugin.id);

package/dist/index.js

@@ -3,7 +3,7 @@ import { MDXEditor } from "./MDXEditor.js";
 import { importMarkdownToLexical, importMdastTreeToLexical } from "./importMarkdownToLexical.js";
 import { exportLexicalTreeToMdast, exportMarkdownFromLexical } from "./exportMarkdownFromLexical.js";
 import { NESTED_EDITOR_UPDATED_COMMAND, corePlugin, corePluginHooks, coreSystem } from "./plugins/core/index.js";
-import { headingsPlugin, headingsSystem } from "./plugins/headings/index.js";
+import { headingsPlugin, headingsPluginHooks, headingsSystem } from "./plugins/headings/index.js";
 import { thematicBreakPlugin, thematicBreakPluginHooks, thematicBreakSystem } from "./plugins/thematic-break/index.js";
 import { listsPlugin, listsPluginHooks, listsSystem } from "./plugins/lists/index.js";
 import { tablePlugin, tablePluginHooks, tableSystem } from "./plugins/table/index.js";
@@ -128,6 +128,7 @@ export {
   frontmatterSystem,
   getRealmFactory,
   headingsPlugin,
+  headingsPluginHooks,
   headingsSystem,
   imagePlugin,
   imagePluginHooks,

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

@@ -96,6 +96,7 @@ export declare const codeBlockSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -146,6 +147,7 @@ export declare const codeBlockSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -219,6 +221,7 @@ codeBlockPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -269,6 +272,7 @@ codeBlockPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -334,6 +338,7 @@ codeBlockPluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -354,7 +359,7 @@ codeBlockPluginHooks: {
         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" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock">(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" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock">(key: K, callback: (value: ValueForKey<{
         codeBlockEditorDescriptors: RealmNode<CodeBlockEditorDescriptor[]>;
         defaultCodeBlockLanguage: RealmNode<string>;
         appendCodeBlockEditorDescriptor: RealmNode<CodeBlockEditorDescriptor>;
@@ -390,6 +395,7 @@ codeBlockPluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -446,6 +452,7 @@ codeBlockPluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -501,6 +508,7 @@ codeBlockPluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -557,6 +565,7 @@ codeBlockPluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -577,7 +586,7 @@ codeBlockPluginHooks: {
         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" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock">(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" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock">(key: K_2) => (value: ValueForKey<{
         codeBlockEditorDescriptors: RealmNode<CodeBlockEditorDescriptor[]>;
         defaultCodeBlockLanguage: RealmNode<string>;
         appendCodeBlockEditorDescriptor: RealmNode<CodeBlockEditorDescriptor>;
@@ -613,6 +622,7 @@ codeBlockPluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;

package/dist/plugins/codemirror/CodeMirrorEditor.js

@@ -1,10 +1,12 @@
-import React__default from "react";
-import { useCodeMirrorRef } from "../sandpack/useCodeMirrorRef.js";
 import { SandpackProvider, CodeEditor } from "@codesandbox/sandpack-react";
-import { useCodeBlockEditorContext } from "../codeblock/CodeBlockNode.js";
+import React__default from "react";
 import styles from "../../styles/ui.module.css.js";
+import { useCodeBlockEditorContext } from "../codeblock/CodeBlockNode.js";
+import { corePluginHooks } from "../core/index.js";
+import { useCodeMirrorRef } from "../sandpack/useCodeMirrorRef.js";
 const CodeMirrorEditor = ({ language, nodeKey, code, focusEmitter }) => {
   const codeMirrorRef = useCodeMirrorRef(nodeKey, "codeblock", "jsx", focusEmitter);
+  const [readOnly] = corePluginHooks.useEmitterValues("readOnly");
   const { setCode } = useCodeBlockEditorContext();
   return /* @__PURE__ */ React__default.createElement(
     "div",
@@ -17,6 +19,7 @@ const CodeMirrorEditor = ({ language, nodeKey, code, focusEmitter }) => {
     /* @__PURE__ */ React__default.createElement(SandpackProvider, null, /* @__PURE__ */ React__default.createElement(
       CodeEditor,
       {
+        readOnly,
         showLineNumbers: true,
         initMode: "immediate",
         key: language,

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

@@ -44,6 +44,7 @@ export declare const codeMirrorSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -94,6 +95,7 @@ export declare const codeMirrorSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -144,6 +146,7 @@ export declare const codeMirrorSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -199,6 +202,7 @@ export declare const codeMirrorSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -263,6 +267,7 @@ codeMirrorPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -313,6 +318,7 @@ codeMirrorPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -363,6 +369,7 @@ codeMirrorPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -418,6 +425,7 @@ codeMirrorPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -490,6 +498,7 @@ codeMirrorHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -515,7 +524,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" | "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<{
+    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" | "readOnly" | "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;
@@ -552,6 +561,7 @@ codeMirrorHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -614,6 +624,7 @@ codeMirrorHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -675,6 +686,7 @@ codeMirrorHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -737,6 +749,7 @@ codeMirrorHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -762,7 +775,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" | "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<{
+    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" | "readOnly" | "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;
@@ -799,6 +812,7 @@ codeMirrorHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;

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

@@ -59,6 +59,7 @@ export declare const coreSystem: SystemSpec<[], (r: Realm) => {
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<React.ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<React.ComponentType<{}>[]>;
     addComposerChild: RealmNode<React.ComponentType<{}>>;
     topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -86,6 +87,7 @@ interface CorePluginParams {
     autoFocus: boolean;
     onChange: (markdown: string) => void;
     toMarkdownOptions: NonNullable<LexicalConvertOptions['toMarkdownOptions']>;
+    readOnly: boolean;
 }
 export declare const 
 /** @internal */
@@ -120,6 +122,7 @@ corePlugin: PluginConstructor<SystemSpec<[], (r: Realm) => {
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<React.ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<React.ComponentType<{}>[]>;
     addComposerChild: RealmNode<React.ComponentType<{}>>;
     topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -173,6 +176,7 @@ corePluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<React.ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<React.ComponentType<{}>[]>;
         addComposerChild: RealmNode<React.ComponentType<{}>>;
         topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -193,7 +197,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" | "placeholder" | "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" | "readOnly" | "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>;
@@ -224,6 +228,7 @@ corePluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<React.ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<React.ComponentType<{}>[]>;
         addComposerChild: RealmNode<React.ComponentType<{}>>;
         topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -275,6 +280,7 @@ corePluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<React.ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<React.ComponentType<{}>[]>;
         addComposerChild: RealmNode<React.ComponentType<{}>>;
         topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -325,6 +331,7 @@ corePluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<React.ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<React.ComponentType<{}>[]>;
         addComposerChild: RealmNode<React.ComponentType<{}>>;
         topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -376,6 +383,7 @@ corePluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<React.ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<React.ComponentType<{}>[]>;
         addComposerChild: RealmNode<React.ComponentType<{}>>;
         topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -396,7 +404,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" | "placeholder" | "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" | "readOnly" | "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>;
@@ -427,6 +435,7 @@ corePluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<React.ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<React.ComponentType<{}>[]>;
         addComposerChild: RealmNode<React.ComponentType<{}>>;
         topAreaChildren: RealmNode<React.ComponentType<{}>[]>;

package/dist/plugins/core/index.js

@@ -41,6 +41,7 @@ const coreSystem = system((r) => {
   const rootEditor = r.node(null);
   const activeEditor = r.node(null, true);
   const contentEditableClassName = r.node("");
+  const readOnly = r.node(false);
   const placeholder = r.node("");
   const autoFocus = r.node(false);
   const inFocus = r.node(false, true);
@@ -285,6 +286,9 @@ const coreSystem = system((r) => {
       { defaultSelection: "rootEnd" }
     );
   });
+  r.sub(r.pipe(readOnly, r.o.withLatestFrom(rootEditor)), ([readOnly2, theRootEditor]) => {
+    theRootEditor == null ? void 0 : theRootEditor.setEditable(!readOnly2);
+  });
   return {
     // state
     activeEditor,
@@ -323,6 +327,7 @@ const coreSystem = system((r) => {
     contentEditableClassName,
     placeholder,
     autoFocus,
+    readOnly,
     // child controls
     composerChildren,
     addComposerChild,
@@ -351,10 +356,13 @@ const [
   id: "core",
   systemSpec: coreSystem,
   applyParamsToSystem(realm, params) {
-    realm.pubKey("contentEditableClassName", params.contentEditableClassName);
-    realm.pubKey("toMarkdownOptions", params.toMarkdownOptions);
-    realm.pubKey("autoFocus", params.autoFocus);
-    realm.pubKey("placeholder", params.placeholder);
+    realm.pubKeys({
+      contentEditableClassName: params.contentEditableClassName,
+      toMarkdownOptions: params.toMarkdownOptions,
+      autoFocus: params.autoFocus,
+      placeholder: params.placeholder,
+      readOnly: params.readOnly
+    });
     realm.singletonSubKey("markdown", params.onChange);
   },
   init(realm, params) {

package/dist/plugins/diff-source/SourceEditor.js

@@ -5,12 +5,13 @@ import { diffSourcePluginHooks } from "./index.js";
 import { corePluginHooks } from "../core/index.js";
 import { EditorView } from "@codemirror/view";
 const SourceEditor = () => {
-  const [markdown$1] = corePluginHooks.useEmitterValues("markdown");
+  const [markdown$1, readOnly] = corePluginHooks.useEmitterValues("markdown", "readOnly");
   const updateMarkdown = diffSourcePluginHooks.usePublisher("markdownSourceEditorValue");
   const codeMirrorRef = React__default.useRef(null);
   return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(React__default.Suspense, { fallback: null }, /* @__PURE__ */ React__default.createElement(SandpackProvider, null, /* @__PURE__ */ React__default.createElement(
     CodeEditor,
     {
+      readOnly,
       extensions: [EditorView.lineWrapping],
       showLineNumbers: true,
       additionalLanguages: [{ name: "markdown", extensions: ["md"], language: markdown() }],

package/dist/plugins/diff-source/index.d.ts

@@ -45,6 +45,7 @@ export declare const diffSourceSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -95,6 +96,7 @@ export declare const diffSourceSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -152,6 +154,7 @@ diffSourcePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -202,6 +205,7 @@ diffSourcePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
     autoFocus: RealmNode<boolean>;
+    readOnly: RealmNode<boolean>;
     composerChildren: RealmNode<ComponentType<{}>[]>;
     addComposerChild: RealmNode<ComponentType<{}>>;
     topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -266,6 +270,7 @@ diffSourcePluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -286,7 +291,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" | "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<{
+    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" | "readOnly" | "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>;
@@ -321,6 +326,7 @@ diffSourcePluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -376,6 +382,7 @@ diffSourcePluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -430,6 +437,7 @@ diffSourcePluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -485,6 +493,7 @@ diffSourcePluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -505,7 +514,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" | "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<{
+    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" | "readOnly" | "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>;
@@ -540,6 +549,7 @@ diffSourcePluginHooks: {
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
         autoFocus: RealmNode<boolean>;
+        readOnly: RealmNode<boolean>;
         composerChildren: RealmNode<ComponentType<{}>[]>;
         addComposerChild: RealmNode<ComponentType<{}>>;
         topAreaChildren: RealmNode<ComponentType<{}>[]>;