@etrepum/lexical-builder 0.0.3-nightly.20240530.0 → 0.0.4

package/dist/index.d.mts

@@ -208,7 +208,8 @@ interface ReactConfig {
     placeholder: ((isEditable: boolean) => null | JSX.Element) | null | JSX.Element;
     ErrorBoundary: ErrorBoundaryType;
     EditorChildrenComponent: EditorChildrenComponentType;
-    setComponent: (component: undefined | EditorComponentType, context: LexicalComposerContextWithEditor) => void;
+    Component: EditorComponentType;
+    getContext: () => LexicalComposerContextWithEditor;
     decorators: readonly DecoratorComponentType[];
 }
 interface LexicalPlanComposerProps {

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.ts","../src/types.ts","../src/definePlan.ts","../src/safeCast.ts","../src/AutoFocusPlan.ts","../src/DragonPlan.ts","../src/HistoryPlan.ts","../src/shared/invariant.ts","../src/deepThemeMergeInPlace.ts","../src/initializeEditor.ts","../src/shallowMergeConfig.ts","../src/PlanRep.ts","../src/LexicalBuilder.ts","../src/PlainTextPlan.ts","../src/registerSubscription.ts","../src/registerShowPlaceholder.ts","../src/shared/useLayoutEffect.ts","../src/useReactDecorators.tsx","../src/useRegisterSubscription.ts","../src/ReactPlan.tsx","../src/ReactPluginHostPlan.tsx","../src/RichTextPlan.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;GAMG;AAEH,OAAO,k0BAAuC,CAAwB"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.ts","../src/types.ts","../src/definePlan.ts","../src/safeCast.ts","../src/AutoFocusPlan.ts","../src/DragonPlan.ts","../src/HistoryPlan.ts","../src/shared/invariant.ts","../src/deepThemeMergeInPlace.ts","../src/initializeEditor.ts","../src/shallowMergeConfig.ts","../src/PlanRep.ts","../src/LexicalBuilder.ts","../src/PlainTextPlan.ts","../src/registerSubscription.ts","../src/registerShowPlaceholder.ts","../src/shared/useLayoutEffect.ts","../src/useReactDecorators.tsx","../src/useRegisterSubscription.ts","../src/ReactPlan.tsx","../src/ReactPluginHostPlan.tsx","../src/RichTextPlan.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;GAMG;AAEH,OAAO,k0BAAuC,CAAwB"}

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { registerDragonSupport } from '@lexical/dragon';
-import { createEmptyHistoryState, registerHistory } from '@lexical/history';
+import { registerHistory, createEmptyHistoryState } from '@lexical/history';
 import { $getRoot, $createParagraphNode, createEditor, createCommand, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_EDITOR } from 'lexical';
 import { registerPlainText } from '@lexical/plain-text';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -31454,21 +31454,23 @@ function useRegisterSubscription(subscription) {
     return useLexicalSubscription(sub);
 }
 
