npm - vite-plugin-ai-diagnostic - Versions diffs - 1.0.6 → 1.0.7 - Mend

vite-plugin-ai-diagnostic 1.0.6 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.mjs CHANGED Viewed

@@ -1,5 +1,6 @@
 // src/index.ts
 import fs2 from "fs";
+import path2 from "path";
 // src/langgraph.ts
 import { StateGraph, END, START } from "@langchain/langgraph";
@@ -617,9 +618,388 @@ ${report.fixed ? `✅ **已自动修复**
     fs.writeFileSync(reportPath, JSON.stringify(jsonReport, null, 2), "utf-8");
     console.log(`📄 JSON 报告已生成: ${reportPath}`);
   }
+  /**
+   * 生成多错误合并报告
+   */
+  static async generateMultiReport(reports, options = {}) {
+    const multiReport = {
+      timestamp: (/* @__PURE__ */ new Date()).toLocaleString("zh-CN"),
+      totalErrors: reports.length,
+      errors: reports
+    };
+    if (options.html) {
+      await this.generateMultiHTMLReport(multiReport);
+    }
+    if (options.markdown) {
+      await this.generateMultiMarkdownReport(multiReport);
+    }
+    if (options.json) {
+      await this.generateMultiJSONReport(multiReport);
+    }
+  }
+  /**
+   * 生成多错误 HTML 报告
+   */
+  static async generateMultiHTMLReport(report) {
+    const errorsHtml = report.errors.map(
+      (error, index) => `
+      <div class="error-item">
+        <div class="error-number">错误 ${index + 1} / ${report.totalErrors}</div>
+        <div class="error-box">
+          <span class="error-type">${error.error.type}</span>
+          <div class="error-message">${this.escapeHtml(
+        error.error.message
+      )}</div>
+          <div class="error-file">📂 ${error.error.file}</div>
+          ${error.error.stack ? `<div class="stack-trace">${this.escapeHtml(
+        error.error.stack
+      )}</div>` : ""}
+        </div>
+        <div class="section">
+          <div class="section-title">🔍 AI 分析</div>
+          <div class="analysis-box">
+            ${this.formatText(error.analysis)}
+          </div>
+        </div>
+        <div class="section">
+          <div class="section-title">💡 修复建议</div>
+          <div class="suggestion-box">
+            ${this.formatText(error.suggestion)}
+          </div>
+        </div>
+        <div class="section">
+          <div class="section-title">🔧 修复状态</div>
+          ${error.fixed ? `<div class="fixed-badge">✅ 已自动修复</div>
+               <div style="margin-top: 10px; color: #666;">修复文件: <code>${error.fixedFilePath}</code></div>` : `<div class="not-fixed-badge">⚠️ 未自动修复</div>
+               <div style="margin-top: 10px; color: #666;">请根据上述建议手动修复</div>`}
+        </div>
+      </div>
+    `
+    ).join("");
+    const html = `
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AI 诊断报告 - ${report.totalErrors} 个错误</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      padding: 20px;
+      min-height: 100vh;
+    }
+    .container {
+      max-width: 1000px;
+      margin: 0 auto;
+      background: white;
+      border-radius: 12px;
+      box-shadow: 0 8px 32px rgba(0,0,0,0.2);
+      overflow: hidden;
+    }
+    .header {
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      color: white;
+      padding: 30px;
+      text-align: center;
+    }
+    .header h1 {
+      font-size: 32px;
+      margin-bottom: 10px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 10px;
+    }
+    .header .time {
+      font-size: 14px;
+      opacity: 0.9;
+    }
+    .header .error-count {
+      font-size: 18px;
+      margin-top: 10px;
+      background: rgba(255,255,255,0.2);
+      padding: 8px 16px;
+      border-radius: 20px;
+      display: inline-block;
+    }
+    .content {
+      padding: 30px;
+    }
+    .error-item {
+      margin-bottom: 40px;
+      padding-bottom: 40px;
+      border-bottom: 2px dashed #e2e8f0;
+    }
+    .error-item:last-child {
+      border-bottom: none;
+      margin-bottom: 0;
+      padding-bottom: 0;
+    }
+    .error-number {
+      font-size: 16px;
+      font-weight: bold;
+      color: #667eea;
+      margin-bottom: 15px;
+      padding: 8px 16px;
+      background: #f0f9ff;
+      border-radius: 8px;
+      display: inline-block;
+    }
+    .section {
+      margin-bottom: 20px;
+    }
+    .section-title {
+      font-size: 18px;
+      font-weight: bold;
+      color: #333;
+      margin-bottom: 12px;
+      padding-bottom: 8px;
+      border-bottom: 2px solid #667eea;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .error-box {
+      background: #fff5f5;
+      border-left: 4px solid #f56565;
+      padding: 20px;
+      border-radius: 8px;
+      margin-bottom: 20px;
+    }
+    .error-type {
+      display: inline-block;
+      background: #f56565;
+      color: white;
+      padding: 4px 12px;
+      border-radius: 12px;
+      font-size: 12px;
+      font-weight: bold;
+      margin-bottom: 10px;
+    }
+    .error-message {
+      font-size: 16px;
+      color: #c53030;
+      font-weight: 500;
+      margin-bottom: 10px;
+      line-height: 1.6;
+    }
+    .error-file {
+      font-size: 14px;
+      color: #666;
+      font-family: 'Courier New', monospace;
+      background: #f7fafc;
+      padding: 8px 12px;
+      border-radius: 4px;
+      display: inline-block;
+    }
+    .analysis-box {
+      background: #f0f9ff;
+      border-left: 4px solid #3b82f6;
+      padding: 20px;
+      border-radius: 8px;
+      line-height: 1.8;
+      color: #1e40af;
+    }
+    .suggestion-box {
+      background: #f0fdf4;
+      border-left: 4px solid #10b981;
+      padding: 20px;
+      border-radius: 8px;
+      line-height: 1.8;
+      color: #065f46;
+    }
+    .suggestion-box pre {
+      background: #1e293b;
+      color: #e2e8f0;
+      padding: 15px;
+      border-radius: 6px;
+      overflow-x: auto;
+      margin: 10px 0;
+      font-size: 14px;
+      line-height: 1.5;
+    }
+    .fixed-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      background: #10b981;
+      color: white;
+      padding: 8px 16px;
+      border-radius: 20px;
+      font-size: 14px;
+      font-weight: bold;
+    }
+    .not-fixed-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      background: #f59e0b;
+      color: white;
+      padding: 8px 16px;
+      border-radius: 20px;
+      font-size: 14px;
+      font-weight: bold;
+    }
+    .footer {
+      background: #f7fafc;
+      padding: 20px;
+      text-align: center;
+      color: #718096;
+      font-size: 14px;
+      border-top: 1px solid #e2e8f0;
+    }
+    .stack-trace {
+      background: #1e293b;
+      color: #e2e8f0;
+      padding: 15px;
+      border-radius: 6px;
+      overflow-x: auto;
+      font-family: 'Courier New', monospace;
+      font-size: 12px;
+      line-height: 1.5;
+      margin-top: 10px;
+      max-height: 300px;
+      overflow-y: auto;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="header">
+      <h1>🤖 AI 诊断报告</h1>
+      <div class="time">生成时间: ${report.timestamp}</div>
+      <div class="error-count">共发现 ${report.totalErrors} 个错误</div>
+    </div>
+    <div class="content">
+      ${errorsHtml}
+    </div>
+    <div class="footer">
+      <p>AI Diagnostic Plugin v1.0.7</p>
+      <p>Powered by LangGraph & OpenAI</p>
+    </div>
+  </div>
+</body>
+</html>
+    `.trim();
+    const reportsDir = path.resolve(process.cwd(), "ai-reports");
+    if (!fs.existsSync(reportsDir)) {
+      fs.mkdirSync(reportsDir, { recursive: true });
+    }
+    const reportPath = path.resolve(reportsDir, "diagnostic-report.html");
+    fs.writeFileSync(reportPath, html, "utf-8");
+    console.log(
+      `
+📄 诊断报告已生成: ${reportPath} (${report.totalErrors} 个错误)
+`
+    );
+  }
+  /**
+   * 生成多错误 Markdown 报告
+   */
+  static async generateMultiMarkdownReport(report) {
+    const errorsMarkdown = report.errors.map(
+      (error, index) => `
+## 错误 ${index + 1} / ${report.totalErrors}
+### ❌ 错误信息
+**类型**: \`${error.error.type}\`
+**文件**: \`${error.error.file}\`
+**消息**:
+\`\`\`
+${error.error.message}
+\`\`\`
+${error.error.stack ? `**堆栈跟踪**:
+\`\`\`
+${error.error.stack}
+\`\`\`
+` : ""}
+### 🔍 AI 分析
+${error.analysis}
+### 💡 修复建议
+${error.suggestion}
+### 🔧 修复状态
+${error.fixed ? `✅ **已自动修复**
+修复文件: \`${error.fixedFilePath}\`` : `⚠️ **未自动修复**
+请根据上述建议手动修复`}
+---
+`
+    ).join("\n");
+    const markdown = `# 🤖 AI 诊断报告
+**生成时间**: ${report.timestamp}
+**错误总数**: ${report.totalErrors}
+---
+${errorsMarkdown}
+*AI Diagnostic Plugin v1.0.7*
+*Powered by LangGraph & OpenAI*
+`;
+    const reportsDir = path.resolve(process.cwd(), "ai-reports");
+    if (!fs.existsSync(reportsDir)) {
+      fs.mkdirSync(reportsDir, { recursive: true });
+    }
+    const reportPath = path.resolve(reportsDir, "diagnostic-report.md");
+    fs.writeFileSync(reportPath, markdown, "utf-8");
+    console.log(`📄 Markdown 报告已生成: ${reportPath}`);
+  }
+  /**
+   * 生成多错误 JSON 报告
+   */
+  static async generateMultiJSONReport(report) {
+    const jsonReport = {
+      version: "1.0.7",
+      timestamp: report.timestamp,
+      totalErrors: report.totalErrors,
+      errors: report.errors.map((error) => ({
+        error: {
+          type: error.error.type,
+          message: error.error.message,
+          file: error.error.file,
+          stack: error.error.stack || null
+        },
+        diagnosis: {
+          analysis: error.analysis,
+          suggestion: error.suggestion
+        },
+        fix: {
+          applied: error.fixed,
+          filePath: error.fixedFilePath || null
+        }
+      }))
+    };
+    const reportsDir = path.resolve(process.cwd(), "ai-reports");
+    if (!fs.existsSync(reportsDir)) {
+      fs.mkdirSync(reportsDir, { recursive: true });
+    }
+    const reportPath = path.resolve(reportsDir, "diagnostic-report.json");
+    fs.writeFileSync(reportPath, JSON.stringify(jsonReport, null, 2), "utf-8");
+    console.log(`📄 JSON 报告已生成: ${reportPath}`);
+  }
 };
 // src/index.ts
+import { glob } from "glob";
 function vitePluginAIDiagnostic(options = {}) {
   const {
     apiKey = process.env.OPENAI_API_KEY || "",
@@ -643,6 +1023,8 @@ function vitePluginAIDiagnostic(options = {}) {
   let buildErrors = [];
   let lastTransformFile = null;
   let processedErrors = /* @__PURE__ */ new Set();
+  let config;
+  let diagnosticResults = [];
   async function processError(error) {
     const errorKey = `${error.file}:${error.message}`;
     if (processedErrors.has(errorKey)) {
@@ -692,7 +1074,7 @@ function vitePluginAIDiagnostic(options = {}) {
         fixed: !!(result.fixedCode && result.filePath),
         fixedFilePath: result.filePath
       };
-      await DiagnosticReporter.generate(report, output);
+      diagnosticResults.push(report);
     } catch (err) {
       console.error("❌ AI 诊断失败：", err.message);
     }
@@ -701,7 +1083,8 @@ function vitePluginAIDiagnostic(options = {}) {
     name: "vite-plugin-ai-diagnostic",
     // 确保插件在其他插件之后执行，以捕获更多错误
     enforce: "post",
-    configResolved(config) {
+    configResolved(resolvedConfig) {
+      config = resolvedConfig;
       console.log("\n🤖 AI 诊断助手已启动...");
       console.log(`⚙️  自动修复: ${autoFix ? "✅ 已启用" : "❌ 未启用"}`);
       console.log(`📝 根目录: ${config.root}`);
@@ -710,10 +1093,123 @@ function vitePluginAIDiagnostic(options = {}) {
 `
       );
     },
