fix(@angular/cli): show planned actions in ng add dry run

This commit improves the `--dry-run` functionality for the `ng add` command to provide a clearer summary of the actions that would be taken. Previously, the dry run output was minimal. Now, it explicitly states which package version would have been installed and confirms that the package's schematic would have been executed, without performing the actual installation. The installation confirmation prompt is also now skipped during a dry run.

Author: clydin

packages/angular/cli/src/commands/add/cli.ts

@@ -50,6 +50,7 @@ interface AddCommandTaskContext {
  collectionName?: string;
  executeSchematic: AddCommandModule['executeSchematic'];
  getPeerDependencyConflicts: AddCommandModule['getPeerDependencyConflicts'];
+ dryRun?: boolean;
 }
 
 type AddCommandTaskWrapper = ListrTaskWrapper<
@@ -161,6 +162,7 @@ export default class AddCommandModule
  packageIdentifier,
  executeSchematic: this.executeSchematic.bind(this),
  getPeerDependencyConflicts: this.getPeerDependencyConflicts.bind(this),
+ dryRun: options.dryRun,
  };
 
  const tasks = new Listr<AddCommandTaskContext>(
@@ -183,11 +185,21 @@ export default class AddCommandModule
  },
  {
  title: 'Confirming installation',
- enabled: !skipConfirmation,
+ enabled: !skipConfirmation && !options.dryRun,
  task: (context, task) => this.confirmInstallationTask(context, task),
  rendererOptions: { persistentOutput: true },
  },
  {
+ title: 'Installing package',
+ skip: (context) => {
+ if (context.dryRun) {
+ return `Skipping package installation. Would install package ${color.blue(
+ context.packageIdentifier.toString(),
+ )}.`;
+ }
+
+ return false;
+ },
  task: (context, task) => this.installPackageTask(context, task, options),
  rendererOptions: { bottomBar: Infinity },
  },
@@ -202,6 +214,12 @@ export default class AddCommandModule
  const result = await tasks.run(taskContext);
  assert(result.collectionName, 'Collection name should always be available');
 
+ if (options.dryRun) {
+ logger.info('The package schematic would be executed next.');
+
+ return;
+ }
+
  return this.executeSchematic({ ...options, collection: result.collectionName });
  } catch (e) {
  if (e instanceof CommandError) {