feat(vscode): include host member in DartFrogApplication (#1010)

Author: alestiago

extensions/vscode/src/daemon/dart-frog-application.ts

@@ -2,8 +2,14 @@
  * Represents the metadata associated to a Dart Frog application.
  */
 export class DartFrogApplication {
-  constructor(projectPath: string, port: number, vmServicePort: number) {
+  constructor(
+    projectPath: string,
+    port: number,
+    vmServicePort: number,
+    host?: string
+  ) {
     this.projectPath = projectPath;
+    this.host = host === undefined ? "localhost" : host;
     this.port = port;
     this.vmServicePort = vmServicePort;
   }
@@ -23,6 +29,11 @@ export class DartFrogApplication {
    */
   public readonly vmServicePort: number;
 
+  /**
+   * The host on which the application is bound to.
+   */
+  public readonly host: string;
+
   private _id: string | undefined;
 
   /**

extensions/vscode/src/status-bar/open-application-status-bar-item.ts

@@ -33,7 +33,7 @@ export class OpenApplicationStatusBarItem extends DartFrogStatusBarItem {
     }
 
     const application = applications[0];
-    this.statusBarItem.text = `$(dart-frog-globe) localhost:${application.port}`;
+    this.statusBarItem.text = `$(dart-frog-globe) ${application.host}:${application.port}`;
     this.statusBarItem.tooltip = "Open application in browser";
     const openCommand: Command = {
       title: "Open application in browser",

extensions/vscode/src/test/suite/daemon/dart-frog-application.test.ts

@@ -10,12 +10,24 @@ suite("DartFrogApplication", () => {
     const application = new DartFrogApplication(
       projectPath,
       port,
-      vmServicePort
+      vmServicePort,
+      "127.0.0.1"
     );
 
     assert.equal(application.projectPath, projectPath);
     assert.equal(application.port, port);
     assert.equal(application.vmServicePort, vmServicePort);
+    assert.equal(application.host, "127.0.0.1");
+  });
+
+  test("host is localhost by default", () => {
+    const application = new DartFrogApplication(
+      projectPath,
+      port,
+      vmServicePort
+    );
+
+    assert.equal(application.host, "localhost");
   });
 
   suite("id", () => {

extensions/vscode/src/utils/dart-frog-application.ts

@@ -56,11 +56,7 @@ export async function quickPickApplication(
  */
 class PickableDartFrogApplication implements QuickPickItem {
   constructor(dartFrogApplication: DartFrogApplication) {
-    const addressWithoutProtocol = dartFrogApplication.address!.replace(
-      /.*?:\/\//g,
-      ""
-    );
-    this.label = `$(globe) ${addressWithoutProtocol}`;
+    this.label = `$(globe) ${dartFrogApplication.host}:${dartFrogApplication.port}`;
     this.description = dartFrogApplication.id!.toString();
     this.application = dartFrogApplication;
   }