-    buildStart() {
+    async buildStart() {
       buildErrors = [];
       processedErrors.clear();
-      console.log("🔍 [调试] buildStart 已执行");
+      diagnosticResults = [];
+      console.log("🔍 开始扫描源文件...");
+      const srcDir = path2.join(config.root, "src");
+      if (!fs2.existsSync(srcDir)) {
+        console.log("⚠️  src 目录不存在，跳过文件扫描");
+        return;
+      }
+      try {
+        const files = await glob("**/*.{vue,ts,tsx,js,jsx}", {
+          cwd: srcDir,
+          absolute: true,
+          ignore: ["**/node_modules/**", "**/*.d.ts"]
+        });
+        console.log(`📂 找到 ${files.length} 个源文件`);
+        for (const file of files) {
+          try {
+            const code = fs2.readFileSync(file, "utf-8");
+            if (file.endsWith(".vue")) {
+              if (!code.includes("<template>") && !code.includes("<script>")) {
+                buildErrors.push({
+                  type: "syntax",
+                  message: "Vue 文件缺少 <template> 或 <script> 标签",
+                  file,
+                  code
+                });
+              }
+              const templateMatch = code.match(/<template[^>]*>/);
+              if (templateMatch && !code.includes("</template>")) {
+                buildErrors.push({
+                  type: "syntax",
+                  message: "Vue 文件中 <template> 标签未闭合",
+                  file,
+                  code
+                });
+              }
+              const scriptMatch = code.match(/<script[^>]*>/);
+              if (scriptMatch && !code.includes("</script>")) {
+                buildErrors.push({
+                  type: "syntax",
+                  message: "Vue 文件中 <script> 标签未闭合",
+                  file,
+                  code
+                });
+              }
+            }
+            if (file.endsWith(".ts") || file.endsWith(".tsx") || file.endsWith(".js") || file.endsWith(".jsx")) {
+              const openBraces = (code.match(/\{/g) || []).length;
+              const closeBraces = (code.match(/\}/g) || []).length;
+              if (openBraces !== closeBraces) {
+                buildErrors.push({
+                  type: "syntax",
+                  message: `括号不匹配：{ 有 ${openBraces} 个，} 有 ${closeBraces} 个`,
+                  file,
+                  code
+                });
+              }
+              const openParens = (code.match(/\(/g) || []).length;
+              const closeParens = (code.match(/\)/g) || []).length;
+              if (openParens !== closeParens) {
+                buildErrors.push({
+                  type: "syntax",
+                  message: `圆括号不匹配：( 有 ${openParens} 个，) 有 ${closeParens} 个`,
+                  file,
+                  code
+                });
+              }
+            }
+            const importRegex = /import\s+.*?\s+from\s+['"](.+?)['"]/g;
+            let match;
+            while ((match = importRegex.exec(code)) !== null) {
+              const importPath = match[1];
+              if (importPath.startsWith(".") || importPath.startsWith("/")) {
+                const resolvedPath = path2.resolve(
+                  path2.dirname(file),
+                  importPath
+                );
+                const extensions = [".ts", ".tsx", ".js", ".jsx", ".vue", ""];
+                let exists = false;
+                for (const ext of extensions) {
+                  const fullPath = resolvedPath + ext;
+                  if (fs2.existsSync(fullPath)) {
+                    exists = true;
+                    break;
+                  }
+                  if (fs2.existsSync(resolvedPath) && fs2.statSync(resolvedPath).isDirectory()) {
+                    const indexPath = path2.join(resolvedPath, "index" + ext);
+                    if (fs2.existsSync(indexPath)) {
+                      exists = true;
+                      break;
+                    }
+                  }
+                }
+                if (!exists) {
+                  buildErrors.push({
+                    type: "module",
+                    message: `找不到模块: ${importPath}`,
+                    file,
+                    code
+                  });
+                }
+              }
+            }
+          } catch (err) {
+            console.warn(`⚠️  无法读取文件 ${file}: ${err.message}`);
+          }
+        }
+        if (buildErrors.length > 0) {
+          console.log(`⚠️  扫描发现 ${buildErrors.length} 个潜在问题`);
+        } else {
+          console.log("✅ 文件扫描完成，未发现明显问题");
+        }
+      } catch (err) {
+        console.error(`❌ 文件扫描失败: ${err.message}`);
+      }
     },
     // 解析模块时捕获错误
     async resolveId(source, importer, options2) {
@@ -808,6 +1304,17 @@ function vitePluginAIDiagnostic(options = {}) {
         for (const error of buildErrors) {
           await processError(error);
         }
+        if (diagnosticResults.length > 0) {
+          console.log(
+            `
+📊 正在生成合并诊断报告 (${diagnosticResults.length} 个错误)...
+`
+          );
+          await DiagnosticReporter.generateMultiReport(
+            diagnosticResults,
+            output
+          );
+        }
       } else {
         console.log("✨ 构建完成，未检测到错误\n");
       }