Begin coding GitHub Enhancer Chromium extension

[r002]

Friday

For the past few weeks, I've been following GitHub Discussions and have also submitted some feedback of my own. There are some pretty good ideas! After a bit of exploration and poking around, I've decided to start coding a new GitHub Enhancer Chromium extension to try to implement some of the submitted suggestions. This feels like a fun weekend project! 🙂

Inspired by the ZenHub Extension and other similar projects, developing an extension gives a way to easily inject JS and HTML into existing webpages (like the GitHub Issues Editor).

To begin, I found a feature request for double checkboxes and cobbled together a quick POC that accomplishes it. It was a simple matter of following the quickstart and then sideloading the POC into MS Edge for testing! 😄

What it looks like without the Chromium Extension running:

What it looks like with the Chromium Extension running:

Next Steps

• Convert YouTube links to titles prefixed with tv emoji
• Write a basic parser that converts markdown ➡ html.
  • Basic regex enough or need to build lexer/parser/AST?
  • Use existing packages like commonmark.js or markdown-it?
• Scan /isaacs/github/issues - I just found this repo earlier tonight; it's a goldmine of feedback! Any cool ideas; will work on incorporating them into this extension too! Apparently, this was the old GitHub feedback repo before Discussions was implemented. Context:
  • Heads up! Changes to this repository coming soon... isaacs/github#1967
  • Public feedback discussions isaacs/github#1985

References

• https://docs.microsoft.com/en-us/microsoft-edge/extensions-chromium/getting-started/part2-content-scripts
• https://github.com/collections/github-browser-extensions
• task list - allow 2 boxes community/community#4534
• Chromium Ext Test Card cards-qa#42
• https://dev.to/anobjectisa/how-to-build-a-chrome-extension-new-manifest-v3-5edk
• https://developer.chrome.com/docs/extensions/mv3/match_patterns/
• https://developer.chrome.com/docs/extensions/mv3/content_scripts/
• https://docs.microsoft.com/en-us/microsoft-edge/extensions-chromium/getting-started/manifest-format
• https://docs.microsoft.com/en-us/microsoft-edge/extensions-chromium/
• https://www.py4u.net/discuss/352995
• https://developer.chrome.com/docs/extensions/mv3/intro/mv3-migration/
• https://developer.chrome.com/docs/extensions/mv3/intro/