@openrewrite/recipes-angular 1.8.0 → 1.9.0-20260804-162757

package/dist/search/find-http-xhr-backend-usage.js

@@ -0,0 +1,65 @@
+"use strict";
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FindHttpXhrBackendUsage = void 0;
+const rewrite_1 = require("@openrewrite/rewrite");
+const javascript_1 = require("@openrewrite/rewrite/javascript");
+const java_1 = require("@openrewrite/rewrite/java");
+class FindHttpXhrBackendUsage extends rewrite_1.Recipe {
+    constructor() {
+        super(...arguments);
+        this.name = "org.openrewrite.angular.search.find-http-xhr-backend-usage";
+        this.displayName = "Find `HttpXhrBackend` usage";
+        this.description = "Finds imports of `HttpXhrBackend` from `@angular/common/http`. " +
+            "Angular 22 uses the Fetch API by default; add `withXhr()` to `provideHttpClient()` to keep using `XMLHttpRequest`, " +
+            "which is also required for upload progress reports.";
+    }
+    editor() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new class extends javascript_1.JavaScriptVisitor {
+                visitImportDeclaration(jsImport, p) {
+                    const _super = Object.create(null, {
+                        visitImportDeclaration: { get: () => super.visitImportDeclaration }
+                    });
+                    return __awaiter(this, void 0, void 0, function* () {
+                        var _a;
+                        const imp = yield _super.visitImportDeclaration.call(this, jsImport, p);
+                        if (!imp.moduleSpecifier)
+                            return imp;
+                        const moduleSpec = imp.moduleSpecifier.element;
+                        if (moduleSpec.kind !== java_1.J.Kind.Literal)
+                            return imp;
+                        if (moduleSpec.value !== '@angular/common/http')
+                            return imp;
+                        const namedBindings = (_a = imp.importClause) === null || _a === void 0 ? void 0 : _a.namedBindings;
+                        if ((namedBindings === null || namedBindings === void 0 ? void 0 : namedBindings.kind) === javascript_1.JS.Kind.NamedImports) {
+                            const named = namedBindings;
+                            for (const specifier of named.elements.elements) {
+                                const spec = specifier.element;
+                                if ((0, java_1.isIdentifier)(spec.specifier) && spec.specifier.simpleName === 'HttpXhrBackend') {
+                                    return (0, rewrite_1.foundSearchResult)(imp, "HttpXhrBackend is no longer the default in Angular 22. Use provideHttpClient(withXhr()) to keep XMLHttpRequest based requests. See https://angular.dev/api/common/http/withXhr");
+                                }
+                            }
+                        }
+                        return imp;
+                    });
+                }
+            };
+        });
+    }
+}
+exports.FindHttpXhrBackendUsage = FindHttpXhrBackendUsage;
+//# sourceMappingURL=find-http-xhr-backend-usage.js.map

package/dist/search/find-http-xhr-backend-usage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-http-xhr-backend-usage.js","sourceRoot":"","sources":["../../src/search/find-http-xhr-backend-usage.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;AAEH,kDAA8F;AAC9F,gEAAsE;AACtE,oDAA0D;AAE1D,MAAa,uBAAwB,SAAQ,gBAAM;IAAnD;;QACa,SAAI,GAAG,4DAA4D,CAAC;QACpE,gBAAW,GAAW,6BAA6B,CAAC;QACpD,gBAAW,GAAW,iEAAiE;YAC5F,qHAAqH;YACrH,qDAAqD,CAAC;IA4B9D,CAAC;IA1BS,MAAM;;YACR,OAAO,IAAI,KAAM,SAAQ,8BAAmC;gBACxC,sBAAsB,CAAC,QAAmB,EAAE,CAAmB;;;;;;wBAC3E,MAAM,GAAG,GAAG,MAAM,OAAM,sBAAsB,YAAC,QAAQ,EAAE,CAAC,CAAc,CAAC;wBACzE,IAAI,CAAC,GAAG,CAAC,eAAe;4BAAE,OAAO,GAAG,CAAC;wBAErC,MAAM,UAAU,GAAG,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC;wBAC/C,IAAI,UAAU,CAAC,IAAI,KAAK,QAAC,CAAC,IAAI,CAAC,OAAO;4BAAE,OAAO,GAAG,CAAC;wBACnD,IAAK,UAAwB,CAAC,KAAK,KAAK,sBAAsB;4BAAE,OAAO,GAAG,CAAC;wBAE3E,MAAM,aAAa,GAAG,MAAA,GAAG,CAAC,YAAY,0CAAE,aAAa,CAAC;wBACtD,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,MAAK,eAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;4BAC/C,MAAM,KAAK,GAAG,aAAgC,CAAC;4BAC/C,KAAK,MAAM,SAAS,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;gCAC9C,MAAM,IAAI,GAAG,SAAS,CAAC,OAA6B,CAAC;gCACrD,IAAI,IAAA,mBAAY,EAAC,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,UAAU,KAAK,gBAAgB,EAAE,CAAC;oCACjF,OAAO,IAAA,2BAAiB,EAAC,GAAG,EACxB,gLAAgL,CAAC,CAAC;gCAC1L,CAAC;4BACL,CAAC;wBACL,CAAC;wBAED,OAAO,GAAG,CAAC;oBACf,CAAC;iBAAA;aACJ,CAAC;QACN,CAAC;KAAA;CACJ;AAjCD,0DAiCC"}

