Skip to content

feat: support vite v8#388

Open
harry-whorlow wants to merge 5 commits intomainfrom
vite-bump
Open

feat: support vite v8#388
harry-whorlow wants to merge 5 commits intomainfrom
vite-bump

Conversation

@harry-whorlow
Copy link
Collaborator

@harry-whorlow harry-whorlow commented Mar 12, 2026

Bumps Vite range to include v8

Summary by CodeRabbit

  • Chores

    • Updated Vite support to include v8 and bumped related tooling across packages and examples.
    • Upgraded React plugin to v6, Solid plugin to v2.11.11, and Preact preset updates.
    • Added a changeset documenting a minor release.
  • Examples

    • Example projects updated to use the newer tooling versions; one example now includes the devtools plugin.

@changeset-bot
Copy link

changeset-bot bot commented Mar 12, 2026

🦋 Changeset detected

Latest commit: f9fe2bb

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@tanstack/devtools-vite Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@harry-whorlow harry-whorlow mentioned this pull request Mar 12, 2026
2 tasks
@nx-cloud
Copy link

nx-cloud bot commented Mar 12, 2026

View your CI Pipeline Execution ↗ for commit f9fe2bb

Command Status Duration Result
nx affected --targets=test:eslint,test:sherif,t... ✅ Succeeded 2m 21s View ↗
nx run-many --targets=build --exclude=examples/** ✅ Succeeded 37s View ↗

☁️ Nx Cloud last updated this comment at 2026-03-14 18:17:51 UTC

@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 12, 2026

More templates

@tanstack/devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools@388

@tanstack/devtools-a11y

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-a11y@388

@tanstack/devtools-client

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-client@388

@tanstack/devtools-ui

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-ui@388

@tanstack/devtools-utils

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-utils@388

@tanstack/devtools-vite

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-vite@388

@tanstack/devtools-event-bus

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-event-bus@388

@tanstack/devtools-event-client

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-event-client@388

@tanstack/preact-devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/preact-devtools@388

@tanstack/react-devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/react-devtools@388

@tanstack/solid-devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/solid-devtools@388

@tanstack/vue-devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/vue-devtools@388

commit: 6f65f49

Copy link
Contributor

@MatthijsKok MatthijsKok left a comment

Choose a reason for hiding this comment

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

Tried this out locally by vendoring into my own project, and was able to build and run normally

@coderabbitai
Copy link

coderabbitai bot commented Mar 14, 2026

📝 Walkthrough

Walkthrough

Updates toolchain versions across examples and packages to Vite 8 and related plugin bumps, adds Vite v8 to the peer range for @tanstack/devtools-vite, adds a changeset documenting the minor release, and inserts the devtools Vite plugin into one example's Vite config (plus a tsconfig include change).

Changes

Cohort / File(s) Summary
Devtools Vite support & changeset
.changeset/light-crews-melt.md, packages/devtools-vite/package.json
Adds a changeset documenting a minor bump and expands peer dependency range to include Vite ^8.0.0.
Root/tooling upgrades
package.json
Bumps dev tooling versions (vite, @tanstack/typedoc-config, @tanstack/vite-config) to newer releases including Vite 8.
Examples — React variants
examples/react/.../package.json (a11y-devtools, basic, bundling-repro, custom-devtools, drizzle, https, start, time-travel)
Bumps vite to ^8.0.0 and @vitejs/plugin-react to ^6.0.1 in multiple React examples; adds @tanstack/devtools-vite to a11y-devtools.
Examples — Preact / Solid / Vue
examples/preact/.../package.json, examples/solid/.../package.json, examples/vue/basic/package.json
Upgrades vite to ^8.0.0, bumps framework-specific Vite plugins (@preact/preset-vite, vite-plugin-solid) as listed.
Example config tweaks
examples/react/a11y-devtools/tsconfig.json, examples/react/a11y-devtools/vite.config.ts
Adds vite.config.ts to tsconfig includes and registers @tanstack/devtools-vite plugin in the example Vite config.
Packages — Vite plugin bumps
packages/*/package.json (packages/devtools, packages/devtools-ui, packages/devtools-utils, packages/devtools-a11y, packages/devtools-vite etc.)
Uniformly bumps vite-plugin-solid and framework plugin versions where present; several package.json devDependency version updates.
Build config typing
packages/devtools-a11y/vite.config.ts
Adds a type-only import and a satisfies Plugin type assertion on the solid plugin entry (typing-only change).

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

