GeezerVison is showing github.com — feat(create): add Elysia and Eden integration by tannerlinsley · Pull Request #573 · TanStack/cli
Conversation
Adds the React Elysia + Eden integration requested in #491. Create with --add-ons elysia or run tanstack add elysia in an existing generated app. Elysia handles a same-origin API inside Start, and Eden provides typed requests and responses.
AI review notes:
Standard projects include a greeting demo. Blank projects retain the API and omit demo pages, matching the existing preset contract. Backend code stays in a server module; the browser imports its type only. The form preserves input entered before hydration and enables submission once handlers mount.
Normal hooks passed 10 builds, lint, 569 unit tests and all 22 blocking browser cases. New cases cover npm creation, pnpm addition to an existing blank app, typed-body rejection and HTTP 422 validation. The rendered dark-theme greeting was inspected. A generated production-preview prototype passed the Elysia/Eden contract with patched file-type 21.3.2 and zero production advisories. The actual candidate dependency set also has zero production audit advisories.
CLI dist JavaScript is unchanged. Create dist is +18,326 raw / +5,417 gzip bytes. The optional demo adds +9,782 raw / +3,904 gzip bytes to summed production client JavaScript compared with the same standard app without the add-on. These are artifact measurements, not startup benchmarks.
The supplementary production-preview browser check now passes on the already allowed preview port, with the actual greeting inspected in light and dark themes. Candidate production audit remains zero advisories, and the measured client artifact delta is unchanged. The earlier 403 was confined to the test proxy’s port allowlist; that allowlist was not widened. No deployment provider, external backend, Bun runtime or Node 20 execution is claimed. No new server listener, credentials, workflows or global runtime floor are introduced.
Sorry, something went wrong.
Uh oh!
There was an error while loading. Please reload this page.
Sorry, something went wrong.
Uh oh!
There was an error while loading. Please reload this page.
coderabbitai
Bot
commented
Nov 6, 2026
•
edited
Loading
Uh oh!
There was an error while loading. Please reload this page.
|

Walkthrough
-
The React Elysia and Eden add-on adds a typed greeting API, a same-origin request route, and a React demo. End-to-end tests cover standard and existing blank React app setups.
Changes: Elysia and Eden add-on
| Layer / File(s) |
Summary |
Configure and expose the Elysia API packages/create/src/frameworks/react/add-ons/elysia/info.json, packages/create/src/frameworks/react/add-ons/elysia/package.json, packages/create/src/frameworks/react/add-ons/elysia/assets/src/lib/elysia.server.ts, packages/create/src/frameworks/react/add-ons/elysia/assets/src/routes/api.demo.elysia.$.ts, packages/create/src/frameworks/react/add-ons/elysia/README.md.ejs, .changeset/elysia-eden-addon.md |
The add-on metadata and manifest declare the Elysia integration and dependencies. The Elysia app defines a greeting endpoint that accepts a 1–80-character name, and a TanStack route forwards requests to the app. The guide describes the integration, and the Changeset records a minor release for @tanstack/create. |
Add the React demo and validate the integration packages/create/src/frameworks/react/add-ons/elysia/assets/src/routes/demo/elysia.tsx, packages/create/src/frameworks/react/add-ons/elysia/assets/src/styles/elysia.css, packages/cli/tests-e2e/elysia-smoke.spec.ts |
The demo validates and trims submitted names, sends greeting requests, and displays responses or errors. Its styles cover the form and output. Smoke tests exercise the demo and API in standard and existing blank app setups, including invalid request handling. |
Estimated code review effort: 3 (Moderate) | ~20 minutes
Change: Feature
Sequence Diagram(s)
sequenceDiagram
actor User
participant ReactDemo
participant TanStackRoute
participant ElysiaApp
User->>ReactDemo: Submit a name
ReactDemo->>TanStackRoute: Send greeting request
TanStackRoute->>ElysiaApp: Forward request to app.fetch
ElysiaApp-->>TanStackRoute: Return greeting response
TanStackRoute-->>ReactDemo: Return response
ReactDemo-->>User: Display greeting or error
Loading
Possibly related PRs
- TanStack/cli#432: The Elysia demo CSS uses scaffold theme variables, which the Tailwind PR preserves for add-on compatibility.
Merge Risk: Minimal · up to 0882b
-
No concrete issue remains that should block merging after normal checks.
Pre-merge checks: 4 · 1
-
Failed checks: 1 warning
| Check name |
Status |
Explanation |
Resolution |
| Docstring Coverage |
 |
Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff with cyclomatic complexity of at least 2. Documentat… |
Write docstrings for the functions missing them to satisfy the coverage threshold. |
Passed checks: 4 passed
-
| Check name |
Status |
Explanation |
| Description Check |
 |
Check skipped - CodeRabbit’s high-level summary is enabled. |
| Title check |
 |
The title clearly describes the Elysia and Eden integration added to project creation. |
| Linked Issues check |
 |
Check skipped because no linked issues were found for this pull request. |
| Out of Scope Changes check |
 |
Check skipped because no linked issues were found for this pull request. |
Full details: Docstring Coverage
-
Explanation
Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff with cyclomatic complexity of at least 2. Documentation-only edits and deletions within surviving functions are included; unchanged diff context and fully deleted functions are excluded. Analyzed 2 functions across 4 files. (5 skipped: 5 unsupported.)
Resolution
Write docstrings for the functions missing them to satisfy the coverage threshold.
Finishing Touches
-
Generate docstrings
-
- Commit to this branch
- Create a new PR
Generate unit tests (beta)
-
- Commit to this branch
- Create a new PR
- Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts
Warning Some tools did not complete. Review the errors below.
ESLint
-
If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.
packages/cli/tests-e2e/elysia-smoke.spec.ts
-
Parsing error: "parserOptions.project" has been provided for @typescript-eslint/parser.
The file was not found in any of the provided project(s): packages/cli/tests-e2e/elysia-smoke.spec.ts
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
-
|
Sorry, something went wrong.
Uh oh!
There was an error while loading. Please reload this page.
Sorry, something went wrong.
Uh oh!
There was an error while loading. Please reload this page.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sorry, something went wrong.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
Assignees
No one assigned
Milestone
No milestone
Development
Successfully merging this pull request may close these issues.
Uh oh!
There was an error while loading. Please reload this page.
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
|