Awesome
<p align="center"> <img alt="" src="graphics/readme_git_nodes.png"> </p>Contributors on Github
The original idea was to show if it's a contributors first PR on the pull request page such as https://github.com/babel/babel/pull/3283.
Much thanks to @Pocket-titan and @djrosenbaum for working on the logo ๐ผ!
Install
<img src="https://raw.githubusercontent.com/alrra/browser-logos/main/src/chrome/chrome_128x128.png" width="48" alt="Chrome" valign="middle"> <img valign="middle" src="https://img.shields.io/chrome-web-store/v/cjbacdldhllelehomkmlniifaojgaeph.svg?label=%20"> also compatible with <img src="https://raw.githubusercontent.com/alrra/browser-logos/main/src/edge/edge_48x48.png" width="24" alt="Edge" valign="middle"> <img src="https://raw.githubusercontent.com/alrra/browser-logos/main/src/opera/opera_48x48.png" width="24" alt="Opera" valign="middle">
<img src="https://raw.githubusercontent.com/alrra/browser-logos/main/src/firefox/firefox_128x128.png" width="48" alt="Firefox" valign="middle"> <img valign="middle" src="https://img.shields.io/amo/v/contributor-on-github.svg?label=%20">
Usage
You can start from any page on github.com
and when you navigate to a specific issue/pull request (such as https://github.com/babel/babel/pull/3331), it will inject information inline (like the # of PRs a user has made to that specific repo).
You can click on ๐
to update the data if it has changed (it is cached in chrome storage).
If necessary, you may want to create or get a "access token" that uses the public_repo
permission if you want to use a 30/min rate limit instead of 10/min.
<img src="options.png" alt="options" height="300px">If you want to use this on private repos then you'll need to add the
repo
permission instead. I would recommend installing locally for this.
Permissions
- "https://github.com/*/*": to be able to inject data into github
- The content script was matching
"https://github.com/*/*/pull/*
which is correct, but if you start from the hompage, then the script won't ever be injected since github is using pushState to change urls. Now it will matchhttps://github.com
and then check for the specific url.
- The content script was matching
- "https://api.github.com/*": to fetch issue/pr data
"storage"
, to store access token, cache user PR data."identity"
, to create an oauth request window.
Local Install (Chrome)
- Download the zip, and unzip it
- Go to
chrome://extensions/
- Click on
Load unpacked extension...
- Select the
src
folder of the unzipped folder you downloaded
Now try it out!
Local Install (Firefox)
- Go to
about:debugging#/runtime/this-firefox
- Click on
Load Temporary Add-onโฆ
- Select the
manifest.json
file in thesrc
folder you downloaded - You're done! It should also show up in
about:addons
Related
- Awesome browser extensions for GitHub
- Refined GitHub - OG github extension
License
MIT