refactor(@angular/cli): respect workspace cache configuration in ng add

This change updates the 'ng add' command to dynamically determine the base directory for temporary package manager operations by consulting the workspace configuration. If caching is enabled and the cache path is located within the workspace root, it is added to the list of candidate directories alongside 'node_modules'.

This ensures that the package manager correctly inherits project settings even when the user has customized the location of the '.angular' directory, while maintaining the requirement that the directory must be within the project context for configuration inheritance to work.

Author: clydin

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

@@ -10,7 +10,7 @@ import { Listr, ListrRenderer, ListrTaskWrapper, color, figures } from 'listr2';
 import assert from 'node:assert';
 import fs from 'node:fs/promises';
 import { createRequire } from 'node:module';
-import { dirname, join } from 'node:path';
+import { dirname, join, relative, resolve } from 'node:path';
 import npa from 'npm-package-arg';
 import semver, { Range, compare, intersects, prerelease, satisfies, valid } from 'semver';
 import { Argv } from 'yargs';
@@ -34,6 +34,7 @@ import {
 import { assertIsError } from '../../utilities/error';
 import { isTTY } from '../../utilities/tty';
 import { VERSION } from '../../utilities/version';
+import { getCacheConfig } from '../cache/utilities';
 
 class CommandError extends Error {}
 
@@ -300,9 +301,19 @@ export default class AddCommandModule
     task: AddCommandTaskWrapper,
   ): Promise<void> {
     let tempDirectory: string | undefined;
-    for (const path of ['.angular/cache', 'node_modules']) {
+    const tempOptions = ['node_modules'];
+
+    const cacheConfig = getCacheConfig(this.context.workspace);
+    if (cacheConfig.enabled) {
+      const cachePath = resolve(this.context.root, cacheConfig.path);
+      if (!relative(this.context.root, cachePath).startsWith('..')) {
+        tempOptions.push(cachePath);
+      }
+    }
+
+    for (const tempOption of tempOptions) {
       try {
-        const directory = join(this.context.root, path);
+        const directory = resolve(this.context.root, tempOption);
         if ((await fs.stat(directory)).isDirectory()) {
           tempDirectory = directory;
           break;