chore: add debugger

Author: antfu

package.json

@@ -23,6 +23,7 @@
   },
   "devDependencies": {
     "@antfu/eslint-config-ts": "^0.3.2",
+    "@types/debug": "^4.1.5",
     "@typescript-eslint/eslint-plugin": "^3.9.1",
     "eslint": "^7.7.0",
     "rollup": "^2.26.4",
@@ -31,6 +32,7 @@
     "vite": "^1.0.0-rc.4"
   },
   "dependencies": {
+    "debug": "^4.1.1",
     "fast-glob": "^3.2.4"
   }
 }

pnpm-lock.yaml

@@ -1,6 +1,9 @@
+import Debug from 'debug'
 import { Context } from '../types'
 import { RESOLVER_EXT } from '../constants'
 
+const debug = Debug('vite-plugin-components:resolver')
+
 export function isResolverPath(reqPath: string) {
   return reqPath.endsWith(RESOLVER_EXT)
 }
@@ -10,6 +13,9 @@ export function generateResolver(ctx: Context, reqPath: string) {
   const names = ctx.importMap[sfcPath] || []
   const components = ctx.components.filter(i => names.includes(i[0]) && i[1] !== sfcPath)
 
+  debug(`resolving ${sfcPath}`)
+  debug(`components [${names.join(', ')}]`)
+
   return `
     ${components.map(([name, path]) => `import ${name} from "${path}"`).join('\n')}
 

src/generator/resolver.ts

@@ -1,7 +1,10 @@
 import path from 'path'
 import fg from 'fast-glob'
+import Debug from 'debug'
 import { Context, ComponentsInfo } from './types'
 
+const debug = Debug('vite-plugin-components:glob')
+
 function toArray<T>(arr: T | T[]): T[] {
   if (Array.isArray(arr))
     return arr
@@ -24,6 +27,8 @@ export async function searchComponents(ctx: Context, force = false) {
           : `${i}/*.${extsGlob}`,
       )
 
+      debug(`searching start with: [${globs.join(', ')}]`)
+
       const files = await fg(globs, {
         ignore: [
           'node_modules',
@@ -36,6 +41,9 @@ export async function searchComponents(ctx: Context, force = false) {
 
       const components: ComponentsInfo[] = files.map(f => [path.parse(f).name, `/${f}`])
 
+      debug(`${components.length} components found.`)
+      debug(`[${components.map(i => i).join(', ')}]`)
+
       ctx.components = components
       ctx._searchingPromise = undefined
     })()

src/glob.ts

@@ -10,7 +10,7 @@ export function createServerPlugin(context: Context): ServerPlugin {
         return next()
 
       try {
-        await searchComponents(context, true)
+        await searchComponents(context)
         ctx.body = await generateResolver(context, ctx.path)
         ctx.type = 'js'
         ctx.status = 200