Google Git
Sign in
gerrit / gerrit-fe-dev-helper / 2e0ceac892d6fe38064c0fbcadba6c10043d86b7
commit2e0ceac892d6fe38064c0fbcadba6c10043d86b7[log] [tgz]
authorTao Zhou <taoalpha@google.com>Wed Nov 13 11:15:47 2019 -0800
committerTao Zhou <taoalpha@google.com>Wed Nov 13 11:15:47 2019 -0800
treed8c23b91afa53a187963d24afd3489c95a8d2dd9
parenta8b6c6cdd47927dc77cb2e79418239d2d55b2965 [diff]
Gerrit FE Dev Helper extension
v0.0.2

Change-Id: Ibf082ff6b12d23e2c3a5546bc3d09402dd0a09f9
17 files changed
tree: d8c23b91afa53a187963d24afd3489c95a8d2dd9
  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.