Skip to content

Code Mode blog#813

Open
jherr wants to merge 2 commits intomainfrom
code-mode-blog
Open

Code Mode blog#813
jherr wants to merge 2 commits intomainfrom
code-mode-blog

Conversation

@jherr
Copy link
Copy Markdown
Contributor

@jherr jherr commented Apr 7, 2026

Summary by CodeRabbit

  • Documentation
    • Added comprehensive guide introducing Code Mode for TanStack AI. Details how to generate and run TypeScript programs within sandboxed isolates, featuring control flow support, concurrent execution, and tool composition. Documentation includes setup instructions across multiple runtime environments, the new Skills feature, streaming event documentation, practical examples, and ecosystem package information.

@netlify
Copy link
Copy Markdown

netlify bot commented Apr 7, 2026

Deploy Preview for tanstack ready!

Name Link
🔨 Latest commit 07c7eba
🔍 Latest deploy log https://app.netlify.com/projects/tanstack/deploys/69d55fbfacb807000862ac5e
😎 Deploy Preview https://deploy-preview-813--tanstack.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 46 (🔴 down 14 from production)
Accessibility: 90 (no change from production)
Best Practices: 83 (🔴 down 9 from production)
SEO: 97 (no change from production)
PWA: 70 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Apr 7, 2026

📝 Walkthrough

Walkthrough

A new blog post was added documenting TanStack AI's "Code Mode" feature, which enables LLMs to generate and execute TypeScript programs in a sandboxed isolate. The post covers setup instructions, sandbox runtime drivers, the Skills system, custom streaming events, and roadmap items.

Changes

Cohort / File(s) Summary
Blog Post
src/blog/tanstack-ai-code-mode.md
New documentation introducing Code Mode, explaining the execute_typescript tool, sandbox behavior, integration setup, runtime drivers (Node/QuickJS/Cloudflare), Skills system, AG-UI streaming events, and feature roadmap.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Poem

🐰 A new tale hops into the warren,
Code Mode spreads its sandbox wings,
TypeScript programs dance and play,
Batched calls and skills in harmony,
The roadmap glimmers bright ahead! ✨

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title 'Code Mode blog' directly and clearly describes the main change: adding a new blog post about Code Mode, which aligns with the changeset of introducing a new documentation file at src/blog/tanstack-ai-code-mode.md.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch code-mode-blog

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 and usage tips.

Copy link
Copy Markdown

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

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

🧹 Nitpick comments (1)
src/blog/tanstack-ai-code-mode.md (1)

115-116: Encode query params in the fetch example to avoid unsafe copy/paste patterns.

Line 115 interpolates location directly into the URL. In documentation samples, this pattern teaches readers to build queries unsafely—spaces and special characters will break the request when copied.

Proposed fix
-  const res = await fetch(`https://api.weather.example/v1?city=${location}`)
+  const res = await fetch(
+    `https://api.weather.example/v1?city=${encodeURIComponent(location)}`,
+  )
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@src/blog/tanstack-ai-code-mode.md` around lines 115 - 116, The example fetch
call currently interpolates the location variable directly into the URL (const
res = await fetch(`https://api.weather.example/v1?city=${location}`)), which can
break with spaces/special characters; update the example to encode the query
parameter (e.g., use encodeURIComponent(location) or construct the query with
URLSearchParams) before calling fetch, and keep the rest of the flow (await
fetch(...) and return res.json()) the same so readers see a safe pattern.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Nitpick comments:
In `@src/blog/tanstack-ai-code-mode.md`:
- Around line 115-116: The example fetch call currently interpolates the
location variable directly into the URL (const res = await
fetch(`https://api.weather.example/v1?city=${location}`)), which can break with
spaces/special characters; update the example to encode the query parameter
(e.g., use encodeURIComponent(location) or construct the query with
URLSearchParams) before calling fetch, and keep the rest of the flow (await
fetch(...) and return res.json()) the same so readers see a safe pattern.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: bdfd9fea-2e2f-41c3-adf3-43ae1c6bc66c

📥 Commits

Reviewing files that changed from the base of the PR and between 43fa62c and 07c7eba.

📒 Files selected for processing (1)
  • src/blog/tanstack-ai-code-mode.md

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