[CI] New Github Action to add screenshot diff report

[kdmukai]

Adds a new Github Action to automatically generate a screenshots diff report.

GOAL: To enable Transifex "Reviewers" (essentially admins for their language) to submit their own updated translation PRs and get immediate, automated feedback to see how the new translations affect various screens. This way the translators can iterate extremely quickly on improvements without a developer being a bottleneck.

If they don't like how an updated screen turns out, they can tweak the translation in Transifex, download the new messages.po from Transifex, update their PR, and immediately see the next result. Iterate, iterate, iterate. With no human dependencies.

Current draft instructions for how Transifex Reviewers can create translation PRs (assumes they are not super technical nor experienced with Github): https://gist.github.com/kdmukai/89071afb68a6a9018524c593141a0adb

If this PR is merged, those instructions will be updated at the end for how to review the screenshot changes detected by the CI run.

---

see example CI runs in my fork: https://github.com/kdmukai/seedsigner-translations/actions

(CI also runs right here in this PR, but there are no translation changes vs dev right now)

Sample resulting CI artifacts: ci-artifacts.zip

---

The included minified css is copied directly from https://github.com/picocss/pico

---

I think this should eventually be moved to the main repo, but that is a "high stakes" repo and there is a lot of new mechanism here that contributors will need time to get fully comfortable with. But that being said, this is a pretty crucial tool to have during this initial translations phase. And since this is a lower stakes repo, the bar is somewhat lower for enabling this automation in here first.

[kdmukai]

@dbast you are our Github Actions guru and would love your eyes and feedback on this!

[fedebuyito]

Hi @kdmukai , think I am doing the commit for testing this on wrong repo, right?

[fedebuyito]

Maybe now?

[dbast]

The PR looks pretty good: The action versions are outdated and could be updated actions/upload-artifact@v3 -> actions/upload-artifact@v4, actions/setup-python@v4 -> actions/setup-python@v5, actions/upload-artifact@v3 -> actions/upload-artifact@v3. This also resolves the deprecation warnings shown in https://github.com/SeedSigner/seedsigner-translations/actions/runs/12551708293?pr=9

[kdmukai]

@dbast I applied the changes:

• actions/upload-artifact: v3 -> v4
• actions/setup-python: v4 -> v5

CI ran successfully with those changes: https://github.com/SeedSigner/seedsigner-translations/actions/runs/12562703726

No deprecation warnings in the output (just the note that ubuntu-latest is versioning up soon).

[jdlcdl]

Concept ACK

I cannot wait to see this in action, it will make a huge difference to shorten the feedback loop for translators.

I think I saw an artifacts file from a fedebuyito commit, changing "borrar to supr"? but I'm unsure about when that run occured and/or if it reflects latest changes. Will watch this pr with hope.

Have a safe end-of-year celebration fellows! All the best for 2025.

[dbast]

Sorry, forgot this in my previous comment: actions/checkout@v3 can also be updated to actions/checkout@v4.

Thanks and all the best for 2025!