chore(version): update to version 16

apps/testing-todos-list/.eslintrc.json

@@ -23,13 +23,13 @@
         ]
       },
       "extends": [
-        "plugin:@nrwl/nx/angular",
+        "plugin:@nx/angular",
         "plugin:@angular-eslint/template/process-inline-templates"
       ]
     },
     {
       "files": ["*.html"],
-      "extends": ["plugin:@nrwl/nx/angular-template"],
+      "extends": ["plugin:@nx/angular-template"],
       "rules": {}
     }
   ]

apps/testing-todos-list/cypress.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig } from 'cypress';
-import { nxComponentTestingPreset } from '@nrwl/angular/plugins/component-testing';
+import { nxComponentTestingPreset } from '@nx/angular/plugins/component-testing';
 
 export default defineConfig({
   component: nxComponentTestingPreset(__filename),

apps/testing-todos-list/cypress/tsconfig.json

@@ -3,7 +3,8 @@
   "compilerOptions": {
     "outDir": "../../../dist/out-tsc",
     "module": "commonjs",
-    "types": ["cypress", "node"]
+    "types": ["cypress", "node"],
+    "sourceMap": false
   },
   "include": [
     "support/**/*.ts",

apps/testing-todos-list/project.json

@@ -71,7 +71,7 @@
       }
     },
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
         "lintFilePatterns": [
@@ -81,7 +81,7 @@
       }
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
+      "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
       "options": {
         "jestConfig": "apps/testing-todos-list/jest.config.ts",
@@ -95,7 +95,7 @@
       }
     },
     "component-test": {
-      "executor": "@nrwl/cypress:cypress",
+      "executor": "@nx/cypress:cypress",
       "options": {
         "cypressConfig": "apps/testing-todos-list/cypress.config.ts",
         "testingType": "component",

apps/testing-todos-list/src/app/app.config.ts

@@ -0,0 +1,7 @@
+import { ApplicationConfig } from '@angular/core';
+import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideRouter } from '@angular/router';
+import { APP_ROUTES } from './app.route';
+export const appConfig: ApplicationConfig = {
+  providers: [provideAnimations(), provideRouter(APP_ROUTES)],
+};

apps/testing-todos-list/src/app/detail/detail.component.ts

@@ -3,7 +3,7 @@ import { Component, inject } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { RouterLink } from '@angular/router';
-import { LetModule } from '@ngrx/component';
+import { LetDirective } from '@ngrx/component';
 import { provideComponentStore } from '@ngrx/component-store';
 import { DetailStore } from './detail.store';
 
@@ -16,7 +16,7 @@ import { DetailStore } from './detail.store';
     NgIf,
     AsyncPipe,
     MatProgressBarModule,
-    LetModule,
+    LetDirective,
   ],
   template: `
     <h2 class="text-xl mb-2">Ticket Detail:</h2>

apps/testing-todos-list/src/app/list/list.component.ts

@@ -4,7 +4,7 @@ import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { LetModule } from '@ngrx/component';
+import { LetDirective } from '@ngrx/component';
 import { provideComponentStore } from '@ngrx/component-store';
 import { TicketStore } from './ticket.store';
 import { AddComponent } from './ui/add.component';
@@ -22,7 +22,7 @@ import { RowComponent } from './ui/row.component';
     NgIf,
     NgFor,
     MatInputModule,
-    LetModule,
+    LetDirective,
   ],
   template: `
     <h2 class="text-xl mb-2">Tickets</h2>

apps/testing-todos-list/src/main.ts

@@ -1,9 +1,8 @@
+import { appConfig } from './app/app.config';
 import { bootstrapApplication } from '@angular/platform-browser';
-import { provideAnimations } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { AppComponent } from './app/app.component';
-import { APP_ROUTES } from './app/app.route';
 
-bootstrapApplication(AppComponent, {
-  providers: [provideAnimations(), provideRouter(APP_ROUTES)],
-}).catch((err) => console.error(err));
+import { AppComponent } from './app/app.component';
+
+bootstrapApplication(AppComponent, appConfig).catch((err) =>
+  console.error(err)
+);

apps/testing-todos-list/tailwind.config.js

@@ -1,4 +1,4 @@
-const { createGlobPatternsForDependencies } = require('@nrwl/angular/tailwind');
+const { createGlobPatternsForDependencies } = require('@nx/angular/tailwind');
 const { join } = require('path');
 
 /** @type {import('tailwindcss').Config} */

apps/testing-todos-list/tsconfig.json

@@ -22,7 +22,7 @@
       "path": "./tsconfig.editor.json"
     },
     {
-      "path": "./cypress/tsconfig.cy.json"
+      "path": "./cypress/tsconfig.json"
     }
   ],
   "extends": "../../tsconfig.base.json",