Skip to content

docs(query-db-collection): document runtime QueryClient factory pattern#1667

Open
KyleAMathews wants to merge 5 commits into
mainfrom
query-runtime-docs
Open

docs(query-db-collection): document runtime QueryClient factory pattern#1667
KyleAMathews wants to merge 5 commits into
mainfrom
query-runtime-docs

Conversation

@KyleAMathews

@KyleAMathews KyleAMathews commented Jul 10, 2026

Copy link
Copy Markdown
Collaborator

Summary

Document the recommended factory pattern for using @tanstack/query-db-collection with runtime-scoped QueryClient instances. This shows users in SSR, TanStack Start, test, and multi-tenant environments how to avoid sharing a module-global QueryClient.

Approach

  • Add a new Query Collection docs section for creating collection options from a runtime QueryClient.
  • Show a plain TypeScript factory that accepts the scoped QueryClient and returns queryCollectionOptions(...).
  • Include a parameterized collection example for route params, tenant IDs, or filters.
  • Add a patch changeset for @tanstack/query-db-collection because the docs are package-specific.

Key Invariants

  • queryCollectionOptions still receives queryClient when collection options are created.
  • Request-local or route-local environments do not need to use a module-global QueryClient.
  • This is docs-only and does not introduce a new public API.

Non-goals

  • No runtime binding API is added.
  • No framework-specific TanStack Start APIs are documented beyond the general request-local pattern.
  • No production code changes are included.

Trade-offs

The docs recommend a plain factory function rather than adding API sugar. This keeps the guidance usable today while leaving room for a future API only if repeated examples show that boilerplate or type inference becomes a problem.

Verification

pnpm prettier --write docs/collections/query-collection.md
pnpm exec tsx scripts/verify-links.ts
git diff --check

Also attempted:

pnpm test:docs
pnpm test

pnpm test:docs failed because the package script runs node scripts/verify-links.ts, and Node rejected the .ts entrypoint with ERR_UNKNOWN_FILE_EXTENSION. Running the same script with tsx passed.

pnpm test failed in packages/offline-transactions because Vite could not resolve the @tanstack/db package entry. This appears unrelated to this docs-only change.

Files changed

  • docs/collections/query-collection.md: Adds runtime QueryClient factory guidance and examples.
  • .changeset/document-runtime-query-client-factory.md: Adds a patch changeset for @tanstack/query-db-collection docs.

Summary by CodeRabbit

  • Documentation
    • Added guidance for creating collection options using a request- or route-scoped QueryClient instead of a module-global singleton.
    • Included factory-pattern examples (including QueryClient parameterization) and advice for memoizing collections per scoped client and parameter set for stable behavior in SSR/tests/multi-tenant apps.

@coderabbitai

coderabbitai Bot commented Jul 10, 2026

Copy link
Copy Markdown
Contributor

Caution

Review failed

An error occurred during the review process. Please try again later.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch query-runtime-docs

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@pkg-pr-new

pkg-pr-new Bot commented Jul 10, 2026

Copy link
Copy Markdown
More templates

@tanstack/angular-db

npm i https://pkg.pr.new/@tanstack/angular-db@1667

@tanstack/browser-db-sqlite-persistence

npm i https://pkg.pr.new/@tanstack/browser-db-sqlite-persistence@1667

@tanstack/capacitor-db-sqlite-persistence

npm i https://pkg.pr.new/@tanstack/capacitor-db-sqlite-persistence@1667

@tanstack/cloudflare-durable-objects-db-sqlite-persistence

npm i https://pkg.pr.new/@tanstack/cloudflare-durable-objects-db-sqlite-persistence@1667

@tanstack/db

npm i https://pkg.pr.new/@tanstack/db@1667

@tanstack/db-ivm

npm i https://pkg.pr.new/@tanstack/db-ivm@1667

@tanstack/db-sqlite-persistence-core

npm i https://pkg.pr.new/@tanstack/db-sqlite-persistence-core@1667

@tanstack/electric-db-collection

npm i https://pkg.pr.new/@tanstack/electric-db-collection@1667

@tanstack/electron-db-sqlite-persistence

npm i https://pkg.pr.new/@tanstack/electron-db-sqlite-persistence@1667

@tanstack/expo-db-sqlite-persistence

npm i https://pkg.pr.new/@tanstack/expo-db-sqlite-persistence@1667

@tanstack/node-db-sqlite-persistence