package/dist/search/find-implicit-params-inheritance.d.ts

@@ -0,0 +1,8 @@
+import { ExecutionContext, Recipe, TreeVisitor } from "@openrewrite/rewrite";
+export declare class FindImplicitParamsInheritance extends Recipe {
+    readonly name = "org.openrewrite.angular.search.find-implicit-params-inheritance";
+    readonly displayName: string;
+    readonly description: string;
+    editor(): Promise<TreeVisitor<any, ExecutionContext>>;
+}
+//# sourceMappingURL=find-implicit-params-inheritance.d.ts.map

package/dist/search/find-implicit-params-inheritance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-implicit-params-inheritance.d.ts","sourceRoot":"","sources":["../../src/search/find-implicit-params-inheritance.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,gBAAgB,EAAqB,MAAM,EAAE,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAI9F,qBAAa,6BAA8B,SAAQ,MAAM;IACrD,QAAQ,CAAC,IAAI,qEAAqE;IAClF,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAkF;IAC9G,QAAQ,CAAC,WAAW,EAAE,MAAM,CAC8G;IAEpI,MAAM,IAAI,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;CAkB9D"}

package/dist/search/find-implicit-params-inheritance.js

@@ -0,0 +1,74 @@
+"use strict";
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FindImplicitParamsInheritance = void 0;
+const rewrite_1 = require("@openrewrite/rewrite");
+const javascript_1 = require("@openrewrite/rewrite/javascript");
+const java_1 = require("@openrewrite/rewrite/java");
+class FindImplicitParamsInheritance extends rewrite_1.Recipe {
+    constructor() {
+        super(...arguments);
+        this.name = "org.openrewrite.angular.search.find-implicit-params-inheritance";
+        this.displayName = "Find router configuration relying on the default `paramsInheritanceStrategy`";
+        this.description = "Finds `provideRouter()` and `RouterModule.forRoot()` calls that do not set `paramsInheritanceStrategy`. " +
+            "Angular 22 changed the default from `emptyOnly` to `always`, so route parameters and data are now inherited from all parent routes.";
+    }
+    editor() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new class extends javascript_1.JavaScriptVisitor {
+                visitMethodInvocation(method, p) {
+                    const _super = Object.create(null, {
+                        visitMethodInvocation: { get: () => super.visitMethodInvocation }
+                    });
+                    return __awaiter(this, void 0, void 0, function* () {
+                        const m = yield _super.visitMethodInvocation.call(this, method, p);
+                        if (!m || !(0, java_1.isIdentifier)(m.name))
+                            return m;
+                        const isProvideRouter = !m.select && m.name.simpleName === 'provideRouter';
+                        const isForRoot = m.name.simpleName === 'forRoot' &&
+                            !!m.select && (0, java_1.isIdentifier)(m.select.element) && m.select.element.simpleName === 'RouterModule';
+                        if (!isProvideRouter && !isForRoot)
+                            return m;
+                        if (yield declaresParamsInheritanceStrategy(m, p))
+                            return m;
+                        return (0, rewrite_1.foundSearchResult)(m, "paramsInheritanceStrategy defaults to 'always' as of Angular 22. Set it to 'emptyOnly' to keep the previous behavior.");
+                    });
+                }
+            };
+        });
+    }
+}
+exports.FindImplicitParamsInheritance = FindImplicitParamsInheritance;
+function declaresParamsInheritanceStrategy(method, p) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b;
+        let found = false;
+        const detector = new class extends javascript_1.JavaScriptVisitor {
+            visitIdentifier(identifier, ctx) {
+                return __awaiter(this, void 0, void 0, function* () {
+                    if (identifier.simpleName === 'paramsInheritanceStrategy')
+                        found = true;
+                    return identifier;
+                });
+            }
+        }();
+        for (const element of (_b = (_a = method.arguments) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : []) {
+            yield detector.visit(element.element, p);
+        }
+        return found;
+    });
+}
+//# sourceMappingURL=find-implicit-params-inheritance.js.map

