@tanstack/angular-query-experimental 5.87.5 → 5.88.0

package/devtools/index.d.ts

@@ -0,0 +1,2 @@
+export type { DevtoolsOptions, WithDevtools, WithDevtoolsFn, WithDevtoolsOptions, } from './types.js';
+export { withDevtools } from './with-devtools.js';

package/devtools/index.mjs

@@ -0,0 +1,5 @@
+import { withDevtools } from "./with-devtools.mjs";
+export {
+  withDevtools
+};
+//# sourceMappingURL=index.mjs.map

package/devtools/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/devtools/production/index.d.ts

@@ -0,0 +1 @@
+export * from '..';

package/devtools/stub.d.ts

@@ -0,0 +1,2 @@
+import { WithDevtools } from './types.js';
+export declare const withDevtools: WithDevtools;

package/devtools/stub.mjs

@@ -0,0 +1,8 @@
+const withDevtools = () => ({
+  ɵkind: "Devtools",
+  ɵproviders: []
+});
+export {
+  withDevtools
+};
+//# sourceMappingURL=stub.mjs.map

package/devtools/stub.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stub.mjs","sources":["../../src/devtools/stub.ts"],"sourcesContent":["import type { WithDevtools } from './types'\n\n// Stub which replaces `withDevtools` in production builds\nexport const withDevtools: WithDevtools = () => ({\n  ɵkind: 'Devtools',\n  ɵproviders: [],\n})\n"],"names":[],"mappings":"AAGO,MAAM,eAA6B,OAAO;AAAA,EAC/C,OAAO;AAAA,EACP,YAAY,CAAA;AACd;"}

package/devtools/types.d.ts

@@ -0,0 +1,95 @@
+import { QueryClient } from '@tanstack/query-core';
+import { DevtoolsButtonPosition, DevtoolsErrorType, DevtoolsPosition } from '@tanstack/query-devtools';
+import { DeveloperToolsFeature } from '../providers.js';
+/**
+ * Options for configuring withDevtools.
+ */
+export interface WithDevtoolsOptions {
+    /**
+     * An array of dependencies to be injected and passed to the `withDevtoolsFn` function.
+     *
+     * **Example**
+     * ```ts
+     * export const appConfig: ApplicationConfig = {
+     *   providers: [
+     *     provideTanStackQuery(
+     *       new QueryClient(),
+     *       withDevtools(
+     *         (devToolsOptionsManager: DevtoolsOptionsManager) => ({
+     *           loadDevtools: devToolsOptionsManager.loadDevtools(),
+     *         }),
+     *         {
+     *           deps: [DevtoolsOptionsManager],
+     *         },
+     *       ),
+     *     ),
+     *   ],
+     * }
+     * ```
+     */
+    deps?: Array<any>;
+}
+/**
+ * Options for configuring the TanStack Query devtools.
+ */
+export interface DevtoolsOptions {
+    /**
+     * Set this true if you want the devtools to default to being open
+     */
+    initialIsOpen?: boolean;
+    /**
+     * The position of the TanStack logo to open and close the devtools panel.
+     * `top-left` | `top-right` | `bottom-left` | `bottom-right` | `relative`
+     * Defaults to `bottom-right`.
+     */
+    buttonPosition?: DevtoolsButtonPosition;
+    /**
+     * The position of the TanStack Query devtools panel.
+     * `top` | `bottom` | `left` | `right`
+     * Defaults to `bottom`.
+     */
+    position?: DevtoolsPosition;
+    /**
+     * Custom instance of QueryClient
+     */
+    client?: QueryClient;
+    /**
+     * Use this so you can define custom errors that can be shown in the devtools.
+     */
+    errorTypes?: Array<DevtoolsErrorType>;
+    /**
+     * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
+     */
+    styleNonce?: string;
+    /**
+     * Use this so you can attach the devtool's styles to a specific element in the DOM.
+     */
+    shadowDOMTarget?: ShadowRoot;
+    /**
+     * Set this to true to hide disabled queries from the devtools panel.
+     */
+    hideDisabledQueries?: boolean;
+    /**
+     * Whether the developer tools should load.
+     * - `auto`- (Default) Lazily loads devtools when in development mode. Skips loading in production mode.
+     * - `true`- Always load the devtools, regardless of the environment.
+     * - `false`- Never load the devtools, regardless of the environment.
+     *
+     * You can use `true` and `false` to override loading developer tools from an environment file.
+     * For example, a test environment might run in production mode but you may want to load developer tools.
+     *
+     * Additionally, you can use a signal in the callback to dynamically load the devtools based on a condition. For example,
+     * a signal created from a RxJS observable that listens for a keyboard shortcut.
+     *
+     * **Example**
+     * ```ts
+     *    withDevtools(() => ({
+     *      initialIsOpen: true,
+     *      loadDevtools: inject(ExampleService).loadDevtools()
+     *    }))
+     *  ```
+     */
+    loadDevtools?: 'auto' | boolean;
+}
+export type WithDevtoolsFn = (...deps: Array<any>) => DevtoolsOptions;
+export type WithDevtools = (withDevtoolsFn?: WithDevtoolsFn, options?: WithDevtoolsOptions) => DeveloperToolsFeature;

package/devtools/with-devtools.d.ts

@@ -0,0 +1,25 @@
+import { WithDevtools } from './types.js';
+/**
+ * Enables developer tools in Angular development builds.
+ *
+ * **Example**
+ *
+ * ```ts
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideTanStackQuery(new QueryClient(), withDevtools())
+ *   ]
+ * }
+ * ```
+ * The devtools will be rendered in `<body>`.
+ *
+ * If you need more control over when devtools are loaded, you can use the `loadDevtools` option.
+ *
+ * If you need more control over where devtools are rendered, consider `injectDevtoolsPanel`. This allows rendering devtools inside your own devtools for example.
+ * @param withDevtoolsFn - A function that returns `DevtoolsOptions`.
+ * @param options - Additional options for configuring `withDevtools`.
+ * @returns A set of providers for use with `provideTanStackQuery`.
+ * @see {@link provideTanStackQuery}
+ * @see {@link DevtoolsOptions}
+ */
+export declare const withDevtools: WithDevtools;

package/devtools/with-devtools.mjs

