Skip to content

feat(vite): basic home page#194

Open
webfansplz wants to merge 4 commits intomainfrom
feat/vite-overview
Open

feat(vite): basic home page#194
webfansplz wants to merge 4 commits intomainfrom
feat/vite-overview

Conversation

@webfansplz
Copy link
Member

overview

Copilot AI review requested due to automatic review settings March 11, 2026 16:42
@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 11, 2026

Open in StackBlitz

npm i https://pkg.pr.new/@vitejs/devtools@194
npm i https://pkg.pr.new/@vitejs/devtools-kit@194
npm i https://pkg.pr.new/@vitejs/devtools-rolldown@194
npm i https://pkg.pr.new/@vitejs/devtools-rpc@194

commit: 1fdbaa8

Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Adds a basic “Home” screen to the Vite DevTools app that connects to the DevTools RPC server and displays project + environment metadata.

Changes:

  • Replace the placeholder RPC endpoint with vite:meta-info and vite:env-info RPC queries.
  • Add a /home page UI that fetches and renders Vite config metadata and envinfo output, and redirect //home.
  • Introduce required dependencies for env reporting and additional icon sets, plus FloatingVue plugin wiring for the Vite app.

Reviewed changes

Copilot reviewed 11 out of 12 changed files in this pull request and generated no comments.

Show a summary per file
File Description
pnpm-workspace.yaml Adds new catalog entries for envinfo, its types, and new iconify JSON sets.
pnpm-lock.yaml Lockfile updates for newly added dependencies.
packages/vite/src/node/rpc/index.ts Registers the new RPC functions and removes the old “hi” function.
packages/vite/src/node/rpc/functions/vite-meta-info.ts New RPC query returning Vite config metadata (root/base/plugins).
packages/vite/src/node/rpc/functions/vite-env-info.ts New RPC query returning environment info via envinfo.
packages/vite/src/node/rpc/functions/hi.ts Removes the previous placeholder RPC endpoint.
packages/vite/src/app/plugins/floating-vue.ts Adds FloatingVue Nuxt plugin for the Vite DevTools app.
packages/vite/src/app/pages/index.vue Redirects the index route to /home.
packages/vite/src/app/pages/home.vue New UI page that fetches and displays project/system/runtime metadata.
packages/vite/src/app/app.vue Adds RPC connection gating, error display, and a side nav layout.
packages/vite/package.json Adds envinfo + @types/envinfo dependencies.
package.json Adds additional iconify JSON sets used by the new home page.
Files not reviewed (1)
  • pnpm-lock.yaml: Language not supported

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@antfu
Copy link
Member

antfu commented Mar 12, 2026

A bit nitpicking, but maybe we could use https://icones.js.org/collection/catppuccin for pnpm/yarn?

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.

3 participants