blog: announce TanStack AI orchestration preview#949
Conversation
📝 WalkthroughWalkthroughA new blog post introduces TanStack AI Workflows & Orchestrators, an experimental PR-build feature. It documents typed agent definitions, generator-based workflow composition with approval handling, server-side SSE exposure, client-side React hooks for consumption, orchestrator patterns, and remaining experimental areas before API stabilization. ChangesAI Workflows & Orchestrators Documentation
Estimated code review effort🎯 1 (Trivial) | ⏱️ ~3 minutes Suggested reviewers
Poem
🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ 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 |
There was a problem hiding this comment.
Actionable comments posted: 1
🤖 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 `@src/blog/tanstack-ai-orchestration.md`:
- Around line 345-363: The snippet uses an invalid split "yield *" across lines;
update the generator/yield expressions to use the correct "yield*" syntax
without space and keep the expression on the same line so calls to approve and
agents.editor parse correctly — change the lines where decision is assigned (the
call to approve) and where revised is assigned (the call to agents.editor) to
use "yield* approve({...})" and "yield* agents.editor({...})" respectively, and
then return via succeed({ article: revised.article }) as before.
🪄 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: bcc76a1e-9ef9-4a30-aa66-4d14327d4b60
⛔ Files ignored due to path filters (1)
public/blog-assets/tanstack-ai-orchestration/header.pngis excluded by!**/*.png
📒 Files selected for processing (1)
src/blog/tanstack-ai-orchestration.md
| ```typescript | ||
| const decision = | ||
| yield * | ||
| approve({ | ||
| title: 'Publish article?', | ||
| description: edited.notes, | ||
| }) | ||
|
|
||
| if (!decision.approved) { | ||
| const revised = | ||
| yield * | ||
| agents.editor({ | ||
| article: edited.article, | ||
| feedback: decision.feedback ?? 'Revise before publishing.', | ||
| }) | ||
|
|
||
| return succeed({ article: revised.article }) | ||
| } | ||
| ``` |
There was a problem hiding this comment.
Fix the yield* operator formatting.
The code snippet has incorrect syntax: yield * is split across lines with an improper space between yield and *. This is invalid TypeScript syntax.
🐛 Proposed fix for the formatting
-const decision =
- yield *
- approve({
+const decision = yield* approve({
title: 'Publish article?',
description: edited.notes,
})
if (!decision.approved) {
- const revised =
- yield *
- agents.editor({
+ const revised = yield* agents.editor({
article: edited.article,
feedback: decision.feedback ?? 'Revise before publishing.',
})🤖 Prompt for 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.
In `@src/blog/tanstack-ai-orchestration.md` around lines 345 - 363, The snippet
uses an invalid split "yield *" across lines; update the generator/yield
expressions to use the correct "yield*" syntax without space and keep the
expression on the same line so calls to approve and agents.editor parse
correctly — change the lines where decision is assigned (the call to approve)
and where revised is assigned (the call to agents.editor) to use "yield*
approve({...})" and "yield* agents.editor({...})" respectively, and then return
via succeed({ article: revised.article }) as before.
Summary
Adds a TanStack.com blog post announcing the experimental TanStack AI Workflows & Orchestrators preview from TanStack/ai PR 542.
The post:
/blog-assets/tanstack-ai-orchestration/header.pngValidation
pnpm --dir 'F:/projects/tanstack/tanstack.com/.claude/worktrees/blog-ai-orchestration-pr' content:buildSummary by CodeRabbit