chore(angular-query): update to angular 19 (#8349)

TanStack · Nov 25, 2024 · 8b0756a · 8b0756a
1 parent ef0b7b2
commit 8b0756a
Show file tree

Hide file tree

Showing 53 changed files with 4,465 additions and 942 deletions.
diff --git a/examples/angular/basic/angular.json b/examples/angular/basic/angular.json
@@ -45,7 +45,7 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular/build:application",
           "options": {
             "outputPath": "dist/basic",
             "index": "src/index.html",
@@ -81,7 +81,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "basic:build:production"
@@ -93,7 +93,7 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "basic:build"
           }

diff --git a/examples/angular/basic/package.json b/examples/angular/basic/package.json
@@ -9,20 +9,20 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "^17.3.12",
-    "@angular/compiler": "^17.3.12",
-    "@angular/core": "^17.3.12",
-    "@angular/platform-browser": "^17.3.12",
-    "@angular/platform-browser-dynamic": "^17.3.12",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
     "@tanstack/angular-query-experimental": "^5.61.3",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
-    "zone.js": "^0.14.8"
+    "zone.js": "^0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.8",
-    "@angular/cli": "^17.3.8",
-    "@angular/compiler-cli": "^17.3.12",
-    "typescript": "5.4.5"
+    "@angular/build": "^19.0.1",
+    "@angular/cli": "^19.0.1",
+    "@angular/compiler-cli": "^19.0.0",
+    "typescript": "5.6.3"
   }
 }
diff --git a/examples/angular/basic/src/app/app.component.ts b/examples/angular/basic/src/app/app.component.ts
@@ -5,7 +5,6 @@ import { PostsComponent } from './components/posts.component'
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'basic-example',
-  standalone: true,
   templateUrl: './app.component.html',
   imports: [PostComponent, PostsComponent],
 })

diff --git a/examples/angular/basic/src/app/components/post.component.ts b/examples/angular/basic/src/app/components/post.component.ts
@@ -13,7 +13,6 @@ import { PostsService } from '../services/posts-service'
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'post',
-  standalone: true,
   templateUrl: './post.component.html',
 })
 export class PostComponent {

diff --git a/examples/angular/basic/src/app/components/posts.component.ts b/examples/angular/basic/src/app/components/posts.component.ts
@@ -12,7 +12,6 @@ import { PostsService } from '../services/posts-service'
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'posts',
-  standalone: true,
   templateUrl: './posts.component.html',
 })
 export class PostsComponent {

diff --git a/examples/angular/basic/tsconfig.json b/examples/angular/basic/tsconfig.json
@@ -9,11 +9,12 @@
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "skipLibCheck": true,
+    "isolatedModules": true,
     "esModuleInterop": true,
     "sourceMap": true,
     "declaration": false,
     "experimentalDecorators": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "importHelpers": true,
     "target": "ES2022",
     "module": "ES2022",
@@ -24,6 +25,7 @@
     "enableI18nLegacyMessageIdFormat": false,
     "strictInjectionParameters": true,
     "strictInputAccessModifiers": true,
+    "strictStandalone": true,
     "strictTemplates": true
   }
 }
diff --git a/examples/angular/devtools-panel/angular.json b/examples/angular/devtools-panel/angular.json
@@ -45,7 +45,7 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular/build:application",
           "options": {
             "outputPath": "dist/devtools-panel",
             "index": "src/index.html",
@@ -79,7 +79,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "devtools-panel:build:production"
@@ -91,7 +91,7 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "devtools-panel:build"
           }

diff --git a/examples/angular/devtools-panel/package.json b/examples/angular/devtools-panel/package.json
@@ -9,22 +9,22 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "^17.3.12",
-    "@angular/compiler": "^17.3.12",
-    "@angular/core": "^17.3.12",
-    "@angular/platform-browser": "^17.3.12",
-    "@angular/platform-browser-dynamic": "^17.3.12",
-    "@angular/router": "^17.3.12",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@angular/router": "^19.0.0",
     "@tanstack/angular-query-devtools-experimental": "^5.61.3",
     "@tanstack/angular-query-experimental": "^5.61.3",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