@@ -0,0 +1,104 @@
+import { isPlatformBrowser } from "@angular/common";
+import { computed, InjectionToken, ENVIRONMENT_INITIALIZER, inject, PLATFORM_ID, DestroyRef, Injector, isDevMode, effect } from "@angular/core";
+import { noop, QueryClient, onlineManager } from "@tanstack/query-core";
+import { queryFeature } from "../providers.mjs";
+const DEVTOOLS_PROVIDED = new InjectionToken("", {
+  factory: () => ({
+    isProvided: false
+  })
+});
+const DEVTOOLS_OPTIONS_SIGNAL = new InjectionToken("");
+const withDevtools = (withDevtoolsFn, options = {}) => queryFeature("Devtools", [
+  {
+    provide: DEVTOOLS_OPTIONS_SIGNAL,
+    useFactory: (...deps) => computed(() => (withDevtoolsFn == null ? void 0 : withDevtoolsFn(...deps)) ?? {}),
+    deps: options.deps || []
+  },
+  {
+    // Do not use provideEnvironmentInitializer while Angular < v19 is supported
+    provide: ENVIRONMENT_INITIALIZER,
+    multi: true,
+    useFactory: () => {
+      const devtoolsProvided = inject(DEVTOOLS_PROVIDED);
+      if (!isPlatformBrowser(inject(PLATFORM_ID)) || devtoolsProvided.isProvided)
+        return noop;
+      devtoolsProvided.isProvided = true;
+      let injectorIsDestroyed = false;
+      inject(DestroyRef).onDestroy(() => injectorIsDestroyed = true);
+      return () => {
+        const injectedClient = inject(QueryClient, {
+          optional: true
+        });
+        const destroyRef = inject(DestroyRef);
+        const devtoolsOptions = inject(DEVTOOLS_OPTIONS_SIGNAL);
+        const injector = inject(Injector);
+        let devtools = null;
+        let el = null;
+        const shouldLoadToolsSignal = computed(() => {
+          const { loadDevtools } = devtoolsOptions();
+          return typeof loadDevtools === "boolean" ? loadDevtools : isDevMode();
+        });
+        const getResolvedQueryClient = () => {
+          const client = devtoolsOptions().client ?? injectedClient;
+          if (!client) {
+            throw new Error("No QueryClient found");
+          }
+          return client;
+        };
+        const destroyDevtools = () => {
+          devtools == null ? void 0 : devtools.unmount();
+          el == null ? void 0 : el.remove();
+          devtools = null;
+        };
+        effect(
+          () => {
+            const shouldLoadTools = shouldLoadToolsSignal();
+            const {
+              client,
+              position,
+              errorTypes,
+              buttonPosition,
+              initialIsOpen
+            } = devtoolsOptions();
+            if (!shouldLoadTools) {
+              devtools && destroyDevtools();
+              return;
+            }
+            if (devtools) {
+              client && devtools.setClient(client);
+              position && devtools.setPosition(position);
+              errorTypes && devtools.setErrorTypes(errorTypes);
+              buttonPosition && devtools.setButtonPosition(buttonPosition);
+              typeof initialIsOpen === "boolean" && devtools.setInitialIsOpen(initialIsOpen);
+              return;
+            }
+            import("@tanstack/query-devtools").then((queryDevtools) => {
+              if (injectorIsDestroyed) return;
+              devtools = new queryDevtools.TanstackQueryDevtools({
+                ...devtoolsOptions(),
+                client: getResolvedQueryClient(),
+                queryFlavor: "Angular Query",
+                version: "5",
+                onlineManager
+              });
+              el = document.body.appendChild(document.createElement("div"));
+              el.classList.add("tsqd-parent-container");
+              devtools.mount(el);
+              destroyRef.onDestroy(destroyDevtools);
+            }).catch((error) => {
+              console.error(
+                "Install @tanstack/query-devtools or reinstall without --omit=optional.",
+                error
+              );
+            });
+          },
+          { injector }
+        );
+      };
+    }
+  }
+]);
+export {
+  withDevtools
+};
+//# sourceMappingURL=with-devtools.mjs.map

package/devtools/with-devtools.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-devtools.mjs","sources":["../../src/devtools/with-devtools.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common'\nimport {\n  DestroyRef,\n  ENVIRONMENT_INITIALIZER,\n  InjectionToken,\n  Injector,\n  PLATFORM_ID,\n  computed,\n  effect,\n  inject,\n  isDevMode,\n} from '@angular/core'\nimport { QueryClient, noop, onlineManager } from '@tanstack/query-core'\nimport { queryFeature } from '../providers'\nimport type { Signal } from '@angular/core'\nimport type {\n  DevtoolsOptions,\n  WithDevtools,\n  WithDevtoolsFn,\n  WithDevtoolsOptions,\n} from './types'\nimport type { TanstackQueryDevtools } from '@tanstack/query-devtools'\n\n/**\n * Internal token used to prevent double providing of devtools in child injectors\n */\nconst DEVTOOLS_PROVIDED = new InjectionToken('', {\n  factory: () => ({\n    isProvided: false,\n  }),\n})\n\n/**\n * Internal token for providing devtools options\n */\nconst DEVTOOLS_OPTIONS_SIGNAL = new InjectionToken<Signal<DevtoolsOptions>>('')\n\n/**\n * Enables developer tools in Angular development builds.\n *\n * **Example**\n *\n * ```ts\n * export const appConfig: ApplicationConfig = {\n *   providers: [\n *     provideTanStackQuery(new QueryClient(), withDevtools())\n *   ]\n * }\n * ```\n * The devtools will be rendered in `<body>`.\n *\n * If you need more control over when devtools are loaded, you can use the `loadDevtools` option.\n *\n * If you need more control over where devtools are rendered, consider `injectDevtoolsPanel`. This allows rendering devtools inside your own devtools for example.\n * @param withDevtoolsFn - A function that returns `DevtoolsOptions`.\n * @param options - Additional options for configuring `withDevtools`.\n * @returns A set of providers for use with `provideTanStackQuery`.\n * @see {@link provideTanStackQuery}\n * @see {@link DevtoolsOptions}\n */\nexport const withDevtools: WithDevtools = (\n  withDevtoolsFn?: WithDevtoolsFn,\n  options: WithDevtoolsOptions = {},\n) =>\n  queryFeature('Devtools', [\n    {\n      provide: DEVTOOLS_OPTIONS_SIGNAL,\n      useFactory: (...deps: Array<any>) =>\n        computed(() => withDevtoolsFn?.(...deps) ?? {}),\n      deps: options.deps || [],\n    },\n    {\n      // Do not use provideEnvironmentInitializer while Angular < v19 is supported\n      provide: ENVIRONMENT_INITIALIZER,\n      multi: true,\n      useFactory: () => {\n        const devtoolsProvided = inject(DEVTOOLS_PROVIDED)\n        if (\n          !isPlatformBrowser(inject(PLATFORM_ID)) ||\n          devtoolsProvided.isProvided\n        )\n          return noop\n\n        devtoolsProvided.isProvided = true\n        let injectorIsDestroyed = false\n        inject(DestroyRef).onDestroy(() => (injectorIsDestroyed = true))\n\n        return () => {\n          const injectedClient = inject(QueryClient, {\n            optional: true,\n          })\n          const destroyRef = inject(DestroyRef)\n          const devtoolsOptions = inject(DEVTOOLS_OPTIONS_SIGNAL)\n          const injector = inject(Injector)\n\n          let devtools: TanstackQueryDevtools | null = null\n          let el: HTMLElement | null = null\n\n          const shouldLoadToolsSignal = computed(() => {\n            const { loadDevtools } = devtoolsOptions()\n            return typeof loadDevtools === 'boolean'\n              ? loadDevtools\n              : isDevMode()\n          })\n\n          const getResolvedQueryClient = () => {\n            const client = devtoolsOptions().client ?? injectedClient\n            if (!client) {\n              throw new Error('No QueryClient found')\n            }\n            return client\n          }\n\n          const destroyDevtools = () => {\n            devtools?.unmount()\n            el?.remove()\n            devtools = null\n          }\n\n          effect(\n            () => {\n              const shouldLoadTools = shouldLoadToolsSignal()\n              const {\n                client,\n                position,\n                errorTypes,\n                buttonPosition,\n                initialIsOpen,\n              } = devtoolsOptions()\n\n              if (!shouldLoadTools) {\n                // Destroy or do nothing\n                devtools && destroyDevtools()\n                return\n              }\n\n              if (devtools) {\n                // Update existing devtools config\n                client && devtools.setClient(client)\n                position && devtools.setPosition(position)\n                errorTypes && devtools.setErrorTypes(errorTypes)\n                buttonPosition && devtools.setButtonPosition(buttonPosition)\n                typeof initialIsOpen === 'boolean' &&\n                  devtools.setInitialIsOpen(initialIsOpen)\n                return\n              }\n\n              // Create devtools\n              import('@tanstack/query-devtools')\n                .then((queryDevtools) => {\n                  // As this code runs async, the injector could have been destroyed\n                  if (injectorIsDestroyed) return\n\n                  devtools = new queryDevtools.TanstackQueryDevtools({\n                    ...devtoolsOptions(),\n                    client: getResolvedQueryClient(),\n                    queryFlavor: 'Angular Query',\n                    version: '5',\n                    onlineManager,\n                  })\n\n                  el = document.body.appendChild(document.createElement('div'))\n                  el.classList.add('tsqd-parent-container')\n                  devtools.mount(el)\n\n                  destroyRef.onDestroy(destroyDevtools)\n                })\n                .catch((error) => {\n                  console.error(\n                    'Install @tanstack/query-devtools or reinstall without --omit=optional.',\n                    error,\n                  )\n                })\n            },\n            { injector },\n          )\n        }\n      },\n    },\n  ])\n"],"names":[],"mappings":";;;;AA0BA,MAAM,oBAAoB,IAAI,eAAe,IAAI;AAAA,EAC/C,SAAS,OAAO;AAAA,IACd,YAAY;AAAA,EACd;AACF,CAAC;AAKD,MAAM,0BAA0B,IAAI,eAAwC,EAAE;AAyBvE,MAAM,eAA6B,CACxC,gBACA,UAA+B,CAAA,MAE/B,aAAa,YAAY;AAAA,EACvB;AAAA,IACE,SAAS;AAAA,IACT,YAAY,IAAI,SACd,SAAS,OAAM,iDAAiB,GAAG,UAAS,EAAE;AAAA,IAChD,MAAM,QAAQ,QAAQ,CAAA;AAAA,EACxB;AAAA,EACA;AAAA;AAAA,IAEE,SAAS;AAAA,IACT,OAAO;AAAA,IACP,YAAY,MAAM;AACV,YAAA,mBAAmB,OAAO,iBAAiB;AACjD,UACE,CAAC,kBAAkB,OAAO,WAAW,CAAC,KACtC,iBAAiB;AAEV,eAAA;AAET,uBAAiB,aAAa;AAC9B,UAAI,sBAAsB;AAC1B,aAAO,UAAU,EAAE,UAAU,MAAO,sBAAsB,IAAK;AAE/D,aAAO,MAAM;AACL,cAAA,iBAAiB,OAAO,aAAa;AAAA,UACzC,UAAU;AAAA,QAAA,CACX;AACK,cAAA,aAAa,OAAO,UAAU;AAC9B,cAAA,kBAAkB,OAAO,uBAAuB;AAChD,cAAA,WAAW,OAAO,QAAQ;AAEhC,YAAI,WAAyC;AAC7C,YAAI,KAAyB;AAEvB,cAAA,wBAAwB,SAAS,MAAM;AACrC,gBAAA,EAAE,aAAa,IAAI,gBAAgB;AACzC,iBAAO,OAAO,iBAAiB,YAC3B,eACA,UAAU;AAAA,QAAA,CACf;AAED,cAAM,yBAAyB,MAAM;AAC7B,gBAAA,SAAS,kBAAkB,UAAU;AAC3C,cAAI,CAAC,QAAQ;AACL,kBAAA,IAAI,MAAM,sBAAsB;AAAA,UAAA;AAEjC,iBAAA;AAAA,QACT;AAEA,cAAM,kBAAkB,MAAM;AAC5B,+CAAU;AACV,mCAAI;AACO,qBAAA;AAAA,QACb;AAEA;AAAA,UACE,MAAM;AACJ,kBAAM,kBAAkB,sBAAsB;AACxC,kBAAA;AAAA,cACJ;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,gBACE,gBAAgB;AAEpB,gBAAI,CAAC,iBAAiB;AAEpB,0BAAY,gBAAgB;AAC5B;AAAA,YAAA;AAGF,gBAAI,UAAU;AAEF,wBAAA,SAAS,UAAU,MAAM;AACvB,0BAAA,SAAS,YAAY,QAAQ;AAC3B,4BAAA,SAAS,cAAc,UAAU;AAC7B,gCAAA,SAAS,kBAAkB,cAAc;AAC3D,qBAAO,kBAAkB,aACvB,SAAS,iBAAiB,aAAa;AACzC;AAAA,YAAA;AAIF,mBAAO,0BAA0B,EAC9B,KAAK,CAAC,kBAAkB;AAEvB,kBAAI,oBAAqB;AAEd,yBAAA,IAAI,cAAc,sBAAsB;AAAA,gBACjD,GAAG,gBAAgB;AAAA,gBACnB,QAAQ,uBAAuB;AAAA,gBAC/B,aAAa;AAAA,gBACb,SAAS;AAAA,gBACT;AAAA,cAAA,CACD;AAED,mBAAK,SAAS,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC;AACzD,iBAAA,UAAU,IAAI,uBAAuB;AACxC,uBAAS,MAAM,EAAE;AAEjB,yBAAW,UAAU,eAAe;AAAA,YAAA,CACrC,EACA,MAAM,CAAC,UAAU;AACR,sBAAA;AAAA,gBACN;AAAA,gBACA;AAAA,cACF;AAAA,YAAA,CACD;AAAA,UACL;AAAA,UACA,EAAE,SAAS;AAAA,QACb;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;"}

