@tanstack/lit-query 0.0.1 → 0.2.0

package/dist-cjs/useIsFetching.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsFetching = useIsFetching;
+const accessor_js_1 = require("./accessor.js");
+const BaseController_js_1 = require("./controllers/BaseController.js");
+class IsFetchingController extends BaseController_js_1.BaseController {
+    filters;
+    queryClient;
+    unsubscribe;
+    constructor(host, filters = {}, queryClient) {
+        super(host, 0, queryClient);
+        this.filters = filters;
+        if (!queryClient) {
+            return;
+        }
+        this.queryClient = queryClient;
+        this.result = this.computeValue();
+    }
+    onConnected() {
+        if (!this.syncClient()) {
+            this.setResult(0);
+            return;
+        }
+        this.subscribe();
+        this.setResult(this.computeValue());
+    }
+    onDisconnected() {
+        this.unsubscribe?.();
+        this.unsubscribe = undefined;
+        this.syncClient();
+    }
+    onHostUpdate() {
+        if (typeof this.filters !== 'function') {
+            return;
+        }
+        this.setResult(this.syncClient() ? this.computeValue() : 0);
+    }
+    onQueryClientChanged() {
+        if (!this.syncClient()) {
+            this.setResult(0);
+            return;
+        }
+        if (this.connectedState) {
+            this.subscribe();
+            this.setResult(this.computeValue());
+        }
+    }
+    syncClient() {
+        const nextClient = this.tryGetQueryClient();
+        if (!nextClient) {
+            this.unsubscribe?.();
+            this.unsubscribe = undefined;
+            this.queryClient = undefined;
+            return false;
+        }
+        if (nextClient === this.queryClient) {
+            return true;
+        }
+        this.unsubscribe?.();
+        this.unsubscribe = undefined;
+        this.queryClient = nextClient;
+        return true;
+    }
+    subscribe() {
+        if (!this.queryClient) {
+            return;
+        }
+        if (this.unsubscribe) {
+            return;
+        }
+        this.unsubscribe = this.queryClient.getQueryCache().subscribe(() => {
+            this.setResult(this.computeValue());
+        });
+    }
+    computeValue() {
+        if (!this.queryClient) {
+            return 0;
+        }
+        return this.queryClient.isFetching((0, accessor_js_1.readAccessor)(this.filters));
+    }
+}
+/**
+ * Creates a Lit reactive controller that tracks how many matching queries are
+ * currently fetching.
+ *
+ * When `filters` is a function, it is re-read during host updates so the count
+ * 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 cache
+ * subscription.
+ * @param filters - Query filters, or a getter that returns query filters.
+ * @param queryClient - Optional explicit query client. Provide this for
+ * controllers that should not resolve a client from Lit context.
+ * @returns An accessor for the current number of matching fetching queries.
+ *
+ * @example
+ * ```ts
+ * import { LitElement, html } from 'lit'
+ * import { useIsFetching } from '@tanstack/lit-query'
+ *
+ * class TodosStatus extends LitElement {
+ *   private readonly todosFetching = useIsFetching(this, {
+ *     queryKey: ['todos'],
+ *   })
+ *
+ *   render() {
+ *     return html`<span>${this.todosFetching()} active todo fetches</span>`
+ *   }
+ * }
+ * ```
+ */
+function useIsFetching(host, filters = {}, queryClient) {
+    const controller = new IsFetchingController(host, filters, queryClient);
+    return Object.assign((0, accessor_js_1.createValueAccessor)(() => controller.current), {
+        destroy: () => controller.destroy(),
+    });
+}
+//# sourceMappingURL=useIsFetching.js.map

package/dist-cjs/useIsFetching.js.map

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

package/dist-cjs/useIsMutating.d.cts

