afterbefore 0.2.2 → 0.2.3

package/dist/{chunk-DAWAW3ZL.js → chunk-A73KCX5G.js}

@@ -13,7 +13,7 @@ async function getBranch() {
   return stdout.trim();
 }
 var VALID_TYPES = ["before", "after"];
-var VALID_MODES = ["fullpage", "viewport", "area"];
+var VALID_MODES = ["fullpage", "viewport", "area", "component"];
 var DATA_URL_PREFIX = "data:image/png;base64,";
 async function handleSave(req) {
   let body;
@@ -223,4 +223,4 @@ export {
   handlePush,
   handleOpen
 };
-//# sourceMappingURL=chunk-DAWAW3ZL.js.map
+//# sourceMappingURL=chunk-A73KCX5G.js.map

package/dist/chunk-A73KCX5G.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 } from \"node:fs/promises\";\nimport { join } from \"node:path\";\nimport { homedir } from \"node:os\";\nimport { execFile } from \"node:child_process\";\nimport { promisify } from \"node:util\";\n\nconst execFileAsync = promisify(execFile);\n\nasync function getBranch(): Promise<string> {\n  const { stdout } = await execFileAsync(\"git\", [\"rev-parse\", \"--abbrev-ref\", \"HEAD\"], {\n    cwd: process.cwd(),\n  });\n  return stdout.trim();\n}\n\nconst VALID_TYPES = [\"before\", \"after\"] as const;\ntype ScreenshotType = (typeof VALID_TYPES)[number];\n\nconst VALID_MODES = [\"fullpage\", \"viewport\", \"area\", \"component\"] 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 branch = await getBranch();\n  const filename = `${branch}-${type}.png`;\n  const filepath = join(homedir(), \"Desktop\", filename);\n\n  try {\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: `~/Desktop/${filename}` });\n}\n","import { NextRequest, NextResponse } from \"next/server\";\nimport { execFile } from \"node:child_process\";\nimport { access, mkdir, copyFile } from \"node:fs/promises\";\nimport { join } from \"node:path\";\nimport { homedir } from \"node:os\";\nimport { promisify } from \"node:util\";\n\nconst execFileAsync = promisify(execFile);\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 on Desktop\n  const desktop = join(homedir(), \"Desktop\");\n  const branch = pr.headRefName;\n  const beforePath = join(desktop, `${branch}-before.png`);\n  const afterPath = join(desktop, `${branch}-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 && `${branch}-before.png`,\n      !hasAfter && `${branch}-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. Copy from Desktop into repo, stage, commit, and push\n  const repoDir = join(process.cwd(), \".afterbefore\");\n  const repoBefore = join(repoDir, `${branch}-before.png`);\n  const repoAfter = join(repoDir, `${branch}-after.png`);\n\n  try {\n    await mkdir(repoDir, { recursive: true });\n    await copyFile(beforePath, repoBefore);\n    await copyFile(afterPath, repoAfter);\n  } catch (err) {\n    return NextResponse.json(\n      { success: false, error: \"Failed to copy screenshots into repo\", detail: String(err) },\n      { status: 500 },\n    );\n  }\n\n  try {\n    await run(\"git\", [\"add\", repoBefore, repoAfter]);\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 rawBase = `https://raw.githubusercontent.com/${owner}/${repo}/${branch}`;\n\n  const beforeUrl = `${rawBase}/.afterbefore/${branch}-before.png`;\n  const afterUrl = `${rawBase}/.afterbefore/${branch}-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 { execFile } from \"node:child_process\";\nimport { join } from \"node:path\";\nimport { homedir } from \"node:os\";\n\nexport async function handleOpen(_req: NextRequest): Promise<NextResponse> {\n  const desktop = join(homedir(), \"Desktop\");\n\n  const cmd =\n    process.platform === \"darwin\"\n      ? \"open\"\n      : process.platform === \"win32\"\n        ? \"explorer\"\n        : \"xdg-open\";\n\n  execFile(cmd, [desktop]);\n\n  return NextResponse.json({ success: true });\n}\n"],"mappings":"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","names":["NextResponse","execFile","join","homedir","promisify","execFileAsync","NextResponse","execFile","join","homedir"]}