@tanstack/lit-query 0.0.1 → 0.2.0

package/dist/createMutationController.js

@@ -0,0 +1,193 @@
+import { MutationObserver, } from '@tanstack/query-core';
+import { createValueAccessor, readAccessor, } from './accessor.js';
+import { createMissingQueryClientError } from './context.js';
+import { BaseController } from './controllers/BaseController.js';
+function createIdleMutationResult() {
+    return {
+        context: undefined,
+        data: undefined,
+        error: null,
+        failureCount: 0,
+        failureReason: null,
+        isError: false,
+        isIdle: true,
+        isPending: false,
+        isPaused: false,
+        isSuccess: false,
+        status: 'idle',
+        submittedAt: 0,
+        variables: undefined,
+        mutate: (() => Promise.reject(createMissingQueryClientError())),
+        reset: (() => undefined),
+    };
+}
+class MutationController extends BaseController {
+    options;
+    observer;
+    unsubscribe;
+    queryClient;
+    constructor(host, options, queryClient) {
+        super(host, createIdleMutationResult(), queryClient);
+        this.options = options;
+        if (!queryClient) {
+            return;
+        }
+        if (typeof options === 'function') {
+            return;
+        }
+        const observer = new MutationObserver(queryClient, this.defaultOptions(queryClient));
+        this.queryClient = queryClient;
+        this.observer = observer;
+        this.result = observer.getCurrentResult();
+    }
+    onConnected() {
+        if (!this.syncClient()) {
+            return;
+        }
+        this.refreshOptions();
+        this.subscribe();
+        if (this.observer) {
+            this.setResult(this.observer.getCurrentResult());
+        }
+    }
+    onDisconnected() {
+        this.unsubscribeObserver();
+        this.syncClient();
+    }
+    onHostUpdate() {
+        if (typeof this.options !== 'function') {
+            return;
+        }
+        this.refreshOptions();
+    }
+    onQueryClientChanged() {
+        if (!this.syncClient() || !this.connectedState) {
+            return;
+        }
+        this.refreshOptions();
+        this.subscribe();
+        if (this.observer) {
+            this.setResult(this.observer.getCurrentResult());
+        }
+    }
+    mutate = (variables, mutateOptions) => {
+        if (!this.syncClient() || !this.observer) {
+            throw createMissingQueryClientError();
+        }
+        void this.observer.mutate(variables, mutateOptions).catch(() => {
+            // Intentionally swallow in sync mutate path.
+        });
+    };
+    mutateAsync = (...args) => {
+        if (!this.syncClient() || !this.observer) {
+            return Promise.reject(createMissingQueryClientError());
+        }
+        return this.observer.mutate(...args);
+    };
+    reset = () => {
+        if (!this.syncClient() || !this.observer) {
+            return;
+        }
+        this.observer.reset();
+        this.setResult(this.observer.getCurrentResult());
+    };
+    subscribe() {
+        if (!this.observer) {
+            return;
+        }
+        if (this.unsubscribe) {
+            return;
+        }
+        this.unsubscribe = this.observer.subscribe((next) => {
+            this.setResult(next);
+        });
+    }
+    unsubscribeObserver() {
+        this.unsubscribe?.();
+        this.unsubscribe = undefined;
+    }
+    syncClient() {
+        const nextClient = this.tryGetQueryClient();
+        if (!nextClient) {
+            this.unsubscribeObserver();
+            this.queryClient = undefined;
+            this.observer = undefined;
+            this.setResult(createIdleMutationResult());
+            return false;
+        }
+        if (nextClient === this.queryClient) {
+            return true;
+        }
+        this.unsubscribeObserver();
+        this.queryClient = nextClient;
+        this.observer = new MutationObserver(this.queryClient, this.defaultOptions(this.queryClient));
+        this.setResult(this.observer.getCurrentResult());
+        return true;
+    }
+    refreshOptions() {
+        if (!this.syncClient() || !this.observer || !this.queryClient) {
+            return false;
+        }
+        this.observer.setOptions(this.defaultOptions());
+        this.setResult(this.observer.getCurrentResult());
+        return true;
+    }
+    defaultOptions(client = this.queryClient) {
+        if (!client) {
+            throw createMissingQueryClientError();
+        }
+        return client.defaultMutationOptions(readAccessor(this.options));
+    }
+}
+/**
+ * Creates a Lit reactive controller that subscribes the host to a mutation.
+ *
+ * The returned accessor is callable and also exposes `current`, `mutate`,
+ * `mutateAsync`, `reset`, and `destroy`. When `options` is a function, it is
+ * re-read during host updates so mutation options can follow reactive host
+ * state.
+ *
+ * If `queryClient` is omitted, the controller resolves the client from the
+ * nearest connected `QueryClientProvider`.
+ *
+ * @param host - The Lit reactive controller host that owns the mutation
+ * subscription.
+ * @param options - Mutation observer options, or a getter that returns options.
+ * @param queryClient - Optional explicit query client. Provide this for
+ * controllers that should not resolve a client from Lit context.
+ * @returns An accessor for the latest mutation result with mutation helper
+ * methods.
+ *
+ * @example
+ * ```ts
+ * import { LitElement, html } from 'lit'
+ * import { createMutationController } from '@tanstack/lit-query'
+ *
+ * class AddTodoForm extends LitElement {
+ *   private readonly addTodo = createMutationController(this, {
+ *     mutationFn: (title: string) =>
+ *       fetch('/api/todos', { method: 'POST', body: JSON.stringify({ title }) }),
+ *   })
+ *
+ *   render() {
+ *     const mutation = this.addTodo()
+ *
+ *     return html`
+ *       <button ?disabled=${mutation.isPending} @click=${() => this.addTodo.mutate('Ship docs')}>
+ *         Add todo
+ *       </button>
+ *     `
+ *   }
+ * }
+ * ```
+ */
+export function createMutationController(host, options, queryClient) {
+    const controller = new MutationController(host, options, queryClient);
+    return Object.assign(createValueAccessor(() => controller.current), {
+        mutate: controller.mutate,
+        mutateAsync: controller.mutateAsync,
+        reset: controller.reset,
+        destroy: () => controller.destroy(),
+    });
+}
+//# sourceMappingURL=createMutationController.js.map

package/dist/createMutationController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createMutationController.js","sourceRoot":"","sources":["../src/createMutationController.ts"],"names":[],"mappings":"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"}

package/dist/createQueriesController.d.ts

@@ -0,0 +1,145 @@
+import { type DefaultError, type DefinedQueryObserverResult, type OmitKeyof, type QueryFunction, type QueryKey, type QueryObserverOptions, type QueryObserverResult, type ThrowOnError } from '@tanstack/query-core';
+import type { QueryClient } from '@tanstack/query-core';
+import type { ReactiveControllerHost } from 'lit';
+import { type Accessor, type ValueAccessor } from './accessor.js';
+/**
+ * Options for one query inside `createQueriesController`.
+ *
+ * This mirrors `QueryObserverOptions` and is used by the tuple inference that
+ * maps each input query to its corresponding result.
+ */
+export type CreateQueriesInput<TQueryFnData = unknown, TError = DefaultError, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey> = QueryObserverOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>;
+type CreateQueriesInputForController<TQueryFnData = unknown, TError = DefaultError, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey> = OmitKeyof<CreateQueriesInput<TQueryFnData, TError, TData, TQueryKey>, never>;
+type MAXIMUM_DEPTH = 20;
+type SkipTokenForCreateQueries = symbol;
+type GetCreateQueriesInput<T> = T extends {
+    queryFnData: infer TQueryFnData;
+    error?: infer TError;
+    data: infer TData;
+} ? CreateQueriesInputForController<TQueryFnData, TError, TData> : T extends {
+    queryFnData: infer TQueryFnData;
+    error?: infer TError;
+} ? CreateQueriesInputForController<TQueryFnData, TError> : T extends {
+    data: infer TData;
+    error?: infer TError;
+} ? CreateQueriesInputForController<unknown, TError, TData> : T extends [infer TQueryFnData, infer TError, infer TData] ? CreateQueriesInputForController<TQueryFnData, TError, TData> : T extends [infer TQueryFnData, infer TError] ? CreateQueriesInputForController<TQueryFnData, TError> : T extends [infer TQueryFnData] ? CreateQueriesInputForController<TQueryFnData> : T extends {
+    queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey> | SkipTokenForCreateQueries;
+    select?: (data: any) => infer TData;
+    throwOnError?: ThrowOnError<any, infer TError, any, any>;
+} ? CreateQueriesInputForController<TQueryFnData, unknown extends TError ? DefaultError : TError, unknown extends TData ? TQueryFnData : TData, TQueryKey> : CreateQueriesInputForController;
+type GetDefinedOrUndefinedCreateQueriesResult<T, TData, TError = unknown> = T extends {
+    initialData?: infer TInitialData;
+} ? unknown extends TInitialData ? QueryObserverResult<TData, TError> : TInitialData extends TData ? DefinedQueryObserverResult<TData, TError> : TInitialData extends () => infer TInitialDataResult ? unknown extends TInitialDataResult ? QueryObserverResult<TData, TError> : TInitialDataResult extends TData ? DefinedQueryObserverResult<TData, TError> : QueryObserverResult<TData, TError> : QueryObserverResult<TData, TError> : QueryObserverResult<TData, TError>;
+type GetCreateQueriesResult<T> = T extends {
+    queryFnData: any;
+    error?: infer TError;
+    data: infer TData;
+} ? GetDefinedOrUndefinedCreateQueriesResult<T, TData, TError> : T extends {
+    queryFnData: infer TQueryFnData;
+    error?: infer TError;
+} ? GetDefinedOrUndefinedCreateQueriesResult<T, TQueryFnData, TError> : T extends {
+    data: infer TData;
+    error?: infer TError;
+} ? GetDefinedOrUndefinedCreateQueriesResult<T, TData, TError> : T extends [any, infer TError, infer TData] ? GetDefinedOrUndefinedCreateQueriesResult<T, TData, TError> : T extends [infer TQueryFnData, infer TError] ? GetDefinedOrUndefinedCreateQueriesResult<T, TQueryFnData, TError> : T extends [infer TQueryFnData] ? GetDefinedOrUndefinedCreateQueriesResult<T, TQueryFnData> : T extends {
+    queryFn?: QueryFunction<infer TQueryFnData, any> | SkipTokenForCreateQueries;
+    select?: (data: any) => infer TData;
+    throwOnError?: ThrowOnError<any, infer TError, any, any>;
+} ? GetDefinedOrUndefinedCreateQueriesResult<T, unknown extends TData ? TQueryFnData : TData, unknown extends TError ? DefaultError : TError> : QueryObserverResult;
+export type CreateQueriesOptions<T extends Array<any>, TResults extends Array<any> = [], TDepth extends ReadonlyArray<number> = []> = TDepth['length'] extends MAXIMUM_DEPTH ? Array<CreateQueriesInputForController> : T extends [] ? [] : T extends [infer Head] ? [...TResults, GetCreateQueriesInput<Head>] : T extends [infer Head, ...infer Tails] ? CreateQueriesOptions<[
+    ...Tails
+], [
+    ...TResults,
+    GetCreateQueriesInput<Head>
+], [
+    ...TDepth,
+    1
+]> : ReadonlyArray<unknown> extends T ? T : T extends Array<CreateQueriesInputForController<infer TQueryFnData, infer TError, infer TData, infer TQueryKey>> ? Array<CreateQueriesInputForController<TQueryFnData, TError, TData, TQueryKey>> : Array<CreateQueriesInputForController>;
+/**
+ * Tuple of query results inferred from the query inputs passed to
+ * `createQueriesController`.
+ */
+export type CreateQueriesResults<T extends Array<any>, TResults extends Array<any> = [], TDepth extends ReadonlyArray<number> = []> = TDepth['length'] extends MAXIMUM_DEPTH ? Array<QueryObserverResult> : T extends [] ? [] : T extends [infer Head] ? [...TResults, GetCreateQueriesResult<Head>] : T extends [infer Head, ...infer Tails] ? CreateQueriesResults<[
+    ...Tails
+], [
+    ...TResults,
+    GetCreateQueriesResult<Head>
+], [
+    ...TDepth,
+    1
+]> : {
+    [K in keyof T]: GetCreateQueriesResult<T[K]>;
+};
+/**
+ * Options accepted by `createQueriesController`.
+ *
+ * `queries` can be a static list or a getter that returns the current list.
+ * `combine` can reshape the array of query results into a single value for the
+ * returned accessor.
+ */
+export type CreateQueriesControllerOptions<TQueryOptions extends Array<any> = Array<any>, TCombinedResult = CreateQueriesResults<TQueryOptions>> = {
+    /** Query options to observe, or a getter that returns the current options. */
+    queries: Accessor<readonly [...CreateQueriesOptions<TQueryOptions>] | readonly [
+        ...{
+            [K in keyof TQueryOptions]: GetCreateQueriesInput<TQueryOptions[K]>;
+        }
+    ]>;
+    /** Optional function that combines the query result array into one value. */
+    combine?: (result: CreateQueriesResults<TQueryOptions>) => TCombinedResult;
+};
+/**
+ * Accessor returned by `createQueriesController`.
+ *
+ * Call the accessor or read its `current` property to get the latest combined
+ * value.
+ */
+export type QueriesResultAccessor<TCombinedResult> = ValueAccessor<TCombinedResult> & {
+    /** Removes the controller from its Lit host and unsubscribes observers. */
+    destroy: () => void;
+};
+/**
+ * Creates a Lit reactive controller that subscribes the host to multiple
+ * queries.
+ *
+ * The returned accessor is callable and also exposes `current` and `destroy`.
+ * When `options` or `options.queries` is a function, it is re-read during host
+ * updates so the query list can follow reactive host state.
+ *
+ * If `queryClient` is omitted, the controller resolves the client from the
+ * nearest connected `QueryClientProvider`.
+ *
+ * @param host - The Lit reactive controller host that owns the queries
+ * subscription.
+ * @param options - Queries controller options, or a getter that returns options.
+ * @param queryClient - Optional explicit query client. Provide this for
+ * controllers that should not resolve a client from Lit context.
+ * @returns An accessor for the latest query results, or the value returned by
+ * `combine`.
+ *
+ * @example
+ * ```ts
+ * import { LitElement, html } from 'lit'
+ * import { createQueriesController } from '@tanstack/lit-query'
+ *
+ * class DashboardView extends LitElement {
+ *   private readonly dashboard = createQueriesController(this, {
+ *     queries: [
+ *       { queryKey: ['stats'], queryFn: fetchStats },
+ *       { queryKey: ['projects'], queryFn: fetchProjects },
+ *     ],
+ *     combine: ([stats, projects]) => ({
+ *       stats: stats.data,
+ *       projects: projects.data ?? [],
+ *       isPending: stats.isPending || projects.isPending,
+ *     }),
+ *   })
+ *
+ *   render() {
+ *     const dashboard = this.dashboard()
+ *     return html`<p>Projects: ${dashboard.projects.length}</p>`
+ *   }
+ * }
+ * ```
+ */
+export declare function createQueriesController<TQueryOptions extends Array<any>, TCombinedResult = CreateQueriesResults<TQueryOptions>>(host: ReactiveControllerHost, options: Accessor<CreateQueriesControllerOptions<TQueryOptions, TCombinedResult>>, queryClient?: QueryClient): QueriesResultAccessor<TCombinedResult>;
+export {};
+//# sourceMappingURL=createQueriesController.d.ts.map

package/dist/createQueriesController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createQueriesController.d.ts","sourceRoot":"","sources":["../src/createQueriesController.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,0BAA0B,EAC/B,KAAK,SAAS,EAEd,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAA;AACjD,OAAO,EAGL,KAAK,QAAQ,EACb,KAAK,aAAa,EACnB,MAAM,eAAe,CAAA;AAItB;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,CAC5B,YAAY,GAAG,OAAO,EACtB,MAAM,GAAG,YAAY,EACrB,KAAK,GAAG,YAAY,EACpB,SAAS,SAAS,QAAQ,GAAG,QAAQ,IACnC,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,CAAC,CAAA;AAE9E,KAAK,+BAA+B,CAClC,YAAY,GAAG,OAAO,EACtB,MAAM,GAAG,YAAY,EACrB,KAAK,GAAG,YAAY,EACpB,SAAS,SAAS,QAAQ,GAAG,QAAQ,IACnC,SAAS,CAAC,kBAAkB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,KAAK,CAAC,CAAA;AAEhF,KAAK,aAAa,GAAG,EAAE,CAAA;AAEvB,KAAK,yBAAyB,GAAG,MAAM,CAAA;AAEvC,KAAK,qBAAqB,CAAC,CAAC,IAAI,CAAC,SAAS;IACxC,WAAW,EAAE,MAAM,YAAY,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,KAAK,CAAA;CAClB,GACG,+BAA+B,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,GAC5D,CAAC,SAAS;IAAE,WAAW,EAAE,MAAM,YAAY,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,MAAM,CAAA;CAAE,GACjE,+BAA+B,CAAC,YAAY,EAAE,MAAM,CAAC,GACrD,CAAC,SAAS;IAAE,IAAI,EAAE,MAAM,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,MAAM,CAAA;CAAE,GACnD,+BAA+B,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GACvD,CAAC,SAAS,CAAC,MAAM,YAAY,EAAE,MAAM,MAAM,EAAE,MAAM,KAAK,CAAC,GACvD,+BAA+B,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,GAC5D,CAAC,SAAS,CAAC,MAAM,YAAY,EAAE,MAAM,MAAM,CAAC,GAC1C,+BAA+B,CAAC,YAAY,EAAE,MAAM,CAAC,GACrD,CAAC,SAAS,CAAC,MAAM,YAAY,CAAC,GAC5B,+BAA+B,CAAC,YAAY,CAAC,GAC7C,CAAC,SAAS;IACN,OAAO,CAAC,EACJ,aAAa,CAAC,MAAM,YAAY,EAAE,MAAM,SAAS,CAAC,GAClD,yBAAyB,CAAA;IAC7B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,MAAM,KAAK,CAAA;IACnC,YAAY,CAAC,EAAE,YAAY,CAAC,GAAG,EAAE,MAAM,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;CACzD,GACD,+BAA+B,CAC7B,YAAY,EACZ,OAAO,SAAS,MAAM,GAAG,YAAY,GAAG,MAAM,EAC9C,OAAO,SAAS,KAAK,GAAG,YAAY,GAAG,KAAK,EAC5C,SAAS,CACV,GACD,+BAA+B,CAAA;AAE/C,KAAK,wCAAwC,CAC3C,CAAC,EACD,KAAK,EACL,MAAM,GAAG,OAAO,IACd,CAAC,SAAS;IACZ,WAAW,CAAC,EAAE,MAAM,YAAY,CAAA;CACjC,GACG,OAAO,SAAS,YAAY,GAC1B,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,GAClC,YAAY,SAAS,KAAK,GACxB,0BAA0B,CAAC,KAAK,EAAE,MAAM,CAAC,GACzC,YAAY,SAAS,MAAM,MAAM,kBAAkB,GACjD,OAAO,SAAS,kBAAkB,GAChC,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,GAClC,kBAAkB,SAAS,KAAK,GAC9B,0BAA0B,CAAC,KAAK,EAAE,MAAM,CAAC,GACzC,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,GACtC,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,GACxC,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AAEtC,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS;IACzC,WAAW,EAAE,GAAG,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,KAAK,CAAA;CAClB,GACG,wCAAwC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAC1D,CAAC,SAAS;IAAE,WAAW,EAAE,MAAM,YAAY,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,MAAM,CAAA;CAAE,GACjE,wCAAwC,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,CAAC,GACjE,CAAC,SAAS;IAAE,IAAI,EAAE,MAAM,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,MAAM,CAAA;CAAE,GACnD,wCAAwC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAC1D,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,MAAM,EAAE,MAAM,KAAK,CAAC,GACxC,wCAAwC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAC1D,CAAC,SAAS,CAAC,MAAM,YAAY,EAAE,MAAM,MAAM,CAAC,GAC1C,wCAAwC,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,CAAC,GACjE,CAAC,SAAS,CAAC,MAAM,YAAY,CAAC,GAC5B,wCAAwC,CAAC,CAAC,EAAE,YAAY,CAAC,GACzD,CAAC,SAAS;IACN,OAAO,CAAC,EACJ,aAAa,CAAC,MAAM,YAAY,EAAE,GAAG,CAAC,GACtC,yBAAyB,CAAA;IAC7B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,MAAM,KAAK,CAAA;IACnC,YAAY,CAAC,EAAE,YAAY,CAAC,GAAG,EAAE,MAAM,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;CACzD,GACD,wCAAwC,CACtC,CAAC,EACD,OAAO,SAAS,KAAK,GAAG,YAAY,GAAG,KAAK,EAC5C,OAAO,SAAS,MAAM,GAAG,YAAY,GAAG,MAAM,CAC/C,GACD,mBAAmB,CAAA;AAEnC,MAAM,MAAM,oBAAoB,CAC9B,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,EACpB,QAAQ,SAAS,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAChC,MAAM,SAAS,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,IACvC,MAAM,CAAC,QAAQ,CAAC,SAAS,aAAa,GACtC,KAAK,CAAC,+BAA+B,CAAC,GACtC,CAAC,SAAS,EAAE,GACV,EAAE,GACF,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,GACpB,CAAC,GAAG,QAAQ,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAC1C,CAAC,SAAS,CAAC,MAAM,IAAI,EAAE,GAAG,MAAM,KAAK,CAAC,GACpC,oBAAoB,CAClB;IAAC,GAAG,KAAK;CAAC,EACV;IAAC,GAAG,QAAQ;IAAE,qBAAqB,CAAC,IAAI,CAAC;CAAC,EAC1C;IAAC,GAAG,MAAM;IAAE,CAAC;CAAC,CACf,GACD,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,GAC9B,CAAC,GACD,CAAC,SAAS,KAAK,CACX,+BAA+B,CAC7B,MAAM,YAAY,EAClB,MAAM,MAAM,EACZ,MAAM,KAAK,EACX,MAAM,SAAS,CAChB,CACF,GACD,KAAK,CACH,+BAA+B,CAC7B,YAAY,EACZ,MAAM,EACN,KAAK,EACL,SAAS,CACV,CACF,GACD,KAAK,CAAC,+BAA+B,CAAC,CAAA;AAEpD;;;GAGG;AACH,MAAM,MAAM,oBAAoB,CAC9B,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,EACpB,QAAQ,SAAS,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAChC,MAAM,SAAS,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,IACvC,MAAM,CAAC,QAAQ,CAAC,SAAS,aAAa,GACtC,KAAK,CAAC,mBAAmB,CAAC,GAC1B,CAAC,SAAS,EAAE,GACV,EAAE,GACF,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,GACpB,CAAC,GAAG,QAAQ,EAAE,sBAAsB,CAAC,IAAI,CAAC,CAAC,GAC3C,CAAC,SAAS,CAAC,MAAM,IAAI,EAAE,GAAG,MAAM,KAAK,CAAC,GACpC,oBAAoB,CAClB;IAAC,GAAG,KAAK;CAAC,EACV;IAAC,GAAG,QAAQ;IAAE,sBAAsB,CAAC,IAAI,CAAC;CAAC,EAC3C;IAAC,GAAG,MAAM;IAAE,CAAC;CAAC,CACf,GACD;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAA;AAE1D;;;;;;GAMG;AACH,MAAM,MAAM,8BAA8B,CACxC,aAAa,SAAS,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,EAC7C,eAAe,GAAG,oBAAoB,CAAC,aAAa,CAAC,IACnD;IACF,8EAA8E;IAC9E,OAAO,EAAE,QAAQ,CACb,SAAS,CAAC,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC,GACjD,SAAS;QACP,GAAG;aACA,CAAC,IAAI,MAAM,aAAa,GAAG,qBAAqB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;SACpE;KACF,CACJ,CAAA;IACD,6EAA6E;IAC7E,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,eAAe,CAAA;CAC3E,CAAA;AAED;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,CAAC,eAAe,IAC/C,aAAa,CAAC,eAAe,CAAC,GAAG;IAC/B,2EAA2E;IAC3E,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AA8VH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,uBAAuB,CACrC,aAAa,SAAS,KAAK,CAAC,GAAG,CAAC,EAChC,eAAe,GAAG,oBAAoB,CAAC,aAAa,CAAC,EAErD,IAAI,EAAE,sBAAsB,EAC5B,OAAO,EAAE,QAAQ,CACf,8BAA8B,CAAC,aAAa,EAAE,eAAe,CAAC,CAC/D,EACD,WAAW,CAAC,EAAE,WAAW,GACxB,qBAAqB,CAAC,eAAe,CAAC,CASxC"}

