Skip to content

[JUM-898][Feature] Warn when a product screenshot may be stale - #546

Merged
web2solutions merged 3 commits into
devfrom
claude/feature/JUM-898-screenshot-freshness
Sep 27, 2026
Merged

web2solutions merged 3 commits into
devfrom
claude/feature/JUM-898-screenshot-freshness

Conversation

@web2solutions

@web2solutions web2solutions commented Sep 27, 2026 •

Copy link
Copy Markdown
Owner

Summary

  • Product screenshots under apps/jumentix-website/public/product/ had no link back to the feature or commit they depict, so a UI change could leave a stale image on the site indefinitely with nothing to notice it.
  • public/product/screenshots.json records, per image, the commit it was captured at (capturedAt) and the source paths of the screen it shows (watch).
  • check-screenshot-freshness.mjs warns (never fails) when a watched path changed since that commit, naming the commits; it fails only when the manifest itself is wrong (missing image, untracked image, no watch list, or an unresolvable commit — a shallow clone just warns instead).
  • capture-product-screenshots.mjs now stamps every manifest entry with the commit it just captured.
  • Wired into ci:gate and ci:gate:static (the branch-gate preflight) as website:check-screenshot-freshness, alongside website:check-content-routes.

Test plan

  • check-screenshot-freshness.test.mjs — 8/8 passing, pure unit tests with injected IO (no real git/fs calls)
  • bun run website:check-screenshot-freshness against the real manifest — clean, 0 stale
  • bun run test-map:check — fresh after regenerating post-merge

🤖 Generated with Claude Code


Note

Low Risk
Changes are limited to website CI/docs and a non-blocking staleness warning; only manifest integrity errors fail the gate.

Overview
Product marketing screenshots can drift from the UI with no signal. This PR adds a screenshots.json manifest under public/product/ that records each PNG’s capture commit (capturedAt) and watch paths for the code that shapes that screen.

The capture script now rewrites every manifest entry’s capturedAt to the current HEAD when writing to the default output dir (custom SCREENSHOT_OUT skips the manifest). check-screenshot-freshness.mjs compares watched paths to git history: warnings only when commits landed after capture (with sample commit messages in the gate log), exit 1 only for a broken manifest (missing/extra images, empty watch, bad JSON, unknown commit in a full clone). Shallow clones warn instead of failing on missing history.

website:check-screenshot-freshness is wired into ci:gate and ci:gate:static, with unit tests and test-map.json updated. EN/PT commercial docs describe the manifest and recapture workflow (commit images + manifest together).

Reviewed by Cursor Bugbot for commit b1407f1. Bugbot is set up for automated code reviews on this repo. Configure here.

web2solutions and others added 3 commits September 26, 2026 18:05
JUM-896. Replace the July Domain Designer capture and add five more from the
running apps: architecture designer, OpenAPI tab, code workspace, and the
frontend's admin list and dashboard. The product page opens with a tour of the
six; the homepage caption no longer claims "the real interface" of a screen
that had changed. scripts/capture-product-screenshots.mjs (bun run --filter
@jumentix/website screenshots:capture) regenerates all of them with fixed
framing; COMMERCIAL-EXPERIENCE (EN + pt-BR) documents it.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
JUM-898. Product screenshots under public/product/ had no link back to the
feature or commit they depict, so a UI change could leave a stale image on
the site indefinitely with nothing to notice it.

screenshots.json records, per image, the commit it was captured at and the
source paths of the screen it shows; check-screenshot-freshness.mjs warns
(never fails) when a watched path changed since that commit, naming the
commits, and fails only when the manifest itself is wrong (missing image,
untracked image, no watch list, or an unresolvable commit — a shallow clone
just warns instead). capture-product-screenshots.mjs now stamps every entry
with the commit it just captured.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…-screenshot-freshness

# Conflicts:
#	apps/jumentix-website/documentation/COMMERCIAL-EXPERIENCE.md
#	apps/jumentix-website/documentation/COMMERCIAL-EXPERIENCE.pt-BR.md
#	apps/jumentix-website/scripts/capture-product-screenshots.mjs
#	test-map.json
@cursor

cursor Bot commented Sep 27, 2026

Copy link
Copy Markdown

Bugbot couldn't run - usage limit reached

Bugbot is counted against Cursor usage for this user or team, and this run hit a usage or spend limit.

A user or team admin can review and increase usage limits in the Cursor dashboard.

(requestId: serverGenReqId_b84b639c-9431-4f64-94bc-585067464ff9)

@web2solutions
web2solutions merged commit 987a5c5 into dev Sep 27, 2026
36 of 37 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant