diff --git a/.github/labeler.yml b/.github/labeler.yml index 922ccaf298..13b5d8b9a8 100644 --- a/.github/labeler.yml +++ b/.github/labeler.yml @@ -1,7 +1,7 @@ 'package: angular-query-devtools-experimental': - - 'packages/angular-query-devtools-experimental/**/*' -'package: angular-query-experimental': - - 'packages/angular-query-experimental/**/*' + - 'packages/angular-query-devtools/**/*' +'package: angular-query': + - 'packages/angular-query/**/*' 'package: eslint-plugin-query': - 'packages/eslint-plugin-query/**/*' 'package: query-async-storage-persister': diff --git a/.gitignore b/.gitignore index 454b506599..1d84c81a6b 100644 --- a/.gitignore +++ b/.gitignore @@ -6,6 +6,10 @@ node_modules package-lock.json yarn.lock +*.d.ts +*.map +*.tsbuildinfo + # builds build coverage diff --git a/codecov.yml b/codecov.yml index 3547af3b6b..4327d02249 100644 --- a/codecov.yml +++ b/codecov.yml @@ -19,14 +19,14 @@ comment: component_management: individual_components: - - component_id: angular-query-devtools-experimental - name: '@tanstack/angular-query-devtools-experimental' + - component_id: angular-query-devtools + name: '@tanstack/angular-query-devtools' paths: - - packages/angular-query-devtools-experimental/** - - component_id: angular-query-experimental - name: '@tanstack/angular-query-experimental' + - packages/angular-query-devtools/** + - component_id: angular-query + name: '@tanstack/angular-query' paths: - - packages/angular-query-experimental/** + - packages/angular-query/** - component_id: eslint-plugin-query name: '@tanstack/eslint-plugin-query' paths: diff --git a/docs/config.json b/docs/config.json index e09f9d1de9..472230a527 100644 --- a/docs/config.json +++ b/docs/config.json @@ -145,6 +145,10 @@ "label": "Installation", "to": "framework/angular/installation" }, + { + "label": "Angular Version Compatibility", + "to": "framework/angular/angular-version-compatibility" + }, { "label": "Quick Start", "to": "framework/angular/quick-start" diff --git a/docs/framework/angular/angular-version-compatibility.md b/docs/framework/angular/angular-version-compatibility.md new file mode 100644 index 0000000000..d06dc78402 --- /dev/null +++ b/docs/framework/angular/angular-version-compatibility.md @@ -0,0 +1,23 @@ +--- +id: angular-version-compatibility +title: Angular Version Compatibility +--- + +The TanStack Query Angular adapter's dependency range will specify at least the oldest Angular version under active or LTS support. + +```json +{ + "peerDependencies": { + "@angular/common": ">=16.0.0", + "@angular/core": ">=16.0.0" + } +} +``` + +As of the time of writing, Angular 17 is the oldest version under LTS support but there has not been a reason yet to remove support for Angular 16. + +Support for older versions not under LTS support will be dropped from the adapter's dependency range when supporting both the older- and more recent versions becomes impractical. Bugs that only affect Angular versions not under LTS support will in principle not be fixed. + +## Pre-Release Versions of Angular + +As only the minimum version and not a maximum version of Angular is specified, pre-release versions of Angular are not excluded but are not guaranteed to work. diff --git a/docs/framework/angular/devtools.md b/docs/framework/angular/devtools.md index 1787544ca1..e5159413b3 100644 --- a/docs/framework/angular/devtools.md +++ b/docs/framework/angular/devtools.md @@ -14,7 +14,7 @@ import { QueryClient, provideTanStackQuery, withDevtools, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' export const appConfig: ApplicationConfig = { providers: [provideTanStackQuery(new QueryClient(), withDevtools())], diff --git a/docs/framework/angular/guides/background-fetching-indicators.md b/docs/framework/angular/guides/background-fetching-indicators.md index 3eeafa2858..d4bd2ae2ab 100644 --- a/docs/framework/angular/guides/background-fetching-indicators.md +++ b/docs/framework/angular/guides/background-fetching-indicators.md @@ -36,7 +36,7 @@ class TodosComponent { [//]: # 'Example2' ```angular-ts -import { injectIsFetching } from '@tanstack/angular-query-experimental' +import { injectIsFetching } from '@tanstack/angular-query' @Component({ selector: 'global-loading-indicator', diff --git a/docs/framework/angular/guides/infinite-queries.md b/docs/framework/angular/guides/infinite-queries.md index 9fdde83e26..426b0a6ebf 100644 --- a/docs/framework/angular/guides/infinite-queries.md +++ b/docs/framework/angular/guides/infinite-queries.md @@ -10,7 +10,7 @@ replace: ```angular-ts import { Component, computed, inject } from '@angular/core' -import { injectInfiniteQuery } from '@tanstack/angular-query-experimental' +import { injectInfiniteQuery } from '@tanstack/angular-query' import { lastValueFrom } from 'rxjs' import { ProjectsService } from './projects-service' diff --git a/docs/framework/angular/guides/invalidations-from-mutations.md b/docs/framework/angular/guides/invalidations-from-mutations.md index 402463dedc..18bf4d195e 100644 --- a/docs/framework/angular/guides/invalidations-from-mutations.md +++ b/docs/framework/angular/guides/invalidations-from-mutations.md @@ -17,10 +17,7 @@ mutation = injectMutation(() => ({ [//]: # 'Example2' ```ts -import { - injectMutation, - QueryClient, -} from '@tanstack/angular-query-experimental' +import { injectMutation, QueryClient } from '@tanstack/angular-query' export class TodosComponent { queryClient = inject(QueryClient) diff --git a/docs/framework/angular/guides/queries.md b/docs/framework/angular/guides/queries.md index 2d1f6c522e..e4508a5f18 100644 --- a/docs/framework/angular/guides/queries.md +++ b/docs/framework/angular/guides/queries.md @@ -17,7 +17,7 @@ replace: [//]: # 'Example' ```ts -import { injectQuery } from '@tanstack/angular-query-experimental' +import { injectQuery } from '@tanstack/angular-query' export class TodosComponent { info = injectQuery(() => ({ queryKey: ['todos'], queryFn: fetchTodoList })) diff --git a/docs/framework/angular/guides/query-cancellation.md b/docs/framework/angular/guides/query-cancellation.md index e0d108da67..78edfd1849 100644 --- a/docs/framework/angular/guides/query-cancellation.md +++ b/docs/framework/angular/guides/query-cancellation.md @@ -15,7 +15,7 @@ However, if you consume the `AbortSignal`, the Promise will be cancelled (e.g. a ```ts import { HttpClient } from '@angular/common/http' -import { injectQuery } from '@tanstack/angular-query-experimental' +import { injectQuery } from '@tanstack/angular-query' postQuery = injectQuery(() => ({ enabled: this.postId() > 0, diff --git a/docs/framework/angular/guides/query-invalidation.md b/docs/framework/angular/guides/query-invalidation.md index 9cd8ea5809..5d74841cab 100644 --- a/docs/framework/angular/guides/query-invalidation.md +++ b/docs/framework/angular/guides/query-invalidation.md @@ -8,7 +8,7 @@ replace: { 'useQuery': 'injectQuery', 'hooks': 'functions' } [//]: # 'Example2' ```ts -import { injectQuery, QueryClient } from '@tanstack/angular-query-experimental' +import { injectQuery, QueryClient } from '@tanstack/angular-query' class QueryInvalidationExample { queryClient = inject(QueryClient) diff --git a/docs/framework/angular/guides/query-options.md b/docs/framework/angular/guides/query-options.md index d63753bbfc..69a7b52d14 100644 --- a/docs/framework/angular/guides/query-options.md +++ b/docs/framework/angular/guides/query-options.md @@ -7,7 +7,7 @@ ref: docs/framework/react/guides/query-options.md [//]: # 'Example1' ```ts -import { queryOptions } from '@tanstack/angular-query-experimental' +import { queryOptions } from '@tanstack/angular-query' @Injectable({ providedIn: 'root', diff --git a/docs/framework/angular/guides/query-retries.md b/docs/framework/angular/guides/query-retries.md index 45228d10bb..2a08ca2eea 100644 --- a/docs/framework/angular/guides/query-retries.md +++ b/docs/framework/angular/guides/query-retries.md @@ -15,7 +15,7 @@ replace: [//]: # 'Example' ```ts -import { injectQuery } from '@tanstack/angular-query-experimental' +import { injectQuery } from '@tanstack/angular-query' // Make a specific query retry a certain number of times const result = injectQuery(() => ({ @@ -34,7 +34,7 @@ import { QueryCache, QueryClient, QueryClientProvider, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' const queryClient = new QueryClient({ defaultOptions: { diff --git a/docs/framework/angular/guides/window-focus-refetching.md b/docs/framework/angular/guides/window-focus-refetching.md index 14490ba07c..d5e4b01526 100644 --- a/docs/framework/angular/guides/window-focus-refetching.md +++ b/docs/framework/angular/guides/window-focus-refetching.md @@ -2,7 +2,7 @@ id: window-focus-refetching title: Window Focus Refetching ref: docs/framework/react/guides/window-focus-refetching.md -replace: { '@tanstack/react-query': '@tanstack/angular-query-experimental' } +replace: { '@tanstack/react-query': '@tanstack/angular-query' } --- [//]: # 'Example' diff --git a/docs/framework/angular/installation.md b/docs/framework/angular/installation.md index 20667aba90..ef650bda55 100644 --- a/docs/framework/angular/installation.md +++ b/docs/framework/angular/installation.md @@ -3,32 +3,30 @@ id: installation title: Installation --- -> IMPORTANT: This library is currently in an experimental stage. This means that breaking changes will happen in minor AND patch releases. Upgrade carefully. If you use this in production while in experimental stage, please lock your version to a patch-level version to avoid unexpected breaking changes. - ### NPM -_Angular Query is compatible with Angular v16 and higher_ +TanStack Angular Query is compatible with Angular v16 and higher. See [Angular Version Compatibility](./angular-version-compatibility) for more details. ```bash -npm i @tanstack/angular-query-experimental +npm i @tanstack/angular-query ``` or ```bash -pnpm add @tanstack/angular-query-experimental +pnpm add @tanstack/angular-query ``` or ```bash -yarn add @tanstack/angular-query-experimental +yarn add @tanstack/angular-query ``` or ```bash -bun add @tanstack/angular-query-experimental +bun add @tanstack/angular-query ``` > Wanna give it a spin before you download? Try out the [simple](../examples/simple) or [basic](../examples/basic) examples! diff --git a/docs/framework/angular/overview.md b/docs/framework/angular/overview.md index e8bd94a4e7..7b3580e524 100644 --- a/docs/framework/angular/overview.md +++ b/docs/framework/angular/overview.md @@ -3,17 +3,7 @@ id: overview title: Overview --- -> IMPORTANT: This library is currently in an experimental stage. This means that breaking changes will happen in minor AND patch releases. Upgrade carefully. If you use this in production while in experimental stage, please lock your version to a patch-level version to avoid unexpected breaking changes. - -The `@tanstack/angular-query-experimental` package offers a 1st-class API for using TanStack Query via Angular. - -## Feedback welcome! - -We are in the process of getting to a stable API for TanStack Query on Angular. If you have any feedback, please contact us at the [TanStack Discord](https://tlinz.com/discord) server or [visit this discussion](https://github.com/TanStack/query/discussions/6293) on Github. - -## Supported Angular Versions - -TanStack Query is compatible with Angular v16 and higher. +The `@tanstack/angular-query` package offers a 1st-class API for using TanStack Query via Angular. TanStack Query (FKA React Query) is often described as the missing data-fetching library for web applications, but in more technical terms, it makes **fetching, caching, synchronizing and updating server state** in your web applications a breeze. @@ -64,7 +54,7 @@ In the example below, you can see TanStack Query in its most basic and simple fo import { ChangeDetectionStrategy, Component, inject } from '@angular/core' import { HttpClient } from '@angular/common/http' import { CommonModule } from '@angular/common' -import { injectQuery } from '@tanstack/angular-query-experimental' +import { injectQuery } from '@tanstack/angular-query' import { lastValueFrom } from 'rxjs' @Component({ diff --git a/docs/framework/angular/quick-start.md b/docs/framework/angular/quick-start.md index 66d8c21396..01979db774 100644 --- a/docs/framework/angular/quick-start.md +++ b/docs/framework/angular/quick-start.md @@ -13,10 +13,7 @@ If you're looking for a fully functioning example, please have a look at our [ba ```ts import { provideHttpClient } from '@angular/common/http' -import { - provideTanStackQuery, - QueryClient, -} from '@tanstack/angular-query-experimental' +import { provideTanStackQuery, QueryClient } from '@tanstack/angular-query' bootstrapApplication(AppComponent, { providers: [provideHttpClient(), provideTanStackQuery(new QueryClient())], @@ -27,10 +24,7 @@ or in a NgModule-based app ```ts import { provideHttpClient } from '@angular/common/http' -import { - provideTanStackQuery, - QueryClient, -} from '@tanstack/angular-query-experimental' +import { provideTanStackQuery, QueryClient } from '@tanstack/angular-query' @NgModule({ declarations: [AppComponent], @@ -52,7 +46,7 @@ import { injectMutation, injectQuery, QueryClient -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' @Component({ standalone: true, diff --git a/docs/framework/angular/reference/functions/provideangularquery.md b/docs/framework/angular/reference/functions/provideangularquery.md index f6d84bb926..1e56de1b4f 100644 --- a/docs/framework/angular/reference/functions/provideangularquery.md +++ b/docs/framework/angular/reference/functions/provideangularquery.md @@ -16,10 +16,7 @@ Allows to configure a `QueryClient`. **Example - standalone** ```ts -import { - provideAngularQuery, - QueryClient, -} from '@tanstack/angular-query-experimental' +import { provideAngularQuery, QueryClient } from '@tanstack/angular-query' bootstrapApplication(AppComponent, { providers: [provideAngularQuery(new QueryClient())], @@ -29,10 +26,7 @@ bootstrapApplication(AppComponent, { **Example - NgModule-based** ```ts -import { - provideAngularQuery, - QueryClient, -} from '@tanstack/angular-query-experimental' +import { provideAngularQuery, QueryClient } from '@tanstack/angular-query' @NgModule({ declarations: [AppComponent], diff --git a/docs/framework/angular/typescript.md b/docs/framework/angular/typescript.md index 6a10e940bd..a5e7c6e292 100644 --- a/docs/framework/angular/typescript.md +++ b/docs/framework/angular/typescript.md @@ -6,7 +6,7 @@ replace: { 'useQuery': 'injectQuery', 'useMutation': 'injectMutation', - 'react-query': 'angular-query-experimental', + 'react-query': 'angular-query', 'public API of React Query': 'public API of TanStack Query and - after the experimental phase, the angular-query package', 'still follows': 'still follow', 'React Query': 'TanStack Query', @@ -149,9 +149,9 @@ computed(() => { [//]: # 'RegisterErrorType' ```ts -import '@tanstack/angular-query-experimental' +import '@tanstack/angular-query' -declare module '@tanstack/angular-query-experimental' { +declare module '@tanstack/angular-query' { interface Register { defaultError: AxiosError } diff --git a/examples/angular/auto-refetching/package.json b/examples/angular/auto-refetching/package.json index 2ebca14335..8c416846cc 100644 --- a/examples/angular/auto-refetching/package.json +++ b/examples/angular/auto-refetching/package.json @@ -14,7 +14,7 @@ "@angular/core": "^19.2.4", "@angular/platform-browser": "^19.2.4", "@angular/platform-browser-dynamic": "^19.2.4", - "@tanstack/angular-query-experimental": "^5.74.3", + "@tanstack/angular-query": "^5.74.3", "rxjs": "^7.8.2", "tslib": "^2.8.1", "zone.js": "0.15.0" diff --git a/examples/angular/auto-refetching/src/app/app.config.ts b/examples/angular/auto-refetching/src/app/app.config.ts index 65a84a0c25..d9f242c56b 100644 --- a/examples/angular/auto-refetching/src/app/app.config.ts +++ b/examples/angular/auto-refetching/src/app/app.config.ts @@ -7,7 +7,7 @@ import { QueryClient, provideTanStackQuery, withDevtools, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import { mockInterceptor } from './interceptor/mock-api.interceptor' import type { ApplicationConfig } from '@angular/core' diff --git a/examples/angular/auto-refetching/src/app/components/auto-refetching.component.ts b/examples/angular/auto-refetching/src/app/components/auto-refetching.component.ts index 00a0bdd022..7a327005eb 100644 --- a/examples/angular/auto-refetching/src/app/components/auto-refetching.component.ts +++ b/examples/angular/auto-refetching/src/app/components/auto-refetching.component.ts @@ -4,10 +4,7 @@ import { inject, signal, } from '@angular/core' -import { - injectMutation, - injectQuery, -} from '@tanstack/angular-query-experimental' +import { injectMutation, injectQuery } from '@tanstack/angular-query' import { NgStyle } from '@angular/common' import { TasksService } from '../services/tasks.service' diff --git a/examples/angular/auto-refetching/src/app/services/tasks.service.ts b/examples/angular/auto-refetching/src/app/services/tasks.service.ts index 41d3dacb27..a79bd5410f 100644 --- a/examples/angular/auto-refetching/src/app/services/tasks.service.ts +++ b/examples/angular/auto-refetching/src/app/services/tasks.service.ts @@ -4,7 +4,7 @@ import { QueryClient, mutationOptions, queryOptions, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import { lastValueFrom } from 'rxjs' diff --git a/examples/angular/basic-persister/package.json b/examples/angular/basic-persister/package.json index 44cda2c0ec..29b31e23e7 100644 --- a/examples/angular/basic-persister/package.json +++ b/examples/angular/basic-persister/package.json @@ -14,7 +14,7 @@ "@angular/core": "^19.2.4", "@angular/platform-browser": "^19.2.4", "@angular/platform-browser-dynamic": "^19.2.4", - "@tanstack/angular-query-experimental": "^5.74.3", + "@tanstack/angular-query": "^5.74.3", "@tanstack/angular-query-persist-client": "^5.62.7", "@tanstack/query-sync-storage-persister": "^5.74.3", "rxjs": "^7.8.2", diff --git a/examples/angular/basic-persister/src/app/app.config.ts b/examples/angular/basic-persister/src/app/app.config.ts index d449e21582..3537772251 100644 --- a/examples/angular/basic-persister/src/app/app.config.ts +++ b/examples/angular/basic-persister/src/app/app.config.ts @@ -3,7 +3,7 @@ import { QueryClient, provideTanStackQuery, withDevtools, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import { withPersistQueryClient } from '@tanstack/angular-query-persist-client' import { createSyncStoragePersister } from '@tanstack/query-sync-storage-persister' import type { ApplicationConfig } from '@angular/core' diff --git a/examples/angular/basic-persister/src/app/components/post.component.ts b/examples/angular/basic-persister/src/app/components/post.component.ts index d77e707e99..963b4f5122 100644 --- a/examples/angular/basic-persister/src/app/components/post.component.ts +++ b/examples/angular/basic-persister/src/app/components/post.component.ts @@ -6,7 +6,7 @@ import { inject, input, } from '@angular/core' -import { QueryClient, injectQuery } from '@tanstack/angular-query-experimental' +import { QueryClient, injectQuery } from '@tanstack/angular-query' import { fromEvent, lastValueFrom, takeUntil } from 'rxjs' import { PostsService } from '../services/posts-service' diff --git a/examples/angular/basic-persister/src/app/components/posts.component.ts b/examples/angular/basic-persister/src/app/components/posts.component.ts index 3c8bf7c79d..74127d6179 100644 --- a/examples/angular/basic-persister/src/app/components/posts.component.ts +++ b/examples/angular/basic-persister/src/app/components/posts.component.ts @@ -5,7 +5,7 @@ import { Output, inject, } from '@angular/core' -import { QueryClient, injectQuery } from '@tanstack/angular-query-experimental' +import { QueryClient, injectQuery } from '@tanstack/angular-query' import { lastValueFrom } from 'rxjs' import { PostsService } from '../services/posts-service' diff --git a/examples/angular/basic/package.json b/examples/angular/basic/package.json index d431dea200..45a80c85cf 100644 --- a/examples/angular/basic/package.json +++ b/examples/angular/basic/package.json @@ -14,7 +14,7 @@ "@angular/core": "^19.2.4", "@angular/platform-browser": "^19.2.4", "@angular/platform-browser-dynamic": "^19.2.4", - "@tanstack/angular-query-experimental": "^5.74.3", + "@tanstack/angular-query": "^5.74.3", "rxjs": "^7.8.2", "tslib": "^2.8.1", "zone.js": "0.15.0" diff --git a/examples/angular/basic/src/app/app.config.ts b/examples/angular/basic/src/app/app.config.ts index 700f4dc0a5..7f26ea89d5 100644 --- a/examples/angular/basic/src/app/app.config.ts +++ b/examples/angular/basic/src/app/app.config.ts @@ -3,7 +3,7 @@ import { QueryClient, provideTanStackQuery, withDevtools, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import type { ApplicationConfig } from '@angular/core' export const appConfig: ApplicationConfig = { diff --git a/examples/angular/basic/src/app/components/post.component.ts b/examples/angular/basic/src/app/components/post.component.ts index 2e4bfa79e2..863ace4fd9 100644 --- a/examples/angular/basic/src/app/components/post.component.ts +++ b/examples/angular/basic/src/app/components/post.component.ts @@ -5,7 +5,7 @@ import { input, output, } from '@angular/core' -import { injectQuery } from '@tanstack/angular-query-experimental' +import { injectQuery } from '@tanstack/angular-query' import { fromEvent, lastValueFrom, takeUntil } from 'rxjs' import { PostsService } from '../services/posts-service' diff --git a/examples/angular/basic/src/app/components/posts.component.ts b/examples/angular/basic/src/app/components/posts.component.ts index c40010a824..f585557b0b 100644 --- a/examples/angular/basic/src/app/components/posts.component.ts +++ b/examples/angular/basic/src/app/components/posts.component.ts @@ -4,7 +4,7 @@ import { inject, output, } from '@angular/core' -import { QueryClient, injectQuery } from '@tanstack/angular-query-experimental' +import { QueryClient, injectQuery } from '@tanstack/angular-query' import { lastValueFrom } from 'rxjs' import { PostsService } from '../services/posts-service' diff --git a/examples/angular/devtools-panel/package.json b/examples/angular/devtools-panel/package.json index 76d49f76d8..246555ae59 100644 --- a/examples/angular/devtools-panel/package.json +++ b/examples/angular/devtools-panel/package.json @@ -15,8 +15,8 @@ "@angular/platform-browser": "^19.2.4", "@angular/platform-browser-dynamic": "^19.2.4", "@angular/router": "^19.2.4", - "@tanstack/angular-query-devtools-experimental": "^5.74.3", - "@tanstack/angular-query-experimental": "^5.74.3", + "@tanstack/angular-query-devtools": "^5.74.3", + "@tanstack/angular-query": "^5.74.3", "rxjs": "^7.8.2", "tslib": "^2.8.1", "zone.js": "0.15.0" diff --git a/examples/angular/devtools-panel/src/app/app.config.ts b/examples/angular/devtools-panel/src/app/app.config.ts index b51d14cb81..0bd95f4711 100644 --- a/examples/angular/devtools-panel/src/app/app.config.ts +++ b/examples/angular/devtools-panel/src/app/app.config.ts @@ -1,10 +1,7 @@ import { provideHttpClient, withFetch } from '@angular/common/http' import { provideRouter } from '@angular/router' -import { - QueryClient, - provideTanStackQuery, -} from '@tanstack/angular-query-experimental' +import { QueryClient, provideTanStackQuery } from '@tanstack/angular-query' import { routes } from './app.routes' import type { ApplicationConfig } from '@angular/core' 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 index 7892d377c9..87851df104 100644 --- 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,7 @@ import { signal, viewChild, } from '@angular/core' -import { injectDevtoolsPanel } from '@tanstack/angular-query-devtools-experimental' +import { injectDevtoolsPanel } from '@tanstack/angular-query-devtools' import { ExampleQueryComponent } from './example-query.component' import type { ElementRef } from '@angular/core' 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 index 67f638aa7b..c2e2ae49f3 100644 --- a/examples/angular/devtools-panel/src/app/components/example-query.component.ts +++ b/examples/angular/devtools-panel/src/app/components/example-query.component.ts @@ -1,5 +1,5 @@ import { ChangeDetectionStrategy, Component, inject } from '@angular/core' -import { injectQuery } from '@tanstack/angular-query-experimental' +import { injectQuery } from '@tanstack/angular-query' import { HttpClient } from '@angular/common/http' import { lastValueFrom } from 'rxjs' diff --git a/examples/angular/devtools-panel/src/app/components/lazy-load-devtools-panel-example.component.ts b/examples/angular/devtools-panel/src/app/components/lazy-load-devtools-panel-example.component.ts index cd2366a4ce..cc6827dbe5 100644 --- a/examples/angular/devtools-panel/src/app/components/lazy-load-devtools-panel-example.component.ts +++ b/examples/angular/devtools-panel/src/app/components/lazy-load-devtools-panel-example.component.ts @@ -10,7 +10,7 @@ import { } from '@angular/core' import { ExampleQueryComponent } from './example-query.component' import type { ElementRef } from '@angular/core' -import type { DevtoolsPanelRef } from '@tanstack/angular-query-devtools-experimental' +import type { DevtoolsPanelRef } from '@tanstack/angular-query-devtools' @Component({ selector: 'lazy-load-devtools-panel-example', @@ -49,7 +49,7 @@ export default class LazyLoadDevtoolsPanelExampleComponent { if (this.devtools()) return if (this.isOpen()) { this.devtools.set( - import('@tanstack/angular-query-devtools-experimental').then( + import('@tanstack/angular-query-devtools').then( ({ injectDevtoolsPanel }) => injectDevtoolsPanel(this.devToolsOptions, { injector: this.injector, diff --git a/examples/angular/infinite-query-with-max-pages/package.json b/examples/angular/infinite-query-with-max-pages/package.json index e09100b7a4..0ec048f946 100644 --- a/examples/angular/infinite-query-with-max-pages/package.json +++ b/examples/angular/infinite-query-with-max-pages/package.json @@ -14,7 +14,7 @@ "@angular/core": "^19.2.4", "@angular/platform-browser": "^19.2.4", "@angular/platform-browser-dynamic": "^19.2.4", - "@tanstack/angular-query-experimental": "^5.74.3", + "@tanstack/angular-query": "^5.74.3", "rxjs": "^7.8.2", "tslib": "^2.8.1", "zone.js": "0.15.0" 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 index bd9b7a03d1..4c0bd00bb1 100644 --- 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 @@ -7,7 +7,7 @@ import { QueryClient, provideTanStackQuery, withDevtools, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import { projectsMockInterceptor } from './api/projects-mock.interceptor' import type { ApplicationConfig } from '@angular/core' 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 index 71c141e3e4..d9d04cc9f2 100644 --- 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 @@ -4,7 +4,7 @@ import { computed, inject, } from '@angular/core' -import { injectInfiniteQuery } from '@tanstack/angular-query-experimental' +import { injectInfiniteQuery } from '@tanstack/angular-query' import { lastValueFrom } from 'rxjs' import { ProjectStyleDirective } from '../directives/project-style.directive' import { ProjectsService } from '../services/projects.service' diff --git a/examples/angular/optimistic-updates/package.json b/examples/angular/optimistic-updates/package.json index c87fb3bb9f..33ffce4946 100644 --- a/examples/angular/optimistic-updates/package.json +++ b/examples/angular/optimistic-updates/package.json @@ -15,7 +15,7 @@ "@angular/forms": "^19.2.4", "@angular/platform-browser": "^19.2.4", "@angular/platform-browser-dynamic": "^19.2.4", - "@tanstack/angular-query-experimental": "^5.74.3", + "@tanstack/angular-query": "^5.74.3", "rxjs": "^7.8.2", "tslib": "^2.8.1", "zone.js": "0.15.0" diff --git a/examples/angular/optimistic-updates/src/app/app.config.ts b/examples/angular/optimistic-updates/src/app/app.config.ts index 65a84a0c25..d9f242c56b 100644 --- a/examples/angular/optimistic-updates/src/app/app.config.ts +++ b/examples/angular/optimistic-updates/src/app/app.config.ts @@ -7,7 +7,7 @@ import { QueryClient, provideTanStackQuery, withDevtools, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import { mockInterceptor } from './interceptor/mock-api.interceptor' import type { ApplicationConfig } from '@angular/core' diff --git a/examples/angular/optimistic-updates/src/app/components/optimistic-updates.component.ts b/examples/angular/optimistic-updates/src/app/components/optimistic-updates.component.ts index 2b0b4cc1c4..42aa7d7677 100644 --- a/examples/angular/optimistic-updates/src/app/components/optimistic-updates.component.ts +++ b/examples/angular/optimistic-updates/src/app/components/optimistic-updates.component.ts @@ -1,8 +1,5 @@ import { ChangeDetectionStrategy, Component, inject } from '@angular/core' -import { - injectMutation, - injectQuery, -} from '@tanstack/angular-query-experimental' +import { injectMutation, injectQuery } from '@tanstack/angular-query' import { FormsModule } from '@angular/forms' import { DatePipe } from '@angular/common' import { TasksService } from '../services/tasks.service' diff --git a/examples/angular/optimistic-updates/src/app/services/tasks.service.ts b/examples/angular/optimistic-updates/src/app/services/tasks.service.ts index d9a2d62428..2da0dee782 100644 --- a/examples/angular/optimistic-updates/src/app/services/tasks.service.ts +++ b/examples/angular/optimistic-updates/src/app/services/tasks.service.ts @@ -4,7 +4,7 @@ import { QueryClient, mutationOptions, queryOptions, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import { lastValueFrom } from 'rxjs' diff --git a/examples/angular/pagination/package.json b/examples/angular/pagination/package.json index e6f4f13bd4..d10d8e4b0a 100644 --- a/examples/angular/pagination/package.json +++ b/examples/angular/pagination/package.json @@ -14,7 +14,7 @@ "@angular/core": "^19.2.4", "@angular/platform-browser": "^19.2.4", "@angular/platform-browser-dynamic": "^19.2.4", - "@tanstack/angular-query-experimental": "^5.74.3", + "@tanstack/angular-query": "^5.74.3", "rxjs": "^7.8.2", "tslib": "^2.8.1", "zone.js": "0.15.0" diff --git a/examples/angular/pagination/src/app/app.config.ts b/examples/angular/pagination/src/app/app.config.ts index 919a81f92c..3e36c739f8 100644 --- a/examples/angular/pagination/src/app/app.config.ts +++ b/examples/angular/pagination/src/app/app.config.ts @@ -7,7 +7,7 @@ import { QueryClient, provideTanStackQuery, withDevtools, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import { projectsMockInterceptor } from './api/projects-mock.interceptor' import type { ApplicationConfig } from '@angular/core' diff --git a/examples/angular/pagination/src/app/components/example.component.ts b/examples/angular/pagination/src/app/components/example.component.ts index 861ded2fa9..d6aa6e4b94 100644 --- a/examples/angular/pagination/src/app/components/example.component.ts +++ b/examples/angular/pagination/src/app/components/example.component.ts @@ -10,7 +10,7 @@ import { QueryClient, injectQuery, keepPreviousData, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import { lastValueFrom } from 'rxjs' import { ProjectsService } from '../services/projects.service' diff --git a/examples/angular/query-options-from-a-service/package.json b/examples/angular/query-options-from-a-service/package.json index 67b6a41f8f..12e5c79aa4 100644 --- a/examples/angular/query-options-from-a-service/package.json +++ b/examples/angular/query-options-from-a-service/package.json @@ -15,7 +15,7 @@ "@angular/platform-browser": "^19.2.4", "@angular/platform-browser-dynamic": "^19.2.4", "@angular/router": "^19.2.4", - "@tanstack/angular-query-experimental": "^5.74.3", + "@tanstack/angular-query": "^5.74.3", "rxjs": "^7.8.2", "tslib": "^2.8.1", "zone.js": "0.15.0" diff --git a/examples/angular/query-options-from-a-service/src/app/app.config.ts b/examples/angular/query-options-from-a-service/src/app/app.config.ts index 7dd1d37236..9ac98b5a1c 100644 --- a/examples/angular/query-options-from-a-service/src/app/app.config.ts +++ b/examples/angular/query-options-from-a-service/src/app/app.config.ts @@ -4,7 +4,7 @@ import { QueryClient, provideTanStackQuery, withDevtools, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import { routes } from './app.routes' import type { ApplicationConfig } from '@angular/core' diff --git a/examples/angular/query-options-from-a-service/src/app/components/post.component.ts b/examples/angular/query-options-from-a-service/src/app/components/post.component.ts index 87bebeb44d..68cc4bf197 100644 --- a/examples/angular/query-options-from-a-service/src/app/components/post.component.ts +++ b/examples/angular/query-options-from-a-service/src/app/components/post.component.ts @@ -6,7 +6,7 @@ import { numberAttribute, } from '@angular/core' import { RouterLink } from '@angular/router' -import { injectQuery } from '@tanstack/angular-query-experimental' +import { injectQuery } from '@tanstack/angular-query' import { QueriesService } from '../services/queries-service' @Component({ diff --git a/examples/angular/query-options-from-a-service/src/app/components/posts.component.ts b/examples/angular/query-options-from-a-service/src/app/components/posts.component.ts index ed26b0aed7..4d526c2fe6 100644 --- a/examples/angular/query-options-from-a-service/src/app/components/posts.component.ts +++ b/examples/angular/query-options-from-a-service/src/app/components/posts.component.ts @@ -1,6 +1,6 @@ import { ChangeDetectionStrategy, Component, inject } from '@angular/core' import { RouterLink } from '@angular/router' -import { QueryClient, injectQuery } from '@tanstack/angular-query-experimental' +import { QueryClient, injectQuery } from '@tanstack/angular-query' import { QueriesService } from '../services/queries-service' @Component({ diff --git a/examples/angular/query-options-from-a-service/src/app/services/queries-service.ts b/examples/angular/query-options-from-a-service/src/app/services/queries-service.ts index 70ad35c5d7..c1f01e62b6 100644 --- a/examples/angular/query-options-from-a-service/src/app/services/queries-service.ts +++ b/examples/angular/query-options-from-a-service/src/app/services/queries-service.ts @@ -1,6 +1,6 @@ import { Injectable, inject } from '@angular/core' import { lastValueFrom } from 'rxjs' -import { queryOptions } from '@tanstack/angular-query-experimental' +import { queryOptions } from '@tanstack/angular-query' import { HttpClient } from '@angular/common/http' export interface Post { diff --git a/examples/angular/router/package.json b/examples/angular/router/package.json index d44d96598f..f780550c8a 100644 --- a/examples/angular/router/package.json +++ b/examples/angular/router/package.json @@ -15,7 +15,7 @@ "@angular/platform-browser": "^19.2.4", "@angular/platform-browser-dynamic": "^19.2.4", "@angular/router": "^19.2.4", - "@tanstack/angular-query-experimental": "^5.74.3", + "@tanstack/angular-query": "^5.74.3", "rxjs": "^7.8.2", "tslib": "^2.8.1", "zone.js": "0.15.0" diff --git a/examples/angular/router/src/app/app.config.ts b/examples/angular/router/src/app/app.config.ts index de3234392a..93987ef231 100644 --- a/examples/angular/router/src/app/app.config.ts +++ b/examples/angular/router/src/app/app.config.ts @@ -4,7 +4,7 @@ import { QueryClient, provideTanStackQuery, withDevtools, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import { routes } from './app.routes' import type { ApplicationConfig } from '@angular/core' diff --git a/examples/angular/router/src/app/components/post.component.ts b/examples/angular/router/src/app/components/post.component.ts index 118adc42ba..56191ea1bd 100644 --- a/examples/angular/router/src/app/components/post.component.ts +++ b/examples/angular/router/src/app/components/post.component.ts @@ -6,7 +6,7 @@ import { numberAttribute, } from '@angular/core' import { RouterLink } from '@angular/router' -import { injectQuery } from '@tanstack/angular-query-experimental' +import { injectQuery } from '@tanstack/angular-query' import { lastValueFrom } from 'rxjs' import { PostsService } from '../services/posts-service' diff --git a/examples/angular/router/src/app/components/posts.component.ts b/examples/angular/router/src/app/components/posts.component.ts index 5284a74908..7d65b5b922 100644 --- a/examples/angular/router/src/app/components/posts.component.ts +++ b/examples/angular/router/src/app/components/posts.component.ts @@ -1,6 +1,6 @@ import { ChangeDetectionStrategy, Component, inject } from '@angular/core' import { RouterLink } from '@angular/router' -import { QueryClient, injectQuery } from '@tanstack/angular-query-experimental' +import { QueryClient, injectQuery } from '@tanstack/angular-query' import { lastValueFrom } from 'rxjs' import { PostsService } from '../services/posts-service' diff --git a/examples/angular/rxjs/package.json b/examples/angular/rxjs/package.json index 07df94e2c0..3e28d59a1b 100644 --- a/examples/angular/rxjs/package.json +++ b/examples/angular/rxjs/package.json @@ -15,7 +15,7 @@ "@angular/forms": "^19.2.4", "@angular/platform-browser": "^19.2.4", "@angular/platform-browser-dynamic": "^19.2.4", - "@tanstack/angular-query-experimental": "^5.74.3", + "@tanstack/angular-query": "^5.74.3", "rxjs": "^7.8.2", "tslib": "^2.8.1", "zone.js": "0.15.0" diff --git a/examples/angular/rxjs/src/app/app.config.ts b/examples/angular/rxjs/src/app/app.config.ts index 36f8212a03..6c1eaced3c 100644 --- a/examples/angular/rxjs/src/app/app.config.ts +++ b/examples/angular/rxjs/src/app/app.config.ts @@ -7,7 +7,7 @@ import { QueryClient, provideTanStackQuery, withDevtools, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import { autocompleteMockInterceptor } from './api/autocomplete-mock.interceptor' import type { ApplicationConfig } from '@angular/core' diff --git a/examples/angular/rxjs/src/app/components/example.component.ts b/examples/angular/rxjs/src/app/components/example.component.ts index 16e93735a9..d7bb20990f 100644 --- a/examples/angular/rxjs/src/app/components/example.component.ts +++ b/examples/angular/rxjs/src/app/components/example.component.ts @@ -1,10 +1,7 @@ import { ChangeDetectionStrategy, Component, inject } from '@angular/core' import { toSignal } from '@angular/core/rxjs-interop' import { NonNullableFormBuilder, ReactiveFormsModule } from '@angular/forms' -import { - injectQuery, - keepPreviousData, -} from '@tanstack/angular-query-experimental' +import { injectQuery, keepPreviousData } from '@tanstack/angular-query' import { debounceTime, distinctUntilChanged, lastValueFrom } from 'rxjs' import { AutocompleteService } from '../services/autocomplete-service' diff --git a/examples/angular/simple/package.json b/examples/angular/simple/package.json index 7089177878..ca71858bf3 100644 --- a/examples/angular/simple/package.json +++ b/examples/angular/simple/package.json @@ -14,7 +14,7 @@ "@angular/core": "^19.2.4", "@angular/platform-browser": "^19.2.4", "@angular/platform-browser-dynamic": "^19.2.4", - "@tanstack/angular-query-experimental": "^5.74.3", + "@tanstack/angular-query": "^5.74.3", "rxjs": "^7.8.2", "tslib": "^2.8.1", "zone.js": "0.15.0" diff --git a/examples/angular/simple/src/app/app.config.ts b/examples/angular/simple/src/app/app.config.ts index c4b9ca045e..f8afb749c1 100644 --- a/examples/angular/simple/src/app/app.config.ts +++ b/examples/angular/simple/src/app/app.config.ts @@ -3,7 +3,7 @@ import { QueryClient, provideTanStackQuery, withDevtools, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import type { ApplicationConfig } from '@angular/core' export const appConfig: ApplicationConfig = { diff --git a/examples/angular/simple/src/app/components/simple-example.component.ts b/examples/angular/simple/src/app/components/simple-example.component.ts index fe43999eb0..461cfc6587 100644 --- a/examples/angular/simple/src/app/components/simple-example.component.ts +++ b/examples/angular/simple/src/app/components/simple-example.component.ts @@ -1,5 +1,5 @@ import { ChangeDetectionStrategy, Component, inject } from '@angular/core' -import { injectQuery } from '@tanstack/angular-query-experimental' +import { injectQuery } from '@tanstack/angular-query' import { HttpClient } from '@angular/common/http' import { lastValueFrom } from 'rxjs' diff --git a/integrations/angular-cli-19/package.json b/integrations/angular-cli-19/package.json index 68de3c34b1..45db007bb8 100644 --- a/integrations/angular-cli-19/package.json +++ b/integrations/angular-cli-19/package.json @@ -10,7 +10,7 @@ "@angular/core": "^19.2.4", "@angular/platform-browser": "^19.2.4", "@angular/platform-browser-dynamic": "^19.2.4", - "@tanstack/angular-query-experimental": "workspace:*", + "@tanstack/angular-query": "workspace:*", "rxjs": "^7.8.2", "tslib": "^2.8.1", "zone.js": "0.15.0" diff --git a/integrations/angular-cli-19/src/app/app.component.ts b/integrations/angular-cli-19/src/app/app.component.ts index 6fcd81fa4c..66867c9beb 100644 --- a/integrations/angular-cli-19/src/app/app.component.ts +++ b/integrations/angular-cli-19/src/app/app.component.ts @@ -1,6 +1,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core' import { CommonModule } from '@angular/common' -import { injectQuery } from '@tanstack/angular-query-experimental' +import { injectQuery } from '@tanstack/angular-query' @Component({ changeDetection: ChangeDetectionStrategy.OnPush, diff --git a/integrations/angular-cli-19/src/app/app.config.ts b/integrations/angular-cli-19/src/app/app.config.ts index 2dfff7f5b8..a699c63dea 100644 --- a/integrations/angular-cli-19/src/app/app.config.ts +++ b/integrations/angular-cli-19/src/app/app.config.ts @@ -1,8 +1,5 @@ import { ApplicationConfig } from '@angular/core' -import { - provideTanStackQuery, - QueryClient, -} from '@tanstack/angular-query-experimental' +import { provideTanStackQuery, QueryClient } from '@tanstack/angular-query' export const appConfig: ApplicationConfig = { providers: [provideTanStackQuery(new QueryClient())], diff --git a/package.json b/package.json index 786cf3c937..ecf4ed8ed8 100644 --- a/package.json +++ b/package.json @@ -77,8 +77,9 @@ }, "pnpm": { "overrides": { - "@tanstack/angular-query-devtools-experimental": "workspace:*", - "@tanstack/angular-query-experimental": "workspace:*", + "@tanstack/angular-query-devtools": "workspace:*", + "@tanstack/angular-query": "workspace:*", + "@tanstack/angular-query-persist-client": "workspace:*", "@tanstack/eslint-plugin-query": "workspace:*", "@tanstack/query-async-storage-persister": "workspace:*", "@tanstack/query-broadcast-client-experimental": "workspace:*", diff --git a/packages/angular-query-devtools-experimental/.attw.json b/packages/angular-query-devtools/.attw.json similarity index 100% rename from packages/angular-query-devtools-experimental/.attw.json rename to packages/angular-query-devtools/.attw.json diff --git a/packages/angular-query-devtools-experimental/eslint.config.js b/packages/angular-query-devtools/eslint.config.js similarity index 100% rename from packages/angular-query-devtools-experimental/eslint.config.js rename to packages/angular-query-devtools/eslint.config.js diff --git a/packages/angular-query-devtools-experimental/package.json b/packages/angular-query-devtools/package.json similarity index 89% rename from packages/angular-query-devtools-experimental/package.json rename to packages/angular-query-devtools/package.json index 4d6cda1a7c..2666dcf3eb 100644 --- a/packages/angular-query-devtools-experimental/package.json +++ b/packages/angular-query-devtools/package.json @@ -1,5 +1,5 @@ { - "name": "@tanstack/angular-query-devtools-experimental", + "name": "@tanstack/angular-query-devtools", "version": "5.74.3", "description": "Developer tools to interact with and visualize the TanStack/angular-query cache", "author": "Arnoud de Vries", @@ -7,7 +7,7 @@ "repository": { "type": "git", "url": "git+https://github.com/TanStack/query.git", - "directory": "packages/angular-query-devtools-experimental" + "directory": "packages/angular-query-devtools" }, "homepage": "https://tanstack.com/query", "funding": { @@ -55,13 +55,13 @@ "devDependencies": { "@angular/core": "^19.2.4", "@angular/platform-browser-dynamic": "^19.2.4", - "@tanstack/angular-query-experimental": "workspace:*", + "@tanstack/angular-query": "workspace:*", "eslint-plugin-jsdoc": "^50.5.0", "npm-run-all2": "^5.0.0" }, "peerDependencies": { "@angular/common": ">=16.0.0", "@angular/core": ">=16.0.0", - "@tanstack/angular-query-experimental": "workspace:^" + "@tanstack/angular-query": "workspace:^" } } diff --git a/packages/angular-query-devtools-experimental/root.eslint.config.js b/packages/angular-query-devtools/root.eslint.config.js similarity index 100% rename from packages/angular-query-devtools-experimental/root.eslint.config.js rename to packages/angular-query-devtools/root.eslint.config.js diff --git a/packages/angular-query-devtools-experimental/root.vite.config.js b/packages/angular-query-devtools/root.vite.config.js similarity index 100% rename from packages/angular-query-devtools-experimental/root.vite.config.js rename to packages/angular-query-devtools/root.vite.config.js diff --git a/packages/angular-query-devtools-experimental/src/__tests__/inject-devtools-panel.test.ts b/packages/angular-query-devtools/src/__tests__/inject-devtools-panel.test.ts similarity index 97% rename from packages/angular-query-devtools-experimental/src/__tests__/inject-devtools-panel.test.ts rename to packages/angular-query-devtools/src/__tests__/inject-devtools-panel.test.ts index e2d2f7751f..eb1d30246c 100644 --- a/packages/angular-query-devtools-experimental/src/__tests__/inject-devtools-panel.test.ts +++ b/packages/angular-query-devtools/src/__tests__/inject-devtools-panel.test.ts @@ -4,10 +4,7 @@ import { signal, } from '@angular/core' import { TestBed } from '@angular/core/testing' -import { - QueryClient, - provideTanStackQuery, -} from '@tanstack/angular-query-experimental' +import { QueryClient, provideTanStackQuery } from '@tanstack/angular-query' import { beforeEach, describe, expect, vi } from 'vitest' import { injectDevtoolsPanel } from '../inject-devtools-panel' diff --git a/packages/angular-query-devtools-experimental/src/index.ts b/packages/angular-query-devtools/src/index.ts similarity index 100% rename from packages/angular-query-devtools-experimental/src/index.ts rename to packages/angular-query-devtools/src/index.ts diff --git a/packages/angular-query-devtools-experimental/src/inject-devtools-panel.ts b/packages/angular-query-devtools/src/inject-devtools-panel.ts similarity index 97% rename from packages/angular-query-devtools-experimental/src/inject-devtools-panel.ts rename to packages/angular-query-devtools/src/inject-devtools-panel.ts index 0fdff618fc..d6f88e3a66 100644 --- a/packages/angular-query-devtools-experimental/src/inject-devtools-panel.ts +++ b/packages/angular-query-devtools/src/inject-devtools-panel.ts @@ -10,10 +10,7 @@ import { untracked, } from '@angular/core' import { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools' -import { - QueryClient, - onlineManager, -} from '@tanstack/angular-query-experimental' +import { QueryClient, onlineManager } from '@tanstack/angular-query' import { isPlatformBrowser } from '@angular/common' import type { ElementRef } from '@angular/core' import type { DevtoolsErrorType } from '@tanstack/query-devtools' diff --git a/packages/angular-query-devtools-experimental/src/test-setup.ts b/packages/angular-query-devtools/src/test-setup.ts similarity index 100% rename from packages/angular-query-devtools-experimental/src/test-setup.ts rename to packages/angular-query-devtools/src/test-setup.ts diff --git a/packages/angular-query-devtools-experimental/tsconfig.json b/packages/angular-query-devtools/tsconfig.json similarity index 90% rename from packages/angular-query-devtools-experimental/tsconfig.json rename to packages/angular-query-devtools/tsconfig.json index 5982d4bf3e..a788dbca03 100644 --- a/packages/angular-query-devtools-experimental/tsconfig.json +++ b/packages/angular-query-devtools/tsconfig.json @@ -14,6 +14,6 @@ "include": ["src", "*.config.js", "*.config.ts", "package.json"], "references": [ { "path": "../query-devtools" }, - { "path": "../angular-query-experimental" } + { "path": "../angular-query" } ] } diff --git a/packages/angular-query-devtools-experimental/tsconfig.prod.json b/packages/angular-query-devtools/tsconfig.prod.json similarity index 100% rename from packages/angular-query-devtools-experimental/tsconfig.prod.json rename to packages/angular-query-devtools/tsconfig.prod.json diff --git a/packages/angular-query-devtools-experimental/tsup.config.js b/packages/angular-query-devtools/tsup.config.js similarity index 100% rename from packages/angular-query-devtools-experimental/tsup.config.js rename to packages/angular-query-devtools/tsup.config.js diff --git a/packages/angular-query-devtools-experimental/vite.config.ts b/packages/angular-query-devtools/vite.config.ts similarity index 100% rename from packages/angular-query-devtools-experimental/vite.config.ts rename to packages/angular-query-devtools/vite.config.ts diff --git a/packages/angular-query-experimental/src/inject-query-client.ts b/packages/angular-query-experimental/src/inject-query-client.ts deleted file mode 100644 index 3ac28e4d5e..0000000000 --- a/packages/angular-query-experimental/src/inject-query-client.ts +++ /dev/null @@ -1,23 +0,0 @@ -import { Injector, inject } from '@angular/core' -import { QueryClient } from '@tanstack/query-core' -import type { InjectOptions } from '@angular/core' - -/** - * Injects a `QueryClient` instance and allows passing a custom injector. - * @param injectOptions - Type of the options argument to inject and optionally a custom injector. - * @returns The `QueryClient` instance. - * @public - * @deprecated Use `inject(QueryClient)` instead. - * If you need to get a `QueryClient` from a custom injector, use `injector.get(QueryClient)`. - * - * - * **Example** - * ```ts - * const queryClient = injectQueryClient(); - * ``` - */ -export function injectQueryClient( - injectOptions: InjectOptions & { injector?: Injector } = {}, -) { - return (injectOptions.injector ?? inject(Injector)).get(QueryClient) -} diff --git a/packages/angular-query-persist-client/package.json b/packages/angular-query-persist-client/package.json index 59d27f8e8c..73bb562ce7 100644 --- a/packages/angular-query-persist-client/package.json +++ b/packages/angular-query-persist-client/package.json @@ -1,6 +1,5 @@ { "name": "@tanstack/angular-query-persist-client", - "private": true, "version": "5.62.7", "description": "Angular bindings to work with persisters in TanStack/angular-query", "author": "Omer Gronich", @@ -61,7 +60,7 @@ "@angular/core": "^19.2.4", "@angular/platform-browser": "^19.2.4", "@angular/platform-browser-dynamic": "^19.2.4", - "@tanstack/angular-query-experimental": "workspace:*", + "@tanstack/angular-query": "workspace:*", "@testing-library/angular": "^17.3.2", "@testing-library/dom": "^10.4.0", "eslint-plugin-jsdoc": "^50.5.0", @@ -70,6 +69,6 @@ "peerDependencies": { "@angular/common": ">=16.0.0", "@angular/core": ">=16.0.0", - "@tanstack/angular-query-experimental": "workspace:*" + "@tanstack/angular-query": "workspace:*" } } diff --git a/packages/angular-query-persist-client/src/__tests__/with-persist-query-client.test.ts b/packages/angular-query-persist-client/src/__tests__/with-persist-query-client.test.ts index 7085c753ea..265fba273d 100644 --- a/packages/angular-query-persist-client/src/__tests__/with-persist-query-client.test.ts +++ b/packages/angular-query-persist-client/src/__tests__/with-persist-query-client.test.ts @@ -3,7 +3,7 @@ import { QueryClient, injectQuery, provideTanStackQuery, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import { persistQueryClientSave } from '@tanstack/query-persist-client-core' import { Component, diff --git a/packages/angular-query-persist-client/src/with-persist-query-client.ts b/packages/angular-query-persist-client/src/with-persist-query-client.ts index 2896cbc7b2..400d28e2ca 100644 --- a/packages/angular-query-persist-client/src/with-persist-query-client.ts +++ b/packages/angular-query-persist-client/src/with-persist-query-client.ts @@ -2,7 +2,7 @@ import { QueryClient, provideIsRestoring, queryFeature, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' import { DestroyRef, ENVIRONMENT_INITIALIZER, @@ -16,7 +16,7 @@ import { persistQueryClientSubscribe, } from '@tanstack/query-persist-client-core' import type { PersistQueryClientOptions as PersistQueryClientOptionsCore } from '@tanstack/query-persist-client-core' -import type { PersistQueryClientFeature } from '@tanstack/angular-query-experimental' +import type { PersistQueryClientFeature } from '@tanstack/angular-query' type PersistQueryClientOptions = { persistOptions: Omit diff --git a/packages/angular-query-persist-client/tsconfig.json b/packages/angular-query-persist-client/tsconfig.json index 1c0f8de7c8..5160fbd53d 100644 --- a/packages/angular-query-persist-client/tsconfig.json +++ b/packages/angular-query-persist-client/tsconfig.json @@ -14,7 +14,7 @@ }, "include": ["src", "*.config.js", "*.config.ts", "package.json"], "references": [ - { "path": "../angular-query-experimental" }, + { "path": "../angular-query" }, { "path": "../query-persist-client-core" } ] } diff --git a/packages/angular-query-experimental/.attw.json b/packages/angular-query/.attw.json similarity index 100% rename from packages/angular-query-experimental/.attw.json rename to packages/angular-query/.attw.json diff --git a/packages/angular-query-experimental/README.md b/packages/angular-query/README.md similarity index 70% rename from packages/angular-query-experimental/README.md rename to packages/angular-query/README.md index 10a919cb70..3817f73021 100644 --- a/packages/angular-query-experimental/README.md +++ b/packages/angular-query/README.md @@ -1,14 +1,12 @@ ![TanStack Query Header](https://github.com/TanStack/query/raw/main/media/repo-header.png) -[![npm version](https://img.shields.io/npm/v/@tanstack/angular-query-experimental)](https://www.npmjs.com/package/@tanstack/angular-query-experimental) -[![npm license](https://img.shields.io/npm/l/@tanstack/angular-query-experimental)](https://github.com/TanStack/query/blob/main/LICENSE) -[![bundle size](https://img.shields.io/bundlephobia/minzip/@tanstack/angular-query-experimental)](https://bundlephobia.com/package/@tanstack/angular-query-experimental) -[![npm](https://img.shields.io/npm/dm/@tanstack/angular-query-experimental)](https://www.npmjs.com/package/@tanstack/angular-query-experimental) +[![npm version](https://img.shields.io/npm/v/@tanstack/angular-query)](https://www.npmjs.com/package/@tanstack/angular-query) +[![npm license](https://img.shields.io/npm/l/@tanstack/angular-query)](https://github.com/TanStack/query/blob/main/LICENSE) +[![bundle size](https://img.shields.io/bundlephobia/minzip/@tanstack/angular-query)](https://bundlephobia.com/package/@tanstack/angular-query) +[![npm](https://img.shields.io/npm/dm/@tanstack/angular-query)](https://www.npmjs.com/package/@tanstack/angular-query) # Angular Query -> IMPORTANT: This library is currently in an experimental stage. This means that breaking changes may happen in minor AND patch releases. Upgrade carefully. If you use this in production while in experimental stage, please lock your version to a patch-level version to avoid unexpected breaking changes. - Functions for fetching, caching and updating asynchronous data in Angular # Documentation @@ -34,32 +32,32 @@ Visit https://tanstack.com/query/latest/docs/framework/angular/overview 1. Install `angular-query` ```bash -$ npm i @tanstack/angular-query-experimental +$ npm i @tanstack/angular-query ``` or ```bash -$ pnpm add @tanstack/angular-query-experimental +$ pnpm add @tanstack/angular-query ``` or ```bash -$ yarn add @tanstack/angular-query-experimental +$ yarn add @tanstack/angular-query ``` or ```bash -$ bun add @tanstack/angular-query-experimental +$ bun add @tanstack/angular-query ``` 2. Initialize **TanStack Query** by adding **provideTanStackQuery** to your application ```ts -import { provideTanStackQuery } from '@tanstack/angular-query-experimental' -import { QueryClient } from '@tanstack/angular-query-experimental' +import { provideTanStackQuery } from '@tanstack/angular-query' +import { QueryClient } from '@tanstack/angular-query' bootstrapApplication(AppComponent, { providers: [provideTanStackQuery(new QueryClient())], @@ -73,7 +71,7 @@ import { provideHttpClient } from '@angular/common/http' import { provideTanStackQuery, QueryClient, -} from '@tanstack/angular-query-experimental' +} from '@tanstack/angular-query' @NgModule({ declarations: [AppComponent], @@ -86,7 +84,7 @@ import { 3. Inject query ```ts -import { injectQuery } from '@tanstack/angular-query-experimental' +import { injectQuery } from '@tanstack/angular-query' import { Component } from '@angular/core' @Component({...}) diff --git a/packages/angular-query-experimental/eslint.config.js b/packages/angular-query/eslint.config.js similarity index 100% rename from packages/angular-query-experimental/eslint.config.js rename to packages/angular-query/eslint.config.js diff --git a/packages/angular-query-experimental/package.json b/packages/angular-query/package.json similarity index 96% rename from packages/angular-query-experimental/package.json rename to packages/angular-query/package.json index a0501b6377..d1dd895d54 100644 --- a/packages/angular-query-experimental/package.json +++ b/packages/angular-query/package.json @@ -1,5 +1,5 @@ { - "name": "@tanstack/angular-query-experimental", + "name": "@tanstack/angular-query", "version": "5.74.3", "description": "Signals for managing, caching and syncing asynchronous and remote data in Angular", "author": "Arnoud de Vries", @@ -7,7 +7,7 @@ "repository": { "type": "git", "url": "git+https://github.com/TanStack/query.git", - "directory": "packages/angular-query-experimental" + "directory": "packages/angular-query" }, "homepage": "https://tanstack.com/query", "funding": { diff --git a/packages/angular-query-experimental/root.eslint.config.js b/packages/angular-query/root.eslint.config.js similarity index 100% rename from packages/angular-query-experimental/root.eslint.config.js rename to packages/angular-query/root.eslint.config.js diff --git a/packages/angular-query-experimental/root.vite.config.js b/packages/angular-query/root.vite.config.js similarity index 100% rename from packages/angular-query-experimental/root.vite.config.js rename to packages/angular-query/root.vite.config.js diff --git a/packages/angular-query-experimental/src/__tests__/inject-infinite-query.test.ts b/packages/angular-query/src/__tests__/inject-infinite-query.test.ts similarity index 100% rename from packages/angular-query-experimental/src/__tests__/inject-infinite-query.test.ts rename to packages/angular-query/src/__tests__/inject-infinite-query.test.ts diff --git a/packages/angular-query-experimental/src/__tests__/inject-is-fetching.test.ts b/packages/angular-query/src/__tests__/inject-is-fetching.test.ts similarity index 100% rename from packages/angular-query-experimental/src/__tests__/inject-is-fetching.test.ts rename to packages/angular-query/src/__tests__/inject-is-fetching.test.ts diff --git a/packages/angular-query-experimental/src/__tests__/inject-is-mutating.test.ts b/packages/angular-query/src/__tests__/inject-is-mutating.test.ts similarity index 100% rename from packages/angular-query-experimental/src/__tests__/inject-is-mutating.test.ts rename to packages/angular-query/src/__tests__/inject-is-mutating.test.ts diff --git a/packages/angular-query-experimental/src/__tests__/inject-mutation-state.test-d.ts b/packages/angular-query/src/__tests__/inject-mutation-state.test-d.ts similarity index 100% rename from packages/angular-query-experimental/src/__tests__/inject-mutation-state.test-d.ts rename to packages/angular-query/src/__tests__/inject-mutation-state.test-d.ts diff --git a/packages/angular-query-experimental/src/__tests__/inject-mutation-state.test.ts b/packages/angular-query/src/__tests__/inject-mutation-state.test.ts similarity index 100% rename from packages/angular-query-experimental/src/__tests__/inject-mutation-state.test.ts rename to packages/angular-query/src/__tests__/inject-mutation-state.test.ts diff --git a/packages/angular-query-experimental/src/__tests__/inject-mutation.test-d.ts b/packages/angular-query/src/__tests__/inject-mutation.test-d.ts similarity index 100% rename from packages/angular-query-experimental/src/__tests__/inject-mutation.test-d.ts rename to packages/angular-query/src/__tests__/inject-mutation.test-d.ts diff --git a/packages/angular-query-experimental/src/__tests__/inject-mutation.test.ts b/packages/angular-query/src/__tests__/inject-mutation.test.ts similarity index 100% rename from packages/angular-query-experimental/src/__tests__/inject-mutation.test.ts rename to packages/angular-query/src/__tests__/inject-mutation.test.ts diff --git a/packages/angular-query-experimental/src/__tests__/inject-query.test-d.ts b/packages/angular-query/src/__tests__/inject-query.test-d.ts similarity index 100% rename from packages/angular-query-experimental/src/__tests__/inject-query.test-d.ts rename to packages/angular-query/src/__tests__/inject-query.test-d.ts diff --git a/packages/angular-query-experimental/src/__tests__/inject-query.test.ts b/packages/angular-query/src/__tests__/inject-query.test.ts similarity index 100% rename from packages/angular-query-experimental/src/__tests__/inject-query.test.ts rename to packages/angular-query/src/__tests__/inject-query.test.ts diff --git a/packages/angular-query-experimental/src/__tests__/mutation-options.test-d.ts b/packages/angular-query/src/__tests__/mutation-options.test-d.ts similarity index 100% rename from packages/angular-query-experimental/src/__tests__/mutation-options.test-d.ts rename to packages/angular-query/src/__tests__/mutation-options.test-d.ts diff --git a/packages/angular-query-experimental/src/__tests__/providers.test.ts b/packages/angular-query/src/__tests__/providers.test.ts similarity index 100% rename from packages/angular-query-experimental/src/__tests__/providers.test.ts rename to packages/angular-query/src/__tests__/providers.test.ts diff --git a/packages/angular-query-experimental/src/__tests__/query-options.test-d.ts b/packages/angular-query/src/__tests__/query-options.test-d.ts similarity index 100% rename from packages/angular-query-experimental/src/__tests__/query-options.test-d.ts rename to packages/angular-query/src/__tests__/query-options.test-d.ts diff --git a/packages/angular-query-experimental/src/__tests__/signal-proxy.test.ts b/packages/angular-query/src/__tests__/signal-proxy.test.ts similarity index 100% rename from packages/angular-query-experimental/src/__tests__/signal-proxy.test.ts rename to packages/angular-query/src/__tests__/signal-proxy.test.ts diff --git a/packages/angular-query-experimental/src/__tests__/test-utils.ts b/packages/angular-query/src/__tests__/test-utils.ts similarity index 100% rename from packages/angular-query-experimental/src/__tests__/test-utils.ts rename to packages/angular-query/src/__tests__/test-utils.ts diff --git a/packages/angular-query-experimental/src/create-base-query.ts b/packages/angular-query/src/create-base-query.ts similarity index 100% rename from packages/angular-query-experimental/src/create-base-query.ts rename to packages/angular-query/src/create-base-query.ts diff --git a/packages/angular-query-experimental/src/index.ts b/packages/angular-query/src/index.ts similarity index 95% rename from packages/angular-query-experimental/src/index.ts rename to packages/angular-query/src/index.ts index da68067d33..24bb578ae1 100644 --- a/packages/angular-query-experimental/src/index.ts +++ b/packages/angular-query/src/index.ts @@ -27,5 +27,4 @@ export * from './inject-mutation' export * from './inject-mutation-state' export * from './inject-queries' export * from './inject-query' -export * from './inject-query-client' export * from './providers' diff --git a/packages/angular-query-experimental/src/infinite-query-options.ts b/packages/angular-query/src/infinite-query-options.ts similarity index 100% rename from packages/angular-query-experimental/src/infinite-query-options.ts rename to packages/angular-query/src/infinite-query-options.ts diff --git a/packages/angular-query-experimental/src/inject-infinite-query.ts b/packages/angular-query/src/inject-infinite-query.ts similarity index 100% rename from packages/angular-query-experimental/src/inject-infinite-query.ts rename to packages/angular-query/src/inject-infinite-query.ts diff --git a/packages/angular-query-experimental/src/inject-is-fetching.ts b/packages/angular-query/src/inject-is-fetching.ts similarity index 100% rename from packages/angular-query-experimental/src/inject-is-fetching.ts rename to packages/angular-query/src/inject-is-fetching.ts diff --git a/packages/angular-query-experimental/src/inject-is-mutating.ts b/packages/angular-query/src/inject-is-mutating.ts similarity index 100% rename from packages/angular-query-experimental/src/inject-is-mutating.ts rename to packages/angular-query/src/inject-is-mutating.ts diff --git a/packages/angular-query-experimental/src/inject-is-restoring.ts b/packages/angular-query/src/inject-is-restoring.ts similarity index 100% rename from packages/angular-query-experimental/src/inject-is-restoring.ts rename to packages/angular-query/src/inject-is-restoring.ts diff --git a/packages/angular-query-experimental/src/inject-mutation-state.ts b/packages/angular-query/src/inject-mutation-state.ts similarity index 100% rename from packages/angular-query-experimental/src/inject-mutation-state.ts rename to packages/angular-query/src/inject-mutation-state.ts diff --git a/packages/angular-query-experimental/src/inject-mutation.ts b/packages/angular-query/src/inject-mutation.ts similarity index 100% rename from packages/angular-query-experimental/src/inject-mutation.ts rename to packages/angular-query/src/inject-mutation.ts diff --git a/packages/angular-query-experimental/src/inject-queries.ts b/packages/angular-query/src/inject-queries.ts similarity index 100% rename from packages/angular-query-experimental/src/inject-queries.ts rename to packages/angular-query/src/inject-queries.ts diff --git a/packages/angular-query-experimental/src/inject-query.ts b/packages/angular-query/src/inject-query.ts similarity index 100% rename from packages/angular-query-experimental/src/inject-query.ts rename to packages/angular-query/src/inject-query.ts diff --git a/packages/angular-query-experimental/src/mutation-options.ts b/packages/angular-query/src/mutation-options.ts similarity index 100% rename from packages/angular-query-experimental/src/mutation-options.ts rename to packages/angular-query/src/mutation-options.ts diff --git a/packages/angular-query-experimental/src/providers.ts b/packages/angular-query/src/providers.ts similarity index 94% rename from packages/angular-query-experimental/src/providers.ts rename to packages/angular-query/src/providers.ts index 98ea2e04ed..f9828ae214 100644 --- a/packages/angular-query-experimental/src/providers.ts +++ b/packages/angular-query/src/providers.ts @@ -42,7 +42,7 @@ export function provideQueryClient(queryClient: QueryClient) { * import { * provideTanStackQuery, * QueryClient, - * } from '@tanstack/angular-query-experimental' + * } from '@tanstack/angular-query' * * bootstrapApplication(AppComponent, { * providers: [provideTanStackQuery(new QueryClient())], @@ -55,7 +55,7 @@ export function provideQueryClient(queryClient: QueryClient) { * import { * provideTanStackQuery, * QueryClient, - * } from '@tanstack/angular-query-experimental' + * } from '@tanstack/angular-query' * * @NgModule({ * declarations: [AppComponent], @@ -73,7 +73,7 @@ export function provideQueryClient(queryClient: QueryClient) { * provideTanStackQuery, * withDevtools * QueryClient, - * } from '@tanstack/angular-query-experimental' + * } from '@tanstack/angular-query' * * bootstrapApplication(AppComponent, * { @@ -110,22 +110,6 @@ export function provideTanStackQuery( ]) } -/** - * Sets up providers necessary to enable TanStack Query functionality for Angular applications. - * - * Allows to configure a `QueryClient`. - * @param queryClient - A `QueryClient` instance. - * @returns A set of providers to set up TanStack Query. - * @public - * @see https://tanstack.com/query/v5/docs/framework/angular/quick-start - * @deprecated Use `provideTanStackQuery` instead. - */ -export function provideAngularQuery( - queryClient: QueryClient, -): EnvironmentProviders { - return provideTanStackQuery(queryClient) -} - /** * Helper type to represent a Query feature. */ diff --git a/packages/angular-query-experimental/src/query-options.ts b/packages/angular-query/src/query-options.ts similarity index 100% rename from packages/angular-query-experimental/src/query-options.ts rename to packages/angular-query/src/query-options.ts diff --git a/packages/angular-query-experimental/src/signal-proxy.ts b/packages/angular-query/src/signal-proxy.ts similarity index 100% rename from packages/angular-query-experimental/src/signal-proxy.ts rename to packages/angular-query/src/signal-proxy.ts diff --git a/packages/angular-query-experimental/src/test-setup.ts b/packages/angular-query/src/test-setup.ts similarity index 100% rename from packages/angular-query-experimental/src/test-setup.ts rename to packages/angular-query/src/test-setup.ts diff --git a/packages/angular-query-experimental/src/types.ts b/packages/angular-query/src/types.ts similarity index 100% rename from packages/angular-query-experimental/src/types.ts rename to packages/angular-query/src/types.ts diff --git a/packages/angular-query-experimental/src/util/index.ts b/packages/angular-query/src/util/index.ts similarity index 100% rename from packages/angular-query-experimental/src/util/index.ts rename to packages/angular-query/src/util/index.ts diff --git a/packages/angular-query-experimental/src/util/is-dev-mode/is-dev-mode.ts b/packages/angular-query/src/util/is-dev-mode/is-dev-mode.ts similarity index 100% rename from packages/angular-query-experimental/src/util/is-dev-mode/is-dev-mode.ts rename to packages/angular-query/src/util/is-dev-mode/is-dev-mode.ts diff --git a/packages/angular-query-experimental/tsconfig.json b/packages/angular-query/tsconfig.json similarity index 100% rename from packages/angular-query-experimental/tsconfig.json rename to packages/angular-query/tsconfig.json diff --git a/packages/angular-query-experimental/tsconfig.prod.json b/packages/angular-query/tsconfig.prod.json similarity index 100% rename from packages/angular-query-experimental/tsconfig.prod.json rename to packages/angular-query/tsconfig.prod.json diff --git a/packages/angular-query-experimental/tsup.config.js b/packages/angular-query/tsup.config.js similarity index 100% rename from packages/angular-query-experimental/tsup.config.js rename to packages/angular-query/tsup.config.js diff --git a/packages/angular-query-experimental/vite.config.ts b/packages/angular-query/vite.config.ts similarity index 100% rename from packages/angular-query-experimental/vite.config.ts rename to packages/angular-query/vite.config.ts diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 9c20836a7a..da6c383078 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -5,8 +5,9 @@ settings: excludeLinksFromLockfile: false overrides: - '@tanstack/angular-query-devtools-experimental': workspace:* - '@tanstack/angular-query-experimental': workspace:* + '@tanstack/angular-query-devtools': workspace:* + '@tanstack/angular-query': workspace:* + '@tanstack/angular-query-persist-client': workspace:* '@tanstack/eslint-plugin-query': workspace:* '@tanstack/query-async-storage-persister': workspace:* '@tanstack/query-broadcast-client-experimental': workspace:* @@ -163,9 +164,9 @@ importers: '@angular/platform-browser-dynamic': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/compiler@19.2.4)(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))) - '@tanstack/angular-query-experimental': + '@tanstack/angular-query': specifier: workspace:* - version: link:../../../packages/angular-query-experimental + version: link:../../../packages/angular-query rxjs: specifier: ^7.8.2 version: 7.8.2 @@ -206,9 +207,9 @@ importers: '@angular/platform-browser-dynamic': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/compiler@19.2.4)(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))) - '@tanstack/angular-query-experimental': + '@tanstack/angular-query': specifier: workspace:* - version: link:../../../packages/angular-query-experimental + version: link:../../../packages/angular-query rxjs: specifier: ^7.8.2 version: 7.8.2 @@ -249,11 +250,11 @@ importers: '@angular/platform-browser-dynamic': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/compiler@19.2.4)(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))) - '@tanstack/angular-query-experimental': + '@tanstack/angular-query': specifier: workspace:* - version: link:../../../packages/angular-query-experimental + version: link:../../../packages/angular-query '@tanstack/angular-query-persist-client': - specifier: ^5.62.7 + specifier: workspace:* version: link:../../../packages/angular-query-persist-client '@tanstack/query-sync-storage-persister': specifier: workspace:* @@ -301,12 +302,12 @@ importers: '@angular/router': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(rxjs@7.8.2) - '@tanstack/angular-query-devtools-experimental': + '@tanstack/angular-query': specifier: workspace:* - version: link:../../../packages/angular-query-devtools-experimental - '@tanstack/angular-query-experimental': + version: link:../../../packages/angular-query + '@tanstack/angular-query-devtools': specifier: workspace:* - version: link:../../../packages/angular-query-experimental + version: link:../../../packages/angular-query-devtools rxjs: specifier: ^7.8.2 version: 7.8.2 @@ -347,9 +348,9 @@ importers: '@angular/platform-browser-dynamic': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/compiler@19.2.4)(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))) - '@tanstack/angular-query-experimental': + '@tanstack/angular-query': specifier: workspace:* - version: link:../../../packages/angular-query-experimental + version: link:../../../packages/angular-query rxjs: specifier: ^7.8.2 version: 7.8.2 @@ -393,9 +394,9 @@ importers: '@angular/platform-browser-dynamic': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/compiler@19.2.4)(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))) - '@tanstack/angular-query-experimental': + '@tanstack/angular-query': specifier: workspace:* - version: link:../../../packages/angular-query-experimental + version: link:../../../packages/angular-query rxjs: specifier: ^7.8.2 version: 7.8.2 @@ -436,9 +437,9 @@ importers: '@angular/platform-browser-dynamic': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/compiler@19.2.4)(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))) - '@tanstack/angular-query-experimental': + '@tanstack/angular-query': specifier: workspace:* - version: link:../../../packages/angular-query-experimental + version: link:../../../packages/angular-query rxjs: specifier: ^7.8.2 version: 7.8.2 @@ -482,9 +483,9 @@ importers: '@angular/router': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(rxjs@7.8.2) - '@tanstack/angular-query-experimental': + '@tanstack/angular-query': specifier: workspace:* - version: link:../../../packages/angular-query-experimental + version: link:../../../packages/angular-query rxjs: specifier: ^7.8.2 version: 7.8.2 @@ -528,9 +529,9 @@ importers: '@angular/router': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(rxjs@7.8.2) - '@tanstack/angular-query-experimental': + '@tanstack/angular-query': specifier: workspace:* - version: link:../../../packages/angular-query-experimental + version: link:../../../packages/angular-query rxjs: specifier: ^7.8.2 version: 7.8.2 @@ -574,9 +575,9 @@ importers: '@angular/platform-browser-dynamic': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/compiler@19.2.4)(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))) - '@tanstack/angular-query-experimental': + '@tanstack/angular-query': specifier: workspace:* - version: link:../../../packages/angular-query-experimental + version: link:../../../packages/angular-query rxjs: specifier: ^7.8.2 version: 7.8.2 @@ -617,9 +618,9 @@ importers: '@angular/platform-browser-dynamic': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/compiler@19.2.4)(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))) - '@tanstack/angular-query-experimental': + '@tanstack/angular-query': specifier: workspace:* - version: link:../../../packages/angular-query-experimental + version: link:../../../packages/angular-query rxjs: specifier: ^7.8.2 version: 7.8.2 @@ -2031,9 +2032,9 @@ importers: '@angular/platform-browser-dynamic': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/compiler@19.2.4)(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))) - '@tanstack/angular-query-experimental': + '@tanstack/angular-query': specifier: workspace:* - version: link:../../packages/angular-query-experimental + version: link:../../packages/angular-query rxjs: specifier: ^7.8.2 version: 7.8.2 @@ -2269,24 +2270,30 @@ importers: specifier: ^2.2.8 version: 2.2.8(typescript@5.8.3) - packages/angular-query-devtools-experimental: + packages/angular-query: dependencies: '@angular/common': specifier: '>=16.0.0' version: 19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2) + '@tanstack/query-core': + specifier: workspace:* + version: link:../query-core '@tanstack/query-devtools': specifier: workspace:* version: link:../query-devtools devDependencies: + '@angular/compiler': + specifier: ^19.2.4 + version: 19.2.4 '@angular/core': specifier: ^19.2.4 version: 19.2.4(rxjs@7.8.2)(zone.js@0.15.0) + '@angular/platform-browser': + specifier: ^19.2.4 + version: 19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)) '@angular/platform-browser-dynamic': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/compiler@19.2.4)(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))) - '@tanstack/angular-query-experimental': - specifier: workspace:* - version: link:../angular-query-experimental eslint-plugin-jsdoc: specifier: ^50.5.0 version: 50.5.0(eslint@9.15.0(jiti@2.4.2)) @@ -2294,30 +2301,24 @@ importers: specifier: ^5.0.0 version: 5.0.2 - packages/angular-query-experimental: + packages/angular-query-devtools: dependencies: '@angular/common': specifier: '>=16.0.0' version: 19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2) - '@tanstack/query-core': - specifier: workspace:* - version: link:../query-core '@tanstack/query-devtools': specifier: workspace:* version: link:../query-devtools devDependencies: - '@angular/compiler': - specifier: ^19.2.4 - version: 19.2.4 '@angular/core': specifier: ^19.2.4 version: 19.2.4(rxjs@7.8.2)(zone.js@0.15.0) - '@angular/platform-browser': - specifier: ^19.2.4 - version: 19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)) '@angular/platform-browser-dynamic': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/compiler@19.2.4)(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))) + '@tanstack/angular-query': + specifier: workspace:* + version: link:../angular-query eslint-plugin-jsdoc: specifier: ^50.5.0 version: 50.5.0(eslint@9.15.0(jiti@2.4.2)) @@ -2346,9 +2347,9 @@ importers: '@angular/platform-browser-dynamic': specifier: ^19.2.4 version: 19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/compiler@19.2.4)(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))) - '@tanstack/angular-query-experimental': + '@tanstack/angular-query': specifier: workspace:* - version: link:../angular-query-experimental + version: link:../angular-query '@testing-library/angular': specifier: ^17.3.2 version: 17.3.7(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/router@19.2.4(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(@angular/platform-browser@19.2.4(@angular/animations@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(@angular/common@19.2.4(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0))(rxjs@7.8.2))(@angular/core@19.2.4(rxjs@7.8.2)(zone.js@0.15.0)))(rxjs@7.8.2))(@testing-library/dom@10.4.0) diff --git a/scripts/generateDocs.js b/scripts/generateDocs.js index fdf6aac0a7..e5fdbb3614 100644 --- a/scripts/generateDocs.js +++ b/scripts/generateDocs.js @@ -7,14 +7,9 @@ const __dirname = fileURLToPath(new URL('.', import.meta.url)) /** @type {import('@tanstack/config/typedoc').Package[]} */ const packages = [ { - name: 'angular-query-experimental', - entryPoints: [ - resolve(__dirname, '../packages/angular-query-experimental/src/index.ts'), - ], - tsconfig: resolve( - __dirname, - '../packages/angular-query-experimental/tsconfig.json', - ), + name: 'angular-query', + entryPoints: [resolve(__dirname, '../packages/angular-query/src/index.ts')], + tsconfig: resolve(__dirname, '../packages/angular-query/tsconfig.json'), outputDir: resolve(__dirname, '../docs/framework/angular/reference'), exclude: ['./packages/query-core/**/*'], }, diff --git a/scripts/publish.js b/scripts/publish.js index 953763b569..b32ad9c1e4 100644 --- a/scripts/publish.js +++ b/scripts/publish.js @@ -85,18 +85,17 @@ await publish({ packageDir: 'packages/vue-query-devtools', }, { - name: '@tanstack/angular-query-devtools-experimental', - packageDir: 'packages/angular-query-devtools-experimental', + name: '@tanstack/angular-query-devtools', + packageDir: 'packages/angular-query-devtools', }, { - name: '@tanstack/angular-query-experimental', - packageDir: 'packages/angular-query-experimental', + name: '@tanstack/angular-query', + packageDir: 'packages/angular-query', + }, + { + name: '@tanstack/angular-query-persist-client', + packageDir: 'packages/angular-query-persist-client', }, - // publish when angular-query is stable - // { - // name: '@tanstack/angular-query-persist-client', - // packageDir: 'packages/angular-persist-query-client', - // }, ], branchConfigs: { main: { diff --git a/tsconfig.json b/tsconfig.json index 250156448e..9876814b56 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -27,11 +27,12 @@ "strict": true, "target": "ES2020", "paths": { - "@tanstack/angular-query-devtools-experimental": [ - "../../packages/angular-query-devtools-experimental/src" + "@tanstack/angular-query-devtools": [ + "../../packages/angular-query-devtools/src" ], - "@tanstack/angular-query-experimental": [ - "../../packages/angular-query-experimental/src" + "@tanstack/angular-query": ["../../packages/angular-query/src"], + "@tanstack/angular-query-persist-client": [ + "../../packages/angular-query-persist-client/src" ], "@tanstack/eslint-plugin-query": [ "../../packages/eslint-plugin-query/src"