Merge pull request #82 from dataiku/feature/dss14-sc-283227-integrate-npm-pip-audit-into-github-actions

Update angular to version 21

Author: guidataiku

bs-templates/angular/{{cookiecutter.__project_slug}}/angular.json

@@ -69,26 +69,26 @@
           "serve": {
             "builder": "@angular-builders/custom-webpack:dev-server",
             "options": {
-              "browserTarget": "{{ cookiecutter.__project_slug }}:build"
+              "buildTarget": "{{ cookiecutter.__project_slug }}:build"
             },
             "configurations": {
               "production": {
-                "browserTarget": "{{ cookiecutter.__project_slug }}:build:production"
+                "buildTarget": "{{ cookiecutter.__project_slug }}:build:production"
               },
               "development": {
-                "browserTarget": "{{ cookiecutter.__project_slug }}:build:development"
+                "buildTarget": "{{ cookiecutter.__project_slug }}:build:development"
               }
             },
             "defaultConfiguration": "development"
           },
           "extract-i18n": {
-            "builder": "@angular-devkit/build-angular:extract-i18n",
+            "builder": "@angular/build:extract-i18n",
             "options": {
-              "browserTarget": "{{ cookiecutter.__project_slug }}:build"
+              "buildTarget": "{{ cookiecutter.__project_slug }}:build"
             }
           },
           "test": {
-            "builder": "@angular-devkit/build-angular:karma",
+            "builder": "@angular/build:karma",
             "options": {
               "polyfills": [
                 "zone.js",
@@ -108,6 +108,31 @@
           }
         }
       }
+    },
+    "schematics": {
+      "@schematics/angular:component": {
+        "type": "component"
+      },
+      "@schematics/angular:directive": {
+        "type": "directive"
+      },
+      "@schematics/angular:service": {
+        "type": "service"
+      },
+      "@schematics/angular:guard": {
+        "typeSeparator": "."
+      },
+      "@schematics/angular:interceptor": {
+        "typeSeparator": "."
+      },
+      "@schematics/angular:module": {
+        "typeSeparator": "."
+      },
+      "@schematics/angular:pipe": {
+        "typeSeparator": "."
+      },
+      "@schematics/angular:resolver": {
+        "typeSeparator": "."
+      }
     }
-}
-  
+}

bs-templates/angular/{{cookiecutter.__project_slug}}/package.json

@@ -1,42 +1,41 @@
 {
     "name": "{{ cookiecutter.__project_slug }}",
     "version": "{{ cookiecutter.version }}",
-    "scripts": {
-      "ng": "ng",
-      "start": "ng serve --disable-host-check --configuration development --port {{ cookiecutter.port }}",
-      "build": "ng build --configuration production",
-      "watch": "ng build --watch --configuration development",
-      "test": "ng test"
-    },
-    "private": true,
-    "dependencies": {
-      "@angular/animations": "^16.1.0",
-      "@angular/common": "^16.1.0",
-      "@angular/compiler": "^16.1.0",
-      "@angular/core": "^16.1.0",
-      "@angular/forms": "^16.1.0",
-      "@angular/platform-browser": "^16.1.0",
-      "@angular/platform-browser-dynamic": "^16.1.0",
-      "@angular/router": "^16.1.0",
-      "rxjs": "~7.8.0",
-      "tslib": "^2.3.0",
-      "zone.js": "~0.13.0"
-    },
-    "devDependencies": {
-      "@angular-builders/custom-webpack": "^16.0.0",
-      "@angular-devkit/build-angular": "^16.1.1",
-      "@angular/cli": "~16.1.1",
-      "@angular/compiler-cli": "^16.1.0",
-      "@types/jasmine": "~4.3.0",
-      "@types/node": "^20.3.1",
-      "jasmine-core": "~4.6.0",
-      "karma": "~6.4.0",
-      "karma-chrome-launcher": "~3.2.0",
-      "karma-coverage": "~2.2.0",
-      "karma-jasmine": "~5.1.0",
-      "karma-jasmine-html-reporter": "~2.1.0",
-      "typescript": "~5.1.3",
-      "dotenv": "^16.1.3"
-    }
-}
-  
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve --disable-host-check --configuration development --port {{ cookiecutter.port }}",
+    "build": "ng build --configuration production",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "^21.0.6",
+    "@angular/common": "^21.0.6",
+    "@angular/compiler": "^21.0.6",
+    "@angular/core": "^21.0.6",
+    "@angular/forms": "^21.0.6",
+    "@angular/platform-browser": "^21.0.6",
+    "@angular/platform-browser-dynamic": "^21.0.6",
+    "@angular/router": "^21.0.6",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.15.1"
+  },
+  "devDependencies": {
+    "@angular-builders/custom-webpack": "^21.0.0-beta.1",
+    "@angular/build": "^21.0.4",
+    "@angular/cli": "~21.0.4",
+    "@angular/compiler-cli": "^21.0.6",
+    "@types/jasmine": "~4.3.0",
+    "@types/node": "^20.3.1",
+    "dotenv": "^16.1.3",
+    "jasmine-core": "~4.6.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "typescript": "~5.9.3"
+  }
+}

bs-templates/angular/{{cookiecutter.__project_slug}}/src/app/api.interceptor.ts

@@ -1,10 +1,5 @@
 import { Injectable } from '@angular/core';
-import {
-  HttpRequest,
-  HttpHandler,
-  HttpEvent,
-  HttpInterceptor
-} from '@angular/common/http';
+import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { isDevMode } from '@angular/core';