afterbefore 0.1.18 → 0.2.0

package/README.md

@@ -17,7 +17,7 @@ Run it from a feature branch in any Next.js app router project:
 npx afterbefore
 ```
 
-It spins up two dev servers (your branch and the base branch), captures screenshots of affected routes, and diffs them pixel by pixel.
+It spins up two dev servers (your branch and the base branch) and captures screenshots of affected routes.
 
 Output lands in `.afterbefore/`:
 
@@ -25,10 +25,7 @@ Output lands in `.afterbefore/`:
 .afterbefore/
 └── feature-branch_2026-02-26/
     ├── about-before.png
-    ├── about-after.png
-    ├── about-diff.png
-    ├── about-compare.png
-    └── about-slider.html   # interactive slider
+    └── about-after.png
 ```
 
 ## How it works
@@ -38,9 +35,7 @@ Output lands in `.afterbefore/`:
 3. Builds an import graph by parsing ES module imports across your codebase
 4. Walks the graph backward from each changed file to find which `page.tsx` files are affected
 5. Creates a git worktree for the base branch and runs `npm install`
-6. Starts two Next.js dev servers in parallel (base branch + current branch)
-7. Captures full-page screenshots of each affected route on both servers using Playwright
-8. Compares screenshots with pixelmatch and generates diff images
+6. Starts two Next.js dev servers in parallel (base branch + current branch) and captures full-page screenshots of each affected route using Playwright
 
 Layouts work the same way. Edit `app/dashboard/layout.tsx` and it captures every page under `app/dashboard/`.
 
@@ -52,33 +47,13 @@ If only global files changed (like `globals.css` or `tailwind.config.ts`) and no
 |------|---------|-------------|
 | `--base <ref>` | `main` | Base branch to compare against |
 | `--output <dir>` | `.afterbefore` | Output directory |
-| `--post` | `false` | Post results as a GitHub PR comment |
-| `--threshold <percent>` | `0.1` | Ignore diffs below this percentage |
 | `--max-routes <count>` | `6` | Cap the number of routes captured (0 = unlimited) |
 | `--width <pixels>` | `1280` | Viewport width |
 | `--height <pixels>` | `720` | Viewport height |
-| `--device <name>` | — | Playwright device, e.g. `"iPhone 14"` |
 | `--delay <ms>` | `0` | Extra wait time after page load |
-| `--no-auto-tabs` | — | Disable auto-detection of ARIA tab states |
-| `--max-tabs <count>` | `5` | Max tabs to capture per route |
-| `--auto-sections` | `false` | Capture heading-labeled sections individually |
-| `--max-sections <count>` | `10` | Max sections per page state |
-
-## Post to PR
-
-The `--post` flag uses the GitHub CLI (`gh`) to add a comment to your open pull request with a markdown summary of the results. On subsequent runs, it updates the same comment instead of creating a new one.
-
-```bash
-npx afterbefore --post
-```
-
-You need `gh` installed and authenticated.
-
-## Auto-detection
-
-**Tabs.** If a page has ARIA tab controls (`role="tablist"` and `role="tab"`), afterbefore clicks through each tab and captures the state. This is on by default. Disable it with `--no-auto-tabs`.
-
-**Sections.** With `--auto-sections`, pages with 3+ headings get captured section by section. Each heading-labeled section is matched by text between before and after, so you can see exactly which section changed.
+| `--max-depth <n>` | `10` | Max import graph traversal depth |
+| `--dry-run` | `false` | Show affected routes without capturing |
+| `--verbose` | `false` | Show detailed import graph traversal |
 
 ## Configuration file
 
