improvement(fluid-build): Add a spinner with additional info for incr…

…emental task checks (#23282)

Adds a CLI spinner to display a little more feedback when loading the
build graph and checking incremental tasks. Currently fluid-build just
sits there for awhile and looks like it's hung. There is more that we
could do, but this is a step in the right direction.

build-tools/packages/build-tools/package.json

@@ -57,6 +57,7 @@
 		"multimatch": "^5.0.0",
 		"picocolors": "^1.1.1",
 		"picomatch": "^2.3.1",
+		"picospinner": "^2.0.0",
 		"rimraf": "^4.4.1",
 		"semver": "^7.6.3",
 		"sort-package-json": "1.57.0",

build-tools/packages/build-tools/src/fluidBuild/buildGraph.ts

@@ -5,6 +5,7 @@
 
 import { AsyncPriorityQueue } from "async";
 import chalk from "picocolors";
+import { Spinner } from "picospinner";
 import * as semver from "semver";
 
 import * as assert from "assert";
@@ -535,8 +536,13 @@ export class BuildGraph {
 	public async build(timer?: Timer): Promise<BuildResult> {
 		// This function must only be called once here at the beginning of the build.
 		// It checks the up-to-date state at this moment and will not be changed for the duration of the build.
+		const spinner = new Spinner("Checking incremental build task status...");
+		spinner.start();
+
 		const isUpToDate = await this.isUpToDate();
-		if (timer) timer.time(`Check up to date completed`);
+
+		timer?.time(`Check up to date completed`);
+		spinner.succeed("Tasks loaded.");
 
 		log(
 			`Start tasks '${chalk.cyanBright(this.buildTaskNames.join("', '"))}' in ${

build-tools/packages/build-tools/src/fluidBuild/fluidBuild.ts

@@ -4,6 +4,7 @@
  */
 
 import chalk from "picocolors";
+import { Spinner } from "picospinner";
 
 import { GitRepo } from "../common/gitRepo";
 import { defaultLogger } from "../common/logging";
@@ -99,12 +100,15 @@ async function main() {
 
 		// build the graph
 		let buildGraph: BuildGraph;
+		const spinner = new Spinner("Creating build graph...");
 		try {
+			spinner.start();
 			buildGraph = repo.createBuildGraph(options, options.buildTaskNames);
 		} catch (e: unknown) {
 			error((e as Error).message);
 			process.exit(-11);
 		}
+		spinner.succeed("Build graph created.");
 		timer.time("Build graph creation completed");
 
 		// Check install