@@ -0,0 +1,44 @@
+import type { MutationFilters, QueryClient } from '@tanstack/query-core';
+import type { ReactiveControllerHost } from 'lit' with { "resolution-mode": "import" };
+import { type Accessor, type ValueAccessor } from './accessor.cjs';
+/**
+ * Accessor returned by `useIsMutating`.
+ *
+ * Call the accessor or read its `current` property to get the number of
+ * currently pending mutations that match the filters.
+ */
+export type IsMutatingAccessor = ValueAccessor<number> & {
+    destroy: () => void;
+};
+/**
+ * Creates a Lit reactive controller that tracks how many matching mutations are
+ * currently pending.
+ *
+ * When `filters` is a function, it is re-read during host updates so the count
+ * 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 cache
+ * subscription.
+ * @param filters - Mutation filters, or a getter that returns mutation filters.
+ * @param queryClient - Optional explicit query client. Provide this for
+ * controllers that should not resolve a client from Lit context.
+ * @returns An accessor for the current number of matching pending mutations.
+ *
+ * @example
+ * ```ts
+ * import { LitElement, html } from 'lit'
+ * import { useIsMutating } from '@tanstack/lit-query'
+ *
+ * class MutationStatus extends LitElement {
+ *   private readonly savesPending = useIsMutating(this, {
+ *     mutationKey: ['save-project'],
+ *   })
+ *
+ *   render() {
+ *     return html`<span>${this.savesPending()} saves pending</span>`
+ *   }
+ * }
+ * ```
+ */
+export declare function useIsMutating(host: ReactiveControllerHost, filters?: Accessor<MutationFilters>, queryClient?: QueryClient): IsMutatingAccessor;

package/dist-cjs/useIsMutating.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsMutating = useIsMutating;
+const accessor_js_1 = require("./accessor.js");
+const BaseController_js_1 = require("./controllers/BaseController.js");
+class IsMutatingController extends BaseController_js_1.BaseController {
+    filters;
+    queryClient;
+    unsubscribe;
+    constructor(host, filters = {}, queryClient) {
+        super(host, 0, queryClient);
+        this.filters = filters;
+        if (!queryClient) {
+            return;
+        }
+        this.queryClient = queryClient;
+        this.result = this.computeValue();
+    }
+    onConnected() {
+        if (!this.syncClient()) {
+            this.setResult(0);
+            return;
+        }
+        this.subscribe();
+        this.setResult(this.computeValue());
+    }
+    onDisconnected() {
+        this.unsubscribe?.();
+        this.unsubscribe = undefined;
+        this.syncClient();
+    }
+    onHostUpdate() {
+        if (typeof this.filters !== 'function') {
+            return;
+        }
+        this.setResult(this.syncClient() ? this.computeValue() : 0);
+    }
+    onQueryClientChanged() {
+        if (!this.syncClient()) {
+            this.setResult(0);
+            return;
+        }
+        if (this.connectedState) {
+            this.subscribe();
+            this.setResult(this.computeValue());
+        }
+    }
+    syncClient() {
+        const nextClient = this.tryGetQueryClient();
+        if (!nextClient) {
+            this.unsubscribe?.();
+            this.unsubscribe = undefined;
+            this.queryClient = undefined;
+            return false;
+        }
+        if (nextClient === this.queryClient) {
+            return true;
+        }
+        this.unsubscribe?.();
+        this.unsubscribe = undefined;
+        this.queryClient = nextClient;
+        return true;
+    }
+    subscribe() {
+        if (!this.queryClient) {
+            return;
+        }
+        if (this.unsubscribe) {
+            return;
+        }
+        this.unsubscribe = this.queryClient.getMutationCache().subscribe(() => {
+            this.setResult(this.computeValue());
+        });
+    }
+    computeValue() {
+        if (!this.queryClient) {
+            return 0;
+        }
+        return this.queryClient.isMutating((0, accessor_js_1.readAccessor)(this.filters));
+    }
+}
+/**
+ * Creates a Lit reactive controller that tracks how many matching mutations are
+ * currently pending.
+ *
+ * When `filters` is a function, it is re-read during host updates so the count
+ * 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 cache
+ * subscription.
+ * @param filters - Mutation filters, or a getter that returns mutation filters.
+ * @param queryClient - Optional explicit query client. Provide this for
+ * controllers that should not resolve a client from Lit context.
+ * @returns An accessor for the current number of matching pending mutations.
+ *
+ * @example
+ * ```ts
+ * import { LitElement, html } from 'lit'
+ * import { useIsMutating } from '@tanstack/lit-query'
+ *
+ * class MutationStatus extends LitElement {
+ *   private readonly savesPending = useIsMutating(this, {
+ *     mutationKey: ['save-project'],
+ *   })
+ *
+ *   render() {
+ *     return html`<span>${this.savesPending()} saves pending</span>`
+ *   }
+ * }
+ * ```
+ */
+function useIsMutating(host, filters = {}, queryClient) {
+    const controller = new IsMutatingController(host, filters, queryClient);
+    return Object.assign((0, accessor_js_1.createValueAccessor)(() => controller.current), {
+        destroy: () => controller.destroy(),
+    });
+}
+//# sourceMappingURL=useIsMutating.js.map

package/dist-cjs/useIsMutating.js.map

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

package/dist-cjs/useMutationState.d.cts

