https://github.com/nicosantangelo/github-with-a-cape

Open source Chrome Extension with a bunch of new features for GitHub.
https://github.com/nicosantangelo/github-with-a-cape

chrome-extension github javascript

Last synced: 4 months ago
JSON representation

Open source Chrome Extension with a bunch of new features for GitHub.

• Host: GitHub
• URL: https://github.com/nicosantangelo/github-with-a-cape
• Owner: nicosantangelo
• License: mit
• Created: 2016-07-25T05:24:18.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2020-08-13T23:49:52.000Z (over 5 years ago)
• Last Synced: 2025-03-30T22:03:59.106Z (10 months ago)
• Topics: chrome-extension, github, javascript
• Language: JavaScript
• Homepage: https://github-with-a-cape.nicosantangelo.com/
• Size: 105 KB
• Stars: 24
• Watchers: 2
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
#  GitHub with a cape

[Webstore](https://chrome.google.com/webstore/detail/github-with-a-cape/ohkgmmldhbadfleajjafdeahmakbbcpi)

Open source Chrome Extension which adds a bunch of new features to GitHub. Customize by picking the ones you like!

## Features

The extension is "unopinionated" meaning is up to you to choose which features to enable.

1. [Notifications modal](#notifications-modal)

2. [Resizeable splitted diffs](#resizeable-splitted-diffs)

3. [Add collapsable diffs](#add-collapsable-diffs)

4. [Show All / Hide All buttons](#show-all-hide-all-buttons)

5. [Show the current diff name on the sticky header](#show-the-current-diff-name-on-the-sticky-header)

6. [Add collapsable commits](#add-collapsable-commits)

7. [Toggle contributions by clicking the added/deleted stats](#toggle-contributions-by-clicking-the-addeddeleted-stats)

8. [Show outdated diff comments by default](#show-outdated-diff-comments-by-default)

9. [Highlights the outdated diff icon (the X) on PRs](#highlight-outdated-diff-icon)

### Notifications modal

When clicking the notifications bell, instead of accessing the notifications page, it displays a modal with each notification and adds a shortcut to read all of them.

Sadly the GitHub API does not allow reading specific notifications (at least to my knoledge) so accessing one thru the modal will keep it unread.

![Notifications modal](http://i.imgur.com/WaSMtig.png)

### Resizeable splitted diffs

A gray vertical bar is added to each split diff allowing you to drag horizontally each code piece.

![Resizing diff](http://i.imgur.com/0AtSmjK.png)

### Add collapsable diffs

Be able to collapse diffs clicking on the header.

![Collapsable diffs](http://i.imgur.com/2GRlUM0.png)

### Show All / Hide All buttons

Adds two buttons to collapse or uncollapse all files.

![Show and hide buttons](http://i.imgur.com/1K3crFX.png)

### Show the current diff name on the sticky header

`↑`

![Current diff name](http://i.imgur.com/jtftIwB.png)

### Add collapsable commits

I don't know if I'm the only one who finds this useful.

![Collapsable commits](http://i.imgur.com/WgOT0zb.png)

### Toggle contributions by clicking the added/deleted stats

If you click the added or deleted colored text, it will toggle that contribution type in the diff.

_From_

![Toggle contributions from](http://i.imgur.com/W1DnSrv.png)

_To_

![Toggle contributions to](http://i.imgur.com/2qi8cLk.png)

### Show outdated diff comments by default

Tired of having to click on _Show x comments_ each time you read the PR comments? Well not anymore!

This option shows the diff by default.

_These will be visible by default_

![Toggle contributions to](http://i.imgur.com/tAvtY5k.png)

### Highlight outdated diff icon

![Highlight outdated diff icon](http://i.imgur.com/tiu8IEy.png)

Specially useful when [show outdated diff comments by default](#show-outdated-diff-comments-by-default) is enabled.

-------

:tophat: