@angular/core 22.0.0-next.1 → 22.0.0-next.11

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@angular/core",
-  "version": "22.0.0-next.1",
+  "version": "22.0.0-next.11",
   "description": "Angular - the core framework",
   "author": "angular",
   "license": "MIT",
   "engines": {
-    "node": "^22.22.0 || >=24.13.1"
+    "node": "^22.22.0 || ^24.13.1 || >=26.0.0"
   },
   "exports": {
     "./schematics/*": {
@@ -45,8 +45,12 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
+  "devDependencies": {
+    "@mcp-b/webmcp-polyfill": "^2.2.0",
+    "@mcp-b/webmcp-types": "^2.2.0"
+  },
   "peerDependencies": {
-    "@angular/compiler": "22.0.0-next.1",
+    "@angular/compiler": "22.0.0-next.11",
     "rxjs": "^6.5.3 || ^7.4.0",
     "zone.js": "~0.15.0 || ~0.16.0"
   },

package/schematics/bundles/apply_import_manager-CxA_YYgB.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v22.0.0-next.1
+ * @license Angular v22.0.0-next.11
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */

package/schematics/bundles/can-match-snapshot-required.cjs

@@ -0,0 +1,104 @@
+'use strict';
+/**
+ * @license Angular v22.0.0-next.11
+ * (c) 2010-2026 Google LLC. https://angular.dev/
+ * License: MIT
+ */
+'use strict';
+
+require('@angular-devkit/core');
+require('node:path/posix');
+var project_paths = require('./project_paths-D2V-Uh2L.cjs');
+var ts = require('typescript');
+require('@angular/compiler-cli');
+require('@angular/compiler-cli/private/migrations');
+require('node:path');
+require('@angular-devkit/schematics');
+require('./project_tsconfig_paths-DkkMibv-.cjs');
+
+class CanMatchSnapshotRequiredMigration extends project_paths.TsurgeFunnelMigration {
+    async analyze(info) {
+        const replacements = [];
+        const { sourceFiles, program } = info;
+        const typeChecker = program.getTypeChecker();
+        for (const sourceFile of sourceFiles) {
+            const walk = (node) => {
+                ts.forEachChild(node, walk);
+                if (ts.isCallExpression(node)) {
+                    let shouldMigrate = false;
+                    // 1. Method calls objective: obj.canMatch(a, b)
+                    if (ts.isPropertyAccessExpression(node.expression) &&
+                        node.expression.name.text === 'canMatch') {
+                        const type = typeChecker.getTypeAtLocation(node.expression.expression);
+                        const classSymbol = type.getSymbol();
+                        if (classSymbol && classSymbol.declarations) {
+                            const decl = classSymbol.declarations[0];
+                            if (ts.isClassDeclaration(decl)) {
+                                if (implementsInterface(decl, 'CanMatch')) {
+                                    shouldMigrate = true;
+                                }
+                            }
+                        }
+                    }
+                    // 2. Function calls objective: canMatch(a, b)
+                    if (ts.isIdentifier(node.expression) && node.expression.text === 'canMatch') {
+                        const type = typeChecker.getTypeAtLocation(node.expression);
+                        const typeStr = typeChecker.typeToString(type);
+                        if (typeStr.includes('CanMatchFn')) {
+                            shouldMigrate = true;
+                        }
+                    }
+                    if (shouldMigrate && node.arguments.length === 2) {
+                        const lastArg = node.arguments[1];
+                        replacements.push(new project_paths.Replacement(project_paths.projectFile(sourceFile, info), new project_paths.TextUpdate({
+                            position: lastArg.getEnd(),
+                            end: lastArg.getEnd(),
+                            toInsert: ', {} as any /* added by migration */',
+                        })));
+                    }
+                }
+            };
+            ts.forEachChild(sourceFile, walk);
+        }
+        return project_paths.confirmAsSerializable({ replacements });
+    }
+    async combine(unitA, unitB) {
+        return project_paths.confirmAsSerializable({
+            replacements: [...unitA.replacements, ...unitB.replacements],
+        });
+    }
+    async globalMeta(combinedData) {
+        return project_paths.confirmAsSerializable(combinedData);
+    }
+    async stats(globalMetadata) {
+        return project_paths.confirmAsSerializable({});
+    }
+    async migrate(globalData) {
+        return { replacements: globalData.replacements };
+    }
+}
+function implementsInterface(decl, interfaceName) {
+    if (!decl.heritageClauses)
+        return false;
+    for (const clause of decl.heritageClauses) {
+        if (clause.token === ts.SyntaxKind.ImplementsKeyword) {
+            for (const expr of clause.types) {
+                if (ts.isIdentifier(expr.expression) && expr.expression.text === interfaceName) {
+                    return true;
+                }
+            }
+        }
+    }
+    return false;
+}
+
+function migrate(options) {
+    return async (tree, context) => {
+        await project_paths.runMigrationInDevkit({
+            tree,
+            getMigration: (fs) => new CanMatchSnapshotRequiredMigration(),
+        });
+    };
+}
+
+exports.migrate = migrate;

package/schematics/bundles/change-detection-eager.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v22.0.0-next.1
+ * @license Angular v22.0.0-next.11
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */

package/schematics/bundles/cleanup-unused-imports.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v22.0.0-next.1
+ * @license Angular v22.0.0-next.11
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */

package/schematics/bundles/common-to-standalone-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v22.0.0-next.1
+ * @license Angular v22.0.0-next.11
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */

package/schematics/bundles/compiler_host-CY14HvaP.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v22.0.0-next.1
+ * @license Angular v22.0.0-next.11
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */

package/schematics/bundles/control-flow-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v22.0.0-next.1
+ * @license Angular v22.0.0-next.11
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */

package/schematics/bundles/http-xhr-backend.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v22.0.0-next.1
+ * @license Angular v22.0.0-next.11
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */
@@ -23,7 +23,11 @@ const provideHttpClient = 'provideHttpClient';
 const WITH_FETCH = 'withFetch';
 const WITH_XHR = 'withXhr';
 const HTTP_PACKAGE = '@angular/common/http';
-ts.factory.createIdentifier('provideHttpClient');
+/**
+ * Prior to v22, provideHttpClient() had a Xhr backend by default. In v22, the default was switched to a Fetch backend.
+ * This migration adds the withXhr() option to any provideHttpClient() calls that do not already have either withFetch() or withXhr() specified,
+ * to preserve the Xhr backend behavior.
+ */
 class XhrBackendMigration extends project_paths.TsurgeFunnelMigration {
     config;
     constructor(config = {}) {
@@ -76,15 +80,6 @@ class XhrBackendMigration extends project_paths.TsurgeFunnelMigration {
                         requestedFile: sourceFile,
                     });
                 }
-                else if (withFetchNode) {
-                    const isLastArg = node.arguments[node.arguments.length - 1] === withFetchNode;
-                    replacements.push(new project_paths.Replacement(project_paths.projectFile(sourceFile, info), new project_paths.TextUpdate({
-                        position: withFetchNode.getStart(),
-                        end: isLastArg ? withFetchNode.getEnd() : withFetchNode.getEnd() + 2, // +2 to remove the comma and space, could be improved
-                        toInsert: '',
-                    })));
-                    importManager.removeImport(sourceFile, 'withFetch', HTTP_PACKAGE);
-                }
             };
             sourceFile.forEachChild(walk);
         }

