canicode 0.8.6 → 0.8.8

package/dist/cli/index.js

@@ -28,7 +28,7 @@ __export(visual_compare_exports, {
 });
 async function fetchFigmaScreenshot(fileKey, nodeId, token, outputPath) {
   const res = await fetch(
-    `https://api.figma.com/v1/images/${fileKey}?ids=${nodeId}&format=png&scale=2`,
+    `https://api.figma.com/v1/images/${fileKey}?ids=${nodeId}&format=png&scale=1`,
     { headers: { "X-Figma-Token": token } }
   );
   if (!res.ok) throw new Error(`Figma Images API: ${res.status} ${res.statusText}`);
@@ -50,7 +50,12 @@ async function renderCodeScreenshot(codePath, outputPath, viewport) {
     timeout: 3e4
   });
   await page.waitForTimeout(1e3);
-  await page.screenshot({ path: outputPath, fullPage: true });
+  const root = page.locator("body > *:first-child");
+  if (await root.count() > 0) {
+    await root.screenshot({ path: outputPath });
+  } else {
+    await page.screenshot({ path: outputPath });
+  }
   await browser.close();
 }
 function resizePng(png, targetWidth, targetHeight) {
@@ -72,12 +77,26 @@ function resizePng(png, targetWidth, targetHeight) {
 function compareScreenshots(path1, path2, diffOutputPath) {
   const raw1 = PNG.sync.read(readFileSync(path1));
   const raw2 = PNG.sync.read(readFileSync(path2));
-  const width = Math.max(raw1.width, raw2.width);
-  const height = Math.max(raw1.height, raw2.height);
-  const img1 = raw1.width !== width || raw1.height !== height ? resizePng(raw1, width, height) : raw1;
-  const img2 = raw2.width !== width || raw2.height !== height ? resizePng(raw2, width, height) : raw2;
+  if (raw1.width !== raw2.width || raw1.height !== raw2.height) {
+    const width2 = Math.max(raw1.width, raw2.width);
+    const height2 = Math.max(raw1.height, raw2.height);
+    const img1 = resizePng(raw1, width2, height2);
+    const img2 = resizePng(raw2, width2, height2);
+    const diff2 = new PNG({ width: width2, height: height2 });
+    pixelmatch(img1.data, img2.data, diff2.data, width2, height2, { threshold: 0.1 });
+    mkdirSync(dirname(diffOutputPath), { recursive: true });
+    writeFileSync(diffOutputPath, PNG.sync.write(diff2));
+    return {
+      similarity: 0,
+      diffPixels: width2 * height2,
+      totalPixels: width2 * height2,
+      width: width2,
+      height: height2
+    };
+  }
+  const { width, height } = raw1;
   const diff = new PNG({ width, height });
-  const diffPixels = pixelmatch(img1.data, img2.data, diff.data, width, height, {
+  const diffPixels = pixelmatch(raw1.data, raw2.data, diff.data, width, height, {
     threshold: 0.1
   });
   mkdirSync(dirname(diffOutputPath), { recursive: true });
@@ -1105,7 +1124,7 @@ async function loadFromApi(fileKey, nodeId, token) {
 }
 
 // package.json
-var version = "0.8.6";
+var version = "0.8.8";
 var AnalysisNodeTypeSchema = z.enum([
   "DOCUMENT",
   "CANVAS",