Skip to content

HansKre/github-ui-booster

 
 

Repository files navigation

GitHub UI Booster

build

Chrome Extension, TypeScript and Visual Studio Code

Option

Includes the following

  • TypeScript
  • Webpack
  • React
  • Jest
  • Example Code
    • Chrome Storage
    • Options Version 2
    • content script
    • count up badge number
    • background

Project Structure

  • src/typescript: TypeScript source files
  • src/assets: static files
  • dist: Chrome Extension directory
  • dist/js: Generated JavaScript files

Setup

npm install

Import as Visual Studio Code project

...

Build

npm run build

Build in watch mode

terminal

npm run watch

Visual Studio Code

Run watch mode.

type Ctrl + Shift + B

Load extension to chrome

Load dist directory

Test

npx jest or npm run test

Links

manivest v3

browser actions Google Dev Portal

storge-api

tutorial

youtube tutorial

Examples and Inspirations

https://github.com/ambujsahu81/Website-Customizer-Plus

https://github.com/gizumon/github-ui-extentions

https://github.com/aklinker1/github-better-line-counts

Releasing

Prepare extension

  • update version in manifest.json
  • run npm run build
  • zip dist directory

Upload to Chrome Web Store

  • Login to Chrome Web Store Developer Dashboard
  • Click the GitHub UI Booster extension
  • Go to Build > Package
  • Click "Upload new package"
  • Drag and drop the zip file into the dialog
  • Click "Submit for review"

Update screenshot

  • take screenshot and right-click > Open with > GIMP
  • CMD+A, CMD+C
  • CMD + N to create a new file
  • dimensions: 1280x800
  • SHIFT+B, choose black and colorize the layer in black
  • CMD+V
  • SHIFT+S for the Resize Tool
  • CMD+two-fingers to zoom out
  • resize the pasted image as needed
  • SHIFT+CMD+E to export

Description

Boost productivity on GitHub and GitHub Enterprise with this powerful extension!

Highlights:

  • works for GitHub and GitHub Enterprise
  • supports multiple GitHub instances
  • powered by the GitHub API, using your personal access token for secure and seamless access
  • shows the base branch for each pull request directly on the PRs page
  • refined line count, excluding non-impactful files (e.g., package-lock.json)
  • on-hover instant access to changed files and diffs from the PRs page
  • integrated search for changed files across all open PRs
  • shows merge conflicts on PRs page
  • custom pull request filter to replace GitHub’s default
  • integrated 'update branche' button in PRs page
  • nested display of dependent PRs on the PRs page, showing clear hierarchy
  • all of the above features are toggleable individually

About

Boost your GitHub UI. Works with GitHub Enterprise!

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 86.0%
  • SCSS 7.8%
  • JavaScript 5.6%
  • HTML 0.6%