package/dist/search/find-implicit-params-inheritance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-implicit-params-inheritance.js","sourceRoot":"","sources":["../../src/search/find-implicit-params-inheritance.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;AAEH,kDAA8F;AAC9F,gEAAkE;AAClE,oDAA0D;AAE1D,MAAa,6BAA8B,SAAQ,gBAAM;IAAzD;;QACa,SAAI,GAAG,iEAAiE,CAAC;QACzE,gBAAW,GAAW,8EAA8E,CAAC;QACrG,gBAAW,GAAW,0GAA0G;YACrI,qIAAqI,CAAC;IAoB9I,CAAC;IAlBS,MAAM;;YACR,OAAO,IAAI,KAAM,SAAQ,8BAAmC;gBACzC,qBAAqB,CAAC,MAA0B,EAAE,CAAmB;;;;;wBAChF,MAAM,CAAC,GAAG,MAAM,OAAM,qBAAqB,YAAC,MAAM,EAAE,CAAC,CAAuB,CAAC;wBAC7E,IAAI,CAAC,CAAC,IAAI,CAAC,IAAA,mBAAY,EAAC,CAAC,CAAC,IAAI,CAAC;4BAAE,OAAO,CAAC,CAAC;wBAE1C,MAAM,eAAe,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,KAAK,eAAe,CAAC;wBAC3E,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,UAAU,KAAK,SAAS;4BAC7C,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,IAAA,mBAAY,EAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,KAAK,cAAc,CAAC;wBACnG,IAAI,CAAC,eAAe,IAAI,CAAC,SAAS;4BAAE,OAAO,CAAC,CAAC;wBAE7C,IAAI,MAAM,iCAAiC,CAAC,CAAC,EAAE,CAAC,CAAC;4BAAE,OAAO,CAAC,CAAC;wBAE5D,OAAO,IAAA,2BAAiB,EAAC,CAAC,EACtB,uHAAuH,CAAC,CAAC;oBACjI,CAAC;iBAAA;aACJ,CAAC;QACN,CAAC;KAAA;CACJ;AAxBD,sEAwBC;AAED,SAAe,iCAAiC,CAAC,MAA0B,EAAE,CAAmB;;;QAC5F,IAAI,KAAK,GAAG,KAAK,CAAC;QAClB,MAAM,QAAQ,GAAG,IAAI,KAAM,SAAQ,8BAAmC;YACnD,eAAe,CAAC,UAAwB,EAAE,GAAqB;;oBAC1E,IAAI,UAAU,CAAC,UAAU,KAAK,2BAA2B;wBAAE,KAAK,GAAG,IAAI,CAAC;oBACxE,OAAO,UAAU,CAAC;gBACtB,CAAC;aAAA;SACJ,EAAE,CAAC;QACJ,KAAK,MAAM,OAAO,IAAI,MAAA,MAAA,MAAM,CAAC,SAAS,0CAAE,QAAQ,mCAAI,EAAE,EAAE,CAAC;YACrD,MAAM,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAC7C,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;CAAA"}

package/dist/search/find-provide-routes-usage.d.ts

@@ -0,0 +1,8 @@
+import { ExecutionContext, Recipe, TreeVisitor } from "@openrewrite/rewrite";
+export declare class FindProvideRoutesUsage extends Recipe {
+    readonly name = "org.openrewrite.angular.search.find-provide-routes-usage";
+    readonly displayName: string;
+    readonly description: string;
+    editor(): Promise<TreeVisitor<any, ExecutionContext>>;
+}
+//# sourceMappingURL=find-provide-routes-usage.d.ts.map

package/dist/search/find-provide-routes-usage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-provide-routes-usage.d.ts","sourceRoot":"","sources":["../../src/search/find-provide-routes-usage.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,gBAAgB,EAAqB,MAAM,EAAE,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAI9F,qBAAa,sBAAuB,SAAQ,MAAM;IAC9C,QAAQ,CAAC,IAAI,8DAA8D;IAC3E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAgC;IAC5D,QAAQ,CAAC,WAAW,EAAE,MAAM,CAC+C;IAErE,MAAM,IAAI,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;CA0B9D"}

package/dist/search/find-provide-routes-usage.js