-    "zone.js": "^0.14.8"
+    "zone.js": "^0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.8",
-    "@angular/cli": "^17.3.8",
-    "@angular/compiler-cli": "^17.3.12",
-    "typescript": "5.4.5"
+    "@angular/build": "^19.0.1",
+    "@angular/cli": "^19.0.1",
+    "@angular/compiler-cli": "^19.0.0",
+    "typescript": "5.6.3"
   }
 }
diff --git a/examples/angular/devtools-panel/src/app/app.component.ts b/examples/angular/devtools-panel/src/app/app.component.ts
@@ -5,7 +5,6 @@ import { ExampleQueryComponent } from './components/example-query.component'
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'app-root',
-  standalone: true,
   template: `
     <ul>
       <li>

diff --git a/examples/angular/devtools-panel/src/app/components/basic-devtools-panel-example.component.ts b/examples/angular/devtools-panel/src/app/components/basic-devtools-panel-example.component.ts
@@ -4,7 +4,6 @@ import { ExampleQueryComponent } from './example-query.component'
 import type { ElementRef } from '@angular/core'
 
 @Component({
-  standalone: true,
   selector: 'basic-devtools-panel-example',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `

diff --git a/examples/angular/devtools-panel/src/app/components/example-query.component.ts b/examples/angular/devtools-panel/src/app/components/example-query.component.ts
@@ -14,7 +14,6 @@ interface Response {
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'example-query',
-  standalone: true,
   template: `
     <div style="padding-bottom: 20px">
       @if (query.isPending()) {

diff --git a/...s/angular/devtools-panel/src/app/components/lazy-load-devtools-panel-example.component.ts b/...s/angular/devtools-panel/src/app/components/lazy-load-devtools-panel-example.component.ts
@@ -11,7 +11,6 @@ import type { ElementRef } from '@angular/core'
 import type { DevtoolsPanelRef } from '@tanstack/angular-query-devtools-experimental'
 
 @Component({
-  standalone: true,
   selector: 'lazy-load-devtools-panel-example',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `

diff --git a/examples/angular/devtools-panel/tsconfig.json b/examples/angular/devtools-panel/tsconfig.json
@@ -9,11 +9,12 @@
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "skipLibCheck": true,
+    "isolatedModules": true,
     "esModuleInterop": true,
     "sourceMap": true,
     "declaration": false,
     "experimentalDecorators": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "importHelpers": true,
     "target": "ES2022",
     "module": "ES2022",
@@ -24,6 +25,7 @@
     "enableI18nLegacyMessageIdFormat": false,
     "strictInjectionParameters": true,
     "strictInputAccessModifiers": true,
+    "strictStandalone": true,
     "strictTemplates": true
   }
 }
diff --git a/examples/angular/infinite-query-with-max-pages/angular.json b/examples/angular/infinite-query-with-max-pages/angular.json
@@ -45,7 +45,7 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular/build:application",
           "options": {
             "outputPath": "dist/infinite-query-with-max-pages",
             "index": "src/index.html",
@@ -81,7 +81,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "infinite-query-with-max-pages:build:production"
@@ -93,7 +93,7 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "infinite-query-with-max-pages:build"
           }

diff --git a/examples/angular/infinite-query-with-max-pages/package.json b/examples/angular/infinite-query-with-max-pages/package.json
@@ -9,20 +9,20 @@
     "watch": "ng build --watch --configuration development"
   },
   "dependencies": {
-    "@angular/common": "^17.3.12",
-    "@angular/compiler": "^17.3.12",
-    "@angular/core": "^17.3.12",
-    "@angular/platform-browser": "^17.3.12",
-    "@angular/platform-browser-dynamic": "^17.3.12",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
     "@tanstack/angular-query-experimental": "^5.61.3",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
-    "zone.js": "^0.14.8"
+    "zone.js": "^0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.8",
-    "@angular/cli": "^17.3.8",
-    "@angular/compiler-cli": "^17.3.12",
-    "typescript": "5.4.5"
+    "@angular/build": "^19.0.1",
+    "@angular/cli": "^19.0.1",
+    "@angular/compiler-cli": "^19.0.0",
+    "typescript": "5.6.3"
   }
 }
