From 9b872b3d6284390a1f98245209adb05d9cfa9c03 Mon Sep 17 00:00:00 2001
From: Vladlen Fedosov <vladlen_fedosov@epam.com>
Date: Mon, 22 Apr 2024 18:08:22 -0400
Subject: [PATCH] fix(@lexical/devtools): Now we refresh editors before
 starting interactive selection

---
 .../src/components/EditorsRefreshCTA.tsx              |  2 +-
 .../components/EditorInspectorButton.tsx              | 11 +++++++----
 .../entrypoints/injected/InjectedPegasusService.ts    |  2 +-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/lexical-devtools/src/components/EditorsRefreshCTA.tsx b/packages/lexical-devtools/src/components/EditorsRefreshCTA.tsx
index 22bb8d1373b..01986bf2b88 100644
--- a/packages/lexical-devtools/src/components/EditorsRefreshCTA.tsx
+++ b/packages/lexical-devtools/src/components/EditorsRefreshCTA.tsx
@@ -30,7 +30,7 @@ function EditorsRefreshCTA({tabID, setErrorMessage}: Props) {
     );
 
     injectedPegasusService
-      .refreshLexicalEditorsForTabID()
+      .refreshLexicalEditors()
       .catch((err) => {
         setErrorMessage(err.message);
         console.error(err);
diff --git a/packages/lexical-devtools/src/entrypoints/devtools-panel/components/EditorInspectorButton.tsx b/packages/lexical-devtools/src/entrypoints/devtools-panel/components/EditorInspectorButton.tsx
index fcbb980ffad..d1019b92303 100644
--- a/packages/lexical-devtools/src/entrypoints/devtools-panel/components/EditorInspectorButton.tsx
+++ b/packages/lexical-devtools/src/entrypoints/devtools-panel/components/EditorInspectorButton.tsx
@@ -24,10 +24,13 @@ export function EditorInspectorButton({tabID, setErrorMessage}: Props) {
       {context: 'window', tabId: tabID},
     );
 
-    injectedPegasusService.toggleEditorPicker().catch((err) => {
-      setErrorMessage(err.message);
-      console.error(err);
-    });
+    injectedPegasusService
+      .refreshLexicalEditors()
+      .then(() => injectedPegasusService.toggleEditorPicker())
+      .catch((err) => {
+        setErrorMessage(err.message);
+        console.error(err);
+      });
   };
 
   return (
diff --git a/packages/lexical-devtools/src/entrypoints/injected/InjectedPegasusService.ts b/packages/lexical-devtools/src/entrypoints/injected/InjectedPegasusService.ts
index 176de0f1598..664006f0fb1 100644
--- a/packages/lexical-devtools/src/entrypoints/injected/InjectedPegasusService.ts
+++ b/packages/lexical-devtools/src/entrypoints/injected/InjectedPegasusService.ts
@@ -40,7 +40,7 @@ export class InjectedPegasusService
     private readonly commandLog: WeakMap<LexicalEditor, LexicalCommandLog>,
   ) {}
 
-  refreshLexicalEditorsForTabID() {
+  refreshLexicalEditors() {
     scanAndListenForEditors(this.tabID, this.extensionStore, this.commandLog);
   }