feima-shortcuts 0.3.0-beta.12 → 0.3.0-beta.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feima-shortcuts",
-  "version": "0.3.0-beta.12",
+  "version": "0.3.0-beta.13",
   "description": "快捷指令",
   "main": "index.js",
   "directories": {

package/src/scripts/check-i18n-views/index.js

@@ -6,12 +6,16 @@ const ts = require('typescript')
 const { parse } = require('@vue/compiler-sfc')
 
 const ROOT = process.cwd()
-const SCAN_DIRS = ['src/views'] // components 先预留
+const SCAN_DIRS = ['src/views'] // views 目录
+const COMPONENTS_DIR = 'src/components' // components 目录
 const FILE_EXT = ['vue', 'ts', 'js', 'tsx', 'jsx']
 
 // 匹配 t() 调用：t('key') 或 t('key', 'default')
 const T_FUNCTION_REG = /\bt\s*\(\s*['"`]([^'"`]+)['"`]\s*(?:,\s*['"`][^'"`]*['"`])?\s*\)/g
 
+// 匹配 $t() 调用：$t('key') 或 $t('key', 'default')
+const DOLLAR_T_FUNCTION_REG = /\$t\s*\(\s*['"`]([^'"`]+)['"`]\s*(?:,\s*['"`][^'"`]*['"`])?\s*\)/g
+
 /**
  * 扁平化 locale 对象，返回所有 key 的集合
  */
@@ -79,6 +83,18 @@ function extractTKeys(code) {
   return keys
 }
 
+/**
+ * 从代码中提取所有 $t() 调用的 key
+ */
+function extractDollarTKeys(code) {
+  const keys = new Set()
+  let match
+  while ((match = DOLLAR_T_FUNCTION_REG.exec(code)) !== null) {
+    keys.add(match[1])
+  }
+  return keys
+}
+
 /**
  * 检查 locale 导入方式
  * @returns {Object} { hasCorrectImport, hasOtherImport, importPaths }
@@ -234,6 +250,106 @@ function scanFile(filePath, results) {
   }
 }
 
+/**
+ * 检查组件目录（使用 $t 注入方式）
+ */
+function checkComponent(componentDir, results) {
+  const localePath = path.join(componentDir, 'locale.ts')
+  if (!fs.existsSync(localePath)) {
+    return // 组件没有 locale.ts，跳过
+  }
+
+  const localeKeys = loadLocaleKeys(localePath)
+  if (!localeKeys) {
+    console.warn(`⚠️  无法加载组件 locale: ${path.relative(ROOT, localePath)}`)
+    return
+  }
+
+  // 递归扫描组件目录下的所有文件
+  const allUsedKeys = new Set()
+  const componentFiles = []
+
+  FILE_EXT.forEach(ext => {
+    const pattern = `${componentDir}/**/*.${ext}`
+    const files = glob.sync(pattern, { nodir: true })
+    files.forEach(file => {
+      componentFiles.push(file)
+      let code = ''
+      
+      if (file.endsWith('.vue')) {
+        code = parseVueFile(file)
+      } else {
+        try {
+          code = fs.readFileSync(file, 'utf-8')
+        } catch (error) {
+          console.warn(`⚠️  读取文件失败: ${file}`, error.message)
+          return
+        }
+      }
+
+      if (code) {
+        // 提取 $t() 调用的 key
+        const dollarTKeys = extractDollarTKeys(code)
+        dollarTKeys.forEach(key => allUsedKeys.add(key))
+      }
+    })
+  })
+
+  if (allUsedKeys.size === 0) {
+    return // 组件中没有使用 $t()
+  }
+
+  // 检查哪些 key 在 locale 中不存在
+  const missingKeys = Array.from(allUsedKeys).filter(key => !localeKeys.has(key))
+  
+  if (missingKeys.length > 0) {
+    const relativeComponentDir = path.relative(ROOT, componentDir)
+    const relativeLocalePath = path.relative(ROOT, localePath)
+    
+    if (!results.componentMissingKeys.has(relativeComponentDir)) {
+      results.componentMissingKeys.set(relativeComponentDir, {
+        componentDir: relativeComponentDir,
+        localePath: relativeLocalePath,
+        missingKeys: new Set(),
+        files: []
+      })
+    }
+    
+    missingKeys.forEach(key => {
+      results.componentMissingKeys.get(relativeComponentDir).missingKeys.add(key)
+    })
+    
+    // 记录使用了这些 key 的文件
+    componentFiles.forEach(file => {
+      let code = ''
+      if (file.endsWith('.vue')) {
+        code = parseVueFile(file)
+      } else {
+        try {
+          code = fs.readFileSync(file, 'utf-8')
+        } catch (error) {
+          return
+        }
+      }
+      
+      if (code) {
+        const dollarTKeys = extractDollarTKeys(code)
+        const fileMissingKeys = Array.from(dollarTKeys).filter(key => missingKeys.includes(key))
+        if (fileMissingKeys.length > 0) {
+          const relativeFile = path.relative(ROOT, file)
+          const info = results.componentMissingKeys.get(relativeComponentDir)
+          if (!info.files.find(f => f.file === relativeFile)) {
+            info.files.push({
+              file: relativeFile,
+              missingKeys: fileMissingKeys
+            })
+          }
+        }
+      }
+    })
+  }
+}
+
 /**
  * 主函数
  */
@@ -242,10 +358,11 @@ function run() {
     invalidImports: new Map(),      // 使用了非 './locale' 的导入
     noLocaleImport: new Map(),      // 没有导入 locale 但使用了 t()
     missingLocale: new Map(),       // locale.ts 文件不存在
-    missingKeys: new Map()          // locale.ts 存在但缺少某些 key
+    missingKeys: new Map(),          // locale.ts 存在但缺少某些 key
+    componentMissingKeys: new Map() // 组件中 $t() 的 key 在 locale.ts 中缺失
   }
 
-  // 扫描所有文件
+  // 扫描 views 目录
   SCAN_DIRS.forEach(dir => {
     const absDir = path.join(ROOT, dir)
     if (!fs.existsSync(absDir)) {
@@ -260,6 +377,19 @@ function run() {
     })
   })
 
+  // 扫描 components 目录
+  const componentsDir = path.join(ROOT, COMPONENTS_DIR)
+  if (fs.existsSync(componentsDir)) {
+    // 找到所有有 locale.ts 的组件目录
+    const localeFiles = glob.sync(`${componentsDir}/**/locale.ts`, { nodir: true })
+    localeFiles.forEach(localeFile => {
+      const componentDir = path.dirname(localeFile)
+      checkComponent(componentDir, results)
+    })
+  } else {
+    console.log(`⚠️  目录不存在: ${COMPONENTS_DIR}`)
+  }
+
   // 输出结果
   console.log('\n📋 i18n 使用检查结果\n')
 
@@ -318,6 +448,30 @@ function run() {
     console.log()
   }
 
+  // 5. 输出组件中缺失的 key
+  if (results.componentMissingKeys.size > 0) {
+    hasError = true
+    console.log('❌ 以下组件使用的 $t() key 在 locale.ts 中未定义：\n')
+    results.componentMissingKeys.forEach((info, componentDir) => {
+      console.log(`   组件: ${componentDir}`)
+      console.log(`     locale 文件: ${info.localePath}`)
+      console.log(`     缺失的 key:`)
+      Array.from(info.missingKeys).forEach(key => {
+        console.log(`       - ${key}`)
+      })
+      if (info.files && info.files.length > 0) {
+        console.log(`     使用位置:`)
+        info.files.forEach(fileInfo => {
+          console.log(`       ${fileInfo.file}`)
+          if (fileInfo.missingKeys && fileInfo.missingKeys.length > 0) {
+            console.log(`         缺失的 key: ${fileInfo.missingKeys.join(', ')}`)
+          }
+        })
+      }
+      console.log()
+    })
+  }
+
   // 总结
   if (hasError) {
     console.log('❗ 检查未通过，请修复上述问题')