@uiverify/vitest 1.0.1 → 1.1.0

package/dist/browser-setup.js

@@ -1,14 +1,11 @@
 import {
   autoSnapshot,
   beginTest
-} from "./chunk-ZCABESWT.js";
-import {
-  UI_VERIFY_GLOBAL
-} from "./chunk-X2KT34IP.js";
+} from "./chunk-YDH23IMH.js";
 
 // src/browser-setup.ts
 import { afterEach, beforeEach, inject } from "vitest";
-Reflect.set(globalThis, UI_VERIFY_GLOBAL, true);
+Reflect.set(globalThis, "__UI_VERIFY__", true);
 function globalAutoDisabled() {
   try {
     return Boolean(inject("__uiverify")?.disableAutoSnapshot);

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

@@ -23,7 +23,83 @@ function snapshotIds(task, name) {
   return { id: name ? `${idBase}::${name}` : idBase, title };
 }
 
+// package.json
+var package_default = {
+  name: "@uiverify/vitest",
+  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",
+    "visual-regression",
+    "vitest",
+    "vitest-browser",
+    "screenshot-testing",
+    "rrweb",
+    "uiverify"
+  ],
+  homepage: "https://uiverify.ai",
+  bugs: "https://github.com/uiverify/uiverify/issues",
+  repository: {
+    type: "git",
+    url: "git+https://github.com/uiverify/uiverify.git",
+    directory: "packages/vitest"
+  },
+  license: "MIT",
+  author: "UI Verify",
+  engines: {
+    node: ">=24"
+  },
+  type: "module",
+  publishConfig: {
+    access: "public"
+  },
+  main: "./dist/index.js",
+  types: "./dist/index.d.ts",
+  exports: {
+    ".": {
+      types: "./dist/index.d.ts",
+      default: "./dist/index.js"
+    },
+    "./plugin": {
+      types: "./dist/plugin.d.ts",
+      default: "./dist/plugin.js"
+    },
+    "./browser-setup": {
+      types: "./dist/browser-setup.d.ts",
+      default: "./dist/browser-setup.js"
+    }
+  },
+  files: [
+    "dist",
+    "LICENSE"
+  ],
+  scripts: {
+    build: "tsup",
+    prepublishOnly: "pnpm build",
+    typecheck: "tsc --noEmit",
+    test: "vitest run"
+  },
+  peerDependencies: {
+    "@vitest/browser": ">=3.0.0",
+    vitest: ">=3.0.0"
+  },
+  dependencies: {
+    "rrweb-snapshot": "^2.1.0"
+  },
+  devDependencies: {
+    "@rrweb/types": "^2.0.0",
+    "@types/node": "^24.0.0",
+    "@uiverify/archive-core": "workspace:*",
+    "@vitest/browser": "^4.1.8",
+    tsup: "^8.5.0",
+    typescript: "^5.7.0",
+    vite: "^6.0.0",
+    vitest: "^4.1.8"
+  }
+};
+
 // src/capture.ts
+var PRODUCER = { name: package_default.name, version: package_default.version };
 var MAX_RESOURCE_BYTES = 10 * 1024 * 1024;
 function isArchivableContentType(contentType) {
   if (!contentType) return false;
@@ -87,7 +163,12 @@ async function capture(task, name) {
     ...deviceScaleFactor ? { deviceScaleFactor } : {},
     colorScheme,
     dom,
-    resources
+    resources,
+    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-ZCABESWT.js";
+} from "./chunk-YDH23IMH.js";
 export {
   disableAutoSnapshot,
   takeSnapshot

package/dist/plugin.js

@@ -1,7 +1,144 @@
-import {
-  resolveOutDir,
-  writeSnapshot
-} from "./chunk-X2KT34IP.js";
+// ../archive-core/src/snapshot-file.ts
+import { createHash } from "crypto";
+function snapshotFileName(id) {
+  const slug = id.replace(/[^a-zA-Z0-9._-]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 80);
+  const hash = createHash("sha1").update(id).digest("hex").slice(0, 10);
+  return `${slug || "snapshot"}-${hash}.json`;
+}
+
+// ../archive-core/src/out-dir.ts
+import path from "path";
+function resolveOutDir() {
+  return process.env.UIVERIFY_ARCHIVE_DIR ?? path.resolve(process.cwd(), "uiverify-archive");
+}
+
+// ../archive-core/src/ui-verify.ts
+var UI_VERIFY_GLOBAL = "__UI_VERIFY__";
+var UI_VERIFY_MARKER_SCRIPT = `globalThis.${UI_VERIFY_GLOBAL} = true;`;
+
+// ../archive-core/src/write.ts
+import fs from "fs";
+import path2 from "path";
+function writeSnapshot(outDir, snapshot) {
+  const dir = path2.join(outDir, "snapshots");
+  fs.mkdirSync(dir, { recursive: true });
+  const file = path2.join(dir, snapshotFileName(snapshot.id));
+  fs.writeFileSync(file, JSON.stringify(snapshot));
+  return file;
+}
+
+// ../archive-core/src/finalize.ts
+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";
@@ -16,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.1",
+  "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",

package/dist/chunk-X2KT34IP.js

@@ -1,40 +0,0 @@
-// ../archive-core/src/out-dir.ts
-import path from "path";
-function resolveOutDir() {
-  return process.env.UIVERIFY_ARCHIVE_DIR ?? path.resolve(process.cwd(), "uiverify-archive");
-}
-
-// ../archive-core/src/ui-verify.ts
-var UI_VERIFY_GLOBAL = "__UI_VERIFY__";
-var UI_VERIFY_MARKER_SCRIPT = `globalThis.${UI_VERIFY_GLOBAL} = true;`;
-
-// ../archive-core/src/write.ts
-import fs from "fs";
-import path2 from "path";
-
-// ../archive-core/src/snapshot-file.ts
-import { createHash } from "crypto";
-function snapshotFileName(id) {
-  const slug = id.replace(/[^a-zA-Z0-9._-]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 80);
-  const hash = createHash("sha1").update(id).digest("hex").slice(0, 10);
-  return `${slug || "snapshot"}-${hash}.json`;
-}
-
-// ../archive-core/src/write.ts
-function writeSnapshot(outDir, snapshot) {
-  const dir = path2.join(outDir, "snapshots");
-  fs.mkdirSync(dir, { recursive: true });
-  const file = path2.join(dir, snapshotFileName(snapshot.id));
-  fs.writeFileSync(file, JSON.stringify(snapshot));
-  return file;
-}
-
-// ../archive-core/src/finalize.ts
-import fs2 from "fs";
-import path3 from "path";
-
-export {
-  resolveOutDir,
-  UI_VERIFY_GLOBAL,
-  writeSnapshot
-};