Improves "emulators:start" logs

CHANGELOG.md

@@ -4,3 +4,4 @@
 - Adds new API commands that handle list/create/delete operations on the Android SHA certificate hashes `apps:android:sha:list`, `apps:android:sha:create`, and `apps:android:sha:delete`.
 - Fixes an issue where the CLI did not assume admin privileges when performing Firestore / RTDB emulator operations.
 - Fixes an issue where the functions and hosting emulators would crash when not properly initialized (#2112).
+- Improves logs when running `emulators:start`.

src/commands/emulators-start.ts

@@ -2,6 +2,10 @@ import { Command } from "../command";
 import * as controller from "../emulator/controller";
 import * as commandUtils from "../emulator/commandUtils";
 import * as utils from "../utils";
+import * as logger from "../logger";
+import { EmulatorRegistry } from "../emulator/registry";
+import { Emulators, EMULATORS_SUPPORTED_BY_GUI } from "../emulator/types";
+const Table = require("cli-table");
 
 module.exports = new Command("emulators:start")
   .before(commandUtils.beforeEmulatorCommand)
@@ -18,6 +22,46 @@ module.exports = new Command("emulators:start")
     }
 
     utils.logLabeledSuccess("emulators", "All emulators started, it is now safe to connect.");
+    const table = new Table({
+      head: ["Emulator", "Host:Port", "View in Browser"],
+      style: {
+        head: ["yellow"],
+      },
+    });
+
+    const guiInfo = EmulatorRegistry.getInfo(Emulators.GUI);
+    table.push(
+      ...controller
+        .filterEmulatorTargets(options)
+        .map((emulator) => {
+          const info = EmulatorRegistry.getInfo(emulator);
+          const emulatorName = emulator.slice(0, 1).toUpperCase() + emulator.slice(1);
+          const isSupportedByGUI = EMULATORS_SUPPORTED_BY_GUI.includes(emulator);
+
+          if (!info) {
+            return [emulatorName, "Failed to initialize (see above)", ""];
+          }
+
+          return [
+            emulatorName,
+            `${info?.host}:${info?.port}`,
+            isSupportedByGUI && guiInfo ? `http://${guiInfo.host}:${guiInfo.port}/${emulator}` : "",
+          ];
+        })
+        .filter((v) => v)
+    );
+
+    logger.info(`${table.toString()}
+
+You can also view status and logs of the emulators by pointing your browser to http://${
+      guiInfo?.host
+    }:${guiInfo?.port}/.
+
+Issues? Report them at https://github.com/firebase/firebase-tools/issues and attach log files named *-debug.log in current directory.
+ `);
+
+    // Add this line above once connect page is implemented
+    // It is now safe to connect your app. Instructions: http://${guiInfo?.host}:${guiInfo?.port}/connect
 
     // Hang until explicitly killed
     await new Promise((res, rej) => {