fix(@lexical/devtools): Now we refresh editors before starting intera…

…ctive selection
facebook · Apr 23, 2024 · 9b872b3 · 9b872b3
1 parent 3fdb8f2
commit 9b872b3
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git 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/...ages/lexical-devtools/src/entrypoints/devtools-panel/components/EditorInspectorButton.tsx b/...ages/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
@@ -40,7 +40,7 @@ export class InjectedPegasusService
     private readonly commandLog: WeakMap<LexicalEditor, LexicalCommandLog>,
   ) {}
 
-  refreshLexicalEditorsForTabID() {
+  refreshLexicalEditors() {
     scanAndListenForEditors(this.tabID, this.extensionStore, this.commandLog);
   }