@mdxeditor/editor 0.10.1 → 0.11.1-alpha.1

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

@@ -0,0 +1,62 @@
+import type { Options } from 'mdast-util-to-markdown';
+import type { Config } from 'mdast-util-from-markdown/lib';
+import type { Extension } from 'micromark-util-types';
+import type { Content } from 'mdast';
+import type { MdastImportVisitor, LexicalVisitor } from '../..';
+import type { EditorSubscription, EditorInFocus, BlockType } from '../core';
+import type { InitialEditorStateType } from '@lexical/react/LexicalComposer';
+import type { JsxComponentDescriptor } from '../jsx';
+import type { HistoryState } from '@lexical/history';
+import type { LexicalEditor, RangeSelection, Klass, LexicalNode, TextFormatType, ElementNode, DecoratorNode } from 'lexical';
+import type { PluginConstructor, SystemSpec, Realm, RealmNode } from '../../gurx';
+import React from 'react';
+/** @internal */
+export declare const markdownShortcutPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
+    activeEditor: RealmNode<LexicalEditor | null>;
+    inFocus: RealmNode<boolean>;
+    historyState: RealmNode<HistoryState>;
+    currentSelection: RealmNode<RangeSelection | null>;
+    jsxIsAvailable: RealmNode<boolean>;
+    jsxComponentDescriptors: RealmNode<JsxComponentDescriptor[]>;
+    initialRootEditorState: RealmNode<InitialEditorStateType>;
+    rootEditor: RealmNode<LexicalEditor | null>;
+    createRootEditorSubscription: RealmNode<EditorSubscription>;
+    createActiveEditorSubscription: RealmNode<EditorSubscription>;
+    importVisitors: RealmNode<MdastImportVisitor<Content>[]>;
+    syntaxExtensions: RealmNode<Extension[]>;
+    mdastExtensions: RealmNode<(Partial<Config> | Partial<Config>[])[] | null | undefined>;
+    usedLexicalNodes: RealmNode<Klass<LexicalNode>[]>;
+    addImportVisitor: RealmNode<MdastImportVisitor<Content>>;
+    addLexicalNode: RealmNode<Klass<LexicalNode>>;
+    addSyntaxExtension: RealmNode<Extension>;
+    addMdastExtension: RealmNode<Partial<Config> | Partial<Config>[]>;
+    toMarkdownExtensions: RealmNode<Options[]>;
+    toMarkdownOptions: RealmNode<Options>;
+    addToMarkdownExtension: RealmNode<Options>;
+    addExportVisitor: RealmNode<LexicalVisitor>;
+    exportVisitors: RealmNode<LexicalVisitor[]>;
+    initialMarkdown: RealmNode<string>;
+    setMarkdown: RealmNode<string>;
+    markdown: RealmNode<string>;
+    editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
+    contentEditableClassName: RealmNode<string>;
+    composerChildren: RealmNode<React.ComponentType<{}>[]>;
+    addComposerChild: RealmNode<React.ComponentType<{}>>;
+    topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
+    addTopAreaChild: RealmNode<React.ComponentType<{}>>;
+    nestedEditorChildren: RealmNode<React.ComponentType<{}>[]>;
+    addNestedEditorChild: RealmNode<React.ComponentType<{}>>;
+    editorWrappers: RealmNode<React.ComponentType<{
+        children: React.ReactNode;
+    }>[]>;
+    addEditorWrapper: RealmNode<React.ComponentType<{
+        children: React.ReactNode;
+    }>>;
+    currentFormat: RealmNode<number>;
+    editorInFocus: RealmNode<EditorInFocus | null>;
+    applyFormat: RealmNode<TextFormatType>;
+    currentBlockType: RealmNode<BlockType>;
+    applyBlockType: RealmNode<BlockType>;
+    convertSelectionToNode: RealmNode<() => ElementNode>;
+    insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+}>], (_: Realm) => {}>, object>;

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

