feat: update rolldown

Author: antfu

packages/devtools/src/app/components/panel/SelectBuild.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { backend } from '../../state/backend'
 
-const builds = await backend.value!.functions['vite:rolldown:list-builds']()
+const builds = await backend.value!.functions['vite:rolldown:list-sessions']()
 </script>
 
 <template>

packages/devtools/src/app/pages/build/[build]/flow.vue

@@ -21,7 +21,7 @@ const selected = ref<{
 const { state: info } = useAsyncState(
   async () => {
     return await backend.value!.functions['vite:rolldown:get-module-info']?.({
-      build: params.build as string,
+      session: params.build as string,
       module: query.module as string,
     })
   },

packages/devtools/src/app/pages/build/[build]/index.vue

@@ -28,7 +28,7 @@ const filtered = computed(() => {
 
 onMounted(async () => {
   modules.value = await backend.value!.functions['vite:rolldown:get-module-list']!({
-    build: params.build,
+    session: params.build,
   })
   fuse.setCollection(modules.value)
 })

packages/devtools/src/node/rpc/functions/rolldown-get-module-info.ts

@@ -16,6 +16,7 @@ export interface ModuleInfo {
 export interface RolldownResolveInfo {
   id: string
   plugin_name: string
+  plugin_index: number
   resolved_id: string | null
   timestamp_start: number
   timestamp_end: number
@@ -25,6 +26,7 @@ export interface RolldownResolveInfo {
 export interface RolldownModuleLoadInfo {
   id: string
   plugin_name: string
+  plugin_index: number
   source: string | null
   timestamp_start: number
   timestamp_end: number
@@ -34,6 +36,7 @@ export interface RolldownModuleLoadInfo {
 export interface RolldownModuleTransformInfo {
   id: string
   plugin_name: string
+  plugin_index: number
   source_from: string | null
   source_to: string | null
   timestamp_start: number
@@ -48,10 +51,10 @@ export const rolldownGetModuleInfo = defineRpcFunction({
   type: 'query',
   setup: ({ cwd }) => {
     return {
-      handler: async ({ build, module }: { build: string, module: string }) => {
-        const reader = RolldownEventsReader.get(join(cwd, '.rolldown', build, 'log.json'))
+      handler: async ({ session, module }: { session: string, module: string }) => {
+        const reader = RolldownEventsReader.get(join(cwd, '.rolldown', session, 'log.json'))
         await reader.read()
-        const events = reader.manager.events.filter(event => event.module_id === module)
+        const events = reader.manager.events.filter(event => 'module_id' in event && event.module_id === module)
 
         if (!events.length)
           return null
@@ -79,6 +82,7 @@ export const rolldownGetModuleInfo = defineRpcFunction({
             info.loads.push({
               id: event.event_id,
               plugin_name: event.plugin_name,
+              plugin_index: event.plugin_index,
               source: event.source,
               timestamp_start: +start.timestamp,
               timestamp_end: +event.timestamp,
@@ -101,6 +105,7 @@ export const rolldownGetModuleInfo = defineRpcFunction({
             info.transforms.push({
               id: event.event_id,
               plugin_name: event.plugin_name,
+              plugin_index: event.plugin_index,
               source_from: start.source,
               source_to: event.transformed_source,
               timestamp_start: +start.timestamp,
@@ -113,7 +118,7 @@ export const rolldownGetModuleInfo = defineRpcFunction({
         for (const event of events) {
           if (event.kind === 'HookResolveIdCallEnd') {
             // TODO: use ID to pair start and end
-            const start = events.find(e => e.kind === 'HookResolveIdCallStart' && e.module_id === event.module_id && e.plugin_index === event.plugin_index)
+            const start = events.find(e => e.kind === 'HookResolveIdCallStart' && e.plugin_index === event.plugin_index)
             if (!start || start.kind !== 'HookResolveIdCallStart') {
               console.error(`[rolldown] resolveId call start not found for ${event.event_id}`)
               continue
@@ -122,6 +127,7 @@ export const rolldownGetModuleInfo = defineRpcFunction({
             info.resolve_ids.push({
               id: event.event_id,
               plugin_name: event.plugin_name,
+              plugin_index: event.plugin_index,
               resolved_id: event.resolved_id,
               timestamp_start: +start.timestamp,
               timestamp_end: +event.timestamp,

packages/devtools/src/node/rpc/functions/rolldown-get-module-list.ts

@@ -7,8 +7,8 @@ export const rolldownGetModuleList = defineRpcFunction({
   type: 'query',
   setup: async ({ cwd }) => {
     return {
-      handler: async ({ build }: { build: string }) => {
-        const reader = RolldownEventsReader.get(join(cwd, '.rolldown', build, 'log.json'))
+      handler: async ({ session }: { session: string }) => {
+        const reader = RolldownEventsReader.get(join(cwd, '.rolldown', session, 'log.json'))
         await reader.read()
         const modules = new Set<string>()
         for (const event of reader.manager.events) {

packages/devtools/src/node/rpc/functions/rolldown-get-module-raw-events.ts

@@ -10,7 +10,7 @@ export const rolldownGetModuleRawEvents = defineRpcFunction({
       handler: async ({ build, module }: { build: string, module: string }) => {
         const reader = RolldownEventsReader.get(join(cwd, '.rolldown', build, 'log.json'))
         await reader.read()
-        const events = reader.manager.events.filter(event => event.module_id === module)
+        const events = reader.manager.events.filter(event => 'module_id' in event && event.module_id === module)
         return {
           events,
         }

packages/devtools/src/node/rpc/functions/rolldown-get-raw-events.ts

@@ -7,8 +7,8 @@ export const rolldownGetRawEvents = defineRpcFunction({
   type: 'query',
   setup: ({ cwd }) => {
     return {
-      handler: async ({ build }: { build: string }) => {
-        const reader = RolldownEventsReader.get(join(cwd, '.rolldown', build, 'log.json'))
+      handler: async ({ session }: { session: string }) => {
+        const reader = RolldownEventsReader.get(join(cwd, '.rolldown', session, 'log.json'))
         await reader.read()
         return reader.manager.events
       },

…de/rpc/functions/rolldown-list-builds.ts …/rpc/functions/rolldown-list-sessions.tspackages/devtools/src/node/rpc/functions/rolldown-list-builds.ts renamed to packages/devtools/src/node/rpc/functions/rolldown-list-sessions.ts packages/devtools/src/node/rpc/functions/rolldown-list-builds.ts renamed to packages/devtools/src/node/rpc/functions/rolldown-list-sessions.ts

@@ -7,16 +7,16 @@ export interface BuildInfo {
   createdAt: number
 }
 
-export const rolldownListBuilds = defineRpcFunction({
-  name: 'vite:rolldown:list-builds',
+export const rolldownListSessions = defineRpcFunction({
+  name: 'vite:rolldown:list-sessions',
   type: 'query',
   setup: ({ cwd }) => {
     return {
       handler: async (): Promise<BuildInfo[]> => {
-        const builds = await fs.readdir(join(cwd, '.rolldown'), {
+        const sessions = await fs.readdir(join(cwd, '.rolldown'), {
           withFileTypes: true,
         })
-        return await Promise.all(builds
+        return await Promise.all(sessions
           .filter(d => d.isDirectory())
           .map(async (d): Promise<BuildInfo> => {
             // TODO: read from meta.json

packages/devtools/src/node/rpc/index.ts

@@ -6,13 +6,13 @@ import { rolldownGetModuleInfo } from './functions/rolldown-get-module-info'
 import { rolldownGetModuleList } from './functions/rolldown-get-module-list'
 import { rolldownGetModuleRawEvents } from './functions/rolldown-get-module-raw-events'
 import { rolldownGetRawEvents } from './functions/rolldown-get-raw-events'
-import { rolldownListBuilds } from './functions/rolldown-list-builds'
+import { rolldownListSessions } from './functions/rolldown-list-sessions'
 
 export const rpcFunctions = [
   openInEditor,
   openInFinder,
   getPayload,
-  rolldownListBuilds,
+  rolldownListSessions,
   rolldownGetRawEvents,
   rolldownGetModuleList,
   rolldownGetModuleInfo,

packages/devtools/src/uno.config.ts

@@ -17,7 +17,7 @@ export default defineConfig({
       'color-base': 'color-neutral-800 dark:color-neutral-300',
       'bg-base': 'bg-white dark:bg-#111',
       'bg-secondary': 'bg-#eee dark:bg-#222',
-      'border-base': 'border-#8883',
+      'border-base': 'border-#8884',
 
       'bg-tooltip': 'bg-white:75 dark:bg-#111:75 backdrop-blur-8',
       'bg-code': 'bg-gray5:5',