Skip to content

Latest commit

 

History

History
136 lines (91 loc) · 3.13 KB

README.md

File metadata and controls

136 lines (91 loc) · 3.13 KB

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