@@ -0,0 +1,64 @@
+"use strict";
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FindProvideRoutesUsage = void 0;
+const rewrite_1 = require("@openrewrite/rewrite");
+const javascript_1 = require("@openrewrite/rewrite/javascript");
+const java_1 = require("@openrewrite/rewrite/java");
+class FindProvideRoutesUsage extends rewrite_1.Recipe {
+    constructor() {
+        super(...arguments);
+        this.name = "org.openrewrite.angular.search.find-provide-routes-usage";
+        this.displayName = "Find `provideRoutes` usage";
+        this.description = "Finds imports of `provideRoutes` from `@angular/router`, which was removed in Angular 22. " +
+            "Use `provideRouter()`, or provide the `ROUTES` multi token directly.";
+    }
+    editor() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new class extends javascript_1.JavaScriptVisitor {
+                visitImportDeclaration(jsImport, p) {
+                    const _super = Object.create(null, {
+                        visitImportDeclaration: { get: () => super.visitImportDeclaration }
+                    });
+                    return __awaiter(this, void 0, void 0, function* () {
+                        var _a;
+                        const imp = yield _super.visitImportDeclaration.call(this, jsImport, p);
+                        if (!imp.moduleSpecifier)
+                            return imp;
+                        const moduleSpec = imp.moduleSpecifier.element;
+                        if (moduleSpec.kind !== java_1.J.Kind.Literal)
+                            return imp;
+                        if (moduleSpec.value !== '@angular/router')
+                            return imp;
+                        const namedBindings = (_a = imp.importClause) === null || _a === void 0 ? void 0 : _a.namedBindings;
+                        if ((namedBindings === null || namedBindings === void 0 ? void 0 : namedBindings.kind) === javascript_1.JS.Kind.NamedImports) {
+                            const named = namedBindings;
+                            for (const specifier of named.elements.elements) {
+                                const spec = specifier.element;
+                                if ((0, java_1.isIdentifier)(spec.specifier) && spec.specifier.simpleName === 'provideRoutes') {
+                                    return (0, rewrite_1.foundSearchResult)(imp, "provideRoutes() was removed in Angular 22. Use provideRouter(), or the ROUTES multi token if necessary.");
+                                }
+                            }
+                        }
+                        return imp;
+                    });
+                }
+            };
+        });
+    }
+}
+exports.FindProvideRoutesUsage = FindProvideRoutesUsage;
+//# sourceMappingURL=find-provide-routes-usage.js.map

package/dist/search/find-provide-routes-usage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-provide-routes-usage.js","sourceRoot":"","sources":["../../src/search/find-provide-routes-usage.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;AAEH,kDAA8F;AAC9F,gEAAsE;AACtE,oDAA0D;AAE1D,MAAa,sBAAuB,SAAQ,gBAAM;IAAlD;;QACa,SAAI,GAAG,0DAA0D,CAAC;QAClE,gBAAW,GAAW,4BAA4B,CAAC;QACnD,gBAAW,GAAW,4FAA4F;YACvH,sEAAsE,CAAC;IA4B/E,CAAC;IA1BS,MAAM;;YACR,OAAO,IAAI,KAAM,SAAQ,8BAAmC;gBACxC,sBAAsB,CAAC,QAAmB,EAAE,CAAmB;;;;;;wBAC3E,MAAM,GAAG,GAAG,MAAM,OAAM,sBAAsB,YAAC,QAAQ,EAAE,CAAC,CAAc,CAAC;wBACzE,IAAI,CAAC,GAAG,CAAC,eAAe;4BAAE,OAAO,GAAG,CAAC;wBAErC,MAAM,UAAU,GAAG,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC;wBAC/C,IAAI,UAAU,CAAC,IAAI,KAAK,QAAC,CAAC,IAAI,CAAC,OAAO;4BAAE,OAAO,GAAG,CAAC;wBACnD,IAAK,UAAwB,CAAC,KAAK,KAAK,iBAAiB;4BAAE,OAAO,GAAG,CAAC;wBAEtE,MAAM,aAAa,GAAG,MAAA,GAAG,CAAC,YAAY,0CAAE,aAAa,CAAC;wBACtD,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,MAAK,eAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;4BAC/C,MAAM,KAAK,GAAG,aAAgC,CAAC;4BAC/C,KAAK,MAAM,SAAS,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;gCAC9C,MAAM,IAAI,GAAG,SAAS,CAAC,OAA6B,CAAC;gCACrD,IAAI,IAAA,mBAAY,EAAC,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,UAAU,KAAK,eAAe,EAAE,CAAC;oCAChF,OAAO,IAAA,2BAAiB,EAAC,GAAG,EACxB,yGAAyG,CAAC,CAAC;gCACnH,CAAC;4BACL,CAAC;wBACL,CAAC;wBAED,OAAO,GAAG,CAAC;oBACf,CAAC;iBAAA;aACJ,CAAC;QACN,CAAC;KAAA;CACJ;AAhCD,wDAgCC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openrewrite/recipes-angular",
-  "version": "1.8.0",
+  "version": "1.9.0-20260804-162757",
   "license": "Moderne Proprietary",
   "description": "OpenRewrite recipes for Angular.",
   "homepage": "https://github.com/openrewrite/rewrite",

package/src/index.ts

@@ -61,6 +61,7 @@ import {UpgradeToAngular18} from './migration/upgrade-to-angular-18';
 import {UpgradeToAngular19} from './migration/upgrade-to-angular-19';
 import {UpgradeToAngular20} from './migration/upgrade-to-angular-20';
 import {UpgradeToAngular21} from './migration/upgrade-to-angular-21';