npm i https://pkg.pr.new/@tanstack/node-db-sqlite-persistence@1667

@tanstack/offline-transactions

npm i https://pkg.pr.new/@tanstack/offline-transactions@1667

@tanstack/powersync-db-collection

npm i https://pkg.pr.new/@tanstack/powersync-db-collection@1667

@tanstack/query-db-collection

npm i https://pkg.pr.new/@tanstack/query-db-collection@1667

@tanstack/react-db

npm i https://pkg.pr.new/@tanstack/react-db@1667

@tanstack/react-native-db-sqlite-persistence

npm i https://pkg.pr.new/@tanstack/react-native-db-sqlite-persistence@1667

@tanstack/rxdb-db-collection

npm i https://pkg.pr.new/@tanstack/rxdb-db-collection@1667

@tanstack/solid-db

npm i https://pkg.pr.new/@tanstack/solid-db@1667

@tanstack/svelte-db

npm i https://pkg.pr.new/@tanstack/svelte-db@1667

@tanstack/tauri-db-sqlite-persistence

npm i https://pkg.pr.new/@tanstack/tauri-db-sqlite-persistence@1667

@tanstack/trailbase-db-collection

npm i https://pkg.pr.new/@tanstack/trailbase-db-collection@1667

@tanstack/vue-db

npm i https://pkg.pr.new/@tanstack/vue-db@1667

commit: 6fcd829

@github-actions

Copy link
Copy Markdown
Contributor

Size Change: 0 B

Total Size: 125 kB

ℹ️ View Unchanged
Filename Size
packages/db/dist/esm/collection/change-events.js 1.43 kB
packages/db/dist/esm/collection/changes.js 1.38 kB
packages/db/dist/esm/collection/cleanup-queue.js 810 B
packages/db/dist/esm/collection/events.js 434 B
packages/db/dist/esm/collection/index.js 3.62 kB
packages/db/dist/esm/collection/indexes.js 1.99 kB
packages/db/dist/esm/collection/lifecycle.js 1.69 kB
packages/db/dist/esm/collection/mutations.js 2.47 kB
packages/db/dist/esm/collection/state.js 5.48 kB
packages/db/dist/esm/collection/subscription.js 3.74 kB
packages/db/dist/esm/collection/sync.js 2.88 kB
packages/db/dist/esm/collection/transaction-metadata.js 144 B
packages/db/dist/esm/deferred.js 207 B
packages/db/dist/esm/errors.js 5.1 kB
packages/db/dist/esm/event-emitter.js 748 B
packages/db/dist/esm/index.js 3.16 kB
packages/db/dist/esm/indexes/auto-index.js 829 B
packages/db/dist/esm/indexes/base-index.js 767 B
packages/db/dist/esm/indexes/basic-index.js 2.06 kB
packages/db/dist/esm/indexes/btree-index.js 2.19 kB
packages/db/dist/esm/indexes/index-registry.js 820 B
packages/db/dist/esm/indexes/reverse-index.js 557 B
packages/db/dist/esm/live-query-adapter.js 318 B
packages/db/dist/esm/local-only.js 916 B
packages/db/dist/esm/local-storage.js 2.12 kB
packages/db/dist/esm/optimistic-action.js 359 B
packages/db/dist/esm/paced-mutations.js 496 B
packages/db/dist/esm/proxy.js 3.75 kB
packages/db/dist/esm/query/builder/functions.js 1.47 kB
packages/db/dist/esm/query/builder/index.js 5.84 kB
packages/db/dist/esm/query/builder/ref-proxy.js 1.24 kB
packages/db/dist/esm/query/compiler/evaluators.js 1.89 kB
packages/db/dist/esm/query/compiler/expressions.js 430 B
packages/db/dist/esm/query/compiler/group-by.js 3.56 kB
packages/db/dist/esm/query/compiler/index.js 6.67 kB
packages/db/dist/esm/query/compiler/joins.js 2.5 kB
packages/db/dist/esm/query/compiler/lazy-targets.js 923 B
packages/db/dist/esm/query/compiler/order-by.js 1.74 kB
packages/db/dist/esm/query/compiler/select.js 1.53 kB
packages/db/dist/esm/query/effect.js 4.77 kB
packages/db/dist/esm/query/expression-helpers.js 1.43 kB
packages/db/dist/esm/query/ir.js 1.25 kB
packages/db/dist/esm/query/live-query-collection.js 360 B
packages/db/dist/esm/query/live/collection-config-builder.js 9.1 kB
packages/db/dist/esm/query/live/collection-registry.js 264 B
packages/db/dist/esm/query/live/collection-subscriber.js 1.93 kB
packages/db/dist/esm/query/live/internal.js 145 B
packages/db/dist/esm/query/live/utils.js 1.81 kB
packages/db/dist/esm/query/optimizer.js 2.92 kB
packages/db/dist/esm/query/predicate-utils.js 2.97 kB
packages/db/dist/esm/query/query-once.js 359 B
packages/db/dist/esm/query/subset-dedupe.js 960 B
packages/db/dist/esm/scheduler.js 1.3 kB
packages/db/dist/esm/SortedMap.js 1.3 kB
packages/db/dist/esm/strategies/debounceStrategy.js 247 B
packages/db/dist/esm/strategies/queueStrategy.js 428 B
packages/db/dist/esm/strategies/throttleStrategy.js 246 B
packages/db/dist/esm/transactions.js 3.04 kB
packages/db/dist/esm/utils.js 927 B
packages/db/dist/esm/utils/array-utils.js 273 B
packages/db/dist/esm/utils/browser-polyfills.js 304 B
packages/db/dist/esm/utils/btree.js 5.61 kB
packages/db/dist/esm/utils/comparison.js 1.11 kB
packages/db/dist/esm/utils/cursor.js 457 B
packages/db/dist/esm/utils/index-optimization.js 2.39 kB
packages/db/dist/esm/utils/type-guards.js 157 B
packages/db/dist/esm/utils/uuid.js 449 B
packages/db/dist/esm/virtual-props.js 360 B

