@51jbs/incremental-coverage-plugin 1.0.1

package/dist/webpack.mjs

@@ -0,0 +1,1360 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/plugin.ts
+import { createUnplugin } from "unplugin";
+
+// src/collector.ts
+import * as path from "path";
+var CoverageCollector = class {
+  constructor() {
+    /**
+     * 全局覆盖率映射表
+     * 
+     * 键是文件路径，值是该文件的覆盖率数据
+     * 这个对象会随着数据上报不断更新
+     */
+    this.coverageMap = {};
+  }
+  /**
+   * 合并新的覆盖率数据
+   * 
+   * 算法说明：
+   * 1. 遍历新数据中的每个文件
+   * 2. 如果是首次出现的文件，直接存储
+   * 3. 如果文件已存在，合并执行次数（累加）
+   * 
+   * 为什么要累加？
+   * - 用户可能多次执行同一段代码
+   * - 需要记录总的执行次数，而不是覆盖
+   * 
+   * @param newCoverage - 新上报的覆盖率数据
+   * @returns 合并后的完整覆盖率数据
+   * 
+   * @example
+   * // 第一次上报
+   * collector.merge({ 'src/utils.ts': { s: { '0': 1 } } });
+   * // 第二次上报（同一文件）
+   * collector.merge({ 'src/utils.ts': { s: { '0': 2 } } });
+   * // 结果：s['0'] = 3（累加）
+   */
+  merge(newCoverage) {
+    const projectRoot = process.cwd();
+    for (const [key, data] of Object.entries(newCoverage)) {
+      const filePath = path.isAbsolute(key) ? key : path.resolve(projectRoot, key);
+      if (!this.coverageMap[filePath]) {
+        this.coverageMap[filePath] = data;
+      } else {
+        this.coverageMap[filePath] = this.mergeCoverageData(
+          this.coverageMap[filePath],
+          data
+        );
+      }
+    }
+    return this.coverageMap;
+  }
+  /**
+   * 获取当前的覆盖率数据
+   * 
+   * @returns 当前的完整覆盖率映射表
+   */
+  getCoverage() {
+    return this.coverageMap;
+  }
+  /**
+   * 重置覆盖率数据
+   * 
+   * 清空所有已收集的数据，重新开始
+   * 通常在需要重新计算覆盖率时使用
+   */
+  reset() {
+    this.coverageMap = {};
+  }
+  /**
+   * 合并两个覆盖率数据对象
+   * 
+   * 合并策略：
+   * 1. 语句覆盖（s）：执行次数累加
+   * 2. 函数覆盖（f）：执行次数累加
+   * 3. 分支覆盖（b）：数组元素逐个累加
+   * 
+   * 注意：
+   * - statementMap、fnMap、branchMap 不需要合并（它们是静态的位置信息）
+   * - 只有执行次数（s、f、b）需要累加
+   * 
+   * @param existing - 已存在的覆盖率数据
+   * @param newData - 新的覆盖率数据
+   * @returns 合并后的覆盖率数据
+   * 
+   * @private
+   */
+  mergeCoverageData(existing, newData) {
+    const merged = {
+      path: existing.path,
+      // 位置映射表保持不变（它们是静态的）
+      statementMap: existing.statementMap,
+      fnMap: existing.fnMap,
+      branchMap: existing.branchMap,
+      // 执行次数需要累加
+      s: { ...existing.s },
+      f: { ...existing.f },
+      b: { ...existing.b }
+    };
+    for (const [key, count] of Object.entries(newData.s)) {
+      merged.s[key] = (merged.s[key] || 0) + count;
+    }
+    for (const [key, count] of Object.entries(newData.f)) {
+      merged.f[key] = (merged.f[key] || 0) + count;
+    }
+    for (const [key, counts] of Object.entries(newData.b)) {
+      if (!merged.b[key]) {
+        merged.b[key] = counts;
+      } else {
+        merged.b[key] = counts.map((count, i) => (merged.b[key][i] || 0) + count);
+      }
+    }
+    return merged;
+  }
+};
+
+// src/differ.ts
+import * as istanbulDiff from "istanbul-diff";
+import * as fs from "fs";
+import * as path3 from "path";
+
+// src/git.ts
+import simpleGit from "simple-git";
+import * as path2 from "path";
+var baseGit = simpleGit();
+async function getGitRoot() {
+  try {
+    const topLevel = await baseGit.revparse(["--show-toplevel"]);
+    return topLevel.trim();
+  } catch (e) {
+    return process.cwd();
+  }
+}
+async function getGitDiff(base = "main") {
+  try {
+    const topLevel = await getGitRoot();
+    const git = simpleGit(topLevel);
+    const filesRaw = await git.raw(["diff", "--name-only", base]);
+    const changedFiles = filesRaw.split("\n").filter((f) => f.trim().length > 0);
+    const result = {
+      files: [],
+      // 变更的文件列表
+      additions: {},
+      // 每个文件新增的行号
+      deletions: {}
+      // 每个文件删除的行号
+    };
+    for (const relativeFile of changedFiles) {
+      const absoluteFile = path2.resolve(topLevel, relativeFile);
+      result.files.push(absoluteFile);
+      const diff2 = await git.diff([base, "--", relativeFile]);
+      const { additions, deletions } = parseDiff(diff2);
+      if (additions.length > 0) {
+        result.additions[absoluteFile] = additions;
+      }
+      if (deletions.length > 0) {
+        result.deletions[absoluteFile] = deletions;
+      }
+    }
+    return result;
+  } catch (error) {
+    console.warn("[Git] \u83B7\u53D6 diff \u5931\u8D25:", error);
+    return {
+      files: [],
+      additions: {},
+      deletions: {}
+    };
+  }
+}
+function parseDiff(diffText) {
+  const additions = [];
+  const deletions = [];
+  const lines = diffText.split("\n");
+  let currentLine = 0;
+  for (const line of lines) {
+    if (line.startsWith("@@")) {
+      const match = line.match(/\+(\d+)/);
+      if (match) {
+        currentLine = parseInt(match[1], 10);
+      }
+      continue;
+    }
+    if (!line.startsWith("+") && !line.startsWith("-") && !line.startsWith(" ")) {
+      continue;
+    }
+    if (line.startsWith("+") && !line.startsWith("+++")) {
+      additions.push(currentLine);
+      currentLine++;
+    } else if (line.startsWith("-") && !line.startsWith("---")) {
+      deletions.push(currentLine);
+    } else {
+      currentLine++;
+    }
+  }
+  return { additions, deletions };
+}
+
+// src/differ.ts
+var CoverageDiffer = class {
+  constructor(options) {
+    this.options = options;
+  }
+  /**
+   * 计算增量覆盖率
+   * 
+   * 这是最核心的方法，完整的计算流程：
+   * 
+   * 1. 加载 baseline（如果存在）
+   * 2. 使用 istanbul-diff 计算差异
+   * 3. 获取 Git 变更的文件和行号
+   * 4. 对每个变更文件：
+   *    a. 获取该文件的覆盖率数据
+   *    b. 找出变更的行号
+   *    c. 检查这些行是否被覆盖
+   *    d. 计算覆盖率百分比
+   * 5. 汇总所有文件的覆盖率
+   * 6. 保存新的 baseline（如果需要）
+   * 
+   * @param currentCoverage - 当前的覆盖率数据
+   * @returns 增量覆盖率计算结果
+   * 
+   * @example
+   * const result = await differ.calculate(coverageMap);
+   * console.log(`Overall coverage: ${result.overall.coverageRate}%`);
+   */
+  async calculate(currentCoverage) {
+    console.log("[CoverageDiffer] \u5F00\u59CB\u8BA1\u7B97\u589E\u91CF\u8986\u76D6\u7387...");
+    const baseline = this.loadBaseline();
+    const diff2 = istanbulDiff.diff(baseline || {}, currentCoverage, {
+      pick: "lines"
+    });
+    console.log("[CoverageDiffer] Istanbul diff \u7ED3\u679C:", diff2.total);
+    console.log("[CoverageDiffer] Git diff base:", this.options.gitDiffBase);
+    const gitDiff = await getGitDiff(this.options.gitDiffBase || "main");
+    console.log("[CoverageDiffer] Git diff \u8FD4\u56DE\u6587\u4EF6\u6570:", gitDiff.files.length);
+    console.log("[CoverageDiffer] Git diff \u6587\u4EF6\u5217\u8868:", gitDiff.files);
+    const result = {
+      overall: {
+        totalLines: 0,
+        // 总变更行数
+        coveredLines: 0,
+        // 已覆盖的变更行数
+        coverageRate: 100
+        // 覆盖率百分比（默认 100%）
+      },
+      files: [],
+      // 每个文件的详细信息
+      changedFiles: gitDiff.files,
+      // 变更的文件列表
+      timestamp: Date.now()
+      // 时间戳
+    };
+    const normalizedCoverage = {};
+    const projectRoot = process.cwd();
+    for (const [key, data] of Object.entries(currentCoverage)) {
+      const absPath = path3.isAbsolute(key) ? key : path3.resolve(projectRoot, key);
+      normalizedCoverage[absPath] = data;
+    }
+    let validFileCount = 0;
+    console.log(`[CoverageDiffer] \u5904\u7406 ${gitDiff.files.length} \u4E2A Git \u53D8\u66F4\u6587\u4EF6...`);
+    for (const file of gitDiff.files) {
+      console.log(`[CoverageDiffer] \u68C0\u67E5\u6587\u4EF6: ${file}`);
+      const isValid = this.isValidSourceFile(file);
+      console.log(`[CoverageDiffer] \u6587\u4EF6\u6709\u6548\u6027: ${isValid}`);
+      if (!isValid) continue;
+      validFileCount++;
+      const changedLines = gitDiff.additions[file] || [];
+      console.log(`[CoverageDiffer] \u53D8\u66F4\u884C\u6570: ${changedLines.length}`);
+      if (changedLines.length === 0) continue;
+      let coverage = normalizedCoverage[file];
+      if (!coverage) {
+        const relativeFile = path3.relative(projectRoot, file);
+        coverage = currentCoverage[relativeFile] || currentCoverage[file];
+      }
+      if (!coverage) {
+        result.files.push({
+          file,
+          changedLines,
+          uncoveredLines: changedLines,
+          coverageRate: 0
+        });
+        result.overall.totalLines += changedLines.length;
+        continue;
+      }
+      const uncoveredLines = this.getUncoveredLines(coverage, changedLines);
+      const coveredCount = changedLines.length - uncoveredLines.length;
+      const coverageRate = Math.round(coveredCount / changedLines.length * 100);
+      result.files.push({
+        file,
+        changedLines,
+        uncoveredLines,
+        coverageRate
+      });
+      result.overall.totalLines += changedLines.length;
+      result.overall.coveredLines += coveredCount;
+    }
+    if (result.overall.totalLines > 0) {
+      result.overall.coverageRate = Math.round(
+        result.overall.coveredLines / result.overall.totalLines * 100
+      );
+    }
+    console.log(`[CoverageDiffer] \u8BA1\u7B97\u5B8C\u6210: ${validFileCount} \u4E2A\u6709\u6548\u6587\u4EF6, ${result.overall.totalLines} \u53D8\u66F4\u884C, \u8986\u76D6\u7387 ${result.overall.coverageRate}%`);
+    if (this.options.autoSaveBaseline && !baseline) {
+      console.log("[CoverageDiffer] \u4FDD\u5B58 baseline...");
+      this.saveBaseline(currentCoverage);
+    }
+    return result;
+  }
+  /**
+   * 从文件加载 baseline 覆盖率
+   * 
+   * Baseline 是参考基准，用于对比当前覆盖率的变化
+   * 通常在首次运行时创建，之后保持不变（除非手动更新）
+   * 
+   * @returns baseline 覆盖率数据，如果文件不存在则返回 null
+   * @private
+   */
+  loadBaseline() {
+    try {
+      const baselinePath = this.options.baselinePath || ".coverage/baseline.json";
+      if (fs.existsSync(baselinePath)) {
+        return JSON.parse(fs.readFileSync(baselinePath, "utf-8"));
+      }
+    } catch (error) {
+      console.warn("[CoverageDiffer] \u52A0\u8F7D baseline \u5931\u8D25:", error);
+    }
+    return null;
+  }
+  /**
+   * 保存 baseline 覆盖率到文件
+   * 
+   * 将当前的覆盖率数据保存为 baseline，供后续对比使用
+   * 
+   * 注意：
+   * - 会自动创建目录（如果不存在）
+   * - 使用 JSON 格式，便于查看和调试
+   * - 格式化输出（2 空格缩进）
+   * 
+   * @param coverage - 要保存的覆盖率数据
+   * @private
+   */
+  saveBaseline(coverage) {
+    try {
+      const baselinePath = this.options.baselinePath || ".coverage/baseline.json";
+      const dir = path3.dirname(baselinePath);
+      if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+      }
+      fs.writeFileSync(baselinePath, JSON.stringify(coverage, null, 2));
+      console.log("[CoverageDiffer] Baseline \u5DF2\u4FDD\u5B58");
+    } catch (error) {
+      console.error("[CoverageDiffer] \u4FDD\u5B58 baseline \u5931\u8D25:", error);
+    }
+  }
+  /**
+   * 获取未覆盖的行号列表
+   * 
+   * 算法说明：
+   * 1. 遍历每一个变更的行号
+   * 2. 检查是否有语句（statement）覆盖这一行
+   * 3. 如果有语句覆盖且执行次数 > 0，则该行被覆盖
+   * 4. 否则，该行未被覆盖
+   * 
+   * 为什么检查 statementMap？
+   * - Istanbul 的覆盖率是基于语句（statement）的
+   * - statementMap 记录了每个语句的位置（起始行、结束行）
+   * - 通过检查语句的位置，可以知道某一行是否被覆盖
+   * 
+   * 为什么检查执行次数？
+   * - coverage.s[stmtId] 记录了语句的执行次数
+   * - 如果执行次数 > 0，说明这个语句被执行过
+   * - 如果执行次数 = 0，说明这个语句没有被执行
+   * 
+   * @param coverage - 文件的覆盖率数据
+   * @param changedLines - 变更的行号列表
+   * @returns 未覆盖的行号列表
+   * 
+   * @example
+   * const uncovered = this.getUncoveredLines(coverage, [10, 11, 12]);
+   * // 返回: [11] （假设第 11 行没有被覆盖）
+   * 
+   * @private
+   */
+  getUncoveredLines(coverage, changedLines) {
+    const uncovered = [];
+    for (const line of changedLines) {
+      let isCovered = false;
+      for (const [stmtId, loc] of Object.entries(coverage.statementMap || {})) {
+        const location = loc;
+        if (location.start.line <= line && location.end.line >= line) {
+          if (coverage.s[stmtId] > 0) {
+            isCovered = true;
+            break;
+          }
+        }
+      }
+      if (!isCovered) {
+        uncovered.push(line);
+      }
+    }
+    return uncovered;
+  }
+  /**
+   * 判断是否为有效的源码文件
+   * 用于过滤 node_modules, lockfiles 和非源码文件
+   * @private
+   */
+  isValidSourceFile(file) {
+    if (file.includes("node_modules")) return false;
+    if (file.includes("package.json") || file.includes("pnpm-lock.yaml") || file.includes("yarn.lock")) return false;
+    if (file.endsWith(".d.ts")) return false;
+    const ext = path3.extname(file).toLowerCase();
+    if (!ext) return false;
+    const validExts = [
+      ".js",
+      ".jsx",
+      ".ts",
+      ".tsx",
+      ".vue",
+      ".svelte",
+      ".mjs",
+      ".cjs",
+      ".mts",
+      ".cts"
+    ];
+    if (!validExts.includes(ext)) return false;
+    const projectRoot = process.cwd();
+    const relativePath = path3.isAbsolute(file) ? path3.relative(projectRoot, file) : file;
+    if (relativePath.startsWith("..")) {
+      return false;
+    }
+    const { include, exclude } = this.options;
+    const isMatch = (pattern, target) => {
+      if (!pattern) return false;
+      let effectivePattern = pattern;
+      if (!pattern.startsWith("/") && !pattern.startsWith("**/")) {
+        effectivePattern = "**/" + pattern;
+      }
+      const regexStr = effectivePattern.replace(/\*\*/g, "<GLOBSTAR>").replace(/\*/g, "<STAR>").replace(/[.+^${}()|[\]\\]/g, "\\$&").replace(/<GLOBSTAR>/g, ".*").replace(/<STAR>/g, "[^/]*");
+      const regex = new RegExp(`^${regexStr}$`);
+      return regex.test(target) || regex.test("/" + target);
+    };
+    if (exclude) {
+      const excludes = Array.isArray(exclude) ? exclude : [exclude];
+      for (const pattern of excludes) {
+        if (isMatch(pattern, relativePath)) {
+          return false;
+        }
+      }
+    }
+    if (include) {
+      const includes = Array.isArray(include) ? include : [include];
+      let matched = false;
+      for (const pattern of includes) {
+        if (isMatch(pattern, relativePath)) {
+          matched = true;
+          break;
+        }
+      }
+      if (!matched) {
+        return false;
+      }
+    }
+    return true;
+  }
+};
+
+// src/reporter.ts
+import * as fs2 from "fs";
+import * as path4 from "path";
+var CoverageReporter = class {
+  constructor(options) {
+    this.options = options;
+    this.outputDir = path4.resolve(process.cwd(), options.outputDir || ".coverage");
+  }
+  /**
+   * 生成增量覆盖率报告
+   * 
+   * @param result 增量计算结果
+   * @returns 报告保存的路径
+   */
+  async generate(result) {
+    console.log("[CoverageReporter] \u5F00\u59CB\u751F\u6210\u62A5\u544A...");
+    if (!fs2.existsSync(this.outputDir)) {
+      fs2.mkdirSync(this.outputDir, { recursive: true });
+    }
+    result.files.forEach((fileData) => {
+      try {
+        if (fs2.existsSync(fileData.file)) {
+          fileData.sourceCode = fs2.readFileSync(fileData.file, "utf-8");
+        }
+      } catch (e) {
+        console.warn(`[CoverageReporter] \u65E0\u6CD5\u8BFB\u53D6\u6E90\u7801: ${fileData.file}`);
+      }
+    });
+    const html = this.renderHtml(result);
+    const timestamp = result.timestamp || Date.now();
+    const date = new Date(timestamp);
+    const dateStr = date.getFullYear() + String(date.getMonth() + 1).padStart(2, "0") + String(date.getDate()).padStart(2, "0") + "-" + String(date.getHours()).padStart(2, "0") + String(date.getMinutes()).padStart(2, "0") + String(date.getSeconds()).padStart(2, "0");
+    const latestPath = path4.join(this.outputDir, "latest.html");
+    const historyPath = path4.join(this.outputDir, `report-${dateStr}.html`);
+    try {
+      fs2.writeFileSync(latestPath, html, "utf-8");
+      fs2.writeFileSync(historyPath, html, "utf-8");
+      console.log(`[CoverageReporter] \u62A5\u544A\u5DF2\u751F\u6210: ${latestPath}`);
+      console.log(`[CoverageReporter] \u7EC6\u8282\u62A5\u544A: ${historyPath}`);
+      this.cleanupOldReports();
+      if (this.options.reportFormat === "json" || this.options.reportFormat === "both") {
+        const jsonPath = path4.join(this.outputDir, `report-${dateStr}.json`);
+        fs2.writeFileSync(jsonPath, JSON.stringify(result, null, 2), "utf-8");
+      }
+      const threshold = this.options.threshold || 80;
+      if (result.overall.coverageRate < threshold) {
+        const errorMsg = `[IncrementalCoverage] \u274C \u589E\u91CF\u8986\u76D6\u7387\u8BC4\u4F30\u672A\u901A\u8FC7: \u5F53\u524D\u4E3A ${result.overall.coverageRate}%, \u9608\u503C\u8981\u6C42\u4E3A ${threshold}%`;
+        console.error("\x1B[31m%s\x1B[0m", errorMsg);
+        if (process.env.CI || this.options.failOnError) {
+          throw new Error(errorMsg);
+        }
+      } else {
+        console.log("\x1B[32m%s\x1B[0m", `[IncrementalCoverage] \u2705 \u589E\u91CF\u8986\u76D6\u7387\u8BC4\u4F30\u901A\u8FC7: ${result.overall.coverageRate}%`);
+      }
+      return latestPath;
+    } catch (error) {
+      console.error("[CoverageReporter] \u5199\u5165\u62A5\u544A\u6587\u4EF6\u5931\u8D25:", error);
+      throw error;
+    }
+  }
+  /**
+   * 渲染 HTML 模板
+   * 
+   * @param result 计算结果
+   * @private
+   */
+  renderHtml(result) {
+    const threshold = this.options.threshold || 80;
+    const isPassed = result.overall.coverageRate >= threshold;
+    const statusColor = isPassed ? "#4caf50" : "#f44336";
+    const statusText = isPassed ? "\u901A\u8FC7" : "\u672A\u8FBE\u6807";
+    const filesData = JSON.stringify(result.files.map((f) => ({
+      file: f.file,
+      sourceCode: f.sourceCode || "",
+      uncoveredLines: f.uncoveredLines
+    })));
+    return `
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>\u589E\u91CF\u8986\u76D6\u7387\u62A5\u544A - ${new Date(result.timestamp).toLocaleString()}</title>
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
+  <style>
+    :root { --primary: #667eea; --success: #4caf50; --danger: #f44336; --warning: #f6ad55; }
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #f4f7f9; color: #333; line-height: 1.6; }
+    .container { max-width: 1200px; margin: 40px auto; background: white; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); overflow: hidden; }
+    
+    /* Header */
+    .header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 40px; }
+    .header h1 { font-size: 32px; font-weight: 800; margin-bottom: 8px; display: flex; align-items: center; }
+    .header .timestamp { opacity: 0.8; font-size: 14px; }
+    
+    /* Grid */
+    .summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; padding: 30px; border-bottom: 1px solid #eee; }
+    .card { background: #f8fafc; padding: 25px; border-radius: 12px; border: 1px solid #e2e8f0; text-align: center; }
+    .card-title { font-size: 13px; font-weight: 600; color: #64748b; text-transform: uppercase; margin-bottom: 8px; }
+    .card-value { font-size: 36px; font-weight: 800; color: #1e293b; }
+    .status-badge { padding: 4px 12px; border-radius: 20px; font-size: 14px; color: white; background: ${statusColor}; }
+
+    /* Table */
+    .file-list { padding: 30px; }
+    table { width: 100%; border-collapse: collapse; }
+    th { text-align: left; padding: 15px; border-bottom: 2px solid #edf2f7; color: #4a5568; }
+    td { padding: 15px; border-bottom: 1px solid #edf2f7; vertical-align: middle; }
+    .file-path { cursor: pointer; color: var(--primary); font-family: monospace; font-weight: 600; }
+    .file-path:hover { text-decoration: underline; }
+    .progress-bar { height: 6px; background: #e2e8f0; border-radius: 3px; overflow: hidden; width: 80px; display: inline-block; vertical-align: middle; margin-right: 8px; }
+    .uncovered-tag { font-size: 12px; color: var(--danger); background: #fff5f5; padding: 2px 6px; border-radius: 4px; cursor: pointer; }
+
+    /* Modal */
+    .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
+    .modal-content { background-color: #fff; margin: 2% auto; width: 90%; height: 90%; border-radius: 8px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
+    .modal-header { padding: 20px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; background: #f8fafc; }
+    .close { color: #aaa; font-size: 28px; font-weight: bold; cursor: pointer; }
+    .close:hover { color: black; }
+    .code-container { flex: 1; overflow: auto; position: relative; background: #2d2d2d; }
+    
+    /* Line Highlighting */
+    .line-highlight { display: block; width: 100%; }
+    .line-uncovered { background-color: rgba(244, 67, 54, 0.2); border-left: 4px solid #f44336; }
+    .line-covered { background-color: rgba(76, 175, 80, 0.1); border-left: 4px solid #4caf50; }
+    
+    /* Prism Overrides */
+    pre[class*="language-"] { margin: 0; border-radius: 0; padding: 0; }
+    code[class*="language-"] { font-family: "JetBrains Mono", Consolas, monospace; font-size: 14px; line-height: 1.5; }
+    .token-line { display: block; padding: 0 1em; }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="header">
+      <h1>\u589E\u91CF\u8986\u76D6\u7387\u62A5\u544A</h1>
+      <div class="timestamp">\u751F\u6210\u65F6\u95F4: ${new Date(result.timestamp).toLocaleString()}</div>
+    </div>
+    
+    <div class="summary-grid">
+      <div class="card">
+        <div class="card-title">\u589E\u91CF\u8986\u76D6\u7387</div>
+        <div class="card-value">${result.overall.coverageRate}%</div>
+      </div>
+      <div class="card">
+        <div class="card-title">\u53D8\u66F4\u603B\u884C\u6570</div>
+        <div class="card-value">${result.overall.totalLines}</div>
+      </div>
+      <div class="card">
+        <div class="card-title">\u8986\u76D6\u884C\u6570</div>
+        <div class="card-value">${result.overall.coveredLines}</div>
+      </div>
+      <div class="card">
+        <div class="card-title">\u7ED3\u679C\u72B6\u6001</div>
+        <div class="card-value"><span class="status-badge">${statusText}</span></div>
+      </div>
+    </div>
+
+    <div class="file-list">
+      <table>
+        <thead>
+          <tr>
+            <th>\u6587\u4EF6\u8DEF\u5F84</th>
+            <th width="200">\u8986\u76D6\u7387</th>
+            <th>\u672A\u8986\u76D6\u884C\u53F7 (\u70B9\u51FB\u8DF3\u8F6C)</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${result.files.map((file, index) => {
+      const filePass = file.coverageRate >= threshold;
+      const barColor = filePass ? "#4caf50" : "#f6ad55";
+      return `
+            <tr>
+              <td><span class="file-path" onclick="openModal(${index})">${file.file}</span></td>
+              <td>
+                <div class="progress-bar"><div class="progress-fill" style="width: ${file.coverageRate}%; height: 100%; background: ${barColor};"></div></div>
+                <strong>${file.coverageRate}%</strong>
+              </td>
+              <td>
+                ${file.uncoveredLines.length > 0 ? file.uncoveredLines.map(
+        (line) => `<span class="uncovered-tag" onclick="openModal(${index}, ${line})">${line}</span>`
+      ).join(", ") : '<span style="color: #48bb78">\u2705 \u5168\u8986\u76D6</span>'}
+              </td>
+            </tr>`;
+    }).join("")}
+        </tbody>
+      </table>
+    </div>
+    
+    <div class="footer">Generated by Incremental Coverage Plugin</div>
+  </div>
+
+  <!-- Code Modal -->
+  <div id="codeModal" class="modal">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h3 id="modalTitle" style="font-family: monospace">FileName.js</h3>
+        <span class="close" onclick="closeModal()">&times;</span>
+      </div>
+      <div class="code-container">
+        <pre><code id="codeBlock" class="language-javascript"></code></pre>
+      </div>
+    </div>
+  </div>
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-typescript.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-jsx.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-tsx.min.js"></script>
+  
+  <script>
+    const filesData = ${filesData};
+
+    function openModal(index, lineToScroll) {
+      const file = filesData[index];
+      const modal = document.getElementById('codeModal');
+      const title = document.getElementById('modalTitle');
+      const codeBlock = document.getElementById('codeBlock');
+      
+      title.innerText = file.file;
+      modal.style.display = 'block';
+      
+      // \u7B80\u5355\u7684 HTML \u8F6C\u4E49
+      const safeCode = file.sourceCode
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;");
+
+      // \u5904\u7406\u4EE3\u7801\u884C\u9AD8\u4EAE
+      // \u4E3A\u4E86\u914D\u5408 Prism\uFF0C\u6211\u4EEC\u9700\u8981\u5148\u751F\u6210\u5E26\u884C\u53F7\u7684\u7ED3\u6784\uFF0C\u6216\u8005\u624B\u52A8\u5904\u7406
+      // \u7B80\u5355\u65B9\u6848\uFF1A\u5148\u7528 Prism \u9AD8\u4EAE\uFF0C\u7136\u540E split \u6210\u884C\uFF0C\u518D\u5305\u88F9 div
+      
+      // 1. \u8BBE\u7F6E\u539F\u59CB\u4EE3\u7801\u8BA9 Prism \u9AD8\u4EAE
+      // \u6CE8\u610F\uFF1APrism.highlight \u9700\u8981\u540C\u6B65\u52A0\u8F7D\u8BED\u8A00\u5305
+      const ext = file.file.split('.').pop();
+      let lang = Prism.languages.javascript;
+      if (ext === 'ts' || ext === 'tsx') lang = Prism.languages.typescript;
+      // if (ext === 'vue') ... vue \u901A\u5E38\u5305\u542B script, \u9700\u8981\u7279\u6B8A\u5904\u7406\uFF0C\u8FD9\u91CC\u7B80\u5316\u89C6\u4E3A js/ts
+
+      const highlighted = Prism.highlight(file.sourceCode, lang, 'javascript');
+      
+      // 2. \u5C06\u9AD8\u4EAE\u540E\u7684 HTML \u6309\u884C\u5206\u5272\u5E76\u5305\u88F9
+      const lines = highlighted.split('\\n');
+      const numberedHtml = lines.map((lineContent, i) => {
+        const lineNum = i + 1;
+        let className = 'token-line';
+        if (file.uncoveredLines.includes(lineNum)) {
+          className += ' line-uncovered';
+        }
+        return \`<div id="L\${lineNum}" class="\${className}">\${lineContent || '&nbsp;'}</div>\`;
+      }).join('');
+
+      codeBlock.innerHTML = numberedHtml;
+      
+      // 3. \u6EDA\u52A8\u5230\u6307\u5B9A\u884C
+      if (lineToScroll) {
+        setTimeout(() => {
+          const el = document.getElementById('L' + lineToScroll);
+          if (el) el.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        }, 100);
+      }
+    }
+
+    function closeModal() {
+      document.getElementById('codeModal').style.display = 'none';
+    }
+
+    // \u70B9\u51FB\u7A97\u53E3\u5916\u90E8\u5173\u95ED
+    window.onclick = function(event) {
+      const modal = document.getElementById('codeModal');
+      if (event.target == modal) {
+        closeModal();
+      }
+    }
+  </script>
+</body>
+</html>
+    `.trim();
+  }
+  /**
+   * 清理超出保留数量的历史报告
+   * @private
+   */
+  cleanupOldReports() {
+    try {
+      if (!fs2.existsSync(this.outputDir)) return;
+      const files = fs2.readdirSync(this.outputDir).filter((f) => f.startsWith("report-") && (f.endsWith(".html") || f.endsWith(".json"))).map((f) => ({
+        name: f,
+        path: path4.join(this.outputDir, f),
+        mtime: fs2.statSync(path4.join(this.outputDir, f)).mtime.getTime()
+      })).sort((a, b) => b.mtime - a.mtime);
+      const limit = this.options.historyCount || 15;
+      if (files.length > limit) {
+        const toDelete = files.slice(limit);
+        console.log(`[CoverageReporter] \u6B63\u5728\u6E05\u7406\u65E7\u62A5\u544A (\u8D85\u51FA\u9650\u5236 ${limit})...`);
+        for (const file of toDelete) {
+          fs2.unlinkSync(file.path);
+          console.log(`[CoverageReporter] \u5DF2\u5220\u9664: ${file.name}`);
+        }
+      }
+    } catch (error) {
+      console.error("[CoverageReporter] \u6E05\u7406\u65E7\u62A5\u544A\u5931\u8D25:", error);
+    }
+  }
+};
+
+// src/plugin.ts
+var defaultOptions = {
+  // 默认只包含 src 目录下的文件
+  include: ["src/**"],
+  // 默认排除测试文件和 node_modules
+  exclude: ["**/*.spec.ts", "**/*.test.ts", "**/node_modules/**"],
+  // 默认与 main 分支对比
+  gitDiffBase: "main",
+  // 默认输出到 .coverage 目录
+  outputDir: ".coverage",
+  // 默认生成 HTML 格式报告
+  reportFormat: "html",
+  // 默认启用浏览器 UI
+  enableOverlay: true,
+  // 默认 baseline 文件路径
+  baselinePath: ".coverage/baseline.json",
+  // 默认自动保存 baseline
+  autoSaveBaseline: true,
+  // 默认覆盖率阈值 80%
+  threshold: 80,
+  // 默认报告生成间隔 10秒
+  reportInterval: 1e4,
+  // 默认保留 15 个历史报告
+  historyCount: 15
+};
+var IncrementalCoveragePlugin = createUnplugin((userOptions = {}) => {
+  const options = { ...defaultOptions, ...userOptions };
+  const collector = new CoverageCollector();
+  const differ = new CoverageDiffer(options);
+  const reporter = new CoverageReporter(options);
+  let lastReportTime = 0;
+  let pendingResult = null;
+  let reportTimer = null;
+  console.log("[IncrementalCoverage] \u63D2\u4EF6\u5DF2\u521D\u59CB\u5316");
+  return {
+    // 插件名称
+    name: "incremental-coverage-plugin",
+    /**
+     * Webpack 特定的钩子
+     * 
+     * 在 Webpack 环境中，需要：
+     * 1. 注入 babel-plugin-istanbul 配置
+     * 2. 设置 HTTP 中间件接收覆盖率数据
+     * 3. 监听编译生命周期
+     */
+    webpack(compiler) {
+      console.log("[IncrementalCoverage] Webpack \u6A21\u5F0F");
+      const rules = compiler.options.module?.rules || [];
+      const processed = /* @__PURE__ */ new WeakSet();
+      const injectBabel = (rule) => {
+        if (!rule || typeof rule !== "object" || processed.has(rule)) return;
+        processed.add(rule);
+        const isBabel = rule.loader && typeof rule.loader === "string" && (rule.loader.includes("babel-loader") || rule.loader === "babel-loader");
+        if (isBabel) {
+          if (!rule.options) rule.options = {};
+          if (typeof rule.options === "object") {
+            rule.options.plugins = rule.options.plugins || [];
+            const hasIstanbul = rule.options.plugins.some((p) => {
+              const name = Array.isArray(p) ? p[0] : p;
+              return typeof name === "string" && name.includes("istanbul");
+            });
+            if (!hasIstanbul) {
+              rule.options.plugins.push([
+                "babel-plugin-istanbul",
+                {
+                  extension: [".js", ".jsx", ".ts", ".tsx", ".vue"],
+                  include: options.include,
+                  exclude: options.exclude || ["**/*.spec.ts", "**/*.test.ts", "**/node_modules/**"]
+                }
+              ]);
+              console.log("[IncrementalCoverage] \u5DF2\u6CE8\u5165\u5230 babel-loader");
+            }
+          }
+        }
+        if (rule.use) {
+          if (Array.isArray(rule.use)) {
+            rule.use.forEach((u, index) => {
+              if (typeof u === "object") {
+                injectBabel(u);
+              } else if (typeof u === "string" && (u.includes("babel-loader") || u === "babel-loader")) {
+                rule.use[index] = {
+                  loader: u,
+                  options: {
+                    plugins: [[
+                      "babel-plugin-istanbul",
+                      {
+                        extension: [".js", ".jsx", ".ts", ".tsx", ".vue"],
+                        include: options.include,
+                        exclude: options.exclude || ["**/*.spec.ts", "**/*.test.ts", "**/node_modules/**"]
+                      }
+                    ]]
+                  }
+                };
+                console.log("[IncrementalCoverage] \u5DF2\u5C06\u5B57\u7B26\u4E32 babel-loader \u8F6C\u6362\u4E3A\u5BF9\u8C61\u5E76\u6CE8\u5165");
+              }
+            });
+          } else if (typeof rule.use === "object") {
+            injectBabel(rule.use);
+          } else if (typeof rule.use === "string" && (rule.use.includes("babel-loader") || rule.use === "babel-loader")) {
+            rule.use = {
+              loader: rule.use,
+              options: {
+                plugins: [[
+                  "babel-plugin-istanbul",
+                  {
+                    extension: [".js", ".jsx", ".ts", ".tsx", ".vue"],
+                    include: options.include,
+                    exclude: options.exclude || ["**/*.spec.ts", "**/*.test.ts", "**/node_modules/**"]
+                  }
+                ]]
+              }
+            };
+            console.log("[IncrementalCoverage] \u5DF2\u5C06 rule.use \u5B57\u7B26\u4E32\u8F6C\u6362\u4E3A\u5BF9\u8C61\u5E76\u6CE8\u5165");
+          }
+        }
+        if (rule.oneOf && Array.isArray(rule.oneOf)) {
+          rule.oneOf.forEach(injectBabel);
+        }
+      };
+      rules.forEach(injectBabel);
+      if (!compiler.options.devServer) {
+        compiler.options.devServer = {};
+      }
+      const createCoverageHandler = () => {
+        return async (req, res) => {
+          const startTime = Date.now();
+          const handleCoverage = async (payload) => {
+            let coverageData;
+            if (payload.data && req.headers["x-coverage-compressed"]) {
+              try {
+                const compressed = payload.data;
+                const decompressed = Buffer.from(compressed, "base64").toString();
+                coverageData = JSON.parse(decodeURIComponent(decompressed));
+                console.log("[IncrementalCoverage] \u6570\u636E\u5DF2\u89E3\u538B\u7F29 (\u538B\u7F29\u7387: " + Math.round((1 - compressed.length / JSON.stringify(coverageData).length) * 100) + "%)");
+              } catch (e) {
+                console.warn("[IncrementalCoverage] \u89E3\u538B\u5931\u8D25\uFF0C\u56DE\u9000\u5230\u539F\u59CB\u6570\u636E:", e);
+                coverageData = payload.data ? payload.data : payload;
+              }
+            } else {
+              coverageData = payload;
+            }
+            const merged = collector.merge(coverageData);
+            const result = await differ.calculate(merged);
+            pendingResult = result;
+            const now = Date.now();
+            const elapsed = now - lastReportTime;
+            const interval = options.reportInterval || 1e4;
+            if (elapsed >= interval) {
+              await reporter.generate(result);
+              lastReportTime = now;
+              if (reportTimer) {
+                clearTimeout(reportTimer);
+                reportTimer = null;
+              }
+            } else if (!reportTimer) {
+              console.log(`[IncrementalCoverage] \u62A5\u544A\u751F\u6210\u51B7\u5374\u4E2D\uFF0C\u5C06\u5728 ${interval - elapsed}ms \u540E\u5C1D\u8BD5...`);
+              reportTimer = setTimeout(async () => {
+                if (pendingResult) {
+                  await reporter.generate(pendingResult);
+                  lastReportTime = Date.now();
+                }
+                reportTimer = null;
+              }, interval - elapsed);
+            }
+            res.json({
+              status: "ok",
+              coverage: {
+                rate: result.overall.coverageRate,
+                coveredLines: result.overall.coveredLines,
+                totalLines: result.overall.totalLines,
+                fileCount: result.files.length
+              }
+            });
+          };
+          try {
+            if (req.body && typeof req.body === "object" && Object.keys(req.body).length > 0) {
+              await handleCoverage(req.body);
+              return;
+            }
+            let chunks = [];
+            req.on("data", (chunk) => {
+              chunks.push(chunk);
+            });
+            req.on("end", async () => {
+              try {
+                const body = Buffer.concat(chunks).toString();
+                if (!body) {
+                  res.status(400).json({ success: false, error: "Empty body" });
+                  return;
+                }
+                const payload = JSON.parse(body);
+                await handleCoverage(payload);
+              } catch (parseError) {
+                console.error("[IncrementalCoverage] \u63A5\u6536\u6570\u636E\u89E3\u6790\u5931\u8D25:", parseError);
+                res.status(400).json({ success: false, error: "Invalid data format" });
+              }
+            });
+          } catch (error) {
+            console.error("[IncrementalCoverage] \u4E2D\u95F4\u4EF6\u5904\u7406\u5F02\u5E38:", error);
+            res.status(500).json({ success: false, error: String(error) });
+          }
+        };
+      };
+      const coverageHandler = createCoverageHandler();
+      const hasSetupMiddlewares = "setupMiddlewares" in (compiler.options.devServer || {});
+      const hasBefore = "before" in (compiler.options.devServer || {});
+      let useSetupMiddlewares = hasSetupMiddlewares;
+      if (!hasSetupMiddlewares && !hasBefore) {
+        try {
+          const wdsVersion = __require("webpack-dev-server/package.json").version;
+          const majorVersion = parseInt(wdsVersion.split(".")[0], 10);
+          useSetupMiddlewares = majorVersion >= 4;
+          console.log(`[IncrementalCoverage] \u68C0\u6D4B\u5230 webpack-dev-server v${wdsVersion}\uFF0C\u4F7F\u7528 ${useSetupMiddlewares ? "setupMiddlewares" : "before"} API`);
+        } catch (e) {
+          console.warn("[IncrementalCoverage] \u65E0\u6CD5\u68C0\u6D4B webpack-dev-server \u7248\u672C\uFF0C\u9ED8\u8BA4\u4F7F\u7528 before API");
+          useSetupMiddlewares = false;
+        }
+      }
+      if (useSetupMiddlewares) {
+        const originalSetupMiddlewares = compiler.options.devServer.setupMiddlewares;
+        compiler.options.devServer.setupMiddlewares = (middlewares, devServer) => {
+          if (originalSetupMiddlewares) {
+            middlewares = originalSetupMiddlewares(middlewares, devServer);
+          }
+          devServer.app?.post("/coverage", coverageHandler);
+          console.log("[IncrementalCoverage] \u4E2D\u95F4\u4EF6\u5DF2\u6CE8\u518C (webpack-dev-server 4.x+)");
+          return middlewares;
+        };
+      } else {
+        const originalBefore = compiler.options.devServer.before;
+        compiler.options.devServer.before = (app, server, compiler2) => {
+          if (originalBefore) {
+            originalBefore(app, server, compiler2);
+          }
+          app.post("/coverage", coverageHandler);
+          console.log("[IncrementalCoverage] \u4E2D\u95F4\u4EF6\u5DF2\u6CE8\u518C (webpack-dev-server 3.x)");
+        };
+      }
+      compiler.hooks.compilation.tap("IncrementalCoveragePlugin", (compilation) => {
+        const isWebpack4 = !compiler.webpack || !compiler.webpack.Compilation || !compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS;
+        const emitClientScript = () => {
+          const clientScript = `
+                        (function () {
+                            console.log('[Coverage Client] \u542F\u52A8 v2.2 with Overlay');
+
+                            var config = {
+                                endpoint: '/coverage',
+                                interval: 5000,
+                                maxRetries: 3,
+                                retryDelay: 1000,
+                                timeout: 5000,
+                                storageKey: '__incremental_coverage_cache__',
+                                enableOverlay: ${options.enableOverlay !== false}
+  };
+
+            var state = {
+                lastDataHash: '',
+                isReporting: false,
+                retryQueue: JSON.parse(localStorage.getItem(config.storageKey) || '[]')
+            };
+
+            // --- Overlay Logic ---
+            var overlay = null;
+
+            function createOverlay() {
+                if (!config.enableOverlay || overlay) return;
+
+                var host = document.createElement('div');
+                host.id = 'inc-cov-overlay-host';
+                host.style.cssText = 'position:fixed;bottom:20px;right:20px;z-index:999999;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;';
+                document.body.appendChild(host);
+
+                var shadow = host.attachShadow({ mode: 'open' });
+                var container = document.createElement('div');
+                container.id = 'inc-cov-pill';
+
+                var style = document.createElement('style');
+                style.textContent = \`
+        :host { all: initial; }
+        .pill {
+            background: #222;
+            color: #fff;
+            padding: 8px 16px;
+            border-radius: 99px;
+            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+            font-size: 13px;
+            font-weight: 600;
+            cursor: pointer;
+            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            border: 1px solid rgba(255,255,255,0.1);
+            backdrop-filter: blur(10px);
+            -webkit-backdrop-filter: blur(10px);
+        }
+        .pill:hover { 
+            transform: translateY(-2px); 
+            box-shadow: 0 8px 20px rgba(0,0,0,0.25);
+            background: #2a2a2a;
+        }
+        .dot { 
+            width: 8px; 
+            height: 8px; 
+            border-radius: 50%; 
+            background: #666; 
+            box-shadow: 0 0 8px rgba(255,255,255,0.2);
+            transition: background 0.3s ease;
+        }
+        .content { display: flex; flex-direction: column; line-height: 1.2; }
+        .label { font-size: 10px; opacity: 0.6; text-transform: uppercase; letter-spacing: 0.5px; }
+        .value { font-size: 14px; font-variant-numeric: tabular-nums; }
+      \`;
+      
+      shadow.appendChild(style);
+      shadow.appendChild(container);
+      
+      overlay = { shadow: shadow, container: container };
+      updateOverlay(null, 'init');
+      
+      // Click to open report (optional, logic needed to know report URL or open new tab)
+      // For now, maybe just log or simple alert
+      container.addEventListener('click', function() {
+        console.log('[Coverage Overlay] Clicked');
+      });
+  }
+
+  function updateOverlay(data, status) {
+      if (!overlay) return;
+      var container = overlay.container;
+      
+      var color = '#666';
+      var labelText = 'Ready';
+      var valueText = 'Inc. Coverage';
+      
+      if (status === 'init') {
+        valueText = 'Connecting...';
+      } else if (status === 'ok' && data) {
+         var rate = data.rate;
+         if (rate >= 80) color = '#10b981'; // Green
+         else if (rate >= 50) color = '#f59e0b'; // Orange
+         else color = '#ef4444'; // Red
+         
+         labelText = 'Changed Lines: ' + data.totalLines;
+         valueText = rate + '%';
+      } else {
+         color = '#ef4444';
+         valueText = 'Error';
+      }
+
+      container.innerHTML = \`
+        <div class="pill">
+            <div class="dot" style="background: \${color}; box-shadow: 0 0 8px \${color}66;"></div>
+            <div class="content">
+                <span class="label">\${labelText}</span>
+                <span class="value">\${valueText}</span>
+            </div>
+        </div>
+      \`;
+  }
+
+  function getHash(obj) {
+    return JSON.stringify(obj).length + '';
+  }
+
+  function compressAndEncode(data) {
+    try {
+      return btoa(encodeURIComponent(JSON.stringify(data)));
+    } catch (e) {
+      console.error('[Coverage Client] \u7F16\u7801\u5931\u8D25:', e);
+      return null;
+    }
+  }
+
+  function sendData(coverageData, isRetry) {
+    if (state.isReporting && !isRetry) return;
+    
+    var currentHash = getHash(coverageData);
+    if (!isRetry && currentHash === state.lastDataHash) return;
+
+    state.isReporting = true;
+    var payload = compressAndEncode(coverageData);
+    if (!payload) { state.isReporting = false; return; }
+
+    fetch(config.endpoint, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json', 'X-Coverage-Compressed': 'base64' },
+      body: JSON.stringify({ data: payload }),
+      signal: AbortSignal.timeout ? AbortSignal.timeout(config.timeout) : undefined
+    })
+    .then(function(res) {
+      return res.json().then(function(json) {
+         if (res.ok) { return json; }
+         throw new Error(json.error || 'Server error');
+      });
+    })
+    .then(function(json) {
+        state.lastDataHash = currentHash;
+        
+        // Update Overlay
+        if (json.coverage) {
+            updateOverlay(json.coverage, 'ok');
+        }
+        
+        if (state.retryQueue.length > 0) {
+          var next = state.retryQueue.shift();
+          localStorage.setItem(config.storageKey, JSON.stringify(state.retryQueue));
+          sendData(next, true);
+        }
+    })
+    .catch(function(err) {
+      console.warn('[Coverage Client] \u4E0A\u62A5\u5931\u8D25:', err.message);
+      updateOverlay(null, 'error');
+      if (!isRetry) {
+        state.retryQueue.push(coverageData);
+        if (state.retryQueue.length > 10) state.retryQueue.shift();
+        localStorage.setItem(config.storageKey, JSON.stringify(state.retryQueue));
+      }
+    })
+    .finally(function() {
+      state.isReporting = false;
+    });
+  }
+
+  // Init
+  if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', createOverlay);
+  } else {
+      createOverlay();
+  }
+
+  setInterval(function() {
+    if (window.__coverage__) {
+      sendData(window.__coverage__, false);
+    }
+  }, config.interval);
+
+  window.addEventListener('beforeunload', function() {
+    if (window.__coverage__ && getHash(window.__coverage__) !== state.lastDataHash) {
+      var payload = compressAndEncode(window.__coverage__);
+      if (payload) {
+        navigator.sendBeacon(config.endpoint, JSON.stringify({ data: payload }));
+      }
+    }
+  });
+})();
+                        `.trim();
+          if (isWebpack4) {
+            let RawSource;
+            try {
+              const webpack = __require("webpack");
+              RawSource = webpack.sources?.RawSource;
+              if (!RawSource) {
+                ({ RawSource } = __require("webpack-sources"));
+              }
+            } catch (e) {
+              try {
+                ({ RawSource } = __require("webpack-sources"));
+              } catch (e2) {
+                console.error("[IncrementalCoverage] \u65E0\u6CD5\u52A0\u8F7D webpack-sources:", e2);
+                throw new Error("webpack-sources is required for Webpack 4. Please install it: npm install webpack-sources");
+              }
+            }
+            compilation.assets["coverage-client.js"] = new RawSource(clientScript);
+          } else {
+            compilation.emitAsset(
+              "coverage-client.js",
+              new compiler.webpack.sources.RawSource(clientScript)
+            );
+          }
+        };
+        if (isWebpack4) {
+          compilation.hooks.additionalAssets.tap("IncrementalCoveragePlugin", emitClientScript);
+          console.log("[IncrementalCoverage] \u4F7F\u7528 Webpack 4 API (additionalAssets)");
+        } else {
+          compilation.hooks.processAssets.tap(
+            {
+              name: "IncrementalCoveragePlugin",
+              stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
+            },
+            emitClientScript
+          );
+          console.log("[IncrementalCoverage] \u4F7F\u7528 Webpack 5+ API (processAssets)");
+        }
+        const HtmlWebpackPlugin = compiler.options.plugins?.find(
+          (plugin) => plugin.constructor.name === "HtmlWebpackPlugin"
+        )?.constructor;
+        if (HtmlWebpackPlugin) {
+          HtmlWebpackPlugin.getHooks(compilation).alterAssetTagGroups.tapAsync(
+            "IncrementalCoveragePlugin",
+            (data, cb) => {
+              data.bodyTags.push({
+                tagName: "script",
+                voidTag: false,
+                attributes: {
+                  src: "/coverage-client.js"
+                }
+              });
+              console.log("[IncrementalCoverage] \u5BA2\u6237\u7AEF\u811A\u672C\u5DF2\u81EA\u52A8\u6CE8\u5165");
+              cb(null, data);
+            }
+          );
+        } else {
+          console.warn("[IncrementalCoverage] \u672A\u627E\u5230 HtmlWebpackPlugin\uFF0C\u5BA2\u6237\u7AEF\u811A\u672C\u9700\u8981\u624B\u52A8\u5F15\u5165");
+        }
+      });
+      const finalReport = async () => {
+        if (pendingResult) {
+          console.log("[IncrementalCoverage] \u6B63\u5728\u751F\u6210\u9000\u51FA\u524D\u7684\u6700\u7EC8\u62A5\u544A...");
+          try {
+            await reporter.generate(pendingResult);
+          } catch (e) {
+            console.error("[IncrementalCoverage] \u9000\u51FA\u524D\u751F\u6210\u62A5\u544A\u5931\u8D25:", e);
+          }
+          pendingResult = null;
+        }
+      };
+      process.once("SIGINT", async () => {
+        await finalReport();
+        process.exit(0);
+      });
+      process.once("SIGTERM", async () => {
+        await finalReport();
+        process.exit(0);
+      });
+    },
+    /**
+     * Vite 特定的钩子
+     * 
+     * 在 Vite 环境中，需要：
+     * 1. 通过 transform 钩子注入 babel-plugin-istanbul
+     * 2. 通过 configureServer 添加中间件
+     * 3. 支持 HMR（热模块替换）
+     */
+    vite: {
+      // 只在开发模式下应用
+      apply: "serve",
+      /**
+       * 配置解析完成后的钩子
+       * 
+       * 在这里可以访问完整的 Vite 配置
+       */
+      configResolved(config) {
+        console.log("[IncrementalCoverage] Vite \u6A21\u5F0F");
+      },
+      /**
+       * 配置开发服务器的钩子
+       * 
+       * 在这里添加自定义中间件
+       */
+      configureServer(server) {
+      }
+    },
+    /**
+     * 构建开始时的钩子
+     * 
+     * 可以在这里进行初始化工作
+     */
+    buildStart() {
+      console.log("[IncrementalCoverage] \u6784\u5EFA\u5F00\u59CB");
+    },
+    /**
+     * 构建结束时的钩子
+     * 
+     * 可以在这里进行清理工作
+     */
+    buildEnd() {
+      console.log("[IncrementalCoverage] \u6784\u5EFA\u7ED3\u675F");
+    }
+  };
+});
+
+// src/webpack.ts
+var webpack_default = IncrementalCoveragePlugin.webpack;
+var WebpackIncrementalCoveragePlugin = IncrementalCoveragePlugin.webpack;
+export {
+  WebpackIncrementalCoveragePlugin,
+  webpack_default as default
+};
+//# sourceMappingURL=webpack.mjs.map