+import {UpgradeToAngular22} from './migration/upgrade-to-angular-22';
 import {FindAngularDecorator} from './search/find-angular-decorator';
 import {FindZoneJsUsage} from './search/find-zone-js-usage';
 import {FindHammerJsUsage} from './search/find-hammer-js-usage';
@@ -107,6 +108,18 @@ import {MigrateInputToSignal} from './migration/migrate-input-to-signal';
 import {MigrateOutputToSignal} from './migration/migrate-output-to-signal';
 import {MigrateQueryToSignal} from './migration/migrate-query-to-signal';
 import {AddLocalizePolyfill} from './migration/add-localize-polyfill';
+import {FindProvideRoutesUsage} from './search/find-provide-routes-usage';
+import {FindCheckNoChangesUsage} from './search/find-check-no-changes-usage';
+import {FindCanMatchUsage} from './search/find-can-match-usage';
+import {FindHttpXhrBackendUsage} from './search/find-http-xhr-backend-usage';
+import {FindImplicitParamsInheritance} from './search/find-implicit-params-inheritance';
+import {AddEagerChangeDetection} from './migration/add-eager-change-detection';
+import {RenameDefaultChangeDetection} from './migration/rename-default-change-detection';
+import {AddNoIncrementalHydration} from './migration/add-no-incremental-hydration';
+import {AddStrictTemplatesFalse} from './migration/add-strict-templates-false';
+import {RemoveWithFetch} from './migration/remove-with-fetch';
+import {ReplaceCreateNgModuleRef} from './migration/replace-create-ng-module-ref';
+import {RenameAngularJsGlobals} from './migration/rename-angular-js-globals';
 import {UpgradeToPrimeNG18} from './libraries/primeng/18/upgrade-to-primeng-18';
 import {UpgradeComponentsTo18} from './libraries/primeng/18/upgrade-components-to-18';
 import {MigratePrimeNgConfigToPrimeNG} from './libraries/primeng/18/migrate-primeng-config';