compressed-size-action::db-package-size

@coderabbitai

coderabbitai Bot commented Jul 10, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: bf398435-3815-49c0-9bb2-ffc240d36c7f

📥 Commits

Reviewing files that changed from the base of the PR and between 2f9240b and 6fcd829.

📒 Files selected for processing (1)
  • docs/collections/query-collection.md
✅ Files skipped from review due to trivial changes (1)
  • docs/collections/query-collection.md

📝 Walkthrough

Walkthrough

Changes

Runtime QueryClient documentation

Layer / File(s) Summary
Document runtime QueryClient factory pattern
docs/collections/query-collection.md, .changeset/document-runtime-query-client-factory.md
Documents direct and parameterized collection option factories using request- or route-scoped QueryClient instances, with a patch changeset for the package.
Document scoped collection memoization
docs/collections/query-collection.md
Documents memoizing collections by scoped QueryClient and parameter tuple, with eviction guidance for unbounded parameter sets.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Possibly related PRs

  • TanStack/db#1653: Updates related queryCollectionOptions documentation, including scoped QueryClient usage and memoization.

Suggested reviewers: kevin-dp

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly summarizes the docs-only change to document the runtime QueryClient factory pattern.
Description check ✅ Passed The description covers the change, motivation, verification, and release impact, though it doesn't follow the exact template headings.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch query-runtime-docs

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actions

Copy link
Copy Markdown
Contributor

Size Change: 0 B

Total Size: 4.22 kB

ℹ️ View Unchanged
Filename Size
packages/react-db/dist/esm/index.js 249 B
packages/react-db/dist/esm/useLiveInfiniteQuery.js 1.32 kB
packages/react-db/dist/esm/useLiveQuery.js 1.33 kB
packages/react-db/dist/esm/useLiveQueryEffect.js 355 B
packages/react-db/dist/esm/useLiveSuspenseQuery.js 567 B
packages/react-db/dist/esm/usePacedMutations.js 401 B

compressed-size-action::react-db-package-size

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@docs/collections/query-collection.md`:
- Around line 85-86: Add a brief note near the example using
getRequestQueryClient() clarifying that it is application-specific and must be
implemented by the application to return the current request- or route-scoped
QueryClient.
- Line 105: Reword the statement near the QueryClient factory documentation to
avoid implying that the factory enforces isolation; explain that it allows SSR
and request-scoped code to avoid sharing a global QueryClient only when callers
provide a scoped instance.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 888e5b05-76b5-4693-aaa9-0957e617eb3d

📥 Commits

Reviewing files that changed from the base of the PR and between eabcea7 and 2f9240b.

📒 Files selected for processing (2)
  • .changeset/document-runtime-query-client-factory.md
  • docs/collections/query-collection.md

Comment thread docs/collections/query-collection.md Outdated
Comment thread docs/collections/query-collection.md Outdated
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant