fix(browser): remove "util" warning (#5935)

sheremet-va · web-flow · commit 48f28f731404 · 2024-06-20T14:39:28.000+02:00
diff --git a/packages/browser/src/node/plugin.ts b/packages/browser/src/node/plugin.ts
@@ -22,6 +22,8 @@ export default (browserServer: BrowserServer, base = '/'): Plugin[] => {
   const distRoot = resolve(pkgRoot, 'dist')
   const project = browserServer.project
 
+  let loupePath: string
+
   return [
     {
       enforce: 'pre',
@@ -205,6 +207,16 @@ export default (browserServer: BrowserServer, base = '/'): Plugin[] => {
           return resolve(distRoot, 'client', id.slice(1))
         }
       },
+      configResolved(config) {
+        loupePath = resolve(config.cacheDir, 'deps/loupe.js')
+      },
+      transform(code, id) {
+        if (id.startsWith(loupePath)) {
+          // loupe bundle has a nastry require('util') call that leaves a warning in the console
+          const utilRequire = 'nodeUtil = require_util();'
+          return code.replace(utilRequire, ' '.repeat(utilRequire.length))
+        }
+      },
     },
     BrowserContext(browserServer),
     DynamicImport(),
