angular 22 changes done

Author: ct-anjali-patel

.yarn/install-state.gz

@@ -15,7 +15,7 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular/build:application",
           "options": {
             "allowedCommonJsDependencies": [
               "apexcharts"
@@ -39,14 +39,15 @@
             "scripts": [],
             "stylePreprocessorOptions": {
               "includePaths": [
-                ".",
+                "src",
                 "node_modules"
               ],
               "sass": {
                 "silenceDeprecations": [
-                  "color-functions",
+                  "import",
                   "global-builtin",
-                  "import"
+                  "color-functions",
+                  "if-function"
                 ]
               }
             }
@@ -88,7 +89,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "free-version:build:production"
@@ -100,7 +101,7 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "free-version:build"
           }

angular.json

@@ -1,36 +1,20 @@
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
 import js from '@eslint/js';
-import { FlatCompat } from '@eslint/eslintrc';
-import { createRequire } from 'module';
+import tseslint from 'typescript-eslint';
+import angular from 'angular-eslint';
 
-const require = createRequire(import.meta.url);
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-  recommendedConfig: js.configs.recommended,
-  allConfig: js.configs.all
-});
-
-export default [
+export default tseslint.config(
   {
     ignores: ['projects/**/*']
   },
-  ...compat
-    .extends(
-      'eslint:recommended',
-      'plugin:@typescript-eslint/recommended',
-      'plugin:@angular-eslint/recommended',
-      'plugin:@angular-eslint/template/process-inline-templates'
-    )
-    .map((config) => ({
-      ...config,
-      files: ['**/*.ts']
-    })),
+
   {
     files: ['**/*.ts'],
+    extends: [
+      js.configs.recommended,
+      ...tseslint.configs.recommended,
+      ...angular.configs.tsRecommended
+    ],
+    processor: angular.processInlineTemplates,
 
     rules: {
       '@angular-eslint/directive-selector': [
@@ -42,6 +26,8 @@ export default [
         }
       ],
 
+      '@angular-eslint/component-class-suffix': 'off',
+
       '@angular-eslint/component-selector': [
         'error',
         {
@@ -52,12 +38,10 @@ export default [
       ]
     }
   },
-  ...compat.extends('plugin:@angular-eslint/template/recommended').map((config) => ({
-    ...config,
-    files: ['**/*.html']
-  })),
+
   {
     files: ['**/*.html'],
+    extends: [...angular.configs.templateRecommended],
     rules: {}
   }
-];
+);