Skip to content

MewSoul/refined-github-ext

 
 

Repository files navigation

Refined GitHub

Browser extension that simplifies the GitHub interface and adds useful features

We use GitHub a lot and notice many annoyances we'd like to fix. So here be dragons.

Our hope is that GitHub will notice and implement some of these much-needed improvements. So if you like any of these improvements, please open a discussion on GitHub feedback or contact GitHub support about doing it.

GitHub Enterprise is also supported: How to enable it.

The GITHUB and REFINED GITHUB trademarks are owned by GitHub, Inc. and used under license.

Install

Option 1 - Download the archive

Chrome and other Chromium browsers (e.g. Brave)

  1. Download the latest release and unzip the archive.
  2. Open your Chromium browser at the extension page (e.g. chrome://extensions/, brave://extensions/...).
  3. Toggle on Developer mode located in the top right hand corner.
  4. Click Load unpacked and select the folder refined-github-ext you extracted (in that folder there should be a manifest.json file and an assets folder).
  5. The extension is now installed.

Firefox

  1. Download the latest release and unzip the archive.
  2. Open Firefox at the following address: about:debugging#/runtime/this-firefox.
  3. Click on Load Temporary Add-On....
  4. Navigate to the folder you extracted and select options.html.
  5. The extension is now installed.

Option 2 - Clone the repo and build the extension

  1. Make sure you have npm (Node) installed.
  2. Clone the repository.
  3. Run npm run build at the root of the repository
  4. Open the extension page of your browser (e.g. for Chrome chrome://extensions/, for Brave: brave://extensions/, for Firefox: about:debugging#/runtime/this-firefox, ...).
  5. A - For Chromium browsers: Make sure Developer mode is enabled (located in the top right hand corner), click Load unpacked and select the folder distribution that has been created previously.
  6. B - For Firefox: Click on Load Temporary Add-On..., open the folder distribution that has been created previously and select options.html.
  7. The extension is now installed.
  8. If you install it this way, when you have to update the plugin, simply pull the latest commit for the repo, and then refresh the app from the extension page.

Sponsor

If you love Refined GitHub, consider sponsoring or hiring the maintainer @fregante


Highlights 🔥

Makes whitespace characters visible

Adds one-click merge conflict fixers

Shows how far behind a PR head branch is + tells you its base commit

Lets you hide every event except comments or unresolved comments in issues and PRs

Lets you subscribe to opening/closing events of issues in one click.

Adds the option to wait for checks when merging a PR

Adds a button to discard all the changes to a file in a PR

Select notifications by type and status

Repositories

File management

Code

Writing comments

Reading comments

Conversations

Viewing pull requests

Editing pull requests

Commits

Tags and releases

Profiles

Newsfeed

  • Hides other inutile newsfeed events (commits, forks, new followers).
  • Automagically expands the newsfeed when you scroll down.

Notifications

Global

Netiquette

Fixes for GitHub shortcomings

Previously part of Refined GitHub

GitHub took inspiration from Refined GitHub and natively implemented dozens of its features, 🎉 so they've been removed from this extension. You can also see all the past features of Refined GitHub in a single list.

Customization

Most features can be disabled if they are JavaScript-based and you can override our CSS with your own in the extension options.

We're happy to receive suggestions and contributions, but be aware this is a highly opinionated project. There's a high bar for adding features. Users will always disagree with something. That being said, we're open to discussing things.

Links

About

:octocat: Browser extension that simplifies the GitHub interface and adds useful features

Resources

License

Contributing

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages

  • TypeScript 88.3%
  • CSS 9.0%
  • Swift 1.2%
  • Other 1.5%