Enhanced GitHub PR images comparer that uses pixelmatch

Latest Version

Version
0.4.0
Update
August 1, 2022
Size
13.65KiB
Developer
Category
Users
39
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

GitHub PR images comparer Extension

If you are like me and don't like to play \"Find 5 differences\" in your GitHub PR images, then this extension is just for you. Because:
- It adds additional image comparer to the GitHub PR file preview that shows what pixels changed so you can easily spot the difference.
- You can open original, changed and diff images in a preview dialog for better comparison.
- There is also settings menu that allows you to make this comparer as a default one and change the threshold.

Changelog
0.4.0 - 2022-05-01
- 💄 Private repos support!
- 🐛 Fixed images stretching in width.
- 🐛 Fixed page changes detection in order to show diffs when page changes.

0.3.0 - 2022-04-27
- 💄 Using `IntersectionObserver` to only load images when they are almost in the viewport
- 🐛 Doing nothing in private repos as we don't know how to handle them

0.2.1 - 2022-04-18
- 🐛 Showing diffs in any commit inside PR.
- 🐛 Making the extension work with most popular images extensions.

0.2.0 - 2022-04-18
- 💄 Showing diff images for between changes inside the PR.
- 💄 Added dialog animation.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "GitHub PR images comparer", "version": "0.4.0", "description": "Enhanced GitHub PR images comparer that uses pixelmatch", "permissions": ["storage"], "host_permissions": ["https://github.com/*", "https://api.github.com/*"], "content_scripts": [ { "matches": ["https://github.com/*", "https://gist.github.com/*"], "js": ["content.js"], "css": ["content.css"] }, { "matches": ["https://viewscreen.githubusercontent.com/*"], "js": ["token-extractor.js"], "all_frames": true } ], "action": { "default_icon": { "16": "icons/16x16.png", "32": "icons/32x32.png" }, "default_title": "GitHub PR images comparer", "default_popup": "popup.html" }, "icons": { "16": "icons/16x16.png", "48": "icons/48x48.png", "128": "icons/128x128.png" }}
Read more