afterbefore 0.1.18 → 0.1.19

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)