chore(angular-query): update to angular 19

TanStack · Nov 25, 2024 · 7315df1 · 7315df1
1 parent ef0b7b2
commit 7315df1
Show file tree

Hide file tree

Showing 40 changed files with 4,498 additions and 992 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
@@ -3,11 +3,10 @@ import { PostComponent } from './components/post.component'
 import { PostsComponent } from './components/posts.component'
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  selector: 'basic-example',
-  standalone: true,
-  templateUrl: './app.component.html',
-  imports: [PostComponent, PostsComponent],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    selector: 'basic-example',
+    templateUrl: './app.component.html',
+    imports: [PostComponent, PostsComponent]
 })
 export class BasicExampleComponent {
   postId = signal(-1)

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
@@ -3,10 +3,9 @@ import { RouterLink, RouterOutlet } from '@angular/router'
 import { ExampleQueryComponent } from './components/example-query.component'
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  selector: 'app-root',
-  standalone: true,
-  template: `
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    selector: 'app-root',
+    template: `
     <ul>
       <li>
         <a routerLink="basic">Basic devtools panel example</a>
@@ -18,6 +17,6 @@ import { ExampleQueryComponent } from './components/example-query.component'
 
     <router-outlet />
   `,
-  imports: [ExampleQueryComponent, RouterOutlet, RouterLink],
+    imports: [ExampleQueryComponent, RouterOutlet, RouterLink]
 })
 export class AppComponent {}
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,10 +4,9 @@ import { ExampleQueryComponent } from './example-query.component'
 import type { ElementRef } from '@angular/core'
 
 @Component({
-  standalone: true,
-  selector: 'basic-devtools-panel-example',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
+    selector: 'basic-devtools-panel-example',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    template: `
     <example-query />
     <h1>Basic devtools panel example</h1>
     <p>
@@ -21,7 +20,7 @@ import type { ElementRef } from '@angular/core'
       <div #div style="height: 500px"></div>
     }
   `,
-  imports: [ExampleQueryComponent],
+    imports: [ExampleQueryComponent]
 })
 export default class BasicDevtoolsPanelExampleComponent {
   isOpen = false

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,10 +11,9 @@ 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: `
+    selector: 'lazy-load-devtools-panel-example',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    template: `
     <example-query />
     <h1>Lazy load devtools panel example</h1>
     <p>
@@ -28,7 +27,7 @@ import type { DevtoolsPanelRef } from '@tanstack/angular-query-devtools-experime
       <div #div style="height: 500px"></div>
     }
   `,
-  imports: [ExampleQueryComponent],
+    imports: [ExampleQueryComponent]
 })
 export default class LazyLoadDevtoolsPanelExampleComponent {
   isOpen = false

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
@@ -2,10 +2,9 @@ import { ChangeDetectionStrategy, Component } from '@angular/core'
 import { ExampleComponent } from './components/example.component'
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  selector: 'app-root',
-  standalone: true,
-  template: `<example />`,
-  imports: [ExampleComponent],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    selector: 'app-root',
+    template: `<example />`,
+    imports: [ExampleComponent]
 })
 export class AppComponent {}
diff --git a/examples/angular/infinite-query-with-max-pages/src/app/app.config.ts b/examples/angular/infinite-query-with-max-pages/src/app/app.config.ts
@@ -1,8 +1,4 @@
-import {
-  provideHttpClient,
-  withFetch,
-  withInterceptors,
-} from '@angular/common/http'
+import { provideHttpClient, withFetch, withInterceptors } from '@angular/common/http'
 import {
   QueryClient,
   provideTanStackQuery,

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
@@ -10,11 +10,10 @@ import { ProjectStyleDirective } from '../directives/project-style.directive'
 import { ProjectsService } from '../services/projects.service'
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  selector: 'example',
-  standalone: true,
-  templateUrl: './example.component.html',
-  imports: [ProjectStyleDirective],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    selector: 'example',
+    templateUrl: './example.component.html',
+    imports: [ProjectStyleDirective]
 })
 export class ExampleComponent {
   projectsService = inject(ProjectsService)

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
@@ -2,10 +2,9 @@ import { ChangeDetectionStrategy, Component } from '@angular/core'
 import { ExampleComponent } from './components/example.component'
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  selector: 'app-root',
-  standalone: true,
-  template: `<example />`,
-  imports: [ExampleComponent],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    selector: 'app-root',
+    template: `<example />`,
+    imports: [ExampleComponent]
 })
 export class AppComponent {}
diff --git a/examples/angular/pagination/src/app/app.config.ts b/examples/angular/pagination/src/app/app.config.ts
@@ -1,8 +1,4 @@
-import {
-  provideHttpClient,
-  withFetch,
-  withInterceptors,
-} from '@angular/common/http'
+import { provideHttpClient, withFetch, withInterceptors } from '@angular/common/http'
 import {
   QueryClient,
   provideTanStackQuery,