ci: 🔄 add link to check pixel perfectness in preview comment

[lucas-labs]

Note

tl;dr

adds a link in the "preview comment" to a tool that lets you see how the icon fits in
a 16x16 grid

Hi!

A while ago, my team and I developed a simple internal tool to check if the icons added by a PR fit ok in a 16x16 pixel grid. A few days ago, we decided to make it open source, adapt it to work with any github repo and hosted it on the web.

Basically, what the web app does is query the GitHub API to get the SVG files added or modified by a PR and display them with an overlaid grid to quickly see if there are any issues. Nothing too fancy, but it ended up being quite useful for us.

This PR simply adds a link referencing the webapp rout to the current PR.

Here's an example:
https://pixp.lucode.ar/material-extensions/vscode-material-icon-theme/pull/2382

The source code for the application can be found at lucodear/pixp

I'm opening this PR as a draft to see if you find it interesting and because the web is hosted on our domain. But you can host it in your own domain if you want! We are using cloudflare.

Cheers!

[PKief]

@lucas-labs It's a great suggestion! I was already thinking about adding something similar. It's nice that it's already hosted on your domain and people can have a look how their icon looks like in the grid system. And for us it's more easy to do icon reviews 👍

I also like the idea, that we don't move the logic of checking the grid into this repository as well, as it gets much more logic to maintain. For me it sounds very nice, if we continue with the web service which you provided by your domain, if that's ok for you.

[lucas-labs]

@PKief, sure! We can keep it in my domain.

Also, if you have any suggestion/feedback/bug report about the webapp, feel free to ping me.

[github-actions]

Merge Successful

Thanks for your contribution! 🎉

The changes will be part of the upcoming update on the marketplace.