[eas-cli] diagnostics: add loader and progress information (#2378)

* [eas-cli] diagnostics: add loader and progress information

* add changelog entry

CHANGELOG.md

@@ -12,6 +12,8 @@ This is the log of notable changes to EAS CLI and related packages.
 
 ### 🧹 Chores
 
+- Add loader and progress information to the `diagnostics` command. ([#2378](https://github.com/expo/eas-cli/pull/2378) by [@simek](https://github.com/simek))
+
 ## [9.0.3](https://github.com/expo/eas-cli/releases/tag/v9.0.3) - 2024-05-10
 
 ### 🧹 Chores

packages/eas-cli/src/commands/diagnostics.ts

@@ -1,8 +1,10 @@
 import { Platform } from '@expo/eas-build-job';
+import chalk from 'chalk';
 import envinfo from 'envinfo';
 
 import EasCommand from '../commandUtils/EasCommand';
 import Log from '../log';
+import { ora } from '../ora';
 import { resolveWorkflowAsync } from '../project/workflow';
 import { easCliVersion } from '../utils/easCli';
 import { Client } from '../vcs/vcs';
@@ -20,6 +22,7 @@ export default class Diagnostics extends EasCommand {
       nonInteractive: true,
     });
 
+    const spinner = ora().start(`Gathering diagnostic information...`);
     const info = await envinfo.run(
       {
         System: ['OS', 'Shell'],
@@ -40,9 +43,10 @@ export default class Diagnostics extends EasCommand {
         npmGlobalPackages: ['eas-cli', 'expo-cli'],
       },
       {
-        title: `EAS CLI ${easCliVersion} environment info`,
+        title: chalk.bold(`EAS CLI ${easCliVersion} environment info`),
       }
     );
+    spinner.succeed('All needed information gathered!');
 
     Log.log(info.trimEnd());
     await this.printWorkflowAsync(projectDir, vcsClient);
@@ -56,7 +60,7 @@ export default class Diagnostics extends EasCommand {
     if (androidWorkflow === iosWorkflow) {
       Log.log(`    Project workflow: ${androidWorkflow}`);
     } else {
-      Log.log(`    Project Workflow:`);
+      Log.log(`    Project workflow:`);
       Log.log(`      Android: ${androidWorkflow}`);
       Log.log(`      iOS: ${iosWorkflow}`);
     }