@@ -0,0 +1,34 @@
+import { CODE, TRANSFORMERS } from "@lexical/markdown";
+import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
+import React__default from "react";
+import { CodeBlockNode, $createCodeBlockNode } from "../codeblock/CodeBlockNode.js";
+import { coreSystem } from "../core/index.js";
+import { realmPlugin } from "../../gurx/react.js";
+import { system } from "../../gurx/realmFactory.js";
+function patchMarkdownTransformers(transformers) {
+  const transformersCopy = [...transformers];
+  const codeTransformer = transformersCopy.find((t) => t === CODE);
+  const codeTransformerCopy = {
+    ...codeTransformer,
+    dependencies: [CodeBlockNode],
+    replace: (parentNode, _children, match) => {
+      const codeBlockNode = $createCodeBlockNode({ code: "", language: match ? match[1] : "", meta: "" });
+      parentNode.replace(codeBlockNode);
+      setTimeout(() => codeBlockNode.select(), 80);
+    }
+  };
+  transformersCopy.splice(transformersCopy.indexOf(codeTransformer), 1, codeTransformerCopy);
+  return transformersCopy;
+}
+const [markdownShortcutPlugin] = realmPlugin({
+  id: "markdown-shortcut",
+  dependencies: ["lists", "headings", "codeblock", "quote"],
+  systemSpec: system((_) => ({}), [coreSystem]),
+  init: (realm) => {
+    realm.pubKey("addComposerChild", () => /* @__PURE__ */ React__default.createElement(MarkdownShortcutPlugin, { transformers: patchMarkdownTransformers(TRANSFORMERS) }));
+    realm.pubKey("addNestedEditorChild", () => /* @__PURE__ */ React__default.createElement(MarkdownShortcutPlugin, { transformers: patchMarkdownTransformers(TRANSFORMERS) }));
+  }
+});
+export {
+  markdownShortcutPlugin
+};

package/dist/plugins/quote/LexicalQuoteVisitor.d.ts

@@ -0,0 +1,4 @@
+import { QuoteNode } from '@lexical/rich-text';
+import * as Mdast from 'mdast';
+import { LexicalExportVisitor } from '../../exportMarkdownFromLexical';
+export declare const LexicalQuoteVisitor: LexicalExportVisitor<QuoteNode, Mdast.Blockquote>;

package/dist/plugins/quote/LexicalQuoteVisitor.js

@@ -0,0 +1,12 @@
+import { $isQuoteNode } from "@lexical/rich-text";
+const LexicalQuoteVisitor = {
+  testLexicalNode: $isQuoteNode,
+  visitLexicalNode: ({ lexicalNode, mdastParent, actions }) => {
+    const paragraph = { type: "paragraph", children: [] };
+    actions.appendToParent(mdastParent, { type: "blockquote", children: [paragraph] });
+    actions.visitChildren(lexicalNode, paragraph);
+  }
+};
+export {
+  LexicalQuoteVisitor
+};

package/dist/plugins/quote/MdastBlockQuoteVisitor.d.ts

@@ -0,0 +1,3 @@
+import * as Mdast from 'mdast';
+import { MdastImportVisitor } from '../../importMarkdownToLexical';
+export declare const MdastBlockQuoteVisitor: MdastImportVisitor<Mdast.Blockquote>;

package/dist/plugins/quote/MdastBlockQuoteVisitor.js

@@ -0,0 +1,10 @@
+import { $createQuoteNode } from "@lexical/rich-text";
+const MdastBlockQuoteVisitor = {
+  testNode: "blockquote",
+  visitNode({ actions }) {
+    actions.addAndStepInto($createQuoteNode());
+  }
+};
+export {
+  MdastBlockQuoteVisitor
+};

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