@@ -0,0 +1,56 @@
+import type { Mutation, MutationFilters, MutationState, QueryClient } from '@tanstack/query-core';
+import type { ReactiveControllerHost } from 'lit' with { "resolution-mode": "import" };
+import { type Accessor, type ValueAccessor } from './accessor.cjs';
+/**
+ * Options accepted by `useMutationState`.
+ */
+export type MutationStateOptions<TResult> = {
+    /** Filters used to select mutations from the mutation cache. */
+    filters?: Accessor<MutationFilters>;
+    /** Maps each matching mutation to the value returned by the accessor. */
+    select?: (mutation: Mutation) => TResult;
+};
+/**
+ * Accessor returned by `useMutationState`.
+ *
+ * Call the accessor or read its `current` property to get the selected state for
+ * matching mutations.
+ */
+export type MutationStateAccessor<TResult> = ValueAccessor<TResult[]> & {
+    /** Removes the controller from its Lit host and unsubscribes observers. */
+    destroy: () => void;
+};
+/**
+ * Creates a Lit reactive controller that selects state from matching mutations
+ * in the mutation cache.
+ *
+ * When `options.filters` is a function, it is re-read during host updates so
+ * the selection 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 cache
+ * subscription.
+ * @param options - Mutation state filters and optional selector.
+ * @param queryClient - Optional explicit query client. Provide this for
+ * controllers that should not resolve a client from Lit context.
+ * @returns An accessor for the selected mutation state array.
+ *
+ * @example
+ * ```ts
+ * import { LitElement, html } from 'lit'
+ * import { useMutationState } from '@tanstack/lit-query'
+ *
+ * class PendingUploads extends LitElement {
+ *   private readonly uploads = useMutationState(this, {
+ *     filters: { mutationKey: ['upload'], status: 'pending' },
+ *     select: (mutation) => mutation.state.variables as File,
+ *   })
+ *
+ *   render() {
+ *     return html`<span>${this.uploads().length} uploads pending</span>`
+ *   }
+ * }
+ * ```
+ */
+export declare function useMutationState<TResult = MutationState<unknown, unknown, unknown, unknown>>(host: ReactiveControllerHost, options?: MutationStateOptions<TResult>, queryClient?: QueryClient): MutationStateAccessor<TResult>;

package/dist-cjs/useMutationState.js

@@ -0,0 +1,135 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMutationState = useMutationState;
+const accessor_js_1 = require("./accessor.js");
+const BaseController_js_1 = require("./controllers/BaseController.js");
+class MutationStateController extends BaseController_js_1.BaseController {
+    options;
+    queryClient;
+    unsubscribe;
+    constructor(host, options, queryClient) {
+        super(host, [], queryClient);
+        this.options = options;
+        if (!queryClient) {
+            return;
+        }
+        this.queryClient = queryClient;
+        this.result = this.computeState();
+    }
+    onConnected() {
+        if (!this.syncClient()) {
+            this.setResult([]);
+            return;
+        }
+        this.subscribe();
+        this.setResult(this.computeState());
+    }
+    onDisconnected() {
+        this.unsubscribe?.();
+        this.unsubscribe = undefined;
+        this.syncClient();
+    }
+    onHostUpdate() {
+        if (!this.shouldRefreshOnHostUpdate()) {
+            return;
+        }
+        this.setResult(this.syncClient() ? this.computeState() : []);
+    }
+    onQueryClientChanged() {
+        if (!this.syncClient()) {
+            this.setResult([]);
+            return;
+        }
+        if (this.connectedState) {
+            this.subscribe();
+            this.setResult(this.computeState());
+        }
+    }
+    syncClient() {
+        const nextClient = this.tryGetQueryClient();
+        if (!nextClient) {
+            this.unsubscribe?.();
+            this.unsubscribe = undefined;
+            this.queryClient = undefined;
+            return false;
+        }
+        if (nextClient === this.queryClient) {
+            return true;
+        }
+        this.unsubscribe?.();
+        this.unsubscribe = undefined;
+        this.queryClient = nextClient;
+        return true;
+    }
+    subscribe() {
+        if (!this.queryClient) {
+            return;
+        }
+        if (this.unsubscribe) {
+            return;
+        }
+        this.unsubscribe = this.queryClient.getMutationCache().subscribe(() => {
+            this.setResult(this.computeState());
+        });
+    }
+    shouldRefreshOnHostUpdate() {
+        return (typeof this.options.filters === 'function' ||
+            typeof this.options.select === 'function');
+    }
+    computeState() {
+        if (!this.queryClient) {
+            return [];
+        }
+        const filters = this.options.filters
+            ? (0, accessor_js_1.readAccessor)(this.options.filters)
+            : undefined;
+        const select = this.options.select;
+        const mutations = this.queryClient.getMutationCache().findAll(filters);
+        return mutations.map((mutation) => {
+            if (select) {
+                return select(mutation);
+            }
+            return mutation.state;
+        });
+    }
+}
+/**
+ * Creates a Lit reactive controller that selects state from matching mutations
+ * in the mutation cache.
+ *
+ * When `options.filters` is a function, it is re-read during host updates so
+ * the selection 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 cache
+ * subscription.
+ * @param options - Mutation state filters and optional selector.
+ * @param queryClient - Optional explicit query client. Provide this for
+ * controllers that should not resolve a client from Lit context.
+ * @returns An accessor for the selected mutation state array.
+ *
+ * @example
+ * ```ts
+ * import { LitElement, html } from 'lit'
+ * import { useMutationState } from '@tanstack/lit-query'
+ *
+ * class PendingUploads extends LitElement {
+ *   private readonly uploads = useMutationState(this, {
+ *     filters: { mutationKey: ['upload'], status: 'pending' },
+ *     select: (mutation) => mutation.state.variables as File,
+ *   })
+ *
+ *   render() {
+ *     return html`<span>${this.uploads().length} uploads pending</span>`
+ *   }
+ * }
+ * ```
+ */
+function useMutationState(host, options = {}, queryClient) {
+    const controller = new MutationStateController(host, options, queryClient);
+    return Object.assign((0, accessor_js_1.createValueAccessor)(() => controller.current), {
+        destroy: () => controller.destroy(),
+    });
+}
+//# sourceMappingURL=useMutationState.js.map