-function notImplemented() { }
 const scheduleMicrotask = "queueMicrotask" in globalThis
     ? queueMicrotask
     : (fn) => Promise.resolve().then(fn);
 function LexicalPlanComposer({ plan, children, }) {
     const componentRef = useRef(undefined);
     const handle = useMemo(() => {
-        return LexicalBuilder.fromPlans([
-            ReactPlan,
-            safeCast({
-                setComponent: (component) => {
-                    componentRef.current = component;
-                },
-            }),
-        ], plan).buildEditor();
+        return LexicalBuilder.fromPlans({
+            name: "@lexical/builder/LexicalPlanComposer",
+            config: {},
+            dependencies: [ReactPlan],
+            register(_editor, _config, state) {
+                componentRef.current = state.getDependencyConfig(ReactPlan).Component;
+                return () => {
+                    componentRef.current = undefined;
+                };
+            },
+        }, plan).buildEditor();
     }, [plan]);
     useEffect(() => {
         // This is an awful trick to detect StrictMode
@@ -31488,7 +31490,8 @@ function LexicalPlanComposer({ plan, children, }) {
 function DefaultEditorChildrenComponent({ contentEditable, placeholder, children, }) {
     return (jsxs(Fragment, { children: [contentEditable, placeholder && jsx(Placeholder, { content: placeholder }), children] }));
 }
-function buildEditorComponent(context, config) {
+function buildEditorComponent(config) {
+    const context = config.getContext();
     const [editor] = context;
     const rawConfigDecorators = config.decorators.map((El) => typeof El === "function" ? jsx(El, { context: context }) : El);
     return function EditorComponent(props) {
@@ -31513,15 +31516,23 @@ function Placeholder({ content, }) {
         return content;
     }
 }
+const initialConfig = {
+    EditorChildrenComponent: DefaultEditorChildrenComponent,
+    ErrorBoundary: LexicalErrorBoundary,
+    contentEditable: jsx(ContentEditable, {}),
+    decorators: [],
+    placeholder: null,
+    // Initialized on registration
+    Component() {
+        invariant(false, "ReactPlan used before register");
+    },
+    // Initialized on registration
+    getContext() {
+        invariant(false, "ReactPlan used before register");
+    },
+};
 const ReactPlan = definePlan({
-    config: safeCast({
-        EditorChildrenComponent: DefaultEditorChildrenComponent,
-        ErrorBoundary: LexicalErrorBoundary,
-        contentEditable: jsx(ContentEditable, {}),
-        decorators: [],
-        placeholder: null,
-        setComponent: notImplemented,
-    }),
+    config: initialConfig,
     mergeConfig(a, b) {
         const config = shallowMergeConfig(a, b);
         if (b && b.decorators && b.decorators.length > 0) {
@@ -31535,9 +31546,11 @@ const ReactPlan = definePlan({
             editor,
             { getTheme: () => editor._config.theme },
         ];
-        config.setComponent(buildEditorComponent(context, config), context);
+        config.getContext = () => context;
+        config.Component = buildEditorComponent(config);
         return () => {
-            config.setComponent(undefined, context);
+            config.getContext = initialConfig.getContext;
+            config.Component = initialConfig.Component;
         };
     },
 });
@@ -31575,7 +31588,6 @@ function mountReactPluginHost(editor, container) {
         root: createRoot(container),
     });
 }
-const componentMap = new WeakMap();
 const REACT_PLUGIN_HOST_MOUNT_COMMAND = createCommand("REACT_PLUGIN_HOST_MOUNT_COMMAND");
 const REACT_MOUNT_PLUGIN_COMMAND = createCommand("REACT_MOUNT_PLUGIN_COMMAND");
 const ReactPluginHostPlan = definePlan({
@@ -31583,22 +31595,13 @@ const ReactPluginHostPlan = definePlan({
     dependencies: [
         configPlan(ReactPlan, {
             contentEditable: null,
-            setComponent(Component, context) {
-                const [editor] = context;
-                if (Component) {
-                    componentMap.set(editor, [Component, context]);
-                }
-                else {
-                    componentMap.delete(editor);
-                }
-            },
         }),
     ],
     name: "@etrepum/lexical-builder/ReactPluginHostPlan",
     register(editor, _config, state) {
         let root;
         const mountedPlugins = new Map();
-        const { ErrorBoundary } = state.getDependencyConfig(ReactPlan);
+        const { ErrorBoundary, Component } = state.getDependencyConfig(ReactPlan);
         function renderMountedPlugins() {
             const children = [];
             for (const { key, element, domNode } of mountedPlugins.values()) {
@@ -31629,9 +31632,6 @@ const ReactPluginHostPlan = definePlan({
             return false;
         }, COMMAND_PRIORITY_CRITICAL), editor.registerCommand(REACT_PLUGIN_HOST_MOUNT_COMMAND, (arg) => {
             root = arg.root;
-            const pair = componentMap.get(editor);
-            invariant(pair !== undefined, "ReactPluginHostPlan: Expecting ReactPlan to have called setComponent");
-            const [Component] = pair;
             root.render(jsx(Component, { children: jsx(PluginHost, {}) }));
             return true;
         }, COMMAND_PRIORITY_EDITOR));

package/package.json

@@ -6,6 +6,7 @@
     "lexical",
     "editor",
     "builder",
+    "lexical-builder",
     "configuration",
     "plugin",
     "plug-in"
@@ -16,7 +17,7 @@
     "test": "vitest run",
     "test:watch": "vitest"
   },
-  "version": "0.0.3-nightly.20240530.0",
+  "version": "0.0.4",
   "license": "MIT",
   "repository": {
     "type": "git",