Merge pull request #3361 from Tony133/feat/upgrade-angular-v21-standalone-components

feat(): upgrade angular v21.x with standalone components 🔥

Author: kamilmysliwiec

.browserslistrc

@@ -1,12 +1,17 @@
-# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
-# For additional information regarding the format and rule options, please see:
-# https://github.com/browserslist/browserslist#queries
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below
 
-# You can see what browsers were selected by your queries by running:
-#   npx browserslist
+# For additional information regarding the format and rule options, please see
+
+# <https://github.com/browserslist/browserslist#queries>
+
+# You can see what browsers were selected by your queries by running
+
+# npx browserslist
 
 > 0.5%
 last 2 versions
 Firefox ESR
 not dead
-not IE 9-11 # For IE 9-11 support, remove 'not'.
+not IE 9-11 # For IE 9-11 support, remove 'not'.
+not kaios 2.5
+not op_mini all

LICENSE

@@ -1,6 +1,6 @@
 (The MIT License)
 
-Copyright (c) 2017-2025 Kamil Myśliwiec <http://kamilmysliwiec.com>
+Copyright (c) 2017-present Kamil Myśliwiec <http://kamilmysliwiec.com>
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

angular.json

@@ -9,12 +9,14 @@
       "projectType": "application",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
             "aot": true,
             "allowedCommonJsDependencies": ["prismjs"],
-            "outputPath": "dist",
-            "main": "src/main.ts",
+            "outputPath": {
+              "base": "dist",
+              "browser": ""
+            },
             "index": "src/index.html",
             "tsConfig": "src/tsconfig.app.json",
             "polyfills": ["zone.js"],
@@ -27,7 +29,8 @@
               "src/mstile-150x150.png",
               "src/_redirects"
             ],
-            "styles": ["src/styles.scss"]
+            "styles": ["src/styles.scss"],
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
@@ -78,33 +81,38 @@
           }
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "main": "src/test.ts",
-            "karmaConfig": "./karma.conf.js",
-            "polyfills": ["zone.js"],
-            "tsConfig": "src/tsconfig.spec.json",
-            "styles": ["src/styles.scss"],
-            "assets": ["src/assets"]
-          }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": ["src/tsconfig.app.json", "src/tsconfig.spec.json"],
-            "exclude": ["**/node_modules/**"]
-          }
+          "builder": "@angular/build:unit-test"
         }
       }
     }
   },
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",
-      "style": "scss"
+      "style": "scss",
+      "type": "component"
     },
     "@schematics/angular:directive": {
-      "prefix": "app"
+      "prefix": "app",
+      "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": "."
     }
   },
   "cli": {

karma.conf.js

@@ -19,7 +19,7 @@
         ],
         "categories:seo": [
           "error",
-          { "minScore": 0.67, "aggregationMethod": "optimistic" }
+          { "minScore": 0.5, "aggregationMethod": "optimistic" }
         ],
         "categories:pwa": "off",