Autoplay runnable docs examples when visible

[tannerlinsley]

What changed

• defer runnable documentation examples with TanStack Start hydration boundaries
• hydrate only near the viewport, then autoplay after visible dwell and browser idle time
• keep offscreen workbench and esbuild chunks cold
• cancel pending autoplay during focus, pointer, wheel, background-tab, or viewport-exit interaction
• preserve static SSR source and reserve the final workbench height

Why

Runnable examples looked static until readers noticed and clicked Run. This makes visible examples come alive without adding the editor/runtime cost to initial page load.

Validation

• pnpm test — 125 passed, 1 skipped
• production build passed
• production-mode browser smoke verified static-first loading, visible autoplay to Ready, offscreen deferral, and immediate manual Run

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: abf678d6-59e1-4b4e-92de-f5e08c0053fd

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

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

• X
• Mastodon
• Reddit
• LinkedIn

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

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	tanstack-com	2000276	Commit Preview URL Branch Preview URL	Aug 11 2026, 10:25 PM

[tannerlinsley]

Landed directly on main in 1d8d5b0.