package/schematics/bundles/imports-CKV-ITqD.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v22.0.0-next.1
+ * @license Angular v22.0.0-next.11
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */

package/schematics/bundles/incremental-hydration.cjs

@@ -0,0 +1,94 @@
+'use strict';
+/**
+ * @license Angular v22.0.0-next.11
+ * (c) 2010-2026 Google LLC. https://angular.dev/
+ * License: MIT
+ */
+'use strict';
+
+require('@angular-devkit/core');
+require('node:path/posix');
+var project_paths = require('./project_paths-D2V-Uh2L.cjs');
+var migrations = require('@angular/compiler-cli/private/migrations');
+var ts = require('typescript');
+require('@angular/compiler-cli');
+require('node:path');
+var apply_import_manager = require('./apply_import_manager-CxA_YYgB.cjs');
+require('@angular-devkit/schematics');
+require('./project_tsconfig_paths-DkkMibv-.cjs');
+
+class IncrementalHydrationMigration extends project_paths.TsurgeFunnelMigration {
+    async analyze(info) {
+        const { sourceFiles, program } = info;
+        program.getTypeChecker();
+        const replacements = [];
+        const importManager = new migrations.ImportManager();
+        const printer = ts.createPrinter();
+        for (const sf of sourceFiles) {
+            ts.forEachChild(sf, function visit(node) {
+                if (ts.isCallExpression(node) &&
+                    ts.isIdentifier(node.expression) &&
+                    node.expression.text === 'provideClientHydration') {
+                    let hasIncremental = false;
+                    let hasNoIncremental = false;
+                    for (const arg of node.arguments) {
+                        if (ts.isCallExpression(arg) && ts.isIdentifier(arg.expression)) {
+                            if (arg.expression.text === 'withIncrementalHydration') {
+                                hasIncremental = true;
+                            }
+                            else if (arg.expression.text === 'withNoIncrementalHydration') {
+                                hasNoIncremental = true;
+                            }
+                        }
+                    }
+                    if (!hasIncremental && !hasNoIncremental) {
+                        // Add withNoIncrementalHydration()
+                        const withNoIncrementalExpr = importManager.addImport({
+                            exportModuleSpecifier: '@angular/platform-browser',
+                            exportSymbolName: 'withNoIncrementalHydration',
+                            requestedFile: sf,
+                        });
+                        const exprText = printer.printNode(ts.EmitHint.Unspecified, withNoIncrementalExpr, sf);
+                        const insertPos = node.arguments.end;
+                        const toInsert = node.arguments.length > 0 ? `, ${exprText}()` : `${exprText}()`;
+                        replacements.push(new project_paths.Replacement(project_paths.projectFile(sf, info), new project_paths.TextUpdate({
+                            position: insertPos,
+                            end: insertPos,
+                            toInsert: toInsert,
+                        })));
+                    }
+                }
+                ts.forEachChild(node, visit);
+            });
+        }
+        apply_import_manager.applyImportManagerChanges(importManager, replacements, sourceFiles, info);
+        return project_paths.confirmAsSerializable({
+            replacements,
+        });
+    }
+    async combine(unitA, unitB) {
+        return project_paths.confirmAsSerializable({
+            replacements: [...unitA.replacements, ...unitB.replacements],
+        });
+    }
+    async globalMeta(combinedData) {
+        return project_paths.confirmAsSerializable(combinedData);
+    }
+    async stats(globalMetadata) {
+        return project_paths.confirmAsSerializable({});
+    }
+    async migrate(globalData) {
+        return { replacements: globalData.replacements };
+    }
+}
+
+function migrate() {
+    return async (tree, context) => {
+        await project_paths.runMigrationInDevkit({
+            tree,
+            getMigration: (fs) => new IncrementalHydrationMigration(),
+        });
+    };
+}
+
+exports.migrate = migrate;