diff --git a/examples/angular/infinite-query-with-max-pages/src/app/app.component.ts b/examples/angular/infinite-query-with-max-pages/src/app/app.component.ts
@@ -4,7 +4,6 @@ import { ExampleComponent } from './components/example.component'
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'app-root',
-  standalone: true,
   template: `<example />`,
   imports: [ExampleComponent],
 })

diff --git a/examples/angular/infinite-query-with-max-pages/src/app/components/example.component.ts b/examples/angular/infinite-query-with-max-pages/src/app/components/example.component.ts
@@ -12,7 +12,6 @@ import { ProjectsService } from '../services/projects.service'
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'example',
-  standalone: true,
   templateUrl: './example.component.html',
   imports: [ProjectStyleDirective],
 })

diff --git a/examples/angular/infinite-query-with-max-pages/src/app/directives/project-style.directive.ts b/examples/angular/infinite-query-with-max-pages/src/app/directives/project-style.directive.ts
@@ -1,7 +1,6 @@
 import { Directive, HostBinding, Input } from '@angular/core'
 
 @Directive({
-  standalone: true,
   selector: '[projectStyle]',
 })
 export class ProjectStyleDirective {

diff --git a/examples/angular/infinite-query-with-max-pages/tsconfig.json b/examples/angular/infinite-query-with-max-pages/tsconfig.json
@@ -9,11 +9,12 @@
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "skipLibCheck": true,
+    "isolatedModules": true,
     "esModuleInterop": true,
     "sourceMap": true,
     "declaration": false,
     "experimentalDecorators": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "importHelpers": true,
     "target": "ES2022",
     "module": "ES2022",
@@ -24,6 +25,7 @@
     "enableI18nLegacyMessageIdFormat": false,
     "strictInjectionParameters": true,
     "strictInputAccessModifiers": true,
+    "strictStandalone": true,
     "strictTemplates": true
   }
 }
diff --git a/examples/angular/pagination/angular.json b/examples/angular/pagination/angular.json
@@ -45,7 +45,7 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular/build:application",
           "options": {
             "outputPath": "dist/pagination",
             "index": "src/index.html",
@@ -81,7 +81,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "pagination:build:production"
@@ -93,7 +93,7 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "pagination:build"
           }

diff --git a/examples/angular/pagination/package.json b/examples/angular/pagination/package.json
@@ -9,20 +9,20 @@
     "watch": "ng build --watch --configuration development"
   },
   "dependencies": {
-    "@angular/common": "^17.3.12",
-    "@angular/compiler": "^17.3.12",
-    "@angular/core": "^17.3.12",
-    "@angular/platform-browser": "^17.3.12",
-    "@angular/platform-browser-dynamic": "^17.3.12",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
     "@tanstack/angular-query-experimental": "^5.61.3",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
-    "zone.js": "^0.14.8"
+    "zone.js": "^0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.8",
-    "@angular/cli": "^17.3.8",
-    "@angular/compiler-cli": "^17.3.12",
-    "typescript": "5.4.5"
+    "@angular/build": "^19.0.1",
+    "@angular/cli": "^19.0.1",
+    "@angular/compiler-cli": "^19.0.0",
+    "typescript": "5.6.3"
   }
 }
diff --git a/examples/angular/pagination/src/app/app.component.ts b/examples/angular/pagination/src/app/app.component.ts
@@ -4,7 +4,6 @@ import { ExampleComponent } from './components/example.component'
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'app-root',
-  standalone: true,
   template: `<example />`,
   imports: [ExampleComponent],
 })

diff --git a/examples/angular/pagination/src/app/components/example.component.ts b/examples/angular/pagination/src/app/components/example.component.ts
@@ -17,7 +17,6 @@ import { ProjectsService } from '../services/projects.service'
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'example',
-  standalone: true,
   templateUrl: './example.component.html',
 })
 export class ExampleComponent {