@@ -102,8 +77,6 @@ For pages that need interaction before capture (opening a modal, clicking a drop
 
 Actions run in order before the screenshot is taken. Supported actions: `click` (CSS selector), `scroll` (CSS selector), `wait` (milliseconds).
 
-When scenarios are defined for a route, auto-tabs are disabled for that route.
-
 ## Requirements
 
 - Next.js with the app router (`app/` directory)

package/dist/chunk-XRQ4MAEV.js

@@ -0,0 +1,204 @@
+// src/server/save.ts
+import { NextResponse } from "next/server";
+import { writeFile, mkdir } from "fs/promises";
+import { join } from "path";
+var VALID_TYPES = ["before", "after"];
+var VALID_MODES = ["fullpage", "viewport", "area"];
+var DATA_URL_PREFIX = "data:image/png;base64,";
+async function handleSave(req) {
+  let body;
+  try {
+    body = await req.json();
+  } catch {
+    return NextResponse.json(
+      { error: "Invalid JSON body" },
+      { status: 400 }
+    );
+  }
+  const { type, mode, image } = body;
+  if (!VALID_TYPES.includes(type)) {
+    return NextResponse.json(
+      { error: `Invalid type: must be "before" or "after"` },
+      { status: 400 }
+    );
+  }
+  if (!VALID_MODES.includes(mode)) {
+    return NextResponse.json(
+      { error: `Invalid mode: must be "fullpage", "viewport", or "area"` },
+      { status: 400 }
+    );
+  }
+  if (typeof image !== "string" || !image.startsWith(DATA_URL_PREFIX)) {
+    return NextResponse.json(
+      { error: "Invalid image: must be a data:image/png;base64 data URL" },
+      { status: 400 }
+    );
+  }
+  const base64 = image.slice(DATA_URL_PREFIX.length);
+  const buffer = Buffer.from(base64, "base64");
+  const dir = join(process.cwd(), ".afterbefore");
+  const filename = `${type}.png`;
+  const filepath = join(dir, filename);
+  const relativePath = `.afterbefore/${filename}`;
+  try {
+    await mkdir(dir, { recursive: true });
+    await writeFile(filepath, buffer);
+  } catch (err) {
+    return NextResponse.json(
+      { error: "Failed to write screenshot", detail: String(err) },
+      { status: 500 }
+    );
+  }
+  return NextResponse.json({ success: true, path: relativePath });
+}
+
+// src/server/push.ts
+import { NextResponse as NextResponse2 } from "next/server";
+import { execFile } from "child_process";
+import { access } from "fs/promises";
+import { join as join2 } from "path";
+import { promisify } from "util";
+var execFileAsync = promisify(execFile);
+var DIR = ".afterbefore";
+async function run(cmd, args) {
+  return execFileAsync(cmd, args, { cwd: process.cwd() });
+}
+async function ghAvailable() {
+  try {
+    await run("gh", ["--version"]);
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function getPrInfo() {
+  try {
+    const { stdout } = await run("gh", [
+      "pr",
+      "view",
+      "--json",
+      "number,url,headRepository,headRefName"
+    ]);
+    return JSON.parse(stdout);
+  } catch {
+    return null;
+  }
+}
+async function fileExists(path) {
+  try {
+    await access(path);
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function handlePush(req) {
+  if (!await ghAvailable()) {
+    return NextResponse2.json(
+      { success: false, error: "GitHub CLI (gh) is not installed or not in PATH" },
+      { status: 500 }
+    );
+  }
+  const pr = await getPrInfo();
+  if (!pr) {
+    return NextResponse2.json(
+      { success: false, error: "No PR found for current branch" },
+      { status: 404 }
+    );
+  }
+  const dir = join2(process.cwd(), DIR);
+  const beforePath = join2(dir, "before.png");
+  const afterPath = join2(dir, "after.png");
+  const [hasBefore, hasAfter] = await Promise.all([
+    fileExists(beforePath),
+    fileExists(afterPath)
+  ]);
+  if (!hasBefore || !hasAfter) {
+    const missing = [
+      !hasBefore && "before.png",
+      !hasAfter && "after.png"
+    ].filter(Boolean);
+    return NextResponse2.json(
+      { success: false, error: `Missing screenshots: ${missing.join(", ")}` },
+      { status: 400 }
+    );
+  }
+  try {
+    await run("git", ["add", beforePath, afterPath]);
+    await run("git", [
+      "commit",
+      "-m",
+      "chore: add before/after screenshots"
+    ]);
+  } catch (err) {
+    const msg = String(err);
+    if (!msg.includes("nothing to commit")) {
+      return NextResponse2.json(
+        { success: false, error: "Failed to commit screenshots", detail: msg },
+        { status: 500 }
+      );
+    }
+  }
+  try {
+    await run("git", ["push"]);
+  } catch (err) {
+    return NextResponse2.json(
+      { success: false, error: "Failed to push to remote", detail: String(err) },
+      { status: 500 }
+    );
+  }
+  const owner = pr.headRepository.owner.login;
+  const repo = pr.headRepository.name;
+  const branch = pr.headRefName;
+  const rawBase = `https://raw.githubusercontent.com/${owner}/${repo}/${branch}`;
+  const beforeUrl = `${rawBase}/${DIR}/before.png`;
+  const afterUrl = `${rawBase}/${DIR}/after.png`;
+  const ts = Date.now();
+  const commentBody = [
+    "## Before / After",
+    "",
+    "| Before | After |",
+    "|--------|-------|",
+    `| ![before](${beforeUrl}?t=${ts}) | ![after](${afterUrl}?t=${ts}) |`
+  ].join("\n");
+  let commentUrl;
+  try {
+    const { stdout } = await run("gh", [
+      "pr",
+      "comment",
+      String(pr.number),
+      "--body",
+      commentBody
+    ]);
+    commentUrl = stdout.trim() || void 0;
+  } catch (err) {
+    return NextResponse2.json(
+      { success: false, error: "Failed to post PR comment", detail: String(err) },
+      { status: 500 }
+    );
+  }
+  return NextResponse2.json({
+    success: true,
+    prNumber: pr.number,
+    prUrl: pr.url,
+    commentUrl
+  });
+}
+
+// src/server/open.ts
+import { NextResponse as NextResponse3 } from "next/server";
+import { exec } from "child_process";
+import { join as join3 } from "path";
+async function handleOpen(_req) {
+  const dir = join3(process.cwd(), ".afterbefore");
+  const cmd = process.platform === "darwin" ? "open" : process.platform === "win32" ? "explorer" : "xdg-open";
+  exec(`${cmd} "${dir}"`);
+  return NextResponse3.json({ success: true });
+}
+
+export {
+  handleSave,
+  handlePush,
+  handleOpen
+};
+//# sourceMappingURL=chunk-XRQ4MAEV.js.map

package/dist/chunk-XRQ4MAEV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/server/save.ts","../src/server/push.ts","../src/server/open.ts"],"sourcesContent":["import { NextRequest, NextResponse } from \"next/server\";\nimport { writeFile, mkdir } from \"node:fs/promises\";\nimport { join } from \"node:path\";\n\nconst VALID_TYPES = [\"before\", \"after\"] as const;\ntype ScreenshotType = (typeof VALID_TYPES)[number];\n\nconst VALID_MODES = [\"fullpage\", \"viewport\", \"area\"] as const;\n\nconst DATA_URL_PREFIX = \"data:image/png;base64,\";\n\ninterface SaveRequestBody {\n  type: ScreenshotType;\n  mode: string;\n  image: string;\n}\n\nexport async function handleSave(req: NextRequest): Promise<NextResponse> {\n  let body: SaveRequestBody;\n  try {\n    body = await req.json();\n  } catch {\n    return NextResponse.json(\n      { error: \"Invalid JSON body\" },\n      { status: 400 },\n    );\n  }\n\n  const { type, mode, image } = body;\n\n  if (!VALID_TYPES.includes(type as ScreenshotType)) {\n    return NextResponse.json(\n      { error: `Invalid type: must be \"before\" or \"after\"` },\n      { status: 400 },\n    );\n  }\n\n  if (!VALID_MODES.includes(mode as (typeof VALID_MODES)[number])) {\n    return NextResponse.json(\n      { error: `Invalid mode: must be \"fullpage\", \"viewport\", or \"area\"` },\n      { status: 400 },\n    );\n  }\n\n  if (typeof image !== \"string\" || !image.startsWith(DATA_URL_PREFIX)) {\n    return NextResponse.json(\n      { error: \"Invalid image: must be a data:image/png;base64 data URL\" },\n      { status: 400 },\n    );\n  }\n\n  const base64 = image.slice(DATA_URL_PREFIX.length);\n  const buffer = Buffer.from(base64, \"base64\");\n\n  const dir = join(process.cwd(), \".afterbefore\");\n  const filename = `${type}.png`;\n  const filepath = join(dir, filename);\n  const relativePath = `.afterbefore/${filename}`;\n\n  try {\n    await mkdir(dir, { recursive: true });\n    await writeFile(filepath, buffer);\n  } catch (err) {\n    return NextResponse.json(\n      { error: \"Failed to write screenshot\", detail: String(err) },\n      { status: 500 },\n    );\n  }\n\n  return NextResponse.json({ success: true, path: relativePath });\n}\n","import { NextRequest, NextResponse } from \"next/server\";\nimport { execFile } from \"node:child_process\";\nimport { access } from \"node:fs/promises\";\nimport { join } from \"node:path\";\nimport { promisify } from \"node:util\";\n\nconst execFileAsync = promisify(execFile);\n\nconst DIR = \".afterbefore\";\n\ninterface PrInfo {\n  number: number;\n  url: string;\n  headRepository: { owner: { login: string }; name: string };\n  headRefName: string;\n}\n\nasync function run(\n  cmd: string,\n  args: string[],\n): Promise<{ stdout: string; stderr: string }> {\n  return execFileAsync(cmd, args, { cwd: process.cwd() });\n}\n\nasync function ghAvailable(): Promise<boolean> {\n  try {\n    await run(\"gh\", [\"--version\"]);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nasync function getPrInfo(): Promise<PrInfo | null> {\n  try {\n    const { stdout } = await run(\"gh\", [\n      \"pr\",\n      \"view\",\n      \"--json\",\n      \"number,url,headRepository,headRefName\",\n    ]);\n    return JSON.parse(stdout) as PrInfo;\n  } catch {\n    return null;\n  }\n}\n\nasync function fileExists(path: string): Promise<boolean> {\n  try {\n    await access(path);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport async function handlePush(req: NextRequest): Promise<NextResponse> {\n  // 1. Check gh CLI availability\n  if (!(await ghAvailable())) {\n    return NextResponse.json(\n      { success: false, error: \"GitHub CLI (gh) is not installed or not in PATH\" },\n      { status: 500 },\n    );\n  }\n\n  // 2. Check for active PR\n  const pr = await getPrInfo();\n  if (!pr) {\n    return NextResponse.json(\n      { success: false, error: \"No PR found for current branch\" },\n      { status: 404 },\n    );\n  }\n\n  // 3. Check that screenshot files exist\n  const dir = join(process.cwd(), DIR);\n  const beforePath = join(dir, \"before.png\");\n  const afterPath = join(dir, \"after.png\");\n\n  const [hasBefore, hasAfter] = await Promise.all([\n    fileExists(beforePath),\n    fileExists(afterPath),\n  ]);\n\n  if (!hasBefore || !hasAfter) {\n    const missing = [\n      !hasBefore && \"before.png\",\n      !hasAfter && \"after.png\",\n    ].filter(Boolean);\n    return NextResponse.json(\n      { success: false, error: `Missing screenshots: ${missing.join(\", \")}` },\n      { status: 400 },\n    );\n  }\n\n  // 4. Stage, commit, and push the screenshots\n  try {\n    await run(\"git\", [\"add\", beforePath, afterPath]);\n    await run(\"git\", [\n      \"commit\",\n      \"-m\",\n      \"chore: add before/after screenshots\",\n    ]);\n  } catch (err) {\n    // Commit may fail if files are already committed with no changes.\n    // That's fine -- we still want to push and comment.\n    const msg = String(err);\n    if (!msg.includes(\"nothing to commit\")) {\n      return NextResponse.json(\n        { success: false, error: \"Failed to commit screenshots\", detail: msg },\n        { status: 500 },\n      );\n    }\n  }\n\n  try {\n    await run(\"git\", [\"push\"]);\n  } catch (err) {\n    return NextResponse.json(\n      { success: false, error: \"Failed to push to remote\", detail: String(err) },\n      { status: 500 },\n    );\n  }\n\n  // 5. Build raw GitHub URLs for the images\n  const owner = pr.headRepository.owner.login;\n  const repo = pr.headRepository.name;\n  const branch = pr.headRefName;\n  const rawBase = `https://raw.githubusercontent.com/${owner}/${repo}/${branch}`;\n\n  const beforeUrl = `${rawBase}/${DIR}/before.png`;\n  const afterUrl = `${rawBase}/${DIR}/after.png`;\n\n  // Cache-bust with timestamp so GitHub doesn't serve stale images\n  const ts = Date.now();\n  const commentBody = [\n    \"## Before / After\",\n    \"\",\n    \"| Before | After |\",\n    \"|--------|-------|\",\n    `| ![before](${beforeUrl}?t=${ts}) | ![after](${afterUrl}?t=${ts}) |`,\n  ].join(\"\\n\");\n\n  // 6. Post PR comment\n  let commentUrl: string | undefined;\n  try {\n    const { stdout } = await run(\"gh\", [\n      \"pr\",\n      \"comment\",\n      String(pr.number),\n      \"--body\",\n      commentBody,\n    ]);\n    // gh pr comment prints the comment URL to stdout\n    commentUrl = stdout.trim() || undefined;\n  } catch (err) {\n    return NextResponse.json(\n      { success: false, error: \"Failed to post PR comment\", detail: String(err) },\n      { status: 500 },\n    );\n  }\n\n  return NextResponse.json({\n    success: true,\n    prNumber: pr.number,\n    prUrl: pr.url,\n    commentUrl,\n  });\n}\n","import { NextRequest, NextResponse } from \"next/server\";\nimport { exec } from \"node:child_process\";\nimport { join } from \"node:path\";\n\nexport async function handleOpen(_req: NextRequest): Promise<NextResponse> {\n  const dir = join(process.cwd(), \".afterbefore\");\n\n  const cmd =\n    process.platform === \"darwin\"\n      ? \"open\"\n      : process.platform === \"win32\"\n        ? \"explorer\"\n        : \"xdg-open\";\n\n  exec(`${cmd} \"${dir}\"`);\n\n  return NextResponse.json({ success: true });\n}\n"],"mappings":"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","names":["NextResponse","join","NextResponse","join"]}

package/dist/next.d.ts

@@ -0,0 +1,5 @@
+import { NextConfig } from 'next';
+
+declare function withAfterBefore(config?: NextConfig): NextConfig;
+
+export { withAfterBefore };

package/dist/next.js

@@ -0,0 +1,28 @@
+// src/next.ts
+function withAfterBefore(config = {}) {
+  if (process.env.NODE_ENV !== "development") return config;
+  return {
+    ...config,
+    async rewrites() {
+      const existing = await config.rewrites?.() ?? [];
+      const rules = [
+        {
+          source: "/__afterbefore/:path*",
+          destination: "/api/__afterbefore/:path*"
+        }
+      ];
+      if (Array.isArray(existing)) {
+        return [...rules, ...existing];
+      }
+      return {
+        beforeFiles: [...rules, ...existing.beforeFiles ?? []],
+        afterFiles: existing.afterFiles ?? [],
+        fallback: existing.fallback ?? []
+      };
+    }
+  };
+}
+export {
+  withAfterBefore
+};
+//# sourceMappingURL=next.js.map

package/dist/next.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/next.ts"],"sourcesContent":["import type { NextConfig } from \"next\";\n\ntype Rewrite = { source: string; destination: string };\n\nexport function withAfterBefore(config: NextConfig = {}): NextConfig {\n  if (process.env.NODE_ENV !== \"development\") return config;\n\n  return {\n    ...config,\n    async rewrites() {\n      const existing = (await config.rewrites?.()) ?? [];\n      const rules: Rewrite[] = [\n        {\n          source: \"/__afterbefore/:path*\",\n          destination: \"/api/__afterbefore/:path*\",\n        },\n      ];\n\n      if (Array.isArray(existing)) {\n        return [...rules, ...existing];\n      }\n\n      return {\n        beforeFiles: [...rules, ...(existing.beforeFiles ?? [])],\n        afterFiles: existing.afterFiles ?? [],\n        fallback: existing.fallback ?? [],\n      };\n    },\n  };\n}\n"],"mappings":";AAIO,SAAS,gBAAgB,SAAqB,CAAC,GAAe;AACnE,MAAI,QAAQ,IAAI,aAAa,cAAe,QAAO;AAEnD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAM,WAAW;AACf,YAAM,WAAY,MAAM,OAAO,WAAW,KAAM,CAAC;AACjD,YAAM,QAAmB;AAAA,QACvB;AAAA,UACE,QAAQ;AAAA,UACR,aAAa;AAAA,QACf;AAAA,MACF;AAEA,UAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B,eAAO,CAAC,GAAG,OAAO,GAAG,QAAQ;AAAA,MAC/B;AAEA,aAAO;AAAA,QACL,aAAa,CAAC,GAAG,OAAO,GAAI,SAAS,eAAe,CAAC,CAAE;AAAA,QACvD,YAAY,SAAS,cAAc,CAAC;AAAA,QACpC,UAAU,SAAS,YAAY,CAAC;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/overlay/index.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function AfterBefore(): react_jsx_runtime.JSX.Element;
+
+export { AfterBefore };