@uiverify/vitest 1.0.2 → 1.1.0

package/dist/browser-setup.js

@@ -1,7 +1,7 @@
 import {
   autoSnapshot,
   beginTest
-} from "./chunk-W4AFNW3N.js";
+} from "./chunk-YDH23IMH.js";
 
 // src/browser-setup.ts
 import { afterEach, beforeEach, inject } from "vitest";

package/dist/{chunk-W4AFNW3N.js → chunk-YDH23IMH.js}

@@ -26,7 +26,7 @@ function snapshotIds(task, name) {
 // package.json
 var package_default = {
   name: "@uiverify/vitest",
-  version: "1.0.2",
+  version: "1.1.0",
   description: "Vitest browser-mode capture SDK for UI Verify (uiverify.ai): add uiverifyPlugin() to your Vitest config and each browser-mode test archives its final DOM (serialized DOM + resource bytes) to be replayed + visually diffed by UI Verify. Produces an archive the uiverify CLI uploads; talks to nothing at runtime.",
   keywords: [
     "visual-testing",
@@ -164,7 +164,11 @@ async function capture(task, name) {
     colorScheme,
     dom,
     resources,
-    producer: PRODUCER
+    producer: PRODUCER,
+    // The test file (project-root-relative), so UI Verify can locate this snapshot in the module graph
+    // for skip-unchanged. `task.file.name` is already root-relative — the same value snapshot ids derive
+    // their first segment from — so it lines up with the graph names the reporter emits.
+    ...task.file?.name ? { sourcePath: task.file.name } : {}
   };
   await commands.__uiverifyWriteSnapshot(archived);
   return id;

package/dist/index.js

@@ -1,7 +1,7 @@
 import {
   disableAutoSnapshot,
   takeSnapshot
-} from "./chunk-W4AFNW3N.js";
+} from "./chunk-YDH23IMH.js";
 export {
   disableAutoSnapshot,
   takeSnapshot

package/dist/plugin.js

@@ -31,6 +31,115 @@ function writeSnapshot(outDir, snapshot) {
 import fs2 from "fs";
 import path3 from "path";
 
+// src/graph-reporter.ts
+import fs3 from "fs";
+import path5 from "path";
+
+// src/preview-stats.ts
+import path4 from "path";
+function toRepoRel(viteRoot, raw) {
+  if (!raw) return null;
+  const p = raw.replace(/\?.*$/, "");
+  if (p.includes("\0") || p.startsWith("virtual:")) return null;
+  if (!path4.isAbsolute(p)) return null;
+  if (/(^|[/\\])node_modules[/\\]/.test(p)) return null;
+  return path4.relative(viteRoot, p).split(path4.sep).join("/");
+}
+function buildPreviewStats(input) {
+  const reasonsByName = /* @__PURE__ */ new Map();
+  const ensure = (name) => {
+    let set = reasonsByName.get(name);
+    if (!set) reasonsByName.set(name, set = /* @__PURE__ */ new Set());
+    return set;
+  };
+  for (const mod of input.modules) {
+    const name = toRepoRel(input.viteRoot, mod.file ?? mod.id);
+    if (name === null) continue;
+    const reasons = ensure(name);
+    for (const imp of mod.importers ?? []) {
+      const r = toRepoRel(input.viteRoot, imp.file ?? imp.id);
+      if (r !== null && r !== name) reasons.add(r);
+    }
+  }
+  const testNames = input.testFiles.map((f) => toRepoRel(input.viteRoot, f)).filter((n) => n !== null);
+  for (const sf of input.setupFiles) {
+    const name = toRepoRel(input.viteRoot, sf);
+    if (name === null) continue;
+    const reasons = ensure(name);
+    for (const t of testNames) if (t !== name) reasons.add(t);
+  }
+  return {
+    modules: [...reasonsByName].map(([name, reasons]) => ({
+      name,
+      reasons: [...reasons].map((moduleName) => ({ moduleName }))
+    }))
+  };
+}
+
+// src/graph-reporter.ts
+function collectModules(map, out) {
+  if (typeof map?.forEach !== "function") return;
+  map.forEach((mod) => out.push(mod));
+}
+function buildStatsFromRun(vitest, testModules) {
+  const projects = vitest?.projects ?? [];
+  if (projects.length === 0) return null;
+  const testFilesByProject = /* @__PURE__ */ new Map();
+  for (const tm of testModules ?? []) {
+    if (!tm.project || !tm.moduleId) continue;
+    const arr = testFilesByProject.get(tm.project) ?? [];
+    arr.push(tm.moduleId);
+    testFilesByProject.set(tm.project, arr);
+  }
+  const reasonsByName = /* @__PURE__ */ new Map();
+  let any = false;
+  for (const project of projects) {
+    const vite = project.browser?.vite;
+    const viteRoot = vite?.config?.root;
+    if (!vite || !viteRoot) continue;
+    const modules = [];
+    collectModules((vite.environments?.client?.moduleGraph ?? vite.moduleGraph)?.idToModuleMap, modules);
+    if (modules.length === 0) continue;
+    const testFiles = [.../* @__PURE__ */ new Set([...testFilesByProject.get(project) ?? [], ...project.testFilesList ?? []])];
+    const stats = buildPreviewStats({ viteRoot, modules, setupFiles: project.config?.setupFiles ?? [], testFiles });
+    for (const m of stats.modules) {
+      let set = reasonsByName.get(m.name);
+      if (!set) reasonsByName.set(m.name, set = /* @__PURE__ */ new Set());
+      for (const r of m.reasons) set.add(r.moduleName);
+    }
+    any = true;
+  }
+  if (!any) return null;
+  return {
+    modules: [...reasonsByName].map(([name, reasons]) => ({
+      name,
+      reasons: [...reasons].map((moduleName) => ({ moduleName }))
+    }))
+  };
+}
+function emitModuleGraph(outDir, vitest, testModules) {
+  const stats = buildStatsFromRun(vitest, testModules);
+  if (!stats) return false;
+  fs3.mkdirSync(outDir, { recursive: true });
+  fs3.writeFileSync(path5.join(outDir, "preview-stats.json"), JSON.stringify(stats));
+  return true;
+}
+function graphReporter(outDir) {
+  let vitest;
+  return {
+    onInit(ctx) {
+      vitest = ctx;
+    },
+    onTestRunEnd(testModules) {
+      try {
+        emitModuleGraph(outDir, vitest, testModules);
+      } catch (err) {
+        console.warn("[uiverify] could not emit the module graph for --only-changed:", err);
+      }
+    }
+  };
+}
+
 // src/plugin.ts
 var SETUP_MODULE = "@uiverify/vitest/browser-setup";
 function uiverifyPlugin(options = {}) {
@@ -44,6 +153,11 @@ function uiverifyPlugin(options = {}) {
     optimizeDeps: { exclude: ["@uiverify/vitest"] },
     test: {
       setupFiles: [SETUP_MODULE],
+      // Emit Vite's module graph as `preview-stats.json` so `uiverify upload --only-changed` can skip
+      // unchanged snapshots. `"default"` is kept so the plugin doesn't silence Vitest's own output. If a
+      // user's own `reporters` config ends up displacing this, the only effect is that no graph ships and
+      // the server safely renders everything — add `graphReporter()` back to keep the skip savings.
+      reporters: ["default", graphReporter(outDir)],
       provide: { __uiverify: { disableAutoSnapshot: options.disableAutoSnapshot ?? false } },
       browser: {
         commands: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiverify/vitest",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Vitest browser-mode capture SDK for UI Verify (uiverify.ai): add uiverifyPlugin() to your Vitest config and each browser-mode test archives its final DOM (serialized DOM + resource bytes) to be replayed + visually diffed by UI Verify. Produces an archive the uiverify CLI uploads; talks to nothing at runtime.",
   "keywords": [
     "visual-testing",