feat: Migrate to Angular 22, pnpm; add ESLint and unit tests

.github/workflows/pr-review.yml

@@ -0,0 +1,34 @@
+name: PR Review Reminder
+
+on:
+  pull_request:
+    types: [opened]
+
+jobs:
+  reminder:
+    runs-on: ubuntu-latest
+
+    permissions:
+      issues: write
+      pull-requests: write
+
+    steps:
+      - name: Add review comment
+        uses: actions/github-script@v7
+        with:
+          script: |
+            github.rest.issues.createComment({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: context.issue.number,
+              body: `🧪 **Code Review Checklist**
+
+              Antes de hacer merge, revisa:
+
+              - [ ] He revisado mi propio código
+              - [ ] No hay errores evidentes
+              - [ ] He probado los cambios
+              - [ ] El código sigue buenas prácticas
+              - [ ] No introduzco bugs ni deuda técnica
+
+              💡 Recuerda: un buen PR = menos bugs en producción 🚀`})

.gitignore

@@ -12,6 +12,9 @@
 npm-debug.log
 yarn-error.log
 package-lock.json
+yarn.lock
+bun.lockb
+bun.lock
 
 # IDEs and editors
 .idea/

.husky/pre-commit

@@ -1 +1 @@
-npx lint-staged
+pnpm exec lint-staged

.vscode/settings.json

@@ -19,6 +19,7 @@
     "titleBar.inactiveForeground": "#e7e7e799"
   },
   "peacock.color": "#dd0531",
+  "npm.packageManager": "pnpm",
   "editor.formatOnSave": true,
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.codeActionsOnSave": {

README.md

@@ -1,13 +1,19 @@
 # ArchetypeAngular
 
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.6.
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) and uses [pnpm](https://pnpm.io) as its package manager.
+
+## Installation
+
+```bash
+pnpm install
+```
 
 ## Development server
 
 To start a local development server, run:
 
 ```bash
-ng serve
+pnpm start
 ```
 
 Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.
@@ -17,21 +23,21 @@ Once the server is running, open your browser and navigate to `http://localhost:
 Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
 
 ```bash
-ng generate component component-name
+pnpm exec ng generate component component-name
 ```
 
 For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
 
 ```bash
-ng generate --help
+pnpm exec ng generate --help
 ```
 
 ## Building
 
 To build the project run:
 
 ```bash
-ng build
+pnpm run build
 ```
 
 This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.
@@ -41,15 +47,23 @@ This will compile your project and store the build artifacts in the `dist/` dire
 To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
 
 ```bash
-ng test
+pnpm test
+```
+
+## Linting and formatting
+
+```bash
+pnpm run lint
+pnpm run format
+pnpm run format:check
 ```
 
 ## Running end-to-end tests
 
 For end-to-end (e2e) testing, run:
 
 ```bash
-ng e2e
+pnpm exec ng e2e
 ```
 
 Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

angular.json

@@ -18,9 +18,7 @@
           "builder": "@angular/build:application",
           "options": {
             "browser": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
+            "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "assets": [
@@ -29,9 +27,7 @@
                 "input": "public"
               }
             ],
-            "styles": [
-              "src/styles.scss"
-            ]
+            "styles": ["src/styles.scss"]
           },
           "configurations": {
             "production": {
@@ -75,10 +71,7 @@
         "test": {
           "builder": "@angular/build:karma",
           "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
+            "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "tsconfig.spec.json",
             "inlineStyleLanguage": "scss",
             "assets": [
@@ -87,12 +80,19 @@
                 "input": "public"
               }
             ],
-            "styles": [
-              "src/styles.scss"
-            ]
+            "styles": ["src/styles.scss"]
+          }
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"]
           }
         }
       }
     }
+  },
+  "cli": {
+    "schematicCollections": ["angular-eslint"]
   }
 }