chore(hmr): pretty import circular output

Signed-off-by: Innei <i@innei.in>
yue1132 · Oct 24, 2024 · ec79996 · ec79996
1 parent f60fc6f
commit ec79996
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/plugins/vite/hmr.ts b/plugins/vite/hmr.ts
@@ -1,3 +1,5 @@
+import path from "node:path"
+
 import { red, yellow } from "kolorist"
 import type { HmrContext, Plugin } from "vite"
 
@@ -21,10 +23,9 @@ function isNodeWithinCircularImports(
         importer,
         ...[...currentChain].reverse(),
         ...nodeChain.slice(importerIndex, -1).reverse(),
-      ]
-      console.warn(
-        yellow(`Circular imports detected: ${importChain.map((m) => m.file).join(" -> ")}`),
-      )
+      ].map((m) => path.relative(process.cwd(), m.file))
+
+      console.warn(yellow(`Circular imports detected: ${importChain.join("\n↳  ")}`))
       return true
     }