@@ -0,0 +1,360 @@
+import type { RefObject, ComponentType, ReactNode } 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';
+import type { Content } from 'mdast';
+import type { MdastImportVisitor, LexicalVisitor } from '../..';
+import type { EditorSubscription, EditorInFocus, BlockType } from '../core';
+import type { InitialEditorStateType } from '@lexical/react/LexicalComposer';
+import type { JsxComponentDescriptor } from '../jsx';
+import type { HistoryState } from '@lexical/history';
+import type { LexicalEditor, RangeSelection, Klass, LexicalNode, TextFormatType, ElementNode, DecoratorNode } from 'lexical';
+import type { PluginConstructor, SystemSpec, Realm, RealmNode, TypedRealm, ValueForKey, SystemKeys, ValuesForKeys, SystemDict } from '../../gurx';
+/// <reference types="react" />
+export declare const 
+/** @internal */
+quotePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
+    activeEditor: RealmNode<LexicalEditor | null>;
+    inFocus: RealmNode<boolean>;
+    historyState: RealmNode<HistoryState>;
+    currentSelection: RealmNode<RangeSelection | null>;
+    jsxIsAvailable: RealmNode<boolean>;
+    jsxComponentDescriptors: RealmNode<JsxComponentDescriptor[]>;
+    initialRootEditorState: RealmNode<InitialEditorStateType>;
+    rootEditor: RealmNode<LexicalEditor | null>;
+    createRootEditorSubscription: RealmNode<EditorSubscription>;
+    createActiveEditorSubscription: RealmNode<EditorSubscription>;
+    importVisitors: RealmNode<MdastImportVisitor<Content>[]>;
+    syntaxExtensions: RealmNode<Extension[]>;
+    mdastExtensions: RealmNode<(Partial<Config> | Partial<Config>[])[] | null | undefined>;
+    usedLexicalNodes: RealmNode<Klass<LexicalNode>[]>;
+    addImportVisitor: RealmNode<MdastImportVisitor<Content>>;
+    addLexicalNode: RealmNode<Klass<LexicalNode>>;
+    addSyntaxExtension: RealmNode<Extension>;
+    addMdastExtension: RealmNode<Partial<Config> | Partial<Config>[]>;
+    toMarkdownExtensions: RealmNode<Options[]>;
+    toMarkdownOptions: RealmNode<Options>;
+    addToMarkdownExtension: RealmNode<Options>;
+    addExportVisitor: RealmNode<LexicalVisitor>;
+    exportVisitors: RealmNode<LexicalVisitor[]>;
+    initialMarkdown: RealmNode<string>;
+    setMarkdown: RealmNode<string>;
+    markdown: RealmNode<string>;
+    editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
+    contentEditableClassName: RealmNode<string>;
+    composerChildren: RealmNode<ComponentType<{}>[]>;
+    addComposerChild: RealmNode<ComponentType<{}>>;
+    topAreaChildren: RealmNode<ComponentType<{}>[]>;
+    addTopAreaChild: RealmNode<ComponentType<{}>>;
+    nestedEditorChildren: RealmNode<ComponentType<{}>[]>;
+    addNestedEditorChild: RealmNode<ComponentType<{}>>;
+    editorWrappers: RealmNode<ComponentType<{
+        children: ReactNode;
+    }>[]>;
+    addEditorWrapper: RealmNode<ComponentType<{
+        children: ReactNode;
+    }>>;
+    currentFormat: RealmNode<number>;
+    editorInFocus: RealmNode<EditorInFocus | null>;
+    applyFormat: RealmNode<TextFormatType>;
+    currentBlockType: RealmNode<BlockType>;
+    applyBlockType: RealmNode<BlockType>;
+    convertSelectionToNode: RealmNode<() => ElementNode>;
+    insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+}>], () => {}>, object>, 
+/** @internal */
+quotePluginHooks: {
+    useRealmContext: () => TypedRealm<{
+        activeEditor: RealmNode<LexicalEditor | null>;
+        inFocus: RealmNode<boolean>;
+        historyState: RealmNode<HistoryState>;
+        currentSelection: RealmNode<RangeSelection | null>;
+        jsxIsAvailable: RealmNode<boolean>;
+        jsxComponentDescriptors: RealmNode<JsxComponentDescriptor[]>;
+        initialRootEditorState: RealmNode<InitialEditorStateType>;
+        rootEditor: RealmNode<LexicalEditor | null>;
+        createRootEditorSubscription: RealmNode<EditorSubscription>;
+        createActiveEditorSubscription: RealmNode<EditorSubscription>;
+        importVisitors: RealmNode<MdastImportVisitor<Content>[]>;
+        syntaxExtensions: RealmNode<Extension[]>;
+        mdastExtensions: RealmNode<(Partial<Config> | Partial<Config>[])[] | null | undefined>;
+        usedLexicalNodes: RealmNode<Klass<LexicalNode>[]>;
+        addImportVisitor: RealmNode<MdastImportVisitor<Content>>;
+        addLexicalNode: RealmNode<Klass<LexicalNode>>;
+        addSyntaxExtension: RealmNode<Extension>;
+        addMdastExtension: RealmNode<Partial<Config> | Partial<Config>[]>;
+        toMarkdownExtensions: RealmNode<Options[]>;
+        toMarkdownOptions: RealmNode<Options>;
+        addToMarkdownExtension: RealmNode<Options>;
+        addExportVisitor: RealmNode<LexicalVisitor>;
+        exportVisitors: RealmNode<LexicalVisitor[]>;
+        initialMarkdown: RealmNode<string>;
+        setMarkdown: RealmNode<string>;
+        markdown: RealmNode<string>;
+        editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
+        contentEditableClassName: RealmNode<string>;
+        composerChildren: RealmNode<ComponentType<{}>[]>;
+        addComposerChild: RealmNode<ComponentType<{}>>;
+        topAreaChildren: RealmNode<ComponentType<{}>[]>;
+        addTopAreaChild: RealmNode<ComponentType<{}>>;
+        nestedEditorChildren: RealmNode<ComponentType<{}>[]>;
+        addNestedEditorChild: RealmNode<ComponentType<{}>>;
+        editorWrappers: RealmNode<ComponentType<{
+            children: ReactNode;
+        }>[]>;
+        addEditorWrapper: RealmNode<ComponentType<{
+            children: ReactNode;
+        }>>;
+        currentFormat: RealmNode<number>;
+        editorInFocus: RealmNode<EditorInFocus | null>;
+        applyFormat: RealmNode<TextFormatType>;
+        currentBlockType: RealmNode<BlockType>;
+        applyBlockType: RealmNode<BlockType>;
+        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<{
+        activeEditor: RealmNode<LexicalEditor | null>;
+        inFocus: RealmNode<boolean>;
+        historyState: RealmNode<HistoryState>;
+        currentSelection: RealmNode<RangeSelection | null>;
+        jsxIsAvailable: RealmNode<boolean>;
+        jsxComponentDescriptors: RealmNode<JsxComponentDescriptor[]>;
+        initialRootEditorState: RealmNode<InitialEditorStateType>;
+        rootEditor: RealmNode<LexicalEditor | null>;
+        createRootEditorSubscription: RealmNode<EditorSubscription>;
+        createActiveEditorSubscription: RealmNode<EditorSubscription>;
+        importVisitors: RealmNode<MdastImportVisitor<Content>[]>;
+        syntaxExtensions: RealmNode<Extension[]>;
+        mdastExtensions: RealmNode<(Partial<Config> | Partial<Config>[])[] | null | undefined>;
+        usedLexicalNodes: RealmNode<Klass<LexicalNode>[]>;
+        addImportVisitor: RealmNode<MdastImportVisitor<Content>>;
+        addLexicalNode: RealmNode<Klass<LexicalNode>>;
+        addSyntaxExtension: RealmNode<Extension>;
+        addMdastExtension: RealmNode<Partial<Config> | Partial<Config>[]>;
+        toMarkdownExtensions: RealmNode<Options[]>;
+        toMarkdownOptions: RealmNode<Options>;
+        addToMarkdownExtension: RealmNode<Options>;
+        addExportVisitor: RealmNode<LexicalVisitor>;
+        exportVisitors: RealmNode<LexicalVisitor[]>;
+        initialMarkdown: RealmNode<string>;
+        setMarkdown: RealmNode<string>;
+        markdown: RealmNode<string>;
+        editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
+        contentEditableClassName: RealmNode<string>;
+        composerChildren: RealmNode<ComponentType<{}>[]>;
+        addComposerChild: RealmNode<ComponentType<{}>>;
+        topAreaChildren: RealmNode<ComponentType<{}>[]>;
+        addTopAreaChild: RealmNode<ComponentType<{}>>;
+        nestedEditorChildren: RealmNode<ComponentType<{}>[]>;
+        addNestedEditorChild: RealmNode<ComponentType<{}>>;
+        editorWrappers: RealmNode<ComponentType<{
+            children: ReactNode;
+        }>[]>;
+        addEditorWrapper: RealmNode<ComponentType<{
+            children: ReactNode;
+        }>>;
+        currentFormat: RealmNode<number>;
+        editorInFocus: RealmNode<EditorInFocus | null>;
+        applyFormat: RealmNode<TextFormatType>;
+        currentBlockType: RealmNode<BlockType>;
+        applyBlockType: RealmNode<BlockType>;
+        convertSelectionToNode: RealmNode<() => ElementNode>;
+        insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    }, K>) => void) => void;
+    useEmitterValues: <K_1 extends SystemKeys<{
+        activeEditor: RealmNode<LexicalEditor | null>;
+        inFocus: RealmNode<boolean>;
+        historyState: RealmNode<HistoryState>;
+        currentSelection: RealmNode<RangeSelection | null>;
+        jsxIsAvailable: RealmNode<boolean>;
+        jsxComponentDescriptors: RealmNode<JsxComponentDescriptor[]>;
+        initialRootEditorState: RealmNode<InitialEditorStateType>;
+        rootEditor: RealmNode<LexicalEditor | null>;
+        createRootEditorSubscription: RealmNode<EditorSubscription>;
+        createActiveEditorSubscription: RealmNode<EditorSubscription>;
+        importVisitors: RealmNode<MdastImportVisitor<Content>[]>;
+        syntaxExtensions: RealmNode<Extension[]>;
+        mdastExtensions: RealmNode<(Partial<Config> | Partial<Config>[])[] | null | undefined>;
+        usedLexicalNodes: RealmNode<Klass<LexicalNode>[]>;
+        addImportVisitor: RealmNode<MdastImportVisitor<Content>>;
+        addLexicalNode: RealmNode<Klass<LexicalNode>>;
+        addSyntaxExtension: RealmNode<Extension>;
+        addMdastExtension: RealmNode<Partial<Config> | Partial<Config>[]>;
+        toMarkdownExtensions: RealmNode<Options[]>;
+        toMarkdownOptions: RealmNode<Options>;
+        addToMarkdownExtension: RealmNode<Options>;
+        addExportVisitor: RealmNode<LexicalVisitor>;
+        exportVisitors: RealmNode<LexicalVisitor[]>;
+        initialMarkdown: RealmNode<string>;
+        setMarkdown: RealmNode<string>;
+        markdown: RealmNode<string>;
+        editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
+        contentEditableClassName: RealmNode<string>;
+        composerChildren: RealmNode<ComponentType<{}>[]>;
+        addComposerChild: RealmNode<ComponentType<{}>>;
+        topAreaChildren: RealmNode<ComponentType<{}>[]>;
+        addTopAreaChild: RealmNode<ComponentType<{}>>;
+        nestedEditorChildren: RealmNode<ComponentType<{}>[]>;
+        addNestedEditorChild: RealmNode<ComponentType<{}>>;
+        editorWrappers: RealmNode<ComponentType<{
+            children: ReactNode;
+        }>[]>;
+        addEditorWrapper: RealmNode<ComponentType<{
+            children: ReactNode;
+        }>>;
+        currentFormat: RealmNode<number>;
+        editorInFocus: RealmNode<EditorInFocus | null>;
+        applyFormat: RealmNode<TextFormatType>;
+        currentBlockType: RealmNode<BlockType>;
+        applyBlockType: RealmNode<BlockType>;
+        convertSelectionToNode: RealmNode<() => ElementNode>;
+        insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    }>>(...keys: K_1) => ValuesForKeys<{
+        activeEditor: RealmNode<LexicalEditor | null>;
+        inFocus: RealmNode<boolean>;
+        historyState: RealmNode<HistoryState>;
+        currentSelection: RealmNode<RangeSelection | null>;
+        jsxIsAvailable: RealmNode<boolean>;
+        jsxComponentDescriptors: RealmNode<JsxComponentDescriptor[]>;
+        initialRootEditorState: RealmNode<InitialEditorStateType>;
+        rootEditor: RealmNode<LexicalEditor | null>;
+        createRootEditorSubscription: RealmNode<EditorSubscription>;
+        createActiveEditorSubscription: RealmNode<EditorSubscription>;
+        importVisitors: RealmNode<MdastImportVisitor<Content>[]>;
+        syntaxExtensions: RealmNode<Extension[]>;
+        mdastExtensions: RealmNode<(Partial<Config> | Partial<Config>[])[] | null | undefined>;
+        usedLexicalNodes: RealmNode<Klass<LexicalNode>[]>;
+        addImportVisitor: RealmNode<MdastImportVisitor<Content>>;
+        addLexicalNode: RealmNode<Klass<LexicalNode>>;
+        addSyntaxExtension: RealmNode<Extension>;
+        addMdastExtension: RealmNode<Partial<Config> | Partial<Config>[]>;
+        toMarkdownExtensions: RealmNode<Options[]>;
+        toMarkdownOptions: RealmNode<Options>;
+        addToMarkdownExtension: RealmNode<Options>;
+        addExportVisitor: RealmNode<LexicalVisitor>;
+        exportVisitors: RealmNode<LexicalVisitor[]>;
+        initialMarkdown: RealmNode<string>;
+        setMarkdown: RealmNode<string>;
+        markdown: RealmNode<string>;
+        editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
+        contentEditableClassName: RealmNode<string>;
+        composerChildren: RealmNode<ComponentType<{}>[]>;
+        addComposerChild: RealmNode<ComponentType<{}>>;
+        topAreaChildren: RealmNode<ComponentType<{}>[]>;
+        addTopAreaChild: RealmNode<ComponentType<{}>>;
+        nestedEditorChildren: RealmNode<ComponentType<{}>[]>;
+        addNestedEditorChild: RealmNode<ComponentType<{}>>;
+        editorWrappers: RealmNode<ComponentType<{
+            children: ReactNode;
+        }>[]>;
+        addEditorWrapper: RealmNode<ComponentType<{
+            children: ReactNode;
+        }>>;
+        currentFormat: RealmNode<number>;
+        editorInFocus: RealmNode<EditorInFocus | null>;
+        applyFormat: RealmNode<TextFormatType>;
+        currentBlockType: RealmNode<BlockType>;
+        applyBlockType: RealmNode<BlockType>;
+        convertSelectionToNode: RealmNode<() => ElementNode>;
+        insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    }, K_1>;
+    usePubKeys: () => (values: SystemDict<{
+        activeEditor: RealmNode<LexicalEditor | null>;
+        inFocus: RealmNode<boolean>;
+        historyState: RealmNode<HistoryState>;
+        currentSelection: RealmNode<RangeSelection | null>;
+        jsxIsAvailable: RealmNode<boolean>;
+        jsxComponentDescriptors: RealmNode<JsxComponentDescriptor[]>;
+        initialRootEditorState: RealmNode<InitialEditorStateType>;
+        rootEditor: RealmNode<LexicalEditor | null>;
+        createRootEditorSubscription: RealmNode<EditorSubscription>;
+        createActiveEditorSubscription: RealmNode<EditorSubscription>;
+        importVisitors: RealmNode<MdastImportVisitor<Content>[]>;
+        syntaxExtensions: RealmNode<Extension[]>;
+        mdastExtensions: RealmNode<(Partial<Config> | Partial<Config>[])[] | null | undefined>;
+        usedLexicalNodes: RealmNode<Klass<LexicalNode>[]>;
+        addImportVisitor: RealmNode<MdastImportVisitor<Content>>;
+        addLexicalNode: RealmNode<Klass<LexicalNode>>;
+        addSyntaxExtension: RealmNode<Extension>;
+        addMdastExtension: RealmNode<Partial<Config> | Partial<Config>[]>;
+        toMarkdownExtensions: RealmNode<Options[]>;
+        toMarkdownOptions: RealmNode<Options>;
+        addToMarkdownExtension: RealmNode<Options>;
+        addExportVisitor: RealmNode<LexicalVisitor>;
+        exportVisitors: RealmNode<LexicalVisitor[]>;
+        initialMarkdown: RealmNode<string>;
+        setMarkdown: RealmNode<string>;
+        markdown: RealmNode<string>;
+        editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
+        contentEditableClassName: RealmNode<string>;
+        composerChildren: RealmNode<ComponentType<{}>[]>;
+        addComposerChild: RealmNode<ComponentType<{}>>;
+        topAreaChildren: RealmNode<ComponentType<{}>[]>;
+        addTopAreaChild: RealmNode<ComponentType<{}>>;
+        nestedEditorChildren: RealmNode<ComponentType<{}>[]>;
+        addNestedEditorChild: RealmNode<ComponentType<{}>>;
+        editorWrappers: RealmNode<ComponentType<{
+            children: ReactNode;
+        }>[]>;
+        addEditorWrapper: RealmNode<ComponentType<{
+            children: ReactNode;
+        }>>;
+        currentFormat: RealmNode<number>;
+        editorInFocus: RealmNode<EditorInFocus | null>;
+        applyFormat: RealmNode<TextFormatType>;
+        currentBlockType: RealmNode<BlockType>;
+        applyBlockType: RealmNode<BlockType>;
+        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<{
+        activeEditor: RealmNode<LexicalEditor | null>;
+        inFocus: RealmNode<boolean>;
+        historyState: RealmNode<HistoryState>;
+        currentSelection: RealmNode<RangeSelection | null>;
+        jsxIsAvailable: RealmNode<boolean>;
+        jsxComponentDescriptors: RealmNode<JsxComponentDescriptor[]>;
+        initialRootEditorState: RealmNode<InitialEditorStateType>;
+        rootEditor: RealmNode<LexicalEditor | null>;
+        createRootEditorSubscription: RealmNode<EditorSubscription>;
+        createActiveEditorSubscription: RealmNode<EditorSubscription>;
+        importVisitors: RealmNode<MdastImportVisitor<Content>[]>;
+        syntaxExtensions: RealmNode<Extension[]>;
+        mdastExtensions: RealmNode<(Partial<Config> | Partial<Config>[])[] | null | undefined>;
+        usedLexicalNodes: RealmNode<Klass<LexicalNode>[]>;
+        addImportVisitor: RealmNode<MdastImportVisitor<Content>>;
+        addLexicalNode: RealmNode<Klass<LexicalNode>>;
+        addSyntaxExtension: RealmNode<Extension>;
+        addMdastExtension: RealmNode<Partial<Config> | Partial<Config>[]>;
+        toMarkdownExtensions: RealmNode<Options[]>;
+        toMarkdownOptions: RealmNode<Options>;
+        addToMarkdownExtension: RealmNode<Options>;
+        addExportVisitor: RealmNode<LexicalVisitor>;
+        exportVisitors: RealmNode<LexicalVisitor[]>;
+        initialMarkdown: RealmNode<string>;
+        setMarkdown: RealmNode<string>;
+        markdown: RealmNode<string>;
+        editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
+        contentEditableClassName: RealmNode<string>;
+        composerChildren: RealmNode<ComponentType<{}>[]>;
+        addComposerChild: RealmNode<ComponentType<{}>>;
+        topAreaChildren: RealmNode<ComponentType<{}>[]>;
+        addTopAreaChild: RealmNode<ComponentType<{}>>;
+        nestedEditorChildren: RealmNode<ComponentType<{}>[]>;
+        addNestedEditorChild: RealmNode<ComponentType<{}>>;
+        editorWrappers: RealmNode<ComponentType<{
+            children: ReactNode;
+        }>[]>;
+        addEditorWrapper: RealmNode<ComponentType<{
+            children: ReactNode;
+        }>>;
+        currentFormat: RealmNode<number>;
+        editorInFocus: RealmNode<EditorInFocus | null>;
+        applyFormat: RealmNode<TextFormatType>;
+        currentBlockType: RealmNode<BlockType>;
+        applyBlockType: RealmNode<BlockType>;
+        convertSelectionToNode: RealmNode<() => ElementNode>;
+        insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    }, K_2>) => void;
+};

