Mattlk13 · pull · Jan 5, 2020 · Jun 25, 2020 · Jun 25, 2020 · Jul 16, 2020
diff --git a/.eslintignore b/.eslintignore
diff --git a/.eslintrc.json b/.eslintrc.json
diff --git a/.gitignore b/.gitignore
@@ -5,3 +5,4 @@ node_modules/
 .idea
 .DS_Store
 coverage
+.vs_code
diff --git a/.travis.yml b/.travis.yml
@@ -1,6 +1,6 @@
 language: node_js
 node_js:
-  - 10.16.0
+  - 16.18.0
   - node
 install:
   - yarn install

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,71 +1,153 @@
-- **v3.0.1** _- 3rd Jan, 2020_
+# Changelog
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## **v6.1.0** - 2024-06-03
+
+- Redesigned Options page to enter GitHub access token for private repos or higher rate limits for public repos
+
+## **v6.0.0** - 2024-06-02
+
+- Support latest GitHub Interface 🎉
+
+## **v5.0.12** - 2021-12-25
+
+- Fix selector path as per new UI design for showing copy file and download options at the correct location.
+
+## **v5.0.11** - 22nd April, 2021
+
+- Fix [93](https://github.com/softvar/enhanced-github/issues/93) i.e. repo size not appearing properly because of Readme TOC feature.
+
+## **v5.0.10** - 6th April, 2021
+
+- Fix [89](https://github.com/softvar/enhanced-github/issues/89) i.e. repo size not appearing properly because of Readme TOC feature.
+
+## **v5.0.9** - 23rd Mar, 2021
+
+- Fix [#87](https://github.com/softvar/enhanced-github/issues/87)
+
+## **v5.0.7** - 14th Mar, 2021
+
+- Fix repo size color. [#86](https://github.com/softvar/enhanced-github/pull/86)
+
+## **v5.0.6** - 02nd Jan, 2021
+
+- Fix displaying of files having size `0` i.e. pointing to other repositories. Fixes - [#78](https://github.com/softvar/enhanced-github/issues/78)
+
+## **v5.0.5** - 30th Dec, 2020
+
+- Update logic which was causing offset of 1. Issue [#79](https://github.com/softvar/enhanced-github/issues/79)
+
+## **v5.0.4** - 09th Dec, 2020
+
+- Handle symlinks and show size and download link correctly. Fixes [#75](https://github.com/softvar/enhanced-github/issues/75)
+
+## **v5.0.3** - 19th Oct, 2020
+
+- Update `clipboard` library to `2.0.6`. PR - #70
+- `README.md` badges change. PR - #71
+
+## **v5.0.2** - 14th Oct, 2020
+
+- Fix bugs introduced by GitHub Ui changes update
+
+## **v5.0.1** - 14th Oct, 2020
+
+- Update selector path logic as per GitHub UI changes
+
+## **v5.0.0** - 3rd Aug, 2020
+
+- Support Firefox browser 🎉
+- Support Microsoft Edge browser 🎉
+
+## **v4.0.1** - 17th July, 2020
+
+- Fix #66 i.e. content appearing multiple times
+
+## **v4.0.0** - 26th June, 2020
+
+- Support new GitHub Design. Refer [GitHub Blog](https://github.blog/changelog/2020-06-23-design-updates-to-repositories-and-github-ui/)
+- Backward compatibility to the old design, if new UI is not 100% publicly available.
+- Fix the options token validation message issue.
+
+## **v3.1.0** - 6th Jan, 2020
+
+- Extension only utilizes `webNavigation` history for GitHub website using webNavigation event filters. Rest assured, history of any other website is not permitted.
+- Updated README with the doc link explaining introduction of `webRequest` and `webNavigation` API for supporting single-page GitHub website.
+
+## **v3.0.1** - 3rd Jan, 2020
 
   - Use `webNavigation` API in background to detect page-url changes
   - Remove `setInterval` and `onpopstate` for page-url change listener from `inject.js`
 
-- **v3.0.0** _- 28th Dec, 2019_
+## **v3.0.0** - 28th Dec, 2019
 
   - Since GitHub is now SPA, changes are made to handle SPA behavior
   - Introduce background script to get web requests and append elements when page is rendered. For this, `webRequest` permission is required.
   - Minimize API hits. API call is made only when required. No calls on `onpopstate` event.
   - Refactor the entire code, made it modular
+  - Permissions required:
+    - `webRequest` - to support GitHub being a single-page-application now. Read this [detailed blog](https://medium.com/@softvar/making-chrome-extension-smart-by-supporting-spa-websites-1f76593637e8).
+    - `webNavigation` - to support GitHub being a single-page-application now. Read this [detailed blog](https://medium.com/@softvar/making-chrome-extension-smart-by-supporting-spa-websites-1f76593637e8).
 
-- **v2.1.0** _- 16th Nov, 2019_
+## **v2.1.0** - 16th Nov, 2019
 
   - Remove gulp and used webpack for bundling and automation
   - Remove clipboard from source code and instead use a dep bundled with (minified)inject.js
   - Remove jshint and used eslint for linting
   - Use prettier for auto-formatting files
   - Use husky and lint-staged to configure and run git-hooks
 
-- **v2.0.3** _- 27th Oct, 2018_
+## **v2.0.3** - 27th Oct, 2018
 
   - Fix selector path for inserting _copy file_ and _download file_ buttons while viewing a file
   - Minify content script thereby saving `4KB` per request. `inject.js` from `12KB` to `4KB`
 
-- **v2.0.2** _- 26th Oct, 2018_
+## **v2.0.2** - 26th Oct, 2018
 
   - Fix buttons alignment in options.js
 
-- **v2.0.0** _- 09th Aug, 2018_
+## **v2.0.0** - 09th Aug, 2018
 
   - Improvement :: Update logos/icons to adhere with [GitHub logo policy](https://github.com/logos)
   - Improvement :: Show GitHub-styled tooltip when hovering hover file download link
 
-- **v1.0.8** _- 1st May, 2018_
+## **v1.0.8** - 1st May, 2018
 
   - Fix :: Update classes to fix download. (Cmd/Ctr + Click) to download file
 
-- **v0.1.8** _- 10th Mar, 2017_
+## **v0.1.8** - 10th Mar, 2017
 
   - Imporvemnt :: Use `clipboard` as a dependency and use it via `manifest.json`
 
-- **v0.1.7** _- 10th Mar, 2017_
+## **v0.1.7** - 10th Mar, 2017
 
   - Fix :: Add proper toggle class [github changed class names] which fixes flickering while hover
   - Fix :: Dont add `td` when there's no file present.
 
-- **v0.1.6** _- 27th Aug, 2016_
+## **v0.1.6** - 27th Aug, 2016
 
   - Fix :: not showing repo size when navigating back; fix no hash change detection
 
-- **v0.1.5** _- 22nd Aug, 2016_
+## **v0.1.5** - 22nd Aug, 2016
 
   - Feature :: Show repo size on GitHub's repo homepage
   - Fix :: bugfix of default branch other than **master**
 
-- **v0.1.4** _- 20th Aug, 2016_
+## **v0.1.4** - 20th Aug, 2016
 
   - Improvement :: Better way of adding GitHub Access token - click extension or click options - Enhanced GitHub after opening _chrome://extension_
 
-- **v0.1.3** _- 14th Aug, 2016_
+## **v0.1.3** - 14th Aug, 2016
 
   - Fix :: fix focus effect on up-tree not removing blank td while navigating [#3](https://github.com/softvar/enhanced-github/pull/3)
 
-- **v0.1.2** _- 14th Aug, 2016_
+## **v0.1.2** - 14th Aug, 2016
 
   - Fix :: fix bug file on commits/<branch> url
 
-- **v0.1.1** _- 13th Aug, 2016_
+## **v0.1.1** - 13th Aug, 2016
 
   - Initial Launch
diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016-2020 Varun Malhotra
+Copyright (c) 2016-2024 Varun Malhotra
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/README.md b/README.md
@@ -1,39 +1,63 @@
 ## <img src="icons/enhanced-github128.png" align="center"> Enhanced GitHub
 
-> Chrome extension that adds useful features on GitHub website
+> Browser extension that adds useful features on GitHub website
 
-![Chrome Web Store](https://img.shields.io/chrome-web-store/d/anlikcnbgdeidpacdbdljnabclhahhmd.svg)
-![Chrome Web Store](https://img.shields.io/chrome-web-store/rating/anlikcnbgdeidpacdbdljnabclhahhmd?color=orange&style=flat-square)
-![Chrome Web Store](https://img.shields.io/chrome-web-store/v/anlikcnbgdeidpacdbdljnabclhahhmd.svg)
-[![Build Status](http://img.shields.io/travis/softvar/enhanced-github/master.svg?style=flat)](http://travis-ci.org/softvar/enhanced-github)
+<br/>
 
-[![Financial Contributors on Open Collective](https://opencollective.com/enhanced-github/all/badge.svg?label=financial+contributors)](https://opencollective.com/enhanced-github)
+[![Chrome Web Store](https://img.shields.io/chrome-web-store/d/anlikcnbgdeidpacdbdljnabclhahhmd.svg?style=for-the-badge&label=Chrome%20users&ogo=google-chrome&logoColor=white)][chrome]
+[![Chrome Web Store](https://img.shields.io/chrome-web-store/v/anlikcnbgdeidpacdbdljnabclhahhmd.svg?style=for-the-badge&logo=google-chrome&logoColor=white)][chrome]
 
-## Link
+[![Firefox Users](https://img.shields.io/amo/dw/enhanced-github?color=blue&label=Firefox%20Add-on%20Downloads&logo=firefox&style=for-the-badge)][firefox]
+[![Firefox Add-on](https://img.shields.io/amo/v/enhanced-github?logo=firefox&style=for-the-badge&label=Firefox%20add-on)][firefox]
+
+[![Microsoft Edge Add-on](https://img.shields.io/badge/dynamic/json?style=for-the-badge&logo=microsoft-edge&label=microsoft%20edge%20add-on&query=%24.version&url=https%3A%2F%2Fmicrosoftedge.microsoft.com%2Faddons%2Fgetproductdetailsbycrxid%2Feibibhailjcnbpjmemmcaakcookdleon)][edge]
+
+[![Build Status](http://img.shields.io/travis/softvar/enhanced-github/master.svg?style=for-the-badge)](http://travis-ci.org/softvar/enhanced-github)
+
+<a href="https://www.producthunt.com/posts/github-plus?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-github-plus" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=72611&theme=dark" alt="github-plus - Chrome Extension to display file size, download & copy link | Product Hunt Embed" style="width: 250px; height: 54px;" width="250px" height="54px" /></a>
+
+
+## Supported Browsers
+
+<img alt="Chrome" src="https://img.icons8.com/fluent/24/000000/chrome.png" align="center"/> Install extension from [Chrome Web Store][chrome]
+
+<img alt="Firefox" src="screenshots/firefox.png" align="center"/> Install add-on from [Firefox Add-ons][firefox]
+
+<img alt="Microsoft Edge" src="https://img.icons8.com/fluent/24/000000/ms-edge-new.png" align="center"/> Install extension from [Microsoft Edge Add-ons][edge]
+
+
+## Website
+
+[Home](https://varunmalhotra.xyz/enhanced-github/)
 
-🚀 Install extension from [Chrome Web Store](https://chrome.google.com/webstore/detail/enhanced-github/anlikcnbgdeidpacdbdljnabclhahhmd)
 
 ## Features
 
 - Displays repo size.
 - Displays each file size for every active branch (not applicable for folder / symlink).
-- Show download link for each individual file (not applicable for folder / symlink).
+- Show download link for each file (not applicable for folder / symlink).
 - Copy file's contents directly to Clipboard (just won't work for markdown files).
-- Download file while viewing it's contents.
+- Download file while viewing its contents.
 
 The extension handles the SPA behavior of GitHub website from `v3.0.0` onwards :)
 
 **_Note:_** For private repos([Issue #6](https://github.com/softvar/enhanced-github/issues/6)), GitHub Access Token is required. Follow the steps [mentioned below](#github-api-rate-limiting) to add your GitHub Access Token.
 
-[Featured on ProductHunt](https://www.producthunt.com/tech/github-plus)
+### Permissions required
 
-<img src="screenshots/product_hunt.png" height="300" />
+- `"*://*.github.com/*"` - for running on `github.com` domain.
+- `storage` - for storing GitHub access token on your local system. GitHub Access token is required for private repos and for handling API rate-limiting issues.
+- `webRequest` - to support GitHub being a single-page-application now. Read this [detailed blog](https://medium.com/@softvar/making-chrome-extension-smart-by-supporting-spa-websites-1f76593637e8).
+- `webNavigation` - to support GitHub being a single-page-application now. Read this [detailed blog](https://medium.com/@softvar/making-chrome-extension-smart-by-supporting-spa-websites-1f76593637e8).
 
 ## Author
 
-| Author | [Varun Malhotra](http://varunmalhotra.xyz) |
-| ------ | ------------------------------------------ |
-
+Varun Malhotra
+<a href="https://varunmalhotra.xyz"><img align="center" alt="Varun Malhotra Website" src="https://img.icons8.com/material/24/000000/domain--v1.png"/></a>
+<a href="https://twitter.com/s0ftvar"><img align="center" alt="𝕏" src="https://img.icons8.com/ios-glyphs/24/twitterx--v2.png"/></a>
+<a href="https://stackoverflow.com/users/2494535/softvar"><img align="center" alt="StackOverflow" src="https://img.icons8.com/color/24/000000/stackoverflow.png" /></a>
+<a href="https://www.linkedin.com/in/softvar/"><img align="center" alt="LinkedIn" src="https://img.icons8.com/color/24/000000/linkedin.png" /></a>
+<a href="https://github.com/softvar"><img align="center" alt="GitHub" src="https://img.icons8.com/fluent/24/000000/github.png"/></a>
 
 ## GitHub API Rate Limiting
 
@@ -49,17 +73,36 @@ To tackle this, create a new GitHub Access Token.
 
    OR
 
-   Right click on enhanced-github extension and and click on `Options` in the dropdown menu.
+   Right-click on enhanced-github extension and click on `Options` in the dropdown menu.
 
-   <img src="screenshots/extension-options-page.png" width="380" />
+   <img src="screenshots/2024-redesigned-options.png" width="380" />
 
 5. Enter the valid GitHub Access Token
 6. Click on `SAVE` and Enjoy the benefits.
 
-This Chrome extension will automatically pick this valid access token and Bingo!
+This browser extension will automatically pick this valid access token and Bingo!
 
 ## Screenshots
 
+### 2024 - Updated GitHub UI
+
+#### Screenshot of each file size and it's download link
+
+<img src="screenshots/2024-enhanced-github-new-design.png">
+
+### New GitHub Design - [Blog](https://github.blog/changelog/2020-06-23-design-updates-to-repositories-and-github-ui/)
+
+#### Screenshot of each file size and it's download link
+
+<img src="screenshots/github-repo-home-new.png">
+
+#### Screenshot of Copy file contents and download link
+
+<img src="screenshots/github-file-new.png">
+
+
+### Old GitHub Design
+
 #### Screenshot of each file size and it's download link
 
 <img src="screenshots/github-repo-home.png">
@@ -72,14 +115,15 @@ This Chrome extension will automatically pick this valid access token and Bingo!
 
 - Thanks to [@zenorocha](https://github.com/zenorocha/) for [Clipboard.js](https://github.com/zenorocha/clipboard.js) - Modern copy to clipboard. No Flash. Just 3kb gzipped.
 
+
 ## Development
 
 1. Clone this repo
 2. Run `yarn dev` for generating packaged folder specifically for extension stuff.
-3. Go to chrome extensions [chrome://extensions](chrome://extensions)
+3. Go to extension page. For chrome extensions [chrome://extensions](chrome://extensions), Firefox Add-ons [about:debugging](about:debugging), and Microsoft Edge Extensions [edge://extensions/](edge://extensions/).
 4. Enable developer mode
 5. Click on load unpacked extension and select the generated folder.
-6. [Admin Access Only] - run `yarn build` for generating zip file to be uploaded on _Chrome Web Store_.
+6. [Admin Access Only] - run `yarn build` for generating zip file to be uploaded on _Chrome Web Store_, _Firefox Add-ons_, and _Microsoft Edge Addons_.
 
 PRs are most welcome :)
 
@@ -110,16 +154,31 @@ Support this project with your organization. Your logo will show up here with a
 
 <a href="https://opencollective.com/enhanced-github/organization/0/website"><img src="https://opencollective.com/enhanced-github/organization/0/avatar.svg"></a>
 
+## Policy
+
+Refer [Privacy Policy](https://varunmalhotra.xyz/enhanced-github/#privacy-policy).
+
+> Enhanced GitHub Extension doesn't collect/share/care about your data at all.
+>
+> Asks for GitHub Access Token for private repos and if Rate Limiting is your concern.
+
+
 ## Copyright and License
 
 ❗️ This extension is not sponsored by, endorsed by, or an official project of GitHub. This is a personal project and is developed solely for providing additional functionalities on GitHub website.
 
 > The [MIT license](https://opensource.org/licenses/MIT) (MIT)
 >
-> Copyright (c) 2016-2020 Varun Malhotra
+> Copyright (c) 2016-2024 Varun Malhotra
 >
 > Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 >
 > The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 >
 > THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+<!-- Links -->
+
+[chrome]: https://chrome.google.com/webstore/detail/enhanced-github/anlikcnbgdeidpacdbdljnabclhahhmd
+[firefox]: https://addons.mozilla.org/en-US/firefox/addon/enhanced-github/
+[edge]: https://microsoftedge.microsoft.com/addons/detail/enhanced-github/eibibhailjcnbpjmemmcaakcookdleon