Bookmarkletを使ってGithubのreviewersの入力をヘルプする

みなさん、こんにちは。夏休みの宿題は最後にまとめてやる派の田中です。

今日は、GithubのPullRequest(以下PRと略す)を出すときに、reviewsを毎回指定するのが面倒な人向けに 少しばかり楽に通知設定するBookmarkletを紹介します。

まず、Bookmarkletとは…

Webブラウザで処理を行う簡易的なプログラムのことで、ブックマークなどから起動して任意の処理を動かすものです。

GithubにはPRを出して他の開発者に変更分を通知する機能があります。 ソースコード等のレビュー依頼を出すことが出来ます。便利ですね。

この通知先メンバーが複数いる場合、それらをグループ化してまとめておける機能があるとよいのですが、 今の所そのような機能が用意されていないため、PRごとに毎回ポチポチとユーザを選択する必要があります。面倒くさいですね。

そこで、Bookmarkletを使って通知するユーザを予め登録しておくことで 漏れなく、間違いなく、そして効率よくPRを出すことができます。

では手順です。

1. Bookmarklet用のJavaScriptを用意します。

users変数に通知するユーザ名を設定して、ソースコードをBookmarkすれば完成です。

javascript:{
  var tags = document.getElementsByTagName('summary');
  var fire = false;
  window.document.onkeydown = function (e) {
    if (e.key === "q") {
      var users = [
        "review1",
        "review2",
        "review3",
        "review4",
        "review5"
      ];
      setTimeout(function () {
        var elements = document.getElementsByClassName("js-username");
        var elm = null;
        var evetn = null;
        var username = null;
        for (i = 0; i < elements.length; i++) {
          elm = elements[i];
          usrename = elm.innerHTML;
          if (users.indexOf(usrename) >= 0) {
            var event = new MouseEvent("click");
            elm.dispatchEvent(event);
            elm.click()
          }
        }
      }, 1000)
    }
  };
  for (i = 0; i < tags.length; i++) {
    var hotkey = tags[i].getAttribute("data-hotkey");
    if (hotkey === "q") {
      document.dispatchEvent(
        new KeyboardEvent("keydown", {key: "q"}));
      break
    }
  }
}
;void (0);

2. GithubのPR画面（reviews指定のある画面）を表示します。

reviews

3. 登録したBookmarkletを選択します。

bookmarklet

4. 指定したメンバーが選択されます。

finish

本の少し手を煩わせなくなるだけですが、ご利用ください。