@baasix/lexical 0.0.6 → 0.0.8

package/dist/index.js

@@ -67,7 +67,7 @@ import { LexicalComposer as LexicalComposer2 } from "@lexical/react/LexicalCompo
 import { OnChangePlugin as OnChangePlugin2 } from "@lexical/react/LexicalOnChangePlugin";
 import { useLexicalComposerContext as useLexicalComposerContext46 } from "@lexical/react/LexicalComposerContext";
 import { $generateHtmlFromNodes, $generateNodesFromDOM } from "@lexical/html";
-import { $getRoot as $getRoot3, $insertNodes as $insertNodes6, $setSelection as $setSelection7 } from "lexical";
+import { $createParagraphNode as $createParagraphNode12, $getRoot as $getRoot3, $insertNodes as $insertNodes6, $setSelection as $setSelection7, COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW11, FOCUS_COMMAND as FOCUS_COMMAND2 } from "lexical";
 
 // src/Editor.tsx
 import { CharacterLimitPlugin } from "@lexical/react/LexicalCharacterLimitPlugin";
@@ -15966,6 +15966,28 @@ function HtmlPlugin({
   const lastSyncedValue = useRef18(null);
   const hasUserEdited = useRef18(false);
   const debounceTimer = useRef18(null);
+  useEffect46(() => {
+    return editor.registerCommand(
+      FOCUS_COMMAND2,
+      () => {
+        if (editor.getEditorState()._selection === null) {
+          Promise.resolve().then(() => {
+            if (editor.getEditorState()._selection === null) {
+              editor.update(() => {
+                const root = $getRoot3();
+                const firstChild = root.getFirstChild();
+                if (firstChild) {
+                  firstChild.selectStart();
+                }
+              });
+            }
+          });
+        }
+        return false;
+      },
+      COMMAND_PRIORITY_LOW11
+    );
+  }, [editor]);
   useEffect46(() => {
     if (value === lastSyncedValue.current) {
       return;
@@ -15974,12 +15996,14 @@ function HtmlPlugin({
     hasUserEdited.current = false;
     editor.update(
       () => {
-        $setSelection7(null);
         const root = $getRoot3();
         if (!value || value === "<p></p>" || value === "<p><br></p>") {
           root.clear();
+          root.append($createParagraphNode12());
+          $setSelection7(null);
           return;
         }
+        $setSelection7(null);
         const parser = new DOMParser();
         const dom = parser.parseFromString(value, "text/html");
         const nodes = $generateNodesFromDOM(editor, dom);