package/dist/plugins/quote/index.js

@@ -0,0 +1,26 @@
+import { coreSystem } from "../core/index.js";
+import { QuoteNode } from "@lexical/rich-text";
+import { MdastBlockQuoteVisitor } from "./MdastBlockQuoteVisitor.js";
+import { LexicalQuoteVisitor } from "./LexicalQuoteVisitor.js";
+import { realmPlugin } from "../../gurx/react.js";
+import { system } from "../../gurx/realmFactory.js";
+const [
+  /** @internal */
+  quotePlugin,
+  /** @internal */
+  quotePluginHooks
+] = realmPlugin({
+  id: "quote",
+  systemSpec: system(() => {
+    return {};
+  }, [coreSystem]),
+  init: (realm) => {
+    realm.pubKey("addImportVisitor", MdastBlockQuoteVisitor);
+    realm.pubKey("addLexicalNode", QuoteNode);
+    realm.pubKey("addExportVisitor", LexicalQuoteVisitor);
+  }
+});
+export {
+  quotePlugin,
+  quotePluginHooks
+};

package/dist/plugins/sandpack/SandpackEditor.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SandpackPreset } from '.';
+import { CodeBlockEditorProps } from '../codeblock';
+export interface SandpackEditorProps extends CodeBlockEditorProps {
+    preset: SandpackPreset;
+}
+export declare const SandpackEditor: ({ nodeKey, code, focusEmitter, preset }: SandpackEditorProps) => React.JSX.Element;

