Add an Adapters nav tab to the docs config - #1341
Conversation
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Advanced Run ID: 📒 Files selected for processing (1)
Included review availability: Your plan provides up to 8 included reviews per hour; 7 remain after this review. 📝 WalkthroughWalkthroughThe navigation configuration assigns the “Adapters” and “Community Adapters” sections to the ChangesAdapter navigation
Priority: ⬇️ Low Estimated code review effort: 1 (Trivial) | ~2 minutes Merge Risk: ⚪ Minimal · up to Adapter documentation and community adapter documentation will appear under the new Adapters navigation tab while preserving their existing section content and ordering. No current merge-blocking risk is identified. Suggested reviewers: 🚥 Pre-merge checks | ✅ 4 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (4 passed)
Full details: Description checkExplanation The description explains what changed, why it changed, and relevant implementation notes. It does not use the required Changes heading and omits the required Checklist and Release Impact sections, including test, documentation, changeset, and release-impact confirmations.
✨ Finishing Touches🧪 Generate unit tests (beta)
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. Comment |
|
View your CI Pipeline Execution ↗ for commit f01a3de
☁️ Nx Cloud last updated this comment at |
@tanstack/ai
@tanstack/ai-acp
@tanstack/ai-angular
@tanstack/ai-anthropic
@tanstack/ai-bedrock
@tanstack/ai-byteplus
@tanstack/ai-claude-code
@tanstack/ai-client
@tanstack/ai-cloudflare
@tanstack/ai-code-mode
@tanstack/ai-code-mode-snippets
@tanstack/ai-codex
@tanstack/ai-cohere
@tanstack/ai-compaction
@tanstack/ai-devtools-core
@tanstack/ai-durable-stream
@tanstack/ai-elevenlabs
@tanstack/ai-event-client
@tanstack/ai-fal
@tanstack/ai-gemini
@tanstack/ai-grok
@tanstack/ai-grok-build
@tanstack/ai-groq
@tanstack/ai-isolate-cloudflare
@tanstack/ai-isolate-daytona
@tanstack/ai-isolate-node
@tanstack/ai-isolate-quickjs
@tanstack/ai-isolate-quickjs-bun
@tanstack/ai-llmgateway
@tanstack/ai-lovable
@tanstack/ai-mcp
@tanstack/ai-memory
@tanstack/ai-mistral
@tanstack/ai-octane
@tanstack/ai-ollama
@tanstack/ai-openai
@tanstack/ai-opencode
@tanstack/ai-openrouter
@tanstack/ai-perplexity
@tanstack/ai-persistence
@tanstack/ai-preact
@tanstack/ai-react
@tanstack/ai-react-ui
@tanstack/ai-reactor
@tanstack/ai-remix
@tanstack/ai-sandbox
@tanstack/ai-sandbox-blaxel
@tanstack/ai-sandbox-cloudflare
@tanstack/ai-sandbox-daytona
@tanstack/ai-sandbox-docker
@tanstack/ai-sandbox-local-process
@tanstack/ai-sandbox-sprites
@tanstack/ai-sandbox-upstash-box
@tanstack/ai-sandbox-vercel
@tanstack/ai-skills
@tanstack/ai-solid
@tanstack/ai-solid-ui
@tanstack/ai-svelte
@tanstack/ai-utils
@tanstack/ai-vercel-gateway
@tanstack/ai-vertex
@tanstack/ai-vue
@tanstack/ai-vue-ui
@tanstack/openai-base
@tanstack/preact-ai-devtools
@tanstack/react-ai-devtools
@tanstack/solid-ai-devtools
@tanstack/svelte-ai-devtools
commit: |
/ai/<version>/docs/coverage fetches adapter-coverage.json from the ai repo at request time, validates it, and renders an adapter by activity matrix with expandable model lists and modalities. The file is produced by TanStack/ai#1341. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX
ce8b8b7 to
0157bb3
Compare
tanstack.com now reads extra nav tabs from docs/config.json. Declare an Adapters tab and move the Adapters and Community Adapters sections under it, so the tab lands on the OpenAI adapter page. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX
0157bb3 to
f01a3de
Compare
) * Reframe TanStack AI messaging around who owns what Restructure the AI landing page to walk through the ownership split before the technical details: what TanStack AI handles (agent loop, providers, durability, interrupts, sandboxes, tools) and what you own (server, persistence, UI, deploy), each with real code from the docs. Replace the tagline, description, and feature highlights with the same framing. Honor the claim boundaries from the homepage plan: no lock-in language, no counts in copy, no decorative numbering, and a closing set of starting-point doc links. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Replace AI hero graphic with a wireframe placeholder Drop the client graph and chat animation. The headline now answers what it is and why in one line. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Add write-once hero, compiler visual, and request path to AI landing Hero: a fixed tools.ts window beside a runs-anywhere window that cycles server framework, provider, and UI framework one at a time. Providers: a model picker that squiggles the image part and prints the TypeScript error when the selected model is text-only. Server: the three-node request path with no TanStack hop. Restore the original AG-UI section copy. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Drop the SDK wording from the AI headline Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Stop layout shift on the AI landing page Pin code window heights where samples swap, keep the hero provider row mounted on both sides, reserve the pending rows in the parts inspector, and give swapping captions a min-height. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Add the TanStack AI coverage page /ai/<version>/docs/coverage fetches adapter-coverage.json from the ai repo at request time, validates it, and renders an adapter by activity matrix with expandable model lists and modalities. The file is produced by TanStack/ai#1341. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Move AI coverage to /ai/coverage and rebuild it as a component The page leaves the docs shell for a full-width library page linked from the AI menu. AiCoverage renders adapter cards with activity chips, activity filters, a model search, and an inline detail panel with model lists and modalities. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Add an Adapters tab to the AI docs nav with a runtime adapter list New adapters nav tab that lands on /ai/adapters, a plain list of every adapter package and what it supports, fetched from the ai repo at request time. The Adapters and Community Adapters doc sections move under the tab. Replaces the coverage page. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Replace the AI adapters page with a docs nav tab Add an adapters tab id. It renders only for libraries whose docs config tags sections with it and lands on the first adapter page. Remove the runtime adapter list, its server function, and the layout overrides. Pre-commit skipped: tests/docs-manifest-concurrency.test.ts asserts wall-clock time and the machine was at load 107. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Tighten the AI landing page and make the typesafe model demo real Replace the "Who owns what" grid with the AG-UI section, drop the server section the hero already covers, and trim rail and intro copy. Reorder to AG-UI, typesafe models, tools, UI, persistence, durability. The typesafe workbench now shows one narrowed field per model across chat, image, video, and world models, with values taken from the adapters' type files. Every section intro and rail item links to its docs page. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Fix the typesafe workbench on narrow screens Let the snippet column shrink so the code scrolls and the value chips wrap, put the heading before the graphic on mobile, and drop the doubled commas on prompt part lines. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Address review comments on the AI landing page Give CodeTabs toggle-group semantics, key code samples by name so the copied state does not carry across samples that share a filename, import chat in the durability samples, hide the looping message parts animation from assistive technology, and match the Seedance note to its snippet. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Use canonical Tailwind v4 class forms on the landing components Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Match the AI catalog copy to the landing hero and drop the unused ai.tsx The catalog description feeds the landing page meta description and the tagline feeds the library grid card. Nothing imported aiProject and no component renders featureHighlights. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Tighten landing copy and match the Omni note to its snippet Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Make the AI landing graphics interactive - Slow the runs-anywhere hero cycle to 6s so a snippet can be read - Add a shimmering "break me" toggle to the typesafe workbench that swaps in a value the types reject, with a green "fix me" to undo it - Step message.parts through every part and tool-call state, with each row and lifecycle chip clickable, and show the matching render code under a createChatHook on/off switch - Make the devtools hooks clickable with a run timeline per hook, and replace the non-existent useObject with useChat + outputSchema - Rewrite the message-parts section copy Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Make the persistence backends clickable Each server backend swaps the two message-store lines in persistence.ts for that database's real load and save calls. localStorage and IndexedDB are client adapters, so they switch the window to the useChat call with the matching persistence adapter instead. Claude-Session: https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX * Tweak the AI landing headline and start-here title
What changed
docs/config.jsondeclares anAdaptersnav tab and moves the Adapters and Community Adapters sections under it. tanstack.com reads extra tabs from the config (TanStack/tanstack.com#1232), shows them between Guides and API, and lands the tab on the first page of its first section, which is the OpenAI adapter.Why
Adapters are a top-level way people browse TanStack AI, and they were buried in Guides.
Notes
$schemaon tanstack.com gains thetabsfield in the same site PR.https://claude.ai/code/session_01YFZ1i6q5qEeQL63B7zQXBX
Summary by CodeRabbit