Refined GitHub

Browser extension that simplifies the GitHub interface and adds useful features

We use GitHub a lot and notice many dumb 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 email GitHub support about doing it.

GitHub Enterprise is also supported by authorizing your own domain in the options. This is supported in Chrome and Firefox 55+ (to be released in August 2017).

Read more in this blog post

✨ What's new lately ✨

Install

• Chrome extension
• Firefox add-on
• Opera - Use this Opera extension to install the Chrome version.

Highlights

• Mark issues and pull requests as unread (They will reappear in Notifications)
• Linkifies branch references in pull requests
• Linkifies issue/PR references in issue/PR titles
• Linkifies URLs in code
• Linkifies issue references in code comments
• Adds a 'Releases' tab to repos (g r hotkey)
• Adds a 'Compare' tab to repos
• Adds user avatars to Reactions
• Adds a quick edit button and a link to the latest release to the readme
• Shows current filename in the sticky pull request header
• Shows user's full name in comments
• Preserves the original Markdown when you copy text from comments
• Improves readability of tab indented code
• Adds a 'Copy' button to the file view
• Adds a shortcut to quickly delete a forked repo
• Adds option to view diffs without whitespace changes (d w hotkey)
• Adds links to patch and diff for each commit
• Differentiates merge commits from regular commits
• Adds Copy button to gist files
• Adds Copy button for file paths to pull request diffs
• Adds labels to comments by the original poster
• Adds navigation to milestone pages
• Adds search filter for 'Everything commented by you'
• Moves destructive buttons ("Close issue", "Cancel") in commenting forms away from primary button
• Adds Yours button to Issues/Pull Requests page
• Condenses long URLs into references like user/repo/.file@d71718d
• Easier copy-pasting from diffs by making +/- signs unselectable
• Shows the reactions popover on hover instead of click
• Supports indenting with the tab key in textareas like the comment box (Shift Tab for original behavior)
• Automagically expands the news feed when you scroll down
• Hides other users starring/forking your repos from the news feed (optional)
• Prompts you when pressing Cancel on an inline comment in case it was a mistake
• Moves the dashboard organization switcher to the right column
• Adds a Trending link to the global navbar. (g t hotkey)
• Removes annoying hover effect in the repo file browser
• Removes the comment box toolbar
• Removes tooltips
• Removes the "Projects" repo tab when there are no projects
• Copy canonical link to file when the y hotkey is used
• Uses the pull request title as commit title when merging with 'Squash and merge'
• Adds blame links for parent commits in blame view Implemented by GitHub
• Adds ability to collapse/expand files in a pull request diff Implemented by GitHub

And lots more...

Screenshots

Dashboard

Repo

Reactions

Comment box

Linkified URLs and issue references in code

Community tweaks

Stuff that didn't get included, but might be useful.

• Quickly edit files in the repo file browser

Contribute

We're happy to receive suggestions and contributions, but be aware this is a highly opinionated project. There's a single commonly-requested option but we're not interested in adding more as it's a slippery slope into adding one for everything. Users will always disagree with something. That being said, we're open to discussing things.

Customization

While this project is highly opinionated, this doesn't necessarily limit you from manually disabling functionality that is not useful for your workflow. Options include:

1. (CSS Only) Use a Chrome extension that allows injecting custom styles into sites, based on a URL pattern. Stylist is one such tool. Example

2. Clone the repository, make the adjustments you need, and load the unpacked extension in Chrome, rather than installing from the Chrome Store.

Development

To run it locally, you'll need to build it with:

# Build once
npm run build

# Build every time a file changes
npm run watch

Once built, load it in the browser.

Chrome

1. Visit chrome://extensions/ in Chrome
2. Enable the Developer mode
3. Click on Load unpacked extension
4. Select the folder extension

Firefox

1. Visit about:debugging#addons in Firefox
2. Click on Load Temporary Add-on
3. Select the file extension/manifest.json

Related

• Refined Wikipedia - Like this, but for Wikipedia
• Notifier for GitHub - Shows your notification unread count
• Hide Files on GitHub - Hides dotfiles from the file browser
• Show All GitHub Issues - Shows both Issues and Pull Requests in the Issues tab
• Contributors on GitHub - Shows stats about contributors
• Twitter for GitHub - Shows a user's Twitter handle on their profile page
• GifHub - Quickly insert GIFs in comments
• Octo Linker - Navigate across files and packages
• Awesome browser extensions for GitHub - Awesome list
• OctoEdit - Markdown syntax highlighting in comments
• GitHub Clean Feed - Group news feed events by repo

Created by

• Sindre Sorhus
• Haralan Dobrev
• Paul Molluzzo
• Andrew Levine
• Kees Kluskens
• Jonas Gierer
• Federico Brigante
• Contributors…

License

MIT