package/dist/plugins/sandpack/SandpackEditor.js

@@ -0,0 +1,35 @@
+import React__default from "react";
+import { useCodeMirrorRef } from "./useCodeMirrorRef.js";
+import { SandpackProvider, SandpackLayout, SandpackCodeEditor, SandpackPreview, useSandpack } from "@codesandbox/sandpack-react";
+import { useCodeBlockEditorContext } from "../codeblock/CodeBlockNode.js";
+const CodeUpdateEmitter = ({ onChange, snippetFileName }) => {
+  const { sandpack } = useSandpack();
+  onChange(sandpack.files[snippetFileName].code);
+  return null;
+};
+const SandpackEditor = ({ nodeKey, code, focusEmitter, preset }) => {
+  const codeMirrorRef = useCodeMirrorRef(nodeKey, "sandpack", "jsx", focusEmitter);
+  const { setCode } = useCodeBlockEditorContext();
+  return /* @__PURE__ */ React__default.createElement(
+    SandpackProvider,
+    {
+      template: preset.sandpackTemplate,
+      theme: preset.sandpackTheme,
+      files: {
+        [preset.snippetFileName]: code,
+        ...Object.entries(preset.files || {}).reduce(
+          (acc, [filePath, fileContents]) => ({ ...acc, ...{ [filePath]: { code: fileContents, readOnly: true } } }),
+          {}
+        )
+      },
+      customSetup: {
+        dependencies: preset.dependencies
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(SandpackLayout, null, /* @__PURE__ */ React__default.createElement(SandpackCodeEditor, { showLineNumbers: true, showInlineErrors: true, ref: codeMirrorRef }), /* @__PURE__ */ React__default.createElement(SandpackPreview, null)),
+    /* @__PURE__ */ React__default.createElement(CodeUpdateEmitter, { onChange: setCode, snippetFileName: preset.snippetFileName })
+  );
+};
+export {
+  SandpackEditor
+};