Git Product home page Git Product logo

contributors-on-github's Introduction

Contributors on Github

The original idea was to show if it's a contributors first PR on the pull request page such as babel/babel#3283.

Much thanks to @Pocket-titan and @djrosenbaum for working on the logo 🖼!


Install

Chrome also compatible with Edge Opera

Firefox


Usage

You can start from any page on github.com and when you navigate to a specific issue/pull request (such as babel/babel#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.

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.

options


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 match https://github.com and then check for the specific url.
  • "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

local install instructions

  • 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 the src folder you downloaded
  • You're done! It should also show up in about:addons

Related


License

MIT

contributors-on-github's People

Contributors

djrosenbaum avatar fregante avatar hzoo avatar janpio avatar oliviertassinari avatar paulirish avatar peterdavehello avatar tao-pr avatar wyze avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

contributors-on-github's Issues

Show All Contributors Stats?

  • Add the stats for each commenter rather than just the first (not a big deal since we can save the data)?

Might not be that useful

Show PRs across GitHub Organization

I work on Hoodie, and we have a ton of different repositories: https://github.com/hoodiehq/

We love new contributors, and knowing if someone already contributed before or not is super helpful to know. The extension is already a great help, but if we could show PRs across an organization, that’d be amazing :)

Still working for anyone?

I just noticed this doesnt seem to do anything for me any more. Is this true for everyone or just me?

Todo

  • Upload to the store

    A detailed description of your application. Write your description to entice users to download your app.
    A 128x128 icon to display in the store. You may re-use your app icon here.
    At least one 1280x800 or 640x400 screenshot or YouTube video to show off what your app does.
    A 440x280 small tile icon that will be displayed on the Chrome Web Store wall.
    The primary category where your app should be listed.
    Your app's language to help users find it.

    • Icon
  • Maybe show the data on other pages/locations?

  • Follow github's style if possible? http://primercss.io/
  • removed repo filtering list (overkill), although maybe a blacklist would be better
  • It can easily go on the issues/3 page [in https://github.com/hzoo/github-contributor-extension/commit/6da58109aac58b1aee445c4489653c2a19c262f8#diff-95ffcbff3c841ad0a802793cabd8940eL152]
  • Cleanup
  • Tests
  • Better screenshots

On PRs the info is either wrongly shown to a comment, or is not shown at all

The issue is that on PRs the info is either shown to a comment instead of OP, or is not shown at all. It started recently.

It occurs with latest v21.2.21.1941 (with token) with Chrome 98 on win11 using a fresh profile. But it works ok with v21.3.1 with Firefox. There's no error in console except for the last example.

Screenshot examples:

example 1a (to a comment, instead of OP) :

tanmayrajani/notifications-preview-github#114
2022-02-27_211812

example 1b (to a comment, instead of OP) :

tanmayrajani/notifications-preview-github#108
2022-02-27_211704

example 2 (not shown at all) :

tanmayrajani/notifications-preview-github#122
2022-02-27_213559

Error in console for the last example:
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'insertAdjacentHTML')
2022-02-27_213201

Change name

Btw, GitHub is actively asking people not to prefix extensions with github, so I would recommend changing it now, rather than later. I had to change all my extensions. It's ok using GitHub in the name, just not first. E.g. I renamed github-notifier to notifier-for-github.

This could be named contributors-on-github or something.

Rewrite

If someone wanted to rewrite this with like preact/vue, please do (there aren't any tests though so would need to verify a few things), right now it's pretty horrible and prevents #21 from easily happening

include opencollective donation

It would be great if there was opencollective info to see who donated and how much or if they're part of an org that donated

Add info to comments as well?

we create a lot of issues that are reserved for first-time contributors, like this one: hoodiehq/camp#37

It would be great to see on first sight if they sent PRs in the past. But so far the badge gets only added to comment of the author of the issue. Could we change that?

Also display comments/wiki edits

Awesome project!! I love the idea.

Many people in open-source get frustrated that code contributions seem to be valued more highly than troubleshooting/documentation, and I agree with that frustration--sometimes the most important contributions are the ones that help others, not add more code.

It'd be great to reflect this in this tool! I'd love to see additional data, such as "issues created", "comments made on issues", and "wiki edits".

Also, it'd be awesome to have some sort of integration with other sites--for example, if a project uses an external bug tracker, it'd be neat to cross-reference the contributor's activity on that site. Not sure how feasible this would be to implement, though.

The dropdown is always open

The dropdown shown in this screenshot is always open (as of today), covering up content:

open dropdown

This is related to some changes to the markup that GitHub has deployed. It also affects the "more-dropdown" feature of Refined Github, so there's already some useful discussion and a PR for this over there that is probably going to be useful when fixing this.

refined-github/refined-github#2357

Custom icon

I saw that the Chrome extension didn't have a very unique icon yet, it's just the PR button (which is a fine image of course but has no real personality). So I whipped this little image up in photoshop.
I wanted to retain something from git/github, and since the word 'branch' already takes inspiration from nature I thought I'd go with that. The hand and dirt are there to signify the contributing part, except we write code instead of plant trees.
If you want to use it, go ahead, but if you don't want to then that's fine too :)
Thanks for this fine extension!
nurture_withoutshadow
nurture_withshadow

Update icons and styles

The icons this extension uses are ancient, also the dropdown styles etc. doesn't match with GitHub:

image

GitHub:

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.