package/dist/createQueriesController.js

@@ -0,0 +1,302 @@
+import { QueriesObserver, } from '@tanstack/query-core';
+import { createValueAccessor, readAccessor, } from './accessor.js';
+import { createMissingQueryClientError } from './context.js';
+import { BaseController } from './controllers/BaseController.js';
+function createPendingQueryObserverResult() {
+    return {
+        data: undefined,
+        dataUpdatedAt: 0,
+        error: null,
+        errorUpdatedAt: 0,
+        failureCount: 0,
+        failureReason: null,
+        errorUpdateCount: 0,
+        isError: false,
+        isFetched: false,
+        isFetchedAfterMount: false,
+        isFetching: false,
+        isInitialLoading: false,
+        isLoading: false,
+        isLoadingError: false,
+        isPaused: false,
+        isPending: true,
+        isPlaceholderData: false,
+        isRefetchError: false,
+        isRefetching: false,
+        isStale: true,
+        isEnabled: true,
+        isSuccess: false,
+        fetchStatus: 'idle',
+        status: 'pending',
+        refetch: (() => Promise.reject(createMissingQueryClientError())),
+        promise: Promise.resolve(undefined),
+    };
+}
+function createPlaceholderQueryObserverResult(query) {
+    const initialData = typeof query.initialData === 'function'
+        ? query.initialData()
+        : query.initialData;
+    if (initialData === undefined) {
+        return createPendingQueryObserverResult();
+    }
+    const data = query.select ? query.select(initialData) : initialData;
+    const initialDataUpdatedAt = typeof query.initialDataUpdatedAt === 'function'
+        ? query.initialDataUpdatedAt()
+        : query.initialDataUpdatedAt;
+    return {
+        ...createPendingQueryObserverResult(),
+        data,
+        dataUpdatedAt: initialDataUpdatedAt ?? Date.now(),
+        isPending: false,
+        isInitialLoading: false,
+        isLoading: false,
+        isSuccess: true,
+        status: 'success',
+        promise: Promise.resolve(data),
+    };
+}
+function resolveQueriesOptions(optionsAccessor, client) {
+    const resolvedOptions = readAccessor(optionsAccessor);
+    const resolvedQueries = readAccessor(resolvedOptions.queries);
+    const combine = resolvedOptions.combine;
+    return {
+        queries: resolvedQueries.map((query) => {
+            const defaulted = client.defaultQueryOptions(query);
+            defaulted._optimisticResults =
+                'optimistic';
+            return defaulted;
+        }),
+        combine,
+    };
+}
+class QueriesController extends BaseController {
+    options;
+    observer;
+    unsubscribe;
+    queryClient;
+    explicitInitializationError;
+    placeholderInitialized = false;
+    placeholderRetryableFailure = true;
+    constructor(host, options, queryClient) {
+        super(host, [], queryClient);
+        this.options = options;
+        queueMicrotask(() => {
+            this.placeholderRetryableFailure = false;
+        });
+        if (!queryClient) {
+            return;
+        }
+        if (this.shouldRefreshOnHostUpdate()) {
+            return;
+        }
+        this.tryInitializeExplicitClient(queryClient);
+    }
+    onConnected() {
+        if (!this.syncClient()) {
+            return;
+        }
+        this.refreshOptions();
+        this.subscribe();
+    }
+    onDisconnected() {
+        this.unsubscribeObserver();
+        this.syncClient();
+    }
+    onHostUpdate() {
+        if (!this.shouldRefreshOnHostUpdate()) {
+            return;
+        }
+        if (!this.refreshOptions()) {
+            this.setPlaceholderResult();
+        }
+    }
+    onQueryClientChanged() {
+        if (!this.syncClient() || !this.connectedState) {
+            return;
+        }
+        this.refreshOptions();
+        this.subscribe();
+    }
+    subscribe() {
+        if (!this.observer) {
+            return;
+        }
+        if (this.unsubscribe) {
+            return;
+        }
+        this.unsubscribe = this.observer.subscribe((next) => {
+            const { combine } = this.readResolvedOptions();
+            this.setResult(this.computeResult(next, combine));
+        });
+    }
+    tryInitializeExplicitClient(queryClient) {
+        try {
+            const { queries, combine } = resolveQueriesOptions(this.options, queryClient);
+            const observer = new QueriesObserver(queryClient, queries, {
+                combine,
+            });
+            this.queryClient = queryClient;
+            this.observer = observer;
+            this.result = this.computeResult(observer.getCurrentResult(), combine);
+            this.explicitInitializationError = undefined;
+            this.placeholderInitialized = true;
+            return true;
+        }
+        catch (error) {
+            // Retry after construction completes so late host fields used by
+            // static queries/combine callbacks can finish initializing first.
+            this.explicitInitializationError = error;
+            this.queryClient = undefined;
+            this.observer = undefined;
+            return false;
+        }
+    }
+    retryExplicitInitializationIfNeeded() {
+        if (!this.explicitInitializationError || this.shouldRefreshOnHostUpdate()) {
+            return false;
+        }
+        const explicitClient = this.tryGetQueryClient();
+        if (!explicitClient) {
+            return false;
+        }
+        return this.tryInitializeExplicitClient(explicitClient);
+    }
+    unsubscribeObserver() {
+        this.unsubscribe?.();
+        this.unsubscribe = undefined;
+    }
+    syncClient() {
+        const nextClient = this.tryGetQueryClient();
+        if (!nextClient) {
+            this.unsubscribeObserver();
+            this.queryClient = undefined;
+            this.observer = undefined;
+            this.setPlaceholderResult();
+            return false;
+        }
+        if (nextClient === this.queryClient) {
+            return true;
+        }
+        this.unsubscribeObserver();
+        this.queryClient = nextClient;
+        const { queries, combine } = this.readResolvedOptions();
+        this.observer = new QueriesObserver(this.queryClient, queries, {
+            combine,
+        });
+        this.setResult(this.computeResult(this.observer.getCurrentResult(), combine));
+        this.placeholderInitialized = true;
+        return true;
+    }
+    refreshOptions() {
+        if (!this.syncClient() || !this.observer) {
+            return false;
+        }
+        const { queries, combine } = this.readResolvedOptions();
+        this.observer.setQueries(queries, {
+            combine,
+        });
+        const [rawResult, getCombinedResult] = this.observer.getOptimisticResult(queries, combine);
+        this.setResult(getCombinedResult(rawResult));
+        return true;
+    }
+    readResolvedOptions(client = this.queryClient) {
+        if (!client) {
+            throw createMissingQueryClientError();
+        }
+        return resolveQueriesOptions(this.options, client);
+    }
+    shouldRefreshOnHostUpdate() {
+        if (typeof this.options === 'function') {
+            return true;
+        }
+        return typeof this.options.queries === 'function';
+    }
+    computeResult(rawResult, combine) {
+        return (combine ? combine(rawResult) : rawResult);
+    }
+    static createPlaceholderResult(optionsAccessor) {
+        const resolvedOptions = readAccessor(optionsAccessor);
+        const queries = readAccessor(resolvedOptions.queries);
+        const placeholders = queries.map((query) => createPlaceholderQueryObserverResult(query));
+        return (resolvedOptions.combine
+            ? resolvedOptions.combine(placeholders)
+            : placeholders);
+    }
+    readCurrent() {
+        if (this.retryExplicitInitializationIfNeeded()) {
+            return this.current;
+        }
+        if (this.explicitInitializationError && !this.placeholderRetryableFailure) {
+            throw this.explicitInitializationError;
+        }
+        if (!this.queryClient && !this.observer && !this.placeholderInitialized) {
+            try {
+                // Early reads can happen during class-field initialization, before
+                // accessors referenced by queries/combine are ready. Retry normally
+                // after construction finishes and only surface errors after that point.
+                this.setPlaceholderResult();
+            }
+            catch (error) {
+                if (!this.placeholderRetryableFailure) {
+                    throw error;
+                }
+            }
+        }
+        return this.current;
+    }
+    setPlaceholderResult() {
+        this.result = QueriesController.createPlaceholderResult(this.options);
+        this.placeholderInitialized = true;
+    }
+}
+/**
+ * Creates a Lit reactive controller that subscribes the host to multiple
+ * queries.
+ *
+ * The returned accessor is callable and also exposes `current` and `destroy`.
+ * When `options` or `options.queries` is a function, it is re-read during host
+ * updates so the query list can follow reactive host state.
+ *
+ * If `queryClient` is omitted, the controller resolves the client from the
+ * nearest connected `QueryClientProvider`.
+ *
+ * @param host - The Lit reactive controller host that owns the queries
+ * subscription.
+ * @param options - Queries controller options, or a getter that returns options.
+ * @param queryClient - Optional explicit query client. Provide this for
+ * controllers that should not resolve a client from Lit context.
+ * @returns An accessor for the latest query results, or the value returned by
+ * `combine`.
+ *
+ * @example
+ * ```ts
+ * import { LitElement, html } from 'lit'
+ * import { createQueriesController } from '@tanstack/lit-query'
+ *
+ * class DashboardView extends LitElement {
+ *   private readonly dashboard = createQueriesController(this, {
+ *     queries: [
+ *       { queryKey: ['stats'], queryFn: fetchStats },
+ *       { queryKey: ['projects'], queryFn: fetchProjects },
+ *     ],
+ *     combine: ([stats, projects]) => ({
+ *       stats: stats.data,
+ *       projects: projects.data ?? [],
+ *       isPending: stats.isPending || projects.isPending,
+ *     }),
+ *   })
+ *
+ *   render() {
+ *     const dashboard = this.dashboard()
+ *     return html`<p>Projects: ${dashboard.projects.length}</p>`
+ *   }
+ * }
+ * ```
+ */
+export function createQueriesController(host, options, queryClient) {
+    const controller = new QueriesController(host, options, queryClient);
+    return Object.assign(createValueAccessor(() => controller.readCurrent()), {
+        destroy: () => controller.destroy(),
+    });
+}
+//# sourceMappingURL=createQueriesController.js.map