package/schematics/bundles/{index-BtLcQH8g.cjs → index-DcezkXLN.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v22.0.0-next.1
+ * @license Angular v22.0.0-next.11
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */
@@ -308,6 +308,9 @@ class TemplateReferenceVisitor extends compiler.TmplAstRecursiveVisitor {
             this.templateAttributeReferencedFields.push(...referencedFields);
         }
     }
+    visitLetDeclaration(decl) {
+        this.checkExpressionForReferencedFields(decl, decl.value);
+    }
 }
 /**
  * Expression AST visitor that checks whether a given expression references
@@ -402,13 +405,17 @@ class TemplateExpressionReferenceVisitor extends compiler.RecursiveAstVisitor {
             return false;
         }
         const symbol = this.templateTypeChecker.getSymbolOfNode(ast, this.componentClass);
-        if (symbol?.kind !== migrations.SymbolKind.Expression || symbol.tsSymbol === null) {
+        if (symbol?.kind !== migrations.SymbolKind.Expression) {
+            return false;
+        }
+        const tsSymbol = this.templateTypeChecker.getTsSymbolOfSymbol(symbol);
+        if (tsSymbol === null) {
             return false;
         }
         // Dangerous: Type checking symbol retrieval is a totally different `ts.Program`,
         // than the one where we analyzed `knownInputs`.
         // --> Find the input via its input id.
-        const targetInput = this.knownFields.attemptRetrieveDescriptorFromSymbol(symbol.tsSymbol);
+        const targetInput = this.knownFields.attemptRetrieveDescriptorFromSymbol(tsSymbol);
         if (targetInput === null) {
             return false;
         }

package/schematics/bundles/inject-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v22.0.0-next.1
+ * @license Angular v22.0.0-next.11
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */
@@ -1321,31 +1321,37 @@ function isStringType(node, checker) {
 }
 
 function migrate(options) {
-    return async (tree) => {
-        const { buildPaths, testPaths } = await project_tsconfig_paths.getProjectTsConfigPaths(tree);
+    return async (tree, context) => {
         const basePath = process.cwd();
+        let pathToMigrate;
+        if (options.path) {
+            if (options.path.startsWith('..')) {
+                throw new schematics.SchematicsException('Cannot run inject migration outside of the current project.');
+            }
+            pathToMigrate = compiler_host.normalizePath(path.join(basePath, options.path));
+        }
+        const { buildPaths, testPaths } = await project_tsconfig_paths.getProjectTsConfigPaths(tree);
         const allPaths = [...buildPaths, ...testPaths];
-        const pathToMigrate = compiler_host.normalizePath(path.join(basePath, options.path));
         if (!allPaths.length) {
-            throw new schematics.SchematicsException('Could not find any tsconfig file. Cannot run the inject migration.');
+            context.logger.warn('Could not find any tsconfig file. Cannot run the inject migration.');
+            return;
         }
+        let sourceFilesCount = 0;
         for (const tsconfigPath of allPaths) {
-            runInjectMigration(tree, tsconfigPath, basePath, pathToMigrate, options);
+            const program = compiler_host.createMigrationProgram(tree, tsconfigPath, basePath);
+            const sourceFiles = program
+                .getSourceFiles()
+                .filter((sourceFile) => (pathToMigrate ? sourceFile.fileName.startsWith(pathToMigrate) : true) &&
+                compiler_host.canMigrateFile(basePath, sourceFile, program));
+            sourceFilesCount += runInjectMigration(tree, sourceFiles, basePath, options);
+        }
+        if (sourceFilesCount === 0) {
+            context.logger.warn('Inject migration did not find any files to migrate');
         }
     };
 }
-function runInjectMigration(tree, tsconfigPath, basePath, pathToMigrate, schematicOptions) {
-    if (schematicOptions.path.startsWith('..')) {
-        throw new schematics.SchematicsException('Cannot run inject migration outside of the current project.');
-    }
-    const program = compiler_host.createMigrationProgram(tree, tsconfigPath, basePath);
-    const sourceFiles = program
-        .getSourceFiles()
-        .filter((sourceFile) => sourceFile.fileName.startsWith(pathToMigrate) &&
-        compiler_host.canMigrateFile(basePath, sourceFile, program));
-    if (sourceFiles.length === 0) {
-        throw new schematics.SchematicsException(`Could not find any files to migrate under the path ${pathToMigrate}. Cannot run the inject migration.`);
-    }
+function runInjectMigration(tree, sourceFiles, basePath, schematicOptions) {
+    let migratedFiles = 0;
     for (const sourceFile of sourceFiles) {
         const changes = migrateFile(sourceFile, schematicOptions);
         if (changes.length > 0) {
@@ -1357,8 +1363,10 @@ function runInjectMigration(tree, tsconfigPath, basePath, pathToMigrate, schemat
                 update.insertRight(change.start, change.text);
             }
             tree.commitUpdate(update);
+            migratedFiles++;
         }
     }
+    return migratedFiles;
 }
 
 exports.migrate = migrate;