feat: show transform time

Author: antfu

packages/vite-node/src/server.ts

@@ -18,6 +18,7 @@ export class ViteNodeServer {
   private transformPromiseMap = new Map<string, Promise<TransformResult | null | undefined>>()
 
   fetchCache = new Map<string, {
+    duration?: number
     timestamp: number
     result: FetchResult
   }>()
@@ -125,16 +126,20 @@ export class ViteNodeServer {
       return cache.result
 
     const externalize = await this.shouldExternalize(filePath)
+    let duration: number | undefined
     if (externalize) {
       result = { externalize }
       this.debugger?.recordExternalize(id, externalize)
     }
     else {
+      const start = performance.now()
       const r = await this._transformRequest(id)
+      duration = performance.now() - start
       result = { code: r?.code, map: r?.map as unknown as RawSourceMap }
     }
 
     this.fetchCache.set(filePath, {
+      duration,
       timestamp,
       result,
     })

packages/vitest/src/node/reporters/base.ts

@@ -218,6 +218,7 @@ export abstract class BaseReporter implements Reporter {
     const collectTime = files.reduce((acc, test) => acc + Math.max(0, test.collectDuration || 0), 0)
     const setupTime = files.reduce((acc, test) => acc + Math.max(0, test.setupDuration || 0), 0)
     const testsTime = files.reduce((acc, test) => acc + Math.max(0, test.result?.duration || 0), 0)
+    const transformTime = Array.from(this.ctx.vitenode.fetchCache.values()).reduce((a, b) => a + (b?.duration || 0), 0)
     const threadTime = collectTime + testsTime + setupTime
 
     const padTitle = (str: string) => c.dim(`${str.padStart(10)} `)
@@ -227,6 +228,14 @@ export abstract class BaseReporter implements Reporter {
       return `${Math.round(time)}ms`
     }
 
+    // show top 10 costly transform module
+    // console.log(Array.from(this.ctx.vitenode.fetchCache.entries()).filter(i => i[1].duration)
+    //   .sort((a, b) => b[1].duration! - a[1].duration!)
+    //   .map(i => `${time(i[1].duration!)} ${i[0]}`)
+    //   .slice(0, 10)
+    //   .join('\n'),
+    // )
+
     const snapshotOutput = renderSnapshotSummary(this.ctx.config.root, this.ctx.snapshot.summary)
     if (snapshotOutput.length) {
       logger.log(snapshotOutput.map((t, i) => i === 0
@@ -243,7 +252,7 @@ export abstract class BaseReporter implements Reporter {
     if (this.watchFilters)
       logger.log(padTitle('Duration'), time(threadTime))
     else
-      logger.log(padTitle('Duration'), time(executionTime) + c.gray(` (setup ${time(setupTime)}, collect ${time(collectTime)}, tests ${time(testsTime)})`))
+      logger.log(padTitle('Duration'), time(executionTime) + c.dim(` (transform ${time(transformTime)}, setup ${time(setupTime)}, collect ${time(collectTime)}, tests ${time(testsTime)})`))
 
     logger.log()
   }