@@ -189,6 +202,7 @@ export async function activate(marketplace: RecipeMarketplace) {
     await marketplace.install(UpgradeToAngular19, AngularMigration);
     await marketplace.install(UpgradeToAngular20, AngularMigration);
     await marketplace.install(UpgradeToAngular21, AngularMigration);
+    await marketplace.install(UpgradeToAngular22, AngularMigration);
     await marketplace.install(FindAngularDecorator, AngularSearch);
     await marketplace.install(FindZoneJsUsage, AngularSearch);
     await marketplace.install(FindHammerJsUsage, AngularSearch);
@@ -237,6 +251,18 @@ export async function activate(marketplace: RecipeMarketplace) {
     await marketplace.install(MigrateOutputToSignal, AngularMigration);
     await marketplace.install(MigrateQueryToSignal, AngularMigration);
     await marketplace.install(AddLocalizePolyfill, AngularMigration);
+    await marketplace.install(FindProvideRoutesUsage, AngularSearch);
+    await marketplace.install(FindCheckNoChangesUsage, AngularSearch);
+    await marketplace.install(FindCanMatchUsage, AngularSearch);
+    await marketplace.install(FindHttpXhrBackendUsage, AngularSearch);
+    await marketplace.install(FindImplicitParamsInheritance, AngularSearch);
+    await marketplace.install(AddEagerChangeDetection, AngularMigration);
+    await marketplace.install(RenameDefaultChangeDetection, AngularMigration);
+    await marketplace.install(AddNoIncrementalHydration, AngularMigration);
+    await marketplace.install(AddStrictTemplatesFalse, AngularMigration);
+    await marketplace.install(RemoveWithFetch, AngularMigration);
+    await marketplace.install(ReplaceCreateNgModuleRef, AngularMigration);
+    await marketplace.install(RenameAngularJsGlobals, AngularMigration);
     // PrimeNG
     await marketplace.install(UpgradeToPrimeNG18, PrimeNG);
     await marketplace.install(UpgradeComponentsTo18, PrimeNG);
@@ -314,6 +340,7 @@ export {UpgradeToAngular18} from './migration/upgrade-to-angular-18';
 export {UpgradeToAngular19} from './migration/upgrade-to-angular-19';
 export {UpgradeToAngular20} from './migration/upgrade-to-angular-20';
 export {UpgradeToAngular21} from './migration/upgrade-to-angular-21';
+export {UpgradeToAngular22} from './migration/upgrade-to-angular-22';
 export {FindAngularDecorator} from './search/find-angular-decorator';
 export {FindZoneJsUsage} from './search/find-zone-js-usage';
 export {FindHammerJsUsage} from './search/find-hammer-js-usage';
@@ -362,6 +389,18 @@ export {MigrateInputToSignal} from './migration/migrate-input-to-signal';
 export {MigrateOutputToSignal} from './migration/migrate-output-to-signal';
 export {MigrateQueryToSignal} from './migration/migrate-query-to-signal';
 export {AddLocalizePolyfill} from './migration/add-localize-polyfill';
+export {FindProvideRoutesUsage} from './search/find-provide-routes-usage';
+export {FindCheckNoChangesUsage} from './search/find-check-no-changes-usage';
+export {FindCanMatchUsage} from './search/find-can-match-usage';
+export {FindHttpXhrBackendUsage} from './search/find-http-xhr-backend-usage';
+export {FindImplicitParamsInheritance} from './search/find-implicit-params-inheritance';
+export {AddEagerChangeDetection} from './migration/add-eager-change-detection';
+export {RenameDefaultChangeDetection} from './migration/rename-default-change-detection';
+export {AddNoIncrementalHydration} from './migration/add-no-incremental-hydration';
+export {AddStrictTemplatesFalse} from './migration/add-strict-templates-false';
+export {RemoveWithFetch} from './migration/remove-with-fetch';
+export {ReplaceCreateNgModuleRef} from './migration/replace-create-ng-module-ref';
+export {RenameAngularJsGlobals} from './migration/rename-angular-js-globals';
 // PrimeNG
 export {UpgradeToPrimeNG18} from './libraries/primeng/18/upgrade-to-primeng-18';
 export {UpgradeComponentsTo18} from './libraries/primeng/18/upgrade-components-to-18';

package/src/migration/add-eager-change-detection.ts

@@ -0,0 +1,72 @@
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+
+import {emptyMarkers, ExecutionContext, Recipe, TreeVisitor} from "@openrewrite/rewrite";
+import {JavaScriptVisitor, JS, maybeAddImport, template} from "@openrewrite/rewrite/javascript";
+import {emptySpace, isIdentifier, J} from "@openrewrite/rewrite/java";
+import {create} from "mutative";
+
+export class AddEagerChangeDetection extends Recipe {
+    readonly name = "org.openrewrite.angular.migration.add-eager-change-detection";
+    readonly displayName: string = "Add `ChangeDetectionStrategy.Eager` to components";
+    readonly description: string = "Adds `changeDetection: ChangeDetectionStrategy.Eager` to `@Component` decorators that do not " +
+        "specify a change detection strategy. Angular 22 changed the default for such components to " +
+        "`ChangeDetectionStrategy.OnPush`; making the previous check-always behavior explicit keeps them working unchanged.";
+
+    async editor(): Promise<TreeVisitor<any, ExecutionContext>> {
+        return new class extends JavaScriptVisitor<ExecutionContext> {
+            override async visitAnnotation(annotation: J.Annotation, p: ExecutionContext): Promise<J | undefined> {
+                const a = await super.visitAnnotation(annotation, p) as J.Annotation;
+                if (!a) return a;
+
+                const annotType = a.annotationType;
+                if (!isIdentifier(annotType) || annotType.simpleName !== 'Component') return a;
+
+                if (!a.arguments?.elements?.length) return a;
+                const firstArg = a.arguments.elements[0].element;
+                if (firstArg.kind !== J.Kind.NewClass) return a;
+
+                const newClass = firstArg as J.NewClass;
+                if (!newClass.body) return a;
+
+                const statements = newClass.body.statements;
+                if (statements.length === 0) return a;
+
+                for (const stmt of statements) {
+                    const element = stmt.element;
+                    if (element.kind !== JS.Kind.PropertyAssignment) continue;
+                    const propertyName = (element as JS.PropertyAssignment).name.element;
+                    if (isIdentifier(propertyName) && propertyName.simpleName === 'changeDetection') return a;
+                }
+
+                maybeAddImport(this, {
+                    module: '@angular/core',
+                    member: 'ChangeDetectionStrategy',
+                    onlyIfReferenced: false
+                });
+
+                const lastProp = statements[statements.length - 1].element as JS.PropertyAssignment;
+                const obj = await template`({ changeDetection: ChangeDetectionStrategy.Eager })`.apply(a, this.cursor) as any;
+                const changeDetectionProp = {
+                    ...obj.tree.element.body.statements[0].element,
+                    prefix: lastProp.prefix
+                };
+
+                const wrappedProp: J.RightPadded<any> = {
+                    kind: J.Kind.RightPadded,
+                    element: changeDetectionProp,
+                    after: emptySpace,
+                    markers: emptyMarkers,
+                };
+
+                return create(a, draft => {
+                    const body = (draft.arguments!.elements[0].element as any).body!;
+                    body.statements = [...body.statements, wrappedProp];
+                }) as J.Annotation;
+            }
+        }();
+    }
+}

package/src/migration/add-no-incremental-hydration.ts

@@ -0,0 +1,49 @@
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+
+import {ExecutionContext, Recipe, TreeVisitor} from "@openrewrite/rewrite";
+import {JavaScriptVisitor, maybeAddImport, Template} from "@openrewrite/rewrite/javascript";
+import {isIdentifier, J} from "@openrewrite/rewrite/java";
+
+const HYDRATION_FEATURES = ['withIncrementalHydration', 'withNoIncrementalHydration'];
+
+export class AddNoIncrementalHydration extends Recipe {
+    readonly name = "org.openrewrite.angular.migration.add-no-incremental-hydration";
+    readonly displayName: string = "Add `withNoIncrementalHydration()` to `provideClientHydration()`";
+    readonly description: string = "Adds the `withNoIncrementalHydration()` opt out to `provideClientHydration()` calls that do not " +
+        "already configure incremental hydration. Angular 22 enables incremental hydration by default; the opt out retains the previous behavior.";
+
+    async editor(): Promise<TreeVisitor<any, ExecutionContext>> {
+        return new class extends JavaScriptVisitor<ExecutionContext> {
+            override async visitMethodInvocation(method: J.MethodInvocation, p: ExecutionContext): Promise<J | undefined> {
+                const m = await super.visitMethodInvocation(method, p) as J.MethodInvocation;
+                if (!m || m.name.simpleName !== 'provideClientHydration') return m;
+
+                const elements = (m.arguments?.elements ?? []).filter(rp => rp.element.kind !== J.Kind.Empty);
+                if (elements.some(rp => isHydrationFeatureCall(rp.element))) return m;
+
+                maybeAddImport(this, {
+                    module: '@angular/platform-browser',
+                    member: 'withNoIncrementalHydration',
+                    onlyIfReferenced: false
+                });
+
+                let builder = Template.builder().code('provideClientHydration(');
+                for (const element of elements) {
+                    builder = builder.param(element.element).code(', ');
+                }
+                const t = builder.code('withNoIncrementalHydration())').build();
+                return await t.apply(m, this.cursor);
+            }
+        }();
+    }
+}
+
+function isHydrationFeatureCall(expression: J): boolean {
+    if (expression.kind !== J.Kind.MethodInvocation) return false;
+    const invocation = expression as J.MethodInvocation;
+    return isIdentifier(invocation.name) && HYDRATION_FEATURES.includes(invocation.name.simpleName);
+}

package/src/migration/add-strict-templates-false.ts

@@ -0,0 +1,113 @@
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+
+import {emptyMarkers, ExecutionContext, randomId, Recipe, TreeVisitor} from "@openrewrite/rewrite";
+import {detectIndent, getMemberKeyName, isMember, isObject, Json, JsonVisitor, rightPadded, space} from "@openrewrite/rewrite/json";
+
+export class AddStrictTemplatesFalse extends Recipe {
+    readonly name = "org.openrewrite.angular.migration.add-strict-templates-false";
+    readonly displayName: string = "Add `strictTemplates: false` to `tsconfig.json`";
+    readonly description: string = "Adds `\"strictTemplates\": false` to `angularCompilerOptions` in `tsconfig.json` when the option is not set. " +
+        "Angular 22 turned strict template type checking on by default; setting it explicitly avoids new compilation errors.";
+
+    async editor(): Promise<TreeVisitor<any, ExecutionContext>> {
+        return new class extends JsonVisitor<ExecutionContext> {
+            private baseIndent = '  ';
+
+            protected async visitDocument(doc: Json.Document, p: ExecutionContext): Promise<Json | undefined> {
+                if (!doc.sourcePath.endsWith('tsconfig.json')) return doc;
+                this.baseIndent = detectIndent(doc);
+
+                const root = doc.value;
+                if (!isObject(root)) return doc;
+
+                const hasAngularCompilerOptions = root.members.some(rp =>
+                    isMember(rp.element) && getMemberKeyName(rp.element as Json.Member) === 'angularCompilerOptions');
+                if (hasAngularCompilerOptions) return super.visitDocument(doc, p);
+
+                const indent = memberIndent(root, this.baseIndent);
+                const newMember = buildMember('angularCompilerOptions', {
+                    kind: Json.Kind.Object,
+                    id: randomId(),
+                    prefix: space(' '),
+                    markers: emptyMarkers,
+                    members: [rightPadded(
+                        buildMember('strictTemplates', literal('false', false), '\n' + indent + this.baseIndent),
+                        space('\n' + indent))],
+                } as Json.Object, '\n' + indent);
+
+                return {...doc, value: appendMember(root, newMember, '\n')} as Json.Document;
+            }
+
+            protected async visitMember(member: Json.Member, p: ExecutionContext): Promise<Json | undefined> {
+                const m = await super.visitMember(member, p) as Json.Member;
+                if (!m) return m;
+
+                if (getMemberKeyName(m) !== 'angularCompilerOptions' || !isObject(m.value)) return m;
+
+                const options = m.value as Json.Object;
+                const hasStrictTemplates = options.members.some(rp =>
+                    isMember(rp.element) && getMemberKeyName(rp.element as Json.Member) === 'strictTemplates');
+                if (hasStrictTemplates) return m;
+
+                const indent = memberIndent(options, this.baseIndent.repeat(2));
+                const newMember = buildMember('strictTemplates', literal('false', false), '\n' + indent);
+
+                return {...m, value: appendMember(options, newMember, '\n' + this.baseIndent)} as Json.Member;
+            }
+        }();
+    }
+}
+
+function literal(source: string, value: unknown): Json.Literal {
+    return {
+        kind: Json.Kind.Literal,
+        id: randomId(),
+        prefix: space(' '),
+        markers: emptyMarkers,
+        source,
+        value
+    };
+}
+
+function buildMember(key: string, value: Json.Value, keyPrefix = ''): Json.Member {
+    return {
+        kind: Json.Kind.Member,
+        id: randomId(),
+        prefix: space(''),
+        markers: emptyMarkers,
+        key: rightPadded({
+            kind: Json.Kind.Literal,
+            id: randomId(),
+            prefix: space(keyPrefix),
+            markers: emptyMarkers,
+            source: `"${key}"`,
+            value: key
+        } as Json.Literal, space('')),
+        value
+    };
+}
+
+function memberIndent(obj: Json.Object, fallback: string): string {
+    if (obj.members.length === 0) return fallback;
+    const firstPrefix = (obj.members[0].element as Json.Member).key.element.prefix.whitespace;
+    const match = firstPrefix.match(/\n([ \t]+)/);
+    return match ? match[1] : fallback;
+}
+
+function appendMember(obj: Json.Object, newMember: Json.Member, fallbackClosingWhitespace: string): Json.Object {
+    const members = [...obj.members];
+    const closingWhitespace = members.length > 0
+        ? members[members.length - 1].after.whitespace
+        : fallbackClosingWhitespace;
+
+    if (members.length > 0) {
+        members[members.length - 1] = {...members[members.length - 1], after: space('')};
+    }
+    members.push(rightPadded(newMember, space(closingWhitespace)));
+
+    return {...obj, members};
+}

package/src/migration/remove-with-fetch.ts

@@ -0,0 +1,53 @@
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+
+import {emptyMarkers, ExecutionContext, randomId, Recipe, TreeVisitor} from "@openrewrite/rewrite";
+import {JavaScriptVisitor, maybeRemoveImport} from "@openrewrite/rewrite/javascript";
+import {emptySpace, isIdentifier, J} from "@openrewrite/rewrite/java";
+
+export class RemoveWithFetch extends Recipe {
+    readonly name = "org.openrewrite.angular.migration.remove-with-fetch";
+    readonly displayName: string = "Remove `withFetch()` from `provideHttpClient()`";
+    readonly description: string = "Removes the `withFetch()` feature from `provideHttpClient()` calls. " +
+        "Angular 22 uses the Fetch API by default and deprecated `withFetch()`, which can be safely removed.";
+
+    async editor(): Promise<TreeVisitor<any, ExecutionContext>> {
+        return new class extends JavaScriptVisitor<ExecutionContext> {
+            override async visitMethodInvocation(method: J.MethodInvocation, p: ExecutionContext): Promise<J | undefined> {
+                const m = await super.visitMethodInvocation(method, p) as J.MethodInvocation;
+                if (!m || m.name.simpleName !== 'provideHttpClient') return m;
+
+                const elements = m.arguments?.elements ?? [];
+                const retained = elements.filter(rp => !isWithFetchCall(rp.element));
+                if (retained.length === elements.length) return m;
+
+                maybeRemoveImport(this, '@angular/common/http', 'withFetch');
+
+                const newElements = retained.length > 0
+                    ? [{...retained[0], element: {...retained[0].element, prefix: elements[0].element.prefix}}, ...retained.slice(1)]
+                    : [{
+                        kind: J.Kind.RightPadded,
+                        element: {
+                            kind: J.Kind.Empty,
+                            id: randomId(),
+                            prefix: emptySpace,
+                            markers: emptyMarkers,
+                        } as J.Empty,
+                        after: emptySpace,
+                        markers: emptyMarkers,
+                    } as J.RightPadded<any>];
+
+                return {...m, arguments: {...m.arguments!, elements: newElements}} as J.MethodInvocation;
+            }
+        }();
+    }
+}
+
+function isWithFetchCall(expression: J): boolean {
+    if (expression.kind !== J.Kind.MethodInvocation) return false;
+    const invocation = expression as J.MethodInvocation;
+    return !invocation.select && isIdentifier(invocation.name) && invocation.name.simpleName === 'withFetch';
+}