🔊 common benchmark log (#4)

Author: JiangWeixian

.changeset/sour-deers-beam.md

@@ -0,0 +1,5 @@
+---
+"vsit": patch
+---
+
+common debug log

packages/vsit/src/common/log.ts

@@ -0,0 +1,7 @@
+import Debug from 'debug'
+
+export const debug = {
+  benchmark: Debug('vit:benchmark'),
+  plugin: Debug('vsit:plugin'),
+  store: Debug('vsit:store'),
+}

packages/vsit/src/common/store/index.ts

@@ -1,24 +1,21 @@
 import { createHash } from 'node:crypto'
-import { performance } from 'node:perf_hooks'
 
-import Debug from 'debug'
 import { fetch } from 'ofetch'
 
-const debug = Debug('vsit:store')
+import { debug } from '@/common/log'
 
 export const createStore = () => {
   const pool = new Map<string, Promise<string>>()
   const globalCache = new Map<string, string>()
   const createInstance = (id: string, url: string, options?: RequestInit) => {
     const promise = (async () => {
       try {
-        const now = performance.now()
+        debug.store('start fetch %s', url)
         return fetch(url, options)
           .then(async (res) => {
             const content = await res.text()
             globalCache.set(id, content)
             pool.delete(id)
-            debug('load url %s took', url, `${(performance.now() - now) / 1000}ms`)
             return content
           })
       } catch (e) {
@@ -36,11 +33,10 @@ export const createStore = () => {
       pool.delete(hash)
     },
     async fetch(url: string, options?: RequestInit) {
-      debug('start fetch %s', url)
       const hash = createHash('sha256').update(url).digest('hex')
       const cache = globalCache.get(hash)
       if (cache) {
-        debug('load cache %s', url)
+        debug.store('load cache %s', url)
         return Promise.resolve(cache)
       }
       let instance = pool.get(hash)

packages/vsit/src/plugins/vsit/index.ts

@@ -1,9 +1,11 @@
+import { performance } from 'node:perf_hooks'
+
 import bodyparser from 'body-parser'
 import Hook from 'console-feed/lib/Hook'
 import { Encode } from 'console-feed/lib/Transform'
-import Debug from 'debug'
 import { parseURL, withoutLeadingSlash } from 'ufo'
 
+import { debug } from '@/common/log'
 import { RESOLVED_NODE_ID, VIRUTAL_NODE_ID } from '@/common/resolver/constants'
 import { isEsmSh } from '@/common/resolver/is'
 import {
@@ -16,8 +18,6 @@ import { createStore } from '@/common/store'
 
 import type { Plugin } from 'vite'
 
-const debug = Debug('vsit:plugin')
-
 export const PluginVit = (): Plugin[] => {
   let content = ''
   const store = createStore()
@@ -35,12 +35,12 @@ export const PluginVit = (): Plugin[] => {
           if (url.pathname === '/update-fake-node-file' && req.method === 'POST') {
             const body = (req as any).body as { content: string }
             content = injectConsoleHook(body.content)
-            debug('update fake node file %s', content)
+            debug.plugin('update fake node file %s', content)
             res.end('ok')
             return
           }
           if (url.pathname === '/fake-node-file' && req.method === 'GET') {
-            debug('request latest fake node file')
+            debug.plugin('request latest fake node file')
             try {
               // console.log('request', req.url)
               // /fake-node-file?t=<timestamp>
@@ -89,9 +89,11 @@ export const PluginVit = (): Plugin[] => {
         // vite will remove duplicate slash if id starts with 'https://'
         if (isEsmSh(id)) {
           // un wrap
+          const now = performance.now()
           const url = unWrapId(id)
           const code = await store.fetch(url)
           const resolvedCode = wrapCode(code)
+          debug.benchmark('load url %s took', url, `${(performance.now() - now) / 1000}ms`)
           return {
             code: resolvedCode,
             moduleSideEffects: false,