feat: version for Angular 21.x

.devcontainer/devcontainer.json

@@ -32,7 +32,7 @@
   },
   "features": {
     "ghcr.io/devcontainers-extra/features/angular-cli:2": {
-      "version": "20.3.13"
+      "version": "21"
     },
     "ghcr.io/devcontainers-extra/features/cz-cli:1": {
       "version": "latest"

README.EN.md

@@ -65,9 +65,9 @@ Choose the version corresponding to your Angular version:
 
 | Angular | Design Angular kit | Branch | Documentation                                                                      |
 | ------- | ------------------ | ------ | ---------------------------------------------------------------------------------- |
-| 20+     | v20.0.0 +          | main   | [link](https://italia.github.io/design-angular-kit/design-angular-kit#)            |
-| 19+     | v19.0.0 +          | v19    | [link](https://design-angular-kit-git-v18-dip-trasformazione-digitale.vercel.app/) |
-| 18+     | v18.0.0 +          | v18    | [link](https://design-angular-kit-git-v19-dip-trasformazione-digitale.vercel.app/) |
+| 21+     | v21.0.0 +          | main   | [link](https://italia.github.io/design-angular-kit/design-angular-kit#)            |
+| 20+     | v20.0.0 +          | v20   | [link](https://design-angular-kit-git-v20-dip-trasformazione-digitale.vercel.app/)            |
+| 19+     | v19.0.0 +          | v19    | [link](https://design-angular-kit-git-v19-dip-trasformazione-digitale.vercel.app/) |
 
 ⚠️ Previous versions are no more maintained.
 

README.md

@@ -65,9 +65,9 @@ Scegli la versione corrispondente alla tua versione Angular:
 
 | Angular | Design Angular kit | Branch | Documentazione                                                                     |
 | ------- | ------------------ | ------ | ---------------------------------------------------------------------------------- |
-| 20+     | v20.0.0 +          | main   | [link](https://italia.github.io/design-angular-kit/design-angular-kit#)            |
+| 21+     | v21.0.0 +          | main   | [link](https://italia.github.io/design-angular-kit/design-angular-kit#)            |
+| 20+     | v20.0.0 +          | v20   | [link](https://design-angular-kit-git-v20-dip-trasformazione-digitale.vercel.app/)            |
 | 19+     | v19.0.0 +          | v19    | [link](https://design-angular-kit-git-v19-dip-trasformazione-digitale.vercel.app/) |
-| 18+     | v18.0.0 +          | v18    | [link](https://design-angular-kit-git-v18-dip-trasformazione-digitale.vercel.app/) |
 
 ⚠️ Le versioni precendenti non sono più manutenute.
 

UPDATE_GUIDE.md

@@ -0,0 +1,39 @@
+# Update guide
+
+## Read Angular Guide
+
+First of all, read Angular update guide at this [link](https://angular.dev/update-guide);
+
+You can directly read the guide using the actual version and the target version as parameter of the resurce.
+
+For example:
+
+```
+https://angular.dev/update-guide?v=20.0-21.0&l=3
+```
+
+where 20.0 is the actual version, 21.0 is the target version.
+
+## Devcontainer update
+
+In devcontainer, change the version of the feature. Set version property to your target.
+
+```json
+...
+    "ghcr.io/devcontainers-extra/features/angular-cli:2": {
+      "version": "21"
+    },
+...
+```
+
+After that, rebuild your devcontainer.
+
+## Update depencencies
+
+You have to update `@angular/core` and `@angular/cli` using your console. Remember to define the target version.
+
+For example:
+
+```bash
+ng update @angular/core@21 @angular/cli@21
+```

eslint.config.mjs

@@ -0,0 +1,62 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+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 defineConfig([
+    globalIgnores(["projects/**/*", "src/**/*-examples.component.html", "src/assets/video"]),
+    {
+        files: ["**/*.ts"],
+
+        extends: compat.extends(
+            "eslint:recommended",
+            "plugin:@typescript-eslint/recommended",
+            "plugin:@angular-eslint/recommended",
+            "plugin:@angular-eslint/template/process-inline-templates",
+            "plugin:prettier/recommended",
+        ),
+
+        rules: {
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-var-requires": "off",
+            "no-control-regex": "off",
+
+            "@angular-eslint/component-selector": ["error", {
+                prefix: "it",
+                style: "kebab-case",
+                type: "element",
+            }],
+
+            "@angular-eslint/prefer-standalone": ["off"],
+
+            "prettier/prettier": ["error", {
+                printWidth: 140,
+            }],
+        },
+    },
+    {
+        files: ["**/*.html"],
+
+        extends: compat.extends(
+            "plugin:@angular-eslint/template/recommended",
+            "plugin:@angular-eslint/template/accessibility",
+            "plugin:prettier/recommended",
+        ),
+
+        rules: {
+            "prettier/prettier": ["error", {
+                parser: "angular",
+                printWidth: 140,
+            }],
+        },
+    },
+]);