package/devtools-panel/index.d.ts

@@ -0,0 +1,2 @@
+export type { InjectDevtoolsPanel, DevtoolsPanelOptions, InjectDevtoolsPanelOptions, DevtoolsPanelRef, } from './types.js';
+export { injectDevtoolsPanel } from './inject-devtools-panel.js';

package/devtools-panel/index.mjs

@@ -0,0 +1,5 @@
+import { injectDevtoolsPanel } from "./inject-devtools-panel.mjs";
+export {
+  injectDevtoolsPanel
+};
+//# sourceMappingURL=index.mjs.map

package/devtools-panel/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/devtools-panel/inject-devtools-panel.d.ts

@@ -0,0 +1,14 @@
+import { InjectDevtoolsPanel } from './types.js';
+/**
+ * Inject a TanStack Query devtools panel and render it in the DOM.
+ *
+ * Devtools panel allows programmatic control over the devtools, for example if you want to render
+ * the devtools as part of your own devtools.
+ *
+ * Consider `withDevtools` instead if you don't need this.
+ * @param injectDevtoolsPanelFn - A function that returns devtools panel options.
+ * @param options - Additional configuration
+ * @returns DevtoolsPanelRef
+ * @see https://tanstack.com/query/v5/docs/framework/angular/devtools
+ */
+export declare const injectDevtoolsPanel: InjectDevtoolsPanel;

package/devtools-panel/inject-devtools-panel.mjs

@@ -0,0 +1,72 @@
+import { assertInInjectionContext, inject, Injector, runInInjectionContext, DestroyRef, PLATFORM_ID, computed, effect, untracked } from "@angular/core";
+import { QueryClient, onlineManager } from "@tanstack/query-core";
+import { isPlatformBrowser } from "@angular/common";
+const injectDevtoolsPanel = (injectDevtoolsPanelFn, options) => {
+  !(options == null ? void 0 : options.injector) && assertInInjectionContext(injectDevtoolsPanel);
+  const currentInjector = (options == null ? void 0 : options.injector) ?? inject(Injector);
+  return runInInjectionContext(currentInjector, () => {
+    const destroyRef = inject(DestroyRef);
+    const isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    const injectedClient = inject(QueryClient, { optional: true });
+    const queryOptions = computed(injectDevtoolsPanelFn);
+    let devtools = null;
+    const destroy = () => {
+      devtools == null ? void 0 : devtools.unmount();
+      devtools = null;
+    };
+    if (!isBrowser)
+      return {
+        destroy
+      };
+    effect(() => {
+      const {
+        client = injectedClient,
+        errorTypes = [],
+        styleNonce,
+        shadowDOMTarget,
+        onClose,
+        hostElement
+      } = queryOptions();
+      untracked(() => {
+        if (!client) throw new Error("No QueryClient found");
+        if (!devtools && hostElement) {
+          import("@tanstack/query-devtools").then((queryDevtools) => {
+            devtools = new queryDevtools.TanstackQueryDevtoolsPanel({
+              client,
+              queryFlavor: "Angular Query",
+              version: "5",
+              buttonPosition: "bottom-left",
+              position: "bottom",
+              initialIsOpen: true,
+              errorTypes,
+              styleNonce,
+              shadowDOMTarget,
+              onClose,
+              onlineManager
+            });
+            devtools.mount(hostElement.nativeElement);
+          }).catch((error) => {
+            console.error(
+              "Install @tanstack/query-devtools or reinstall without --omit=optional.",
+              error
+            );
+          });
+        } else if (devtools && hostElement) {
+          devtools.setClient(client);
+          devtools.setErrorTypes(errorTypes);
+          onClose && devtools.setOnClose(onClose);
+        } else if (devtools && !hostElement) {
+          destroy();
+        }
+      });
+    });
+    destroyRef.onDestroy(destroy);
+    return {
+      destroy
+    };
+  });
+};
+export {
+  injectDevtoolsPanel
+};
+//# sourceMappingURL=inject-devtools-panel.mjs.map

