@tempo-ai/visual-review 0.0.2 → 0.0.107-staging.2

package/dist/bin.js

@@ -6,7 +6,7 @@ async function main(argv = process.argv.slice(2)) {
   const [command, ...commandArgs] = argv;
   switch (command) {
     case "capture":
-      return await (await import("./cli-X7OOU6H4.js")).main(commandArgs);
+      return await (await import("./cli-JCGZRFSY.js")).main(commandArgs);
     case "claim":
       return await (await import("./claim-WI2ZVIDS.js")).main(commandArgs);
     case "report":

package/dist/{chunk-HTDJZ32L.js → chunk-MW6S36CX.js}

@@ -534,6 +534,9 @@ function installRenderProfileInPage() {
   const renderers = /* @__PURE__ */ new Map();
   profileWindow.__REACT_DEVTOOLS_GLOBAL_HOOK__ = {
     supportsFiber: true,
+    // Consumers that also load `modules/iframe-projection` see this window
+    // property through its global `DevToolsHook` augmentation, where
+    // `renderers` is typed by ReactRenderer; this stub only counts them.
     renderers,
     inject(renderer) {
       profile.reactInjectedMs ??= performance.now() - profile.startedAtMs;
@@ -4603,7 +4606,7 @@ async function parcelEventToFileEvent(event, rootInfo) {
 // ../tempo-sdk/package.json
 var package_default = {
   name: "tempo-sdk",
-  version: "0.0.38",
+  version: "0.0.40",
   type: "module",
   description: "Tempo SDK \u2014 Vite, Next.js, and Expo plugins for JSX annotation and shared page/storyboard types",
   repository: {
@@ -12233,6 +12236,44 @@ async function readTempoDevserverConfig(tempoConfigPath) {
     tempoHostUrl: config.urls?.tempoHost ?? null
   };
 }
+function projectRootForTempoDir(tempoDir) {
+  const resolved = path14.resolve(tempoDir);
+  return path14.basename(resolved) === "tempo" ? path14.dirname(resolved) : resolved;
+}
+async function resolveCanvasHostLayout(options) {
+  const repoRoot = path14.resolve(options.repoRoot);
+  const candidates = options.tempoDir ? [path14.join(path14.resolve(options.tempoDir), "tempo.config.json")] : [
+    path14.join(repoRoot, "tempo", "tempo.config.json"),
+    path14.join(repoRoot, "tempo.config.json")
+  ];
+  for (const configPath of candidates) {
+    let parsed;
+    try {
+      parsed = JSON.parse(await readFile10(configPath, "utf-8"));
+    } catch {
+      continue;
+    }
+    if (typeof parsed !== "object" || parsed === null || !("scripts" in parsed)) {
+      continue;
+    }
+    const tempoDir2 = path14.dirname(configPath);
+    const paths = parsed.paths;
+    const canvases = typeof paths?.canvases === "string" && paths.canvases.trim().length > 0 ? paths.canvases.trim().split("\\").join("/") : "designs";
+    return {
+      tempoDir: tempoDir2,
+      projectRoot: projectRootForTempoDir(tempoDir2),
+      pagesDir: path14.resolve(tempoDir2, canvases),
+      configPath
+    };
+  }
+  const tempoDir = options.tempoDir ? path14.resolve(options.tempoDir) : path14.join(repoRoot, "tempo");
+  return {
+    tempoDir,
+    projectRoot: projectRootForTempoDir(tempoDir),
+    pagesDir: path14.join(tempoDir, "designs"),
+    configPath: null
+  };
+}
 function resolveTempoDir(options) {
   if (options.tempoConfigPath) return path14.dirname(options.tempoConfigPath);
   if (options.tempoDir) return options.tempoDir;
@@ -12317,7 +12358,7 @@ async function startDevserverSession(options) {
     scripts: config.scripts
   });
   await devServer.initialize();
-  const projectRoot = path14.dirname(tempoDir);
+  const projectRoot = projectRootForTempoDir(tempoDir);
   for (const hostCanvasPath of hostCanvasPaths) {
     await devServer.ensureCanvasRegistered(
       path14.join(projectRoot, hostCanvasPath)
@@ -12393,14 +12434,14 @@ async function startDevserverSession(options) {
 }
 
 // ../canvas-capture-headless/src/enumerate.ts
-import { readFile as readFile11 } from "fs/promises";
+import { access as access4, readFile as readFile11 } from "fs/promises";
 import path15 from "path";
 function toPosixPath2(value) {
   return value.split(path15.sep).join("/");
 }
 async function enumerateCanvasStoryboards(options) {
   const pagesDir = options.pagesDir ?? path15.join(options.tempoDir, "designs");
-  const projectRoot = path15.dirname(options.tempoDir);
+  const projectRoot = projectRootForTempoDir(options.tempoDir);
   const canvasFiles = await scanCanvasFiles(pagesDir);
   const storyboards = [];
   const structuralErrors = [];
@@ -12465,6 +12506,61 @@ async function enumerateCanvasStoryboards(options) {
     vrtConfigErrors
   };
 }
+async function enumerateTrackedStoryboards(options) {
+  try {
+    await access4(options.tempoDir);
+  } catch {
+    return {
+      tracked: [],
+      paused: [],
+      totalStoryboards: 0,
+      totalCanvases: 0,
+      errors: []
+    };
+  }
+  const enumeration = await enumerateCanvasStoryboards(options);
+  const tracked = [];
+  const paused = [];
+  const errors = [
+    ...enumeration.structuralErrors,
+    ...enumeration.vrtConfigErrors
+  ];
+  for (const storyboard of enumeration.storyboards) {
+    if (!storyboard.vrt) continue;
+    const board = {
+      canvasPath: storyboard.canvasPath,
+      hostCanvasPath: storyboard.hostCanvasPath,
+      storyboardId: storyboard.storyboardId,
+      name: storyboard.name,
+      layout: storyboard.layout,
+      threshold: storyboard.vrt.threshold,
+      ignore: storyboard.vrt.ignore
+    };
+    const maskedArea = (storyboard.vrt.ignore ?? []).reduce(
+      (total, region) => total + Math.max(0, Math.min(region.w, board.layout.width)) * Math.max(0, Math.min(region.h, board.layout.height)),
+      0
+    );
+    if (maskedArea >= 0.9 * board.layout.width * board.layout.height) {
+      errors.push({
+        filePath: storyboard.filePath,
+        message: `<Storyboard id="${storyboard.storyboardId}"> vrt.ignore masks \u226590% of the board \u2014 untrack it instead`
+      });
+      continue;
+    }
+    if (storyboard.vrt.skip) {
+      paused.push(board);
+      continue;
+    }
+    tracked.push(board);
+  }
+  return {
+    tracked,
+    paused,
+    totalStoryboards: enumeration.totalStoryboards,
+    totalCanvases: enumeration.totalCanvases,
+    errors
+  };
+}
 
 // ../canvas-capture-headless/src/timing.ts
 function percentile(sortedValues, p) {
@@ -12544,64 +12640,8 @@ var TimingReport = class {
 };
 
 // src/enumerate.ts
-import { access as access4 } from "fs/promises";
-async function enumerateTrackedStoryboards(options) {
-  try {
-    await access4(options.tempoDir);
-  } catch {
-    return {
-      tracked: [],
-      paused: [],
-      totalStoryboards: 0,
-      totalCanvases: 0,
-      errors: []
-    };
-  }
-  const enumeration = await enumerateCanvasStoryboards({
-    tempoDir: options.tempoDir,
-    pagesDir: options.pagesDir
-  });
-  const tracked = [];
-  const paused = [];
-  const errors = [
-    ...enumeration.structuralErrors,
-    ...enumeration.vrtConfigErrors
-  ];
-  for (const storyboard of enumeration.storyboards) {
-    if (!storyboard.vrt) continue;
-    const board = {
-      canvasPath: storyboard.canvasPath,
-      hostCanvasPath: storyboard.hostCanvasPath,
-      storyboardId: storyboard.storyboardId,
-      name: storyboard.name,
-      layout: storyboard.layout,
-      threshold: storyboard.vrt.threshold,
-      ignore: storyboard.vrt.ignore
-    };
-    const maskedArea = (storyboard.vrt.ignore ?? []).reduce(
-      (total, region) => total + Math.max(0, Math.min(region.w, board.layout.width)) * Math.max(0, Math.min(region.h, board.layout.height)),
-      0
-    );
-    if (maskedArea >= 0.9 * board.layout.width * board.layout.height) {
-      errors.push({
-        filePath: storyboard.filePath,
-        message: `<Storyboard id="${storyboard.storyboardId}"> vrt.ignore masks \u226590% of the board \u2014 untrack it instead`
-      });
-      continue;
-    }
-    if (storyboard.vrt.skip) {
-      paused.push(board);
-      continue;
-    }
-    tracked.push(board);
-  }
-  return {
-    tracked,
-    paused,
-    totalStoryboards: enumeration.totalStoryboards,
-    totalCanvases: enumeration.totalCanvases,
-    errors
-  };
+async function enumerateTrackedStoryboards2(options) {
+  return await enumerateTrackedStoryboards(options);
 }
 
 // src/fingerprint.ts
@@ -12824,6 +12864,7 @@ function parseArgs(argv) {
   const args = {
     repoRoot: inferRepoRoot(),
     tempoDir: "",
+    tempoDirExplicit: false,
     // The published CLI is intentionally near-argumentless in Actions. Local
     // capture remains Convex-free unless --upload is explicit.
     upload: process.env.GITHUB_ACTIONS === "true" && inferredTrigger !== "manual",
@@ -12854,6 +12895,7 @@ function parseArgs(argv) {
         break;
       case "--tempo-dir":
         args.tempoDir = path16.resolve(next());
+        args.tempoDirExplicit = true;
         break;
       case "--out":
         args.out = path16.resolve(next());
@@ -13046,6 +13088,12 @@ function startClaimHeartbeat(options) {
     }
   };
 }
+function explicitTempoDirRelative(args) {
+  if (!args.tempoDirExplicit) return void 0;
+  const relative2 = path16.relative(args.repoRoot, args.tempoDir);
+  if (relative2.startsWith("..") || path16.isAbsolute(relative2)) return void 0;
+  return relative2;
+}
 function buildBaselineCaptureArgs(input) {
   const args = [
     "capture",
@@ -13067,6 +13115,12 @@ function buildBaselineCaptureArgs(input) {
   ];
   if (input.url) args.push("--url", input.url);
   if (input.githubRepo) args.push("--github-repo", input.githubRepo);
+  if (input.tempoDirRelative !== void 0) {
+    args.push(
+      "--tempo-dir",
+      path16.join(input.worktreeRoot, input.tempoDirRelative || ".")
+    );
+  }
   if (input.repoKey) args.push("--repo-key", input.repoKey);
   if (input.settleTimeoutMs !== void 0) {
     args.push("--settle-timeout", String(input.settleTimeoutMs));
@@ -13101,7 +13155,8 @@ async function runBaselineCaptureInWorktree(options) {
         url: options.args.url,
         githubRepo: options.args.githubRepo,
         repoKey: options.args.repoKey,
-        settleTimeoutMs: options.args.settleTimeoutMs
+        settleTimeoutMs: options.args.settleTimeoutMs,
+        tempoDirRelative: explicitTempoDirRelative(options.args)
       })
     ];
     await new Promise((resolve2, reject) => {
@@ -13152,10 +13207,15 @@ async function main(argv = process.argv.slice(2)) {
   if (args.trigger === "pr" && baseCandidates.length === 0) {
     throw new Error("--trigger pr requires --base <merge-base sha>");
   }
-  const pagesDir = path16.join(args.tempoDir, "designs");
+  const layout = await resolveCanvasHostLayout({
+    repoRoot: args.repoRoot,
+    tempoDir: args.tempoDirExplicit ? args.tempoDir : void 0
+  });
+  args.tempoDir = layout.tempoDir;
+  const pagesDir = layout.pagesDir;
   const enumeration = await timing.phase(
     "enumerate",
-    () => enumerateTrackedStoryboards({ tempoDir: args.tempoDir, pagesDir })
+    () => enumerateTrackedStoryboards2({ tempoDir: args.tempoDir, pagesDir })
   );
   if (enumeration.errors.length > 0) {
     for (const error of enumeration.errors) {
@@ -13608,13 +13668,14 @@ export {
   percentile,
   summarize,
   TimingReport,
-  enumerateTrackedStoryboards,
+  enumerateTrackedStoryboards2 as enumerateTrackedStoryboards,
   scaleIgnoreRegionsToDevicePx,
   VisualReviewHttpError,
   VisualReviewIngestClient,
   resolveOrClaimBaseline,
+  explicitTempoDirRelative,
   buildBaselineCaptureArgs,
   main,
   VISUAL_REVIEW_OIDC_AUDIENCE
 };
-//# sourceMappingURL=chunk-HTDJZ32L.js.map
+//# sourceMappingURL=chunk-MW6S36CX.js.map