🐰 I hopped through package trees, nose twitching with glee,
Vite eight joined the party — a new friend to see.
A tiny changeset stamp, dependencies updated,
Examples refreshed, configs gently fated.
— From a rabbit with a devtools hat, cheers to compatibility!

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Description check ⚠️ Warning The description is minimal and lacks the required template sections including 🎯 Changes details, ✅ Checklist completion, and 🚀 Release Impact confirmation. Expand the description to follow the repository template by adding detailed change description, completing the checklist items, and confirming changeset generation or release impact.
✅ Passed checks (2 passed)
Check name Status Explanation
Title check ✅ Passed The title 'feat: support vite v8' directly and clearly describes the main change in the PR: adding support for Vite v8.
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 docstrings (stacked PR)
  • 📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch vite-bump
📝 Coding Plan
  • Generate coding plan for human review comments

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

@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)
packages/devtools-a11y/vite.config.ts (1)

5-11: Keep the satisfies check meaningful.

Vite already accepts plugin presets (Plugin[]) in the plugins array and flattens them internally, while TypeScript's satisfies operator is meant to validate the original expression type without widening it. Casting solid(...) to any first defeats that benefit, so a real Vite 8 / vite-plugin-solid mismatch gets hidden instead of surfaced. (vite.dev)

♻️ Suggested change
-    solid({
-      ssr: true,
-    }) as any satisfies Plugin,
+    solid({
+      ssr: true,
+    }) satisfies Plugin | Plugin[],
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@packages/devtools-a11y/vite.config.ts` around lines 5 - 11, The current code
casts solid(...) to any before using the TypeScript satisfies operator, which
defeats the type-checking; remove the "as any" so the expression uses
solid({...}) satisfies Plugin directly (i.e., change "solid({ ssr: true, }) as
any satisfies Plugin" to "solid({ ssr: true, }) satisfies Plugin") and if
TypeScript then reports a mismatch, fix the plugin type by importing the correct
Plugin type or updating the solid plugin types so the real Vite 8 /
vite-plugin-solid incompatibility surfaces (look for defineConfig, the plugins
array, and the solid(...) call).
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Nitpick comments:
In `@packages/devtools-a11y/vite.config.ts`:
- Around line 5-11: The current code casts solid(...) to any before using the
TypeScript satisfies operator, which defeats the type-checking; remove the "as
any" so the expression uses solid({...}) satisfies Plugin directly (i.e., change
"solid({ ssr: true, }) as any satisfies Plugin" to "solid({ ssr: true, })
satisfies Plugin") and if TypeScript then reports a mismatch, fix the plugin
type by importing the correct Plugin type or updating the solid plugin types so
the real Vite 8 / vite-plugin-solid incompatibility surfaces (look for
defineConfig, the plugins array, and the solid(...) call).

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 626de318-07d9-405d-8a5e-8a0510460c0a

📥 Commits

Reviewing files that changed from the base of the PR and between 9da1b58 and f9fe2bb.

⛔ Files ignored due to path filters (1)
  • pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml
📒 Files selected for processing (25)
  • examples/preact/basic/package.json
  • examples/preact/custom-devtools/package.json
  • examples/react/a11y-devtools/package.json
  • examples/react/a11y-devtools/tsconfig.json
  • examples/react/a11y-devtools/vite.config.ts
  • examples/react/basic/package.json
  • examples/react/bundling-repro/package.json
  • examples/react/custom-devtools/package.json
  • examples/react/drizzle/package.json
  • examples/react/https/package.json
  • examples/react/start/package.json
  • examples/react/time-travel/package.json
  • examples/solid/a11y-devtools/package.json
  • examples/solid/basic/package.json
  • examples/solid/devtools-ui/package.json
  • examples/vue/basic/package.json
  • package.json
  • packages/devtools-a11y/package.json
  • packages/devtools-a11y/vite.config.ts
  • packages/devtools-ui/package.json
  • packages/devtools-utils/package.json
  • packages/devtools/package.json
  • packages/preact-devtools/package.json
  • packages/react-devtools/package.json
  • packages/solid-devtools/package.json
✅ Files skipped from review due to trivial changes (2)
  • examples/solid/basic/package.json
  • packages/devtools-utils/package.json

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.

2 participants