Google Git
Sign in
gerrit / gerrit-fe-dev-helper / 80c941ebc59729b67667ab6dc7938cd9e70bcb55
commit80c941ebc59729b67667ab6dc7938cd9e70bcb55[log] [tgz]
authorTao Zhou <taoalpha@google.com>Sun Mar 08 22:55:08 2020 +0100
committerTao Zhou <taoalpha@google.com>Sun Mar 08 22:55:08 2020 +0100
tree0582f46fe2f00111210b9141d1d27ca3d1846754
parent13d50de1d5ccb09e3d76337eb777180308187482 [diff]
Release v0.0.5

changes:
- set crossorigin to anonymous to help debug js error from plugin
- improve the ui on popup
- remove outdated rule of replacing gr-app-p2 with gr-app

Change-Id: I7b46d61a176f4dcc840fb482ae8274939cb94f03
5 files changed
tree: 0582f46fe2f00111210b9141d1d27ca3d1846754
  1. data/
  2. src/
  3. webpack/
  4. .gitignore
  5. demo.png
  6. package.json
  7. README.md
  8. release-notes.md
  9. tsconfig.json
README.md

Gerrit FE Dev Helper

Gerrit FE Dev helper is a chrome extension that will focus on helping frontend developers on Gerrit development.

As mentioned in readme from polygerrit-ui, we already support to start your local host for developing / debugging / testing, but it has quite a few restrictions:

  1. No auth support
  2. Restart needede to switch hosts
  3. Not easy to test plugins

To solve these pain points, I created this chrome extension that basically just proxy all assets requests or any requests to local server, and you will have the ability to inject any plugins from local as well.

Features

See in release notes.

BUILD

npm run build

Then you should have gerrit_fe_dev_helper.zip that you can test with, or download from chrome web store here: https://chrome.google.com/webstore/detail/gerrit-fe-dev-helper/jimgomcnodkialnpmienbomamgomglkd.

After you installed and enabled the extension, you should see something similar to demo.png.

How to use

  1. Start the go server to host all assets locally
./polygerrit-ui/run-server.sh
  1. Go to any gerrit sites, enable the extension by click the icon
  2. You should see this red notice show up in the bottom right of the page (Gerrit dev helper is enabled), and now your gerrit assets should be loaded from local server
  3. Change files locally and refresh the page, you should have the changes immediately

The extension comes with a set of default rules, but you can change the rules by just clicking the extension icon again.

The extension supports six different type of rules:

  1. block: block a certain request
  2. redirect: redirect a url to another url
  3. injectHtmlCode: inject a piece of html code to the page
  4. injectJsCode: inject any js code to the page
  5. injectJsPlugin: inject a js plugin(url) to the site
  6. injectHtmlPlugin: inject a html plugin(url) to the site

The two options of injecting any plugins meant to help you develop your plugins for your gerrit sites.

Contact

Please don't hesitate to contact taoalpha@google.com for support on this extension.