Merge pull request #842 from Lemoncode/fix/#841-fix-file-content-not-loading

Fix/#841 fix file content not loading

Author: manudous

.changeset/tasty-steaks-know.md

@@ -0,0 +1,5 @@
+---
+'quickmock': patch
+---
+
+Fix editor failing to load files opened from outside the workspace. The webview HTML was assigned before registering `onDidReceiveMessage`, causing a race where the initial `READY` / `WEBVIEW_READY` message from the app could be lost and the file content never delivered. The listener is now registered before the HTML assignment.

packages/vscode-extension/src/editor/provider.ts

@@ -109,18 +109,19 @@ export class QuickMockEditorProvider implements vscode.CustomEditorProvider<Quic
       enableScripts: true,
       localResourceRoots: [this.extensionUri],
     };
-    panel.webview.html = getHtml(
-      panel.webview,
-      this.extensionUri,
-      getEditorAppUrl()
-    );
 
     panel.webview.onDidReceiveMessage(async (msg: AppMessage) => {
       await handleWebviewMessage(msg, doc, reply =>
         panel.webview.postMessage(reply satisfies HostMessage)
       );
       documentRegistry.set(doc.uri.fsPath, doc.content);
     });
+
+    panel.webview.html = getHtml(
+      panel.webview,
+      this.extensionUri,
+      getEditorAppUrl()
+    );
   }
 
   private broadcast(doc: QuickMockDocument, msg: HostMessage): void {