Skip to content

Commit 54ae855

Browse files
webfansplzantfu
andauthored
feat: rename vite devtools to rolldown devtools (#169)
Co-authored-by: Anthony Fu <github@antfu.me>
1 parent 499c100 commit 54ae855

File tree

182 files changed

+519
-130
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

182 files changed

+519
-130
lines changed

‎.gitignore‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,9 @@ dist
1111
packages/vite/src/public/fonts
1212
packages/vite/src/app/public/fonts
1313
packages/vite/runtime
14+
packages/rolldown/src/public/fonts
15+
packages/rolldown/src/app/public/fonts
16+
packages/rolldown/runtime
1417
.rolldown
1518
*.tsbuildinfo
1619
docs/.vitepress/cache

‎AGENTS.md‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ Quick reference for future agents working on this repo.
99
- `packages/core` (`@vitejs/devtools`): Vite plugin, CLI, host/runtime (docks, views, terminals), websocket RPC server, standalone/webcomponents client.
1010
- `packages/kit` (`@vitejs/devtools-kit`): public types/utilities (`defineRpcFunction`, shared state, events) for integration authors; client helpers.
1111
- `packages/rpc` (`@vitejs/devtools-rpc`): thin typed RPC wrapper over `birpc`, with WS presets.
12-
- `packages/vite` (`@vitejs/devtools-vite`): Nuxt-based UI served from the plugin; registers Vite dock and RPC functions for Rolldown build data.
12+
- `packages/rolldown` (`@vitejs/devtools-rolldown`): Nuxt-based UI served from the plugin; registers Vite dock and RPC functions for Rolldown build data.
1313
- `packages/webext`: browser extension scaffolding (currently ancillary).
1414
- Docs under `docs/` (VitePress); user-facing guides in `docs/guide`.
1515
- Path aliases defined in `alias.ts` and propagated to `tsconfig.base.json` (do not edit paths manually).
@@ -18,9 +18,9 @@ Quick reference for future agents working on this repo.
1818
flowchart TD
1919
core["@vitejs/devtools"] --> kit["@vitejs/devtools-kit"]
2020
core --> rpc["@vitejs/devtools-rpc"]
21-
core --> viteUI["@vitejs/devtools-vite (Nuxt UI)"]
22-
viteUI --> kit
23-
viteUI --> rpc
21+
core --> rolldownUI["@vitejs/devtools-rolldown (Nuxt UI)"]
22+
rolldownUI --> kit
23+
rolldownUI --> rpc
2424
webext["@vitejs/devtools-webext"] --> core
2525
```
2626

@@ -31,19 +31,19 @@ flowchart TD
3131
- **Client context**: webcomponents/Nuxt UI state (`packages/core/src/client/webcomponents/state/*`), holding dock entries, selected panels, and RPC client; created with `clientType` of `embedded` or `standalone`.
3232
- Websocket server (`packages/core/src/node/ws.ts`) exposes RPC via `@vitejs/devtools-rpc/presets/ws`. Auth is skipped in build mode or when `devtools.clientAuth` is `false`; trusted IDs stored under `node_modules/.vite/devtools/auth.json`.
3333
- DevTools middleware (`packages/core/src/node/server.ts`) serves connection meta and standalone client assets.
34-
- The Vite UI plugin (`packages/vite/src/node/plugin.ts`) registers RPC functions (Rolldown data fetchers) and hosts the Nuxt-generated static UI at `/.devtools-vite/`, adding a dock entry.
35-
- Nuxt app config (`packages/vite/src/nuxt.config.ts`): SPA, base `/.devtools-vite/`, disables Nuxt devtools, enables typed pages, uses Unocss/VueUse; sets `vite.devtools.clientAuth = false` for UI.
34+
- The Rolldown UI plugin (`packages/rolldown/src/node/plugin.ts`) registers RPC functions (Rolldown data fetchers) and hosts the Nuxt-generated static UI at `/.devtools-rolldown/`, adding a dock entry.
35+
- Nuxt app config (`packages/rolldown/src/nuxt.config.ts`): SPA, base `/.devtools-rolldown/`, disables Nuxt devtools, enables typed pages, uses Unocss/VueUse; sets `vite.devtools.clientAuth = false` for UI.
3636

3737
## Client Modes (kit/core)
3838
- **Embedded mode**: default overlay injected into the host app; docks render inside the app shell; use `clientType: 'embedded'` when creating client context.
3939
- **Standalone mode**: runs the webcomponents UI as an independent page (see `packages/core/src/client/standalone`); useful for external access or when not injecting into the host app UI.
4040

4141
## Development Workflow
4242
- Install: `pnpm install` (repo requires `pnpm@10.x`).
43-
- Build all: `pnpm build` (runs `turbo run build`; for UI data, build generates Rolldown metadata under `packages/vite/node_modules/.rolldown`).
43+
- Build all: `pnpm build` (runs `turbo run build`; for UI data, build generates Rolldown metadata under `packages/rolldown/node_modules/.rolldown`).
4444
- Dev:
4545
- Core playground: `pnpm -C packages/core run play`
46-
- Vite UI: `pnpm -C packages/vite run dev`
46+
- Rolldown UI: `pnpm -C packages/rolldown run dev`
4747
- Standalone core client: `pnpm -C packages/core run dev:standalone`
4848
- Tests: `pnpm test` (Vitest; projects under `packages/*` and `test`).
4949
- Typecheck: `pnpm typecheck` (via `vue-tsc -b`).
@@ -64,7 +64,7 @@ flowchart TD
6464
- Core webcomponents: `packages/core/src/client/webcomponents`
6565
- Kit utilities: `packages/kit/src/utils/*`
6666
- RPC presets: `packages/rpc/src/presets/ws/*`
67-
- Vite UI app: `packages/vite/src/app`
67+
- Rolldown UI app: `packages/rolldown/src/app`
6868
- Docs: `docs/guide/*`
6969

7070
## Quick Checks Before PRs

‎CONTRIBUTING.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,11 @@ You can check the [TODO list](https://github.com/vitejs/devtools/issues/9) (excl
1212

1313
```bash
1414
pnpm install
15-
pnpm build # Required: generates Rolldown meta under ./packages/vite/node_modules/.rolldown
15+
pnpm build # Required: generates Rolldown meta under ./packages/rolldown/node_modules/.rolldown
1616
pnpm dev # Start dev server
1717
```
1818

19-
**Note**: After pulling latest commits, remove `./packages/vite/node_modules/.rolldown` and rebuild to get the latest data format.
19+
**Note**: After pulling latest commits, remove `./packages/rolldown/node_modules/.rolldown` and rebuild to get the latest data format.
2020

2121
## Project Structure
2222

@@ -51,9 +51,9 @@ Utility library for integration authors.
5151

5252
---
5353

54-
### `packages/vite` - `@vitejs/devtools-vite`
54+
### `packages/rolldown` - `@vitejs/devtools-rolldown`
5555

56-
Built-in UI panel for Vite/Rolldown integration.
56+
Built-in UI panel for Rolldown integration.
5757

5858
- Vite plugin (enabled by default)
5959
- Nuxt-based UI for build visualization
@@ -94,7 +94,7 @@ Browser extension (planned for future dev mode). **Not accepting contributions c
9494
- `pnpm test` - Vitest
9595
- `pnpm typecheck` - Type check
9696

97-
Package-specific: `pnpm -C packages/core run cli`, `pnpm -C packages/vite run dev`
97+
Package-specific: `pnpm -C packages/core run cli`, `pnpm -C packages/rolldown run dev`
9898

9999
## Workflow
100100

‎alias.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ export const alias = {
1616
'@vitejs/devtools-kit/utils/nanoid': r('kit/src/utils/nanoid.ts'),
1717
'@vitejs/devtools-kit/utils/shared-state': r('kit/src/utils/shared-state.ts'),
1818
'@vitejs/devtools-kit': r('kit/src/index.ts'),
19-
'@vitejs/devtools-vite': r('vite/src/index.ts'),
19+
'@vitejs/devtools-rolldown': r('rolldown/src/index.ts'),
2020
'@vitejs/devtools/client/inject': r('core/src/client/inject/index.ts'),
2121
'@vitejs/devtools/client/webcomponents': r('core/src/client/webcomponents/index.ts'),
2222
'@vitejs/devtools': r('core/src/index.ts'),

‎docs/guide/index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@ Vite DevTools consists of several core packages:
9595

9696
- **`@vitejs/devtools`**: The main entry point and CLI
9797
- **`@vitejs/devtools-kit`**: Utilities and types for building custom integrations
98-
- **`@vitejs/devtools-vite`**: Built-in UI panel for Vite/Rolldown
98+
- **`@vitejs/devtools-rolldown`**: Built-in UI panel for Rolldown
9999
- **`@vitejs/devtools-rpc`**: RPC layer for server-client communication
100100

101101
For more details on extending Vite DevTools, see the [DevTools Kit documentation](/kit/).
Lines changed: 98 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)