package/dist-cjs/useMutationState.js.map

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

package/package.json

@@ -1,10 +1,75 @@
 {
   "name": "@tanstack/lit-query",
-  "version": "0.0.1",
-  "description": "OIDC trusted publishing setup package for @tanstack/lit-query",
-  "keywords": [
-    "oidc",
-    "trusted-publishing",
-    "setup"
-  ]
-}
+  "version": "0.2.0",
+  "description": "Lit adapter for TanStack Query Core",
+  "author": "tannerlinsley",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TanStack/query.git",
+    "directory": "packages/lit-query"
+  },
+  "homepage": "https://tanstack.com/query",
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/tannerlinsley"
+  },
+  "type": "module",
+  "main": "dist-cjs/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "dist-cjs",
+    "src/**/*.ts",
+    "!src/tests/**/*"
+  ],
+  "exports": {
+    ".": {
+      "@tanstack/custom-condition": "./src/index.ts",
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist-cjs/index.d.cts",
+        "default": "./dist-cjs/index.js"
+      },
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@lit/context": "^1.1.6",
+    "lit": "^3.3.1",
+    "@tanstack/query-core": "5.100.9"
+  },
+  "peerDependencies": {
+    "@tanstack/query-core": "^5.0.0",
+    "lit": ">=2.8.0 <4"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.36.0",
+    "globals": "^17.4.0",
+    "typescript-eslint": "^8.54.0"
+  },
+  "scripts": {
+    "compile": "node ../../node_modules/typescript/lib/tsc.js --build",
+    "build:deps": "pnpm --dir ../query-core run build",
+    "build": "pnpm run build:deps && pnpm run build:esm && pnpm run build:cjs",
+    "build:esm": "node ../../node_modules/typescript/lib/tsc.js -p tsconfig.build.json",
+    "build:cjs": "node -e \"require('node:fs').rmSync('dist-cjs', { recursive: true, force: true })\" && node ../../node_modules/typescript/lib/tsc.js -p tsconfig.build.cjs.json && node scripts/write-cjs-package.mjs",
+    "test:types": "node ../../node_modules/typescript/lib/tsc.js --noEmit",
+    "test:eslint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "test:lib": "vitest run",
+    "test:lib:dev": "vitest",
+    "test:watch": "pnpm run test:lib:dev",
+    "test:build": "publint --strict && attw --pack && node scripts/check-cjs-types-smoke.mjs",
+    "measure:bundle": "pnpm run build && node scripts/measure-bundle.mjs",
+    "measure:bundle:raw": "node scripts/measure-bundle.mjs",
+    "perf:l3": "pnpm run build && node scripts/l3-stress.mjs",
+    "perf:l3:raw": "node scripts/l3-stress.mjs"
+  }
+}