package/devtools-panel/inject-devtools-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-devtools-panel.mjs","sources":["../../src/devtools-panel/inject-devtools-panel.ts"],"sourcesContent":["import {\n  DestroyRef,\n  Injector,\n  PLATFORM_ID,\n  assertInInjectionContext,\n  computed,\n  effect,\n  inject,\n  runInInjectionContext,\n  untracked,\n} from '@angular/core'\nimport { QueryClient, onlineManager } from '@tanstack/query-core'\nimport { isPlatformBrowser } from '@angular/common'\nimport type { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type {\n  DevtoolsPanelOptions,\n  InjectDevtoolsPanel,\n  InjectDevtoolsPanelOptions,\n} from './types'\n\n/**\n * Inject a TanStack Query devtools panel and render it in the DOM.\n *\n * Devtools panel allows programmatic control over the devtools, for example if you want to render\n * the devtools as part of your own devtools.\n *\n * Consider `withDevtools` instead if you don't need this.\n * @param injectDevtoolsPanelFn - A function that returns devtools panel options.\n * @param options - Additional configuration\n * @returns DevtoolsPanelRef\n * @see https://tanstack.com/query/v5/docs/framework/angular/devtools\n */\nexport const injectDevtoolsPanel: InjectDevtoolsPanel = (\n  injectDevtoolsPanelFn: () => DevtoolsPanelOptions,\n  options?: InjectDevtoolsPanelOptions,\n) => {\n  !options?.injector && assertInInjectionContext(injectDevtoolsPanel)\n  const currentInjector = options?.injector ?? inject(Injector)\n\n  return runInInjectionContext(currentInjector, () => {\n    const destroyRef = inject(DestroyRef)\n    const isBrowser = isPlatformBrowser(inject(PLATFORM_ID))\n    const injectedClient = inject(QueryClient, { optional: true })\n\n    const queryOptions = computed(injectDevtoolsPanelFn)\n    let devtools: TanstackQueryDevtoolsPanel | null = null\n\n    const destroy = () => {\n      devtools?.unmount()\n      devtools = null\n    }\n\n    if (!isBrowser)\n      return {\n        destroy,\n      }\n\n    effect(() => {\n      const {\n        client = injectedClient,\n        errorTypes = [],\n        styleNonce,\n        shadowDOMTarget,\n        onClose,\n        hostElement,\n      } = queryOptions()\n\n      untracked(() => {\n        if (!client) throw new Error('No QueryClient found')\n        if (!devtools && hostElement) {\n          import('@tanstack/query-devtools')\n            .then((queryDevtools) => {\n              devtools = new queryDevtools.TanstackQueryDevtoolsPanel({\n                client,\n                queryFlavor: 'Angular Query',\n                version: '5',\n                buttonPosition: 'bottom-left',\n                position: 'bottom',\n                initialIsOpen: true,\n                errorTypes,\n                styleNonce,\n                shadowDOMTarget,\n                onClose,\n                onlineManager,\n              })\n              devtools.mount(hostElement.nativeElement)\n            })\n            .catch((error) => {\n              console.error(\n                'Install @tanstack/query-devtools or reinstall without --omit=optional.',\n                error,\n              )\n            })\n        } else if (devtools && hostElement) {\n          devtools.setClient(client)\n          devtools.setErrorTypes(errorTypes)\n          onClose && devtools.setOnClose(onClose)\n        } else if (devtools && !hostElement) {\n          destroy()\n        }\n      })\n    })\n\n    destroyRef.onDestroy(destroy)\n\n    return {\n      destroy,\n    }\n  })\n}\n"],"names":[],"mappings":";;;AAgCa,MAAA,sBAA2C,CACtD,uBACA,YACG;AACF,IAAA,mCAAS,aAAY,yBAAyB,mBAAmB;AAClE,QAAM,mBAAkB,mCAAS,aAAY,OAAO,QAAQ;AAErD,SAAA,sBAAsB,iBAAiB,MAAM;AAC5C,UAAA,aAAa,OAAO,UAAU;AACpC,UAAM,YAAY,kBAAkB,OAAO,WAAW,CAAC;AACvD,UAAM,iBAAiB,OAAO,aAAa,EAAE,UAAU,MAAM;AAEvD,UAAA,eAAe,SAAS,qBAAqB;AACnD,QAAI,WAA8C;AAElD,UAAM,UAAU,MAAM;AACpB,2CAAU;AACC,iBAAA;AAAA,IACb;AAEA,QAAI,CAAC;AACI,aAAA;AAAA,QACL;AAAA,MACF;AAEF,WAAO,MAAM;AACL,YAAA;AAAA,QACJ,SAAS;AAAA,QACT,aAAa,CAAC;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACE,aAAa;AAEjB,gBAAU,MAAM;AACd,YAAI,CAAC,OAAc,OAAA,IAAI,MAAM,sBAAsB;AAC/C,YAAA,CAAC,YAAY,aAAa;AAC5B,iBAAO,0BAA0B,EAC9B,KAAK,CAAC,kBAAkB;AACZ,uBAAA,IAAI,cAAc,2BAA2B;AAAA,cACtD;AAAA,cACA,aAAa;AAAA,cACb,SAAS;AAAA,cACT,gBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,eAAe;AAAA,cACf;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA,CACD;AACQ,qBAAA,MAAM,YAAY,aAAa;AAAA,UAAA,CACzC,EACA,MAAM,CAAC,UAAU;AACR,oBAAA;AAAA,cACN;AAAA,cACA;AAAA,YACF;AAAA,UAAA,CACD;AAAA,QAAA,WACM,YAAY,aAAa;AAClC,mBAAS,UAAU,MAAM;AACzB,mBAAS,cAAc,UAAU;AACtB,qBAAA,SAAS,WAAW,OAAO;AAAA,QAAA,WAC7B,YAAY,CAAC,aAAa;AAC3B,kBAAA;AAAA,QAAA;AAAA,MACV,CACD;AAAA,IAAA,CACF;AAED,eAAW,UAAU,OAAO;AAErB,WAAA;AAAA,MACL;AAAA,IACF;AAAA,EAAA,CACD;AACH;"}

package/devtools-panel/production/index.d.ts

@@ -0,0 +1 @@
+export * from '..';

package/devtools-panel/stub.d.ts

@@ -0,0 +1,2 @@
+import { InjectDevtoolsPanel } from './types.js';
+export declare const injectDevtoolsPanel: InjectDevtoolsPanel;

package/devtools-panel/stub.mjs

@@ -0,0 +1,8 @@
+import { noop } from "@tanstack/query-core";
+const injectDevtoolsPanel = () => ({
+  destroy: noop
+});
+export {
+  injectDevtoolsPanel
+};
+//# sourceMappingURL=stub.mjs.map

package/devtools-panel/stub.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stub.mjs","sources":["../../src/devtools-panel/stub.ts"],"sourcesContent":["import { noop } from '@tanstack/query-core'\nimport type { InjectDevtoolsPanel } from './types'\n\n// Stub which replaces `injectDevtoolsPanel` in production builds\nexport const injectDevtoolsPanel: InjectDevtoolsPanel = () => ({\n  destroy: noop,\n})\n"],"names":[],"mappings":";AAIO,MAAM,sBAA2C,OAAO;AAAA,EAC7D,SAAS;AACX;"}

package/devtools-panel/types.d.ts

@@ -0,0 +1,48 @@
+import { DevtoolsErrorType } from '@tanstack/query-devtools';
+import { ElementRef, Injector } from '@angular/core';
+import { QueryClient } from '@tanstack/query-core';
+export interface InjectDevtoolsPanelOptions {
+    /**
+     * The `Injector` in which to create the devtools panel.
+     *
+     * If this is not provided, the current injection context will be used instead (via `inject`).
+     */
+    injector?: Injector;
+}
+/**
+ * A devtools panel, which can be manually destroyed.
+ */
+export interface DevtoolsPanelRef {
+    /**
+     * Destroy the panel, removing it from the DOM and stops listening to signal changes.
+     */
+    destroy: () => void;
+}
+export interface DevtoolsPanelOptions {
+    /**
+     * Custom instance of QueryClient
+     */
+    client?: QueryClient;
+    /**
+     * Use this so you can define custom errors that can be shown in the devtools.
+     */
+    errorTypes?: Array<DevtoolsErrorType>;
+    /**
+     * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
+     */
+    styleNonce?: string;
+    /**
+     * Use this so you can attach the devtool's styles to specific element in the DOM.
+     */
+    shadowDOMTarget?: ShadowRoot;
+    /**
+     * Callback function that is called when the devtools panel is closed
+     */
+    onClose?: () => unknown;
+    /**
+     * Element where to render the devtools panel. When set to undefined or null, the devtools panel will not be created, or destroyed if existing.
+     * If changed from undefined to a ElementRef, the devtools panel will be created.
+     */
+    hostElement?: ElementRef;
+}
+export type InjectDevtoolsPanel = (injectDevtoolsPanelFn: () => DevtoolsPanelOptions, options?: InjectDevtoolsPanelOptions) => DevtoolsPanelRef;

package/index.d.ts

@@ -21,5 +21,5 @@ export type { QueriesOptions, QueriesResults } from './inject-queries.js';
 export type { InjectQueryOptions } from './inject-query.js';
 export { injectQuery } from './inject-query.js';
 export { injectQueryClient } from './inject-query-client.js';
-export type { DeveloperToolsFeature, DevtoolsOptions, PersistQueryClientFeature, QueryFeature, QueryFeatureKind, QueryFeatures, } from './providers.js';
-export { provideQueryClient, provideTanStackQuery, queryFeature, queryFeatures, withDevtools, } from './providers.js';
+export type { DeveloperToolsFeature, PersistQueryClientFeature, QueryFeature, QueryFeatures, } from './providers.js';
+export { provideAngularQuery, provideQueryClient, provideTanStackQuery, queryFeature, } from './providers.js';

package/index.mjs

@@ -10,7 +10,7 @@ import { injectMutation } from "./inject-mutation.mjs";
 import { injectMutationState } from "./inject-mutation-state.mjs";
 import { injectQuery } from "./inject-query.mjs";
 import { injectQueryClient } from "./inject-query-client.mjs";
-import { provideQueryClient, provideTanStackQuery, queryFeature, queryFeatures, withDevtools } from "./providers.mjs";
+import { provideAngularQuery, provideQueryClient, provideTanStackQuery, queryFeature } from "./providers.mjs";
 export {
   infiniteQueryOptions,
   injectInfiniteQuery,
@@ -22,12 +22,11 @@ export {
   injectQuery,
   injectQueryClient,
   mutationOptions,
+  provideAngularQuery,
   provideIsRestoring,
   provideQueryClient,
   provideTanStackQuery,
   queryFeature,
-  queryFeatures,
-  queryOptions,
-  withDevtools
+  queryOptions
 };
 //# sourceMappingURL=index.mjs.map

package/infinite-query-options.d.ts

@@ -15,7 +15,6 @@ export type DefinedInitialDataInfiniteOptions<TQueryFnData, TError = DefaultErro
  * The `queryKey` will be tagged with the type from `queryFn`.
  * @param options - The infinite query options to tag with the type from `queryFn`.
  * @returns The tagged infinite query options.
- * @public
  */
 export declare function infiniteQueryOptions<TQueryFnData, TError = DefaultError, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey, TPageParam = unknown>(options: DefinedInitialDataInfiniteOptions<TQueryFnData, TError, TData, TQueryKey, TPageParam>): DefinedInitialDataInfiniteOptions<TQueryFnData, TError, TData, TQueryKey, TPageParam> & {
     queryKey: DataTag<TQueryKey, InfiniteData<TQueryFnData>, TError>;
@@ -26,7 +25,6 @@ export declare function infiniteQueryOptions<TQueryFnData, TError = DefaultError
  * The `queryKey` will be tagged with the type from `queryFn`.
  * @param options - The infinite query options to tag with the type from `queryFn`.
  * @returns The tagged infinite query options.
- * @public
  */
 export declare function infiniteQueryOptions<TQueryFnData, TError = DefaultError, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey, TPageParam = unknown>(options: UnusedSkipTokenInfiniteOptions<TQueryFnData, TError, TData, TQueryKey, TPageParam>): UnusedSkipTokenInfiniteOptions<TQueryFnData, TError, TData, TQueryKey, TPageParam> & {
     queryKey: DataTag<TQueryKey, InfiniteData<TQueryFnData>, TError>;
@@ -37,7 +35,6 @@ export declare function infiniteQueryOptions<TQueryFnData, TError = DefaultError
  * The `queryKey` will be tagged with the type from `queryFn`.
  * @param options - The infinite query options to tag with the type from `queryFn`.
  * @returns The tagged infinite query options.
- * @public
  */
 export declare function infiniteQueryOptions<TQueryFnData, TError = DefaultError, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey, TPageParam = unknown>(options: UndefinedInitialDataInfiniteOptions<TQueryFnData, TError, TData, TQueryKey, TPageParam>): UndefinedInitialDataInfiniteOptions<TQueryFnData, TError, TData, TQueryKey, TPageParam> & {
     queryKey: DataTag<TQueryKey, InfiniteData<TQueryFnData>, TError>;

package/infinite-query-options.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"infinite-query-options.mjs","sources":["../src/infinite-query-options.ts"],"sourcesContent":["import type {\n  DataTag,\n  DefaultError,\n  InfiniteData,\n  InitialDataFunction,\n  NonUndefinedGuard,\n  OmitKeyof,\n  QueryKey,\n  SkipToken,\n} from '@tanstack/query-core'\nimport type { CreateInfiniteQueryOptions } from './types'\n\nexport type UndefinedInitialDataInfiniteOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n> = CreateInfiniteQueryOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> & {\n  initialData?:\n    | undefined\n    | NonUndefinedGuard<InfiniteData<TQueryFnData, TPageParam>>\n    | InitialDataFunction<\n        NonUndefinedGuard<InfiniteData<TQueryFnData, TPageParam>>\n      >\n}\n\nexport type UnusedSkipTokenInfiniteOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n> = OmitKeyof<\n  CreateInfiniteQueryOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n  'queryFn'\n> & {\n  queryFn?: Exclude<\n    CreateInfiniteQueryOptions<\n      TQueryFnData,\n      TError,\n      TData,\n      TQueryKey,\n      TPageParam\n    >['queryFn'],\n    SkipToken | undefined\n  >\n}\n\nexport type DefinedInitialDataInfiniteOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n> = CreateInfiniteQueryOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> & {\n  initialData:\n    | NonUndefinedGuard<InfiniteData<TQueryFnData, TPageParam>>\n    | (() => NonUndefinedGuard<InfiniteData<TQueryFnData, TPageParam>>)\n    | undefined\n}\n\n/**\n * Allows to share and re-use infinite query options in a type-safe way.\n *\n * The `queryKey` will be tagged with the type from `queryFn`.\n * @param options - The infinite query options to tag with the type from `queryFn`.\n * @returns The tagged infinite query options.\n * @public\n */\nexport function infiniteQueryOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  options: DefinedInitialDataInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n): DefinedInitialDataInfiniteOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> & {\n  queryKey: DataTag<TQueryKey, InfiniteData<TQueryFnData>, TError>\n}\n\n/**\n * Allows to share and re-use infinite query options in a type-safe way.\n *\n * The `queryKey` will be tagged with the type from `queryFn`.\n * @param options - The infinite query options to tag with the type from `queryFn`.\n * @returns The tagged infinite query options.\n * @public\n */\nexport function infiniteQueryOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  options: UnusedSkipTokenInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n): UnusedSkipTokenInfiniteOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> & {\n  queryKey: DataTag<TQueryKey, InfiniteData<TQueryFnData>, TError>\n}\n\n/**\n * Allows to share and re-use infinite query options in a type-safe way.\n *\n * The `queryKey` will be tagged with the type from `queryFn`.\n * @param options - The infinite query options to tag with the type from `queryFn`.\n * @returns The tagged infinite query options.\n * @public\n */\nexport function infiniteQueryOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  options: UndefinedInitialDataInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n): UndefinedInitialDataInfiniteOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> & {\n  queryKey: DataTag<TQueryKey, InfiniteData<TQueryFnData>, TError>\n}\n\n/**\n * Allows to share and re-use infinite query options in a type-safe way.\n *\n * The `queryKey` will be tagged with the type from `queryFn`.\n * @param options - The infinite query options to tag with the type from `queryFn`.\n * @returns The tagged infinite query options.\n * @public\n */\nexport function infiniteQueryOptions(options: unknown) {\n  return options\n}\n"],"names":[],"mappings":"AAwLO,SAAS,qBAAqB,SAAkB;AAC9C,SAAA;AACT;"}
+{"version":3,"file":"infinite-query-options.mjs","sources":["../src/infinite-query-options.ts"],"sourcesContent":["import type {\n  DataTag,\n  DefaultError,\n  InfiniteData,\n  InitialDataFunction,\n  NonUndefinedGuard,\n  OmitKeyof,\n  QueryKey,\n  SkipToken,\n} from '@tanstack/query-core'\nimport type { CreateInfiniteQueryOptions } from './types'\n\nexport type UndefinedInitialDataInfiniteOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n> = CreateInfiniteQueryOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> & {\n  initialData?:\n    | undefined\n    | NonUndefinedGuard<InfiniteData<TQueryFnData, TPageParam>>\n    | InitialDataFunction<\n        NonUndefinedGuard<InfiniteData<TQueryFnData, TPageParam>>\n      >\n}\n\nexport type UnusedSkipTokenInfiniteOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n> = OmitKeyof<\n  CreateInfiniteQueryOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n  'queryFn'\n> & {\n  queryFn?: Exclude<\n    CreateInfiniteQueryOptions<\n      TQueryFnData,\n      TError,\n      TData,\n      TQueryKey,\n      TPageParam\n    >['queryFn'],\n    SkipToken | undefined\n  >\n}\n\nexport type DefinedInitialDataInfiniteOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n> = CreateInfiniteQueryOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> & {\n  initialData:\n    | NonUndefinedGuard<InfiniteData<TQueryFnData, TPageParam>>\n    | (() => NonUndefinedGuard<InfiniteData<TQueryFnData, TPageParam>>)\n    | undefined\n}\n\n/**\n * Allows to share and re-use infinite query options in a type-safe way.\n *\n * The `queryKey` will be tagged with the type from `queryFn`.\n * @param options - The infinite query options to tag with the type from `queryFn`.\n * @returns The tagged infinite query options.\n */\nexport function infiniteQueryOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  options: DefinedInitialDataInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n): DefinedInitialDataInfiniteOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> & {\n  queryKey: DataTag<TQueryKey, InfiniteData<TQueryFnData>, TError>\n}\n\n/**\n * Allows to share and re-use infinite query options in a type-safe way.\n *\n * The `queryKey` will be tagged with the type from `queryFn`.\n * @param options - The infinite query options to tag with the type from `queryFn`.\n * @returns The tagged infinite query options.\n */\nexport function infiniteQueryOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  options: UnusedSkipTokenInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n): UnusedSkipTokenInfiniteOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> & {\n  queryKey: DataTag<TQueryKey, InfiniteData<TQueryFnData>, TError>\n}\n\n/**\n * Allows to share and re-use infinite query options in a type-safe way.\n *\n * The `queryKey` will be tagged with the type from `queryFn`.\n * @param options - The infinite query options to tag with the type from `queryFn`.\n * @returns The tagged infinite query options.\n */\nexport function infiniteQueryOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  options: UndefinedInitialDataInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n): UndefinedInitialDataInfiniteOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> & {\n  queryKey: DataTag<TQueryKey, InfiniteData<TQueryFnData>, TError>\n}\n\n/**\n * Allows to share and re-use infinite query options in a type-safe way.\n *\n * The `queryKey` will be tagged with the type from `queryFn`.\n * @param options - The infinite query options to tag with the type from `queryFn`.\n * @returns The tagged infinite query options.\n */\nexport function infiniteQueryOptions(options: unknown) {\n  return options\n}\n"],"names":[],"mappings":"AAoLO,SAAS,qBAAqB,SAAkB;AAC9C,SAAA;AACT;"}

package/inject-infinite-query.d.ts

@@ -16,7 +16,6 @@ export interface InjectInfiniteQueryOptions {
  * @param injectInfiniteQueryFn - A function that returns infinite query options.
  * @param options - Additional configuration.
  * @returns The infinite query result.
- * @public
  */
 export declare function injectInfiniteQuery<TQueryFnData, TError = DefaultError, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey, TPageParam = unknown>(injectInfiniteQueryFn: () => DefinedInitialDataInfiniteOptions<TQueryFnData, TError, TData, TQueryKey, TPageParam>, options?: InjectInfiniteQueryOptions): DefinedCreateInfiniteQueryResult<TData, TError>;
 /**
@@ -25,7 +24,6 @@ export declare function injectInfiniteQuery<TQueryFnData, TError = DefaultError,
  * @param injectInfiniteQueryFn - A function that returns infinite query options.
  * @param options - Additional configuration.
  * @returns The infinite query result.
- * @public
  */
 export declare function injectInfiniteQuery<TQueryFnData, TError = DefaultError, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey, TPageParam = unknown>(injectInfiniteQueryFn: () => UndefinedInitialDataInfiniteOptions<TQueryFnData, TError, TData, TQueryKey, TPageParam>, options?: InjectInfiniteQueryOptions): CreateInfiniteQueryResult<TData, TError>;
 /**
@@ -34,6 +32,5 @@ export declare function injectInfiniteQuery<TQueryFnData, TError = DefaultError,
  * @param injectInfiniteQueryFn - A function that returns infinite query options.
  * @param options - Additional configuration.
  * @returns The infinite query result.
- * @public
  */
 export declare function injectInfiniteQuery<TQueryFnData, TError = DefaultError, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey, TPageParam = unknown>(injectInfiniteQueryFn: () => CreateInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey, TPageParam>, options?: InjectInfiniteQueryOptions): CreateInfiniteQueryResult<TData, TError>;

package/inject-infinite-query.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inject-infinite-query.mjs","sources":["../src/inject-infinite-query.ts"],"sourcesContent":["import { InfiniteQueryObserver } from '@tanstack/query-core'\nimport {\n  Injector,\n  assertInInjectionContext,\n  inject,\n  runInInjectionContext,\n} from '@angular/core'\nimport { createBaseQuery } from './create-base-query'\nimport type {\n  DefaultError,\n  InfiniteData,\n  QueryKey,\n  QueryObserver,\n} from '@tanstack/query-core'\nimport type {\n  CreateInfiniteQueryOptions,\n  CreateInfiniteQueryResult,\n  DefinedCreateInfiniteQueryResult,\n} from './types'\nimport type {\n  DefinedInitialDataInfiniteOptions,\n  UndefinedInitialDataInfiniteOptions,\n} from './infinite-query-options'\n\nexport interface InjectInfiniteQueryOptions {\n  /**\n   * The `Injector` in which to create the infinite query.\n   *\n   * If this is not provided, the current injection context will be used instead (via `inject`).\n   */\n  injector?: Injector\n}\n\n/**\n * Injects an infinite query: a declarative dependency on an asynchronous source of data that is tied to a unique key.\n * Infinite queries can additively \"load more\" data onto an existing set of data or \"infinite scroll\"\n * @param injectInfiniteQueryFn - A function that returns infinite query options.\n * @param options - Additional configuration.\n * @returns The infinite query result.\n * @public\n */\nexport function injectInfiniteQuery<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  injectInfiniteQueryFn: () => DefinedInitialDataInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n  options?: InjectInfiniteQueryOptions,\n): DefinedCreateInfiniteQueryResult<TData, TError>\n\n/**\n * Injects an infinite query: a declarative dependency on an asynchronous source of data that is tied to a unique key.\n * Infinite queries can additively \"load more\" data onto an existing set of data or \"infinite scroll\"\n * @param injectInfiniteQueryFn - A function that returns infinite query options.\n * @param options - Additional configuration.\n * @returns The infinite query result.\n * @public\n */\nexport function injectInfiniteQuery<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  injectInfiniteQueryFn: () => UndefinedInitialDataInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n  options?: InjectInfiniteQueryOptions,\n): CreateInfiniteQueryResult<TData, TError>\n\n/**\n * Injects an infinite query: a declarative dependency on an asynchronous source of data that is tied to a unique key.\n * Infinite queries can additively \"load more\" data onto an existing set of data or \"infinite scroll\"\n * @param injectInfiniteQueryFn - A function that returns infinite query options.\n * @param options - Additional configuration.\n * @returns The infinite query result.\n * @public\n */\nexport function injectInfiniteQuery<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  injectInfiniteQueryFn: () => CreateInfiniteQueryOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n  options?: InjectInfiniteQueryOptions,\n): CreateInfiniteQueryResult<TData, TError>\n\n/**\n * Injects an infinite query: a declarative dependency on an asynchronous source of data that is tied to a unique key.\n * Infinite queries can additively \"load more\" data onto an existing set of data or \"infinite scroll\"\n * @param injectInfiniteQueryFn - A function that returns infinite query options.\n * @param options - Additional configuration.\n * @returns The infinite query result.\n * @public\n */\nexport function injectInfiniteQuery(\n  injectInfiniteQueryFn: () => CreateInfiniteQueryOptions,\n  options?: InjectInfiniteQueryOptions,\n) {\n  !options?.injector && assertInInjectionContext(injectInfiniteQuery)\n  const injector = options?.injector ?? inject(Injector)\n  return runInInjectionContext(injector, () =>\n    createBaseQuery(\n      injectInfiniteQueryFn,\n      InfiniteQueryObserver as typeof QueryObserver,\n    ),\n  )\n}\n"],"names":[],"mappings":";;;AAoHgB,SAAA,oBACd,uBACA,SACA;AACC,IAAA,mCAAS,aAAY,yBAAyB,mBAAmB;AAClE,QAAM,YAAW,mCAAS,aAAY,OAAO,QAAQ;AAC9C,SAAA;AAAA,IAAsB;AAAA,IAAU,MACrC;AAAA,MACE;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"inject-infinite-query.mjs","sources":["../src/inject-infinite-query.ts"],"sourcesContent":["import { InfiniteQueryObserver } from '@tanstack/query-core'\nimport {\n  Injector,\n  assertInInjectionContext,\n  inject,\n  runInInjectionContext,\n} from '@angular/core'\nimport { createBaseQuery } from './create-base-query'\nimport type {\n  DefaultError,\n  InfiniteData,\n  QueryKey,\n  QueryObserver,\n} from '@tanstack/query-core'\nimport type {\n  CreateInfiniteQueryOptions,\n  CreateInfiniteQueryResult,\n  DefinedCreateInfiniteQueryResult,\n} from './types'\nimport type {\n  DefinedInitialDataInfiniteOptions,\n  UndefinedInitialDataInfiniteOptions,\n} from './infinite-query-options'\n\nexport interface InjectInfiniteQueryOptions {\n  /**\n   * The `Injector` in which to create the infinite query.\n   *\n   * If this is not provided, the current injection context will be used instead (via `inject`).\n   */\n  injector?: Injector\n}\n\n/**\n * Injects an infinite query: a declarative dependency on an asynchronous source of data that is tied to a unique key.\n * Infinite queries can additively \"load more\" data onto an existing set of data or \"infinite scroll\"\n * @param injectInfiniteQueryFn - A function that returns infinite query options.\n * @param options - Additional configuration.\n * @returns The infinite query result.\n */\nexport function injectInfiniteQuery<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  injectInfiniteQueryFn: () => DefinedInitialDataInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n  options?: InjectInfiniteQueryOptions,\n): DefinedCreateInfiniteQueryResult<TData, TError>\n\n/**\n * Injects an infinite query: a declarative dependency on an asynchronous source of data that is tied to a unique key.\n * Infinite queries can additively \"load more\" data onto an existing set of data or \"infinite scroll\"\n * @param injectInfiniteQueryFn - A function that returns infinite query options.\n * @param options - Additional configuration.\n * @returns The infinite query result.\n */\nexport function injectInfiniteQuery<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  injectInfiniteQueryFn: () => UndefinedInitialDataInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n  options?: InjectInfiniteQueryOptions,\n): CreateInfiniteQueryResult<TData, TError>\n\n/**\n * Injects an infinite query: a declarative dependency on an asynchronous source of data that is tied to a unique key.\n * Infinite queries can additively \"load more\" data onto an existing set of data or \"infinite scroll\"\n * @param injectInfiniteQueryFn - A function that returns infinite query options.\n * @param options - Additional configuration.\n * @returns The infinite query result.\n */\nexport function injectInfiniteQuery<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  injectInfiniteQueryFn: () => CreateInfiniteQueryOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n  options?: InjectInfiniteQueryOptions,\n): CreateInfiniteQueryResult<TData, TError>\n\n/**\n * Injects an infinite query: a declarative dependency on an asynchronous source of data that is tied to a unique key.\n * Infinite queries can additively \"load more\" data onto an existing set of data or \"infinite scroll\"\n * @param injectInfiniteQueryFn - A function that returns infinite query options.\n * @param options - Additional configuration.\n * @returns The infinite query result.\n */\nexport function injectInfiniteQuery(\n  injectInfiniteQueryFn: () => CreateInfiniteQueryOptions,\n  options?: InjectInfiniteQueryOptions,\n) {\n  !options?.injector && assertInInjectionContext(injectInfiniteQuery)\n  const injector = options?.injector ?? inject(Injector)\n  return runInInjectionContext(injector, () =>\n    createBaseQuery(\n      injectInfiniteQueryFn,\n      InfiniteQueryObserver as typeof QueryObserver,\n    ),\n  )\n}\n"],"names":[],"mappings":";;;AAgHgB,SAAA,oBACd,uBACA,SACA;AACC,IAAA,mCAAS,aAAY,yBAAyB,mBAAmB;AAClE,QAAM,YAAW,mCAAS,aAAY,OAAO,QAAQ;AAC9C,SAAA;AAAA,IAAsB;AAAA,IAAU,MACrC;AAAA,MACE;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF;"}

package/inject-is-mutating.d.ts

@@ -15,6 +15,5 @@ export interface InjectIsMutatingOptions {
  * @param filters - The filters to apply to the query.
  * @param options - Additional configuration
  * @returns signal with number of fetching mutations.
- * @public
  */
 export declare function injectIsMutating(filters?: MutationFilters, options?: InjectIsMutatingOptions): Signal<number>;

package/inject-is-mutating.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inject-is-mutating.mjs","sources":["../src/inject-is-mutating.ts"],"sourcesContent":["import {\n  DestroyRef,\n  Injector,\n  NgZone,\n  assertInInjectionContext,\n  inject,\n  signal,\n} from '@angular/core'\nimport { QueryClient, notifyManager } from '@tanstack/query-core'\nimport type { MutationFilters } from '@tanstack/query-core'\nimport type { Signal } from '@angular/core'\n\nexport interface InjectIsMutatingOptions {\n  /**\n   * The `Injector` in which to create the isMutating signal.\n   *\n   * If this is not provided, the current injection context will be used instead (via `inject`).\n   */\n  injector?: Injector\n}\n\n/**\n * Injects a signal that tracks the number of mutations that your application is fetching.\n *\n * Can be used for app-wide loading indicators\n * @param filters - The filters to apply to the query.\n * @param options - Additional configuration\n * @returns signal with number of fetching mutations.\n * @public\n */\nexport function injectIsMutating(\n  filters?: MutationFilters,\n  options?: InjectIsMutatingOptions,\n): Signal<number> {\n  !options?.injector && assertInInjectionContext(injectIsMutating)\n  const injector = options?.injector ?? inject(Injector)\n  const destroyRef = injector.get(DestroyRef)\n  const ngZone = injector.get(NgZone)\n  const queryClient = injector.get(QueryClient)\n\n  const cache = queryClient.getMutationCache()\n  // isMutating is the prev value initialized on mount *\n  let isMutating = queryClient.isMutating(filters)\n\n  const result = signal(isMutating)\n\n  const unsubscribe = ngZone.runOutsideAngular(() =>\n    cache.subscribe(\n      notifyManager.batchCalls(() => {\n        const newIsMutating = queryClient.isMutating(filters)\n        if (isMutating !== newIsMutating) {\n          // * and update with each change\n          isMutating = newIsMutating\n          ngZone.run(() => {\n            result.set(isMutating)\n          })\n        }\n      }),\n    ),\n  )\n\n  destroyRef.onDestroy(unsubscribe)\n\n  return result\n}\n"],"names":[],"mappings":";;AA8BgB,SAAA,iBACd,SACA,SACgB;AACf,IAAA,mCAAS,aAAY,yBAAyB,gBAAgB;AAC/D,QAAM,YAAW,mCAAS,aAAY,OAAO,QAAQ;AAC/C,QAAA,aAAa,SAAS,IAAI,UAAU;AACpC,QAAA,SAAS,SAAS,IAAI,MAAM;AAC5B,QAAA,cAAc,SAAS,IAAI,WAAW;AAEtC,QAAA,QAAQ,YAAY,iBAAiB;AAEvC,MAAA,aAAa,YAAY,WAAW,OAAO;AAEzC,QAAA,SAAS,OAAO,UAAU;AAEhC,QAAM,cAAc,OAAO;AAAA,IAAkB,MAC3C,MAAM;AAAA,MACJ,cAAc,WAAW,MAAM;AACvB,cAAA,gBAAgB,YAAY,WAAW,OAAO;AACpD,YAAI,eAAe,eAAe;AAEnB,uBAAA;AACb,iBAAO,IAAI,MAAM;AACf,mBAAO,IAAI,UAAU;AAAA,UAAA,CACtB;AAAA,QAAA;AAAA,MAEJ,CAAA;AAAA,IAAA;AAAA,EAEL;AAEA,aAAW,UAAU,WAAW;AAEzB,SAAA;AACT;"}
+{"version":3,"file":"inject-is-mutating.mjs","sources":["../src/inject-is-mutating.ts"],"sourcesContent":["import {\n  DestroyRef,\n  Injector,\n  NgZone,\n  assertInInjectionContext,\n  inject,\n  signal,\n} from '@angular/core'\nimport { QueryClient, notifyManager } from '@tanstack/query-core'\nimport type { MutationFilters } from '@tanstack/query-core'\nimport type { Signal } from '@angular/core'\n\nexport interface InjectIsMutatingOptions {\n  /**\n   * The `Injector` in which to create the isMutating signal.\n   *\n   * If this is not provided, the current injection context will be used instead (via `inject`).\n   */\n  injector?: Injector\n}\n\n/**\n * Injects a signal that tracks the number of mutations that your application is fetching.\n *\n * Can be used for app-wide loading indicators\n * @param filters - The filters to apply to the query.\n * @param options - Additional configuration\n * @returns signal with number of fetching mutations.\n */\nexport function injectIsMutating(\n  filters?: MutationFilters,\n  options?: InjectIsMutatingOptions,\n): Signal<number> {\n  !options?.injector && assertInInjectionContext(injectIsMutating)\n  const injector = options?.injector ?? inject(Injector)\n  const destroyRef = injector.get(DestroyRef)\n  const ngZone = injector.get(NgZone)\n  const queryClient = injector.get(QueryClient)\n\n  const cache = queryClient.getMutationCache()\n  // isMutating is the prev value initialized on mount *\n  let isMutating = queryClient.isMutating(filters)\n\n  const result = signal(isMutating)\n\n  const unsubscribe = ngZone.runOutsideAngular(() =>\n    cache.subscribe(\n      notifyManager.batchCalls(() => {\n        const newIsMutating = queryClient.isMutating(filters)\n        if (isMutating !== newIsMutating) {\n          // * and update with each change\n          isMutating = newIsMutating\n          ngZone.run(() => {\n            result.set(isMutating)\n          })\n        }\n      }),\n    ),\n  )\n\n  destroyRef.onDestroy(unsubscribe)\n\n  return result\n}\n"],"names":[],"mappings":";;AA6BgB,SAAA,iBACd,SACA,SACgB;AACf,IAAA,mCAAS,aAAY,yBAAyB,gBAAgB;AAC/D,QAAM,YAAW,mCAAS,aAAY,OAAO,QAAQ;AAC/C,QAAA,aAAa,SAAS,IAAI,UAAU;AACpC,QAAA,SAAS,SAAS,IAAI,MAAM;AAC5B,QAAA,cAAc,SAAS,IAAI,WAAW;AAEtC,QAAA,QAAQ,YAAY,iBAAiB;AAEvC,MAAA,aAAa,YAAY,WAAW,OAAO;AAEzC,QAAA,SAAS,OAAO,UAAU;AAEhC,QAAM,cAAc,OAAO;AAAA,IAAkB,MAC3C,MAAM;AAAA,MACJ,cAAc,WAAW,MAAM;AACvB,cAAA,gBAAgB,YAAY,WAAW,OAAO;AACpD,YAAI,eAAe,eAAe;AAEnB,uBAAA;AACb,iBAAO,IAAI,MAAM;AACf,mBAAO,IAAI,UAAU;AAAA,UAAA,CACtB;AAAA,QAAA;AAAA,MAEJ,CAAA;AAAA,IAAA;AAAA,EAEL;AAEA,aAAW,UAAU,WAAW;AAEzB,SAAA;AACT;"}