fix(@angular-devkit/build-angular): show progress during re-builds

With the recent changes in #20960 we moved the spinner to be started outside of the progress callback, this causes a side-effect that after `succeed` is called the spinner will stop reporting progress unless it is started again.

(cherry picked from commit bd82967)

Author: alan-agius4

packages/angular_devkit/build_angular/src/utils/spinner.ts

@@ -8,12 +8,14 @@
 
 import * as ora from 'ora';
 import { colors } from './color';
+import { isTTY } from './tty';
 
 export class Spinner {
   private readonly spinner: ora.Ora;
 
   /** When false, only fail messages will be displayed. */
   enabled = true;
+  readonly #isTTY = isTTY();
 
   constructor(text?: string) {
     this.spinner = ora({
@@ -22,13 +24,18 @@ export class Spinner {
       // when the underlying process is sync.
       hideCursor: false,
       discardStdin: false,
+      isEnabled: this.#isTTY,
     });
   }
 
   set text(text: string) {
     this.spinner.text = text;
   }
 
+  get isSpinning(): boolean {
+    return this.spinner.isSpinning || !this.#isTTY;
+  }
+
   succeed(text?: string): void {
     if (this.enabled) {
       this.spinner.succeed(text);

packages/angular_devkit/build_angular/src/webpack/configs/common.ts

@@ -72,33 +72,28 @@ export function getCommonConfig(wco: WebpackConfigOptions): Configuration {
     const spinner = new Spinner();
     spinner.start(`Generating ${platform} application bundles (phase: setup)...`);
 
-    let previousPercentage: number | undefined;
     extraPlugins.push(
       new ProgressPlugin({
         handler: (percentage: number, message: string) => {
-          if (previousPercentage === 1 && percentage !== 0) {
-            // In some scenarios in Webpack 5 percentage goes from 1 back to 0.99.
-            // Ex: 0.99 -> 1 -> 0.99 -> 1
-            // This causes the "complete" message to be displayed multiple times.
-
-            return;
-          }
+          const phase = message ? ` (phase: ${message})` : '';
+          spinner.text = `Generating ${platform} application bundles${phase}...`;
 
           switch (percentage) {
             case 1:
-              spinner.succeed(
-                `${platform.replace(/^\w/, (s) =>
-                  s.toUpperCase(),
-                )} application bundle generation complete.`,
-              );
+              if (spinner.isSpinning) {
+                spinner.succeed(
+                  `${platform.replace(/^\w/, (s) =>
+                    s.toUpperCase(),
+                  )} application bundle generation complete.`,
+                );
+              }
               break;
             case 0:
-            default:
-              spinner.text = `Generating ${platform} application bundles (phase: ${message})...`;
+              if (!spinner.isSpinning) {
+                spinner.start();
+              }
               break;
           }
-
-          previousPercentage = percentage;
         },
       }),
     );