From 5d635fbca0400f0a8363c5f4763bee259f5ef0ef Mon Sep 17 00:00:00 2001
From: Marek Brysa <marek.brysa@databricks.com>
Date: Fri, 6 Sep 2019 12:33:39 +0200
Subject: [PATCH 1/6] fix commit compare

---
 .../GitHub_Commit_Compare.user.js             | 454 +++++++++---------
 1 file changed, 229 insertions(+), 225 deletions(-)

diff --git a/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js b/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
index 3194885..e3a93ff 100644
--- a/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
+++ b/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
@@ -1,225 +1,229 @@
-// ==UserScript==
-// @name        GitHub Commit Compare
-// @namespace   https://github.com/jerone/UserScripts
-// @description Add controls to compare commits.
-// @author      jerone
-// @contributor darkred
-// @copyright   2017+, jerone (http://jeroenvanwarmerdam.nl)
-// @license     CC-BY-NC-SA-4.0; https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode
-// @license     GPL-3.0-or-later; http://www.gnu.org/licenses/gpl-3.0.txt
-// @homepage    https://github.com/jerone/UserScripts/tree/master/GitHub_Commit_Compare
-// @homepageURL https://github.com/jerone/UserScripts/tree/master/GitHub_Commit_Compare
-// @downloadURL https://github.com/jerone/UserScripts/raw/master/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
-// @updateURL   https://github.com/jerone/UserScripts/raw/master/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
-// @supportURL  https://github.com/jerone/UserScripts/issues
-// @contributionURL https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VCYMHWQ7ZMBKW
-// @icon        https://github.githubassets.com/pinned-octocat.svg
-// @include     https://github.com/*/*/commits
-// @include     https://github.com/*/*/commits/*
-// @exclude     https://github.com/*/*.diff
-// @exclude     https://github.com/*/*.patch
-// @version     0.0.3
-// @grant       none
-// ==/UserScript==
-
-(function () {
-
-  function addButton() {
-    var nav;
-    if ((nav = document.querySelector('.file-navigation'))) {
-
-      // Check if our group of buttons are already attached.
-      // Remove it, as the 'old' buttons don't have events anymore.
-      const e = document.getElementById('GitHubCommitCompareGroup');
-      if (e) {
-        e.parentElement.removeChild(e);
-      }
-      Array.from(document.querySelectorAll('.GitHubCommitCompareButtonAB')).forEach(function (b) {
-        b.parentElement.removeChild(b);
-      });
-
-      const c = document.createElement('input');
-      c.type = 'checkbox';
-      c.addEventListener('change',
-        function () {
-          const bb = document.querySelectorAll('.GitHubCommitCompareButtonAB');
-          if (this.checked) {
-            if (bb.length === 0) {
-              addCompareButtons();
-            } else {
-              Array.from(bb).forEach(function (b) {
-                b.classList.remove('d-none');
-              });
-            }
-          } else {
-            Array.from(bb).forEach(function (b) {
-              b.classList.add('d-none');
-            });
-          }
-          const bbb = document.getElementById('GitHubCommitCompareButton');
-          if (bbb) bbb.classList.remove('disabled');
-        });
-
-      const l = document.createElement('label');
-      l.classList.add('tooltipped', 'tooltipped-n');
-      l.setAttribute('aria-label', 'Show commit compare buttons');
-      l.style.cssText = `
-        float: left;
-        padding: 3px 10px;
-        font-size: 12px;
-        font-weight: 600;
-        line-height: 20px;
-        color: #24292e;
-        vertical-align: middle;
-        background-color: #fff;
-        border: 1px solid rgba(27,31,35,0.2);
-        border-right: 0;
-        border-top-left-radius: 3px;
-        border-bottom-left-radius: 3px;
-      `;
-      l.appendChild(c);
-
-      const p = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-      p.setAttributeNS(null,
-        'd',
-        'M5 12H4c-.27-.02-.48-.11-.69-.31-.21-.2-.3-.42-.31-.69V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V11c.03.78.34 1.47.94 2.06.6.59 1.28.91 2.06.94h1v2l3-3-3-3v2zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm11 9.48V5c-.03-.78-.34-1.47-.94-2.06-.6-.59-1.28-.91-2.06-.94H9V0L6 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 12 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z');
-
-      const s = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-      s.classList.add('octicon', 'octicon-diff');
-      s.setAttributeNS(null, 'height', 16);
-      s.setAttributeNS(null, 'width', 14);
-      s.setAttributeNS(null, 'viewBox', '0 0 14 16');
-      s.appendChild(p);
-
-      const a = document.createElement('a');
-      a.id = 'GitHubCommitCompareButton';
-      a.classList.add('btn', 'btn-sm', 'tooltipped', 'tooltipped-n', 'disabled');
-      a.setAttribute('href', '#');
-      a.setAttribute('rel', 'nofollow');
-      a.setAttribute('aria-label', 'Compare these commits');
-      a.style.cssText = `
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-        font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
-      `;
-      a.appendChild(s);
-      a.appendChild(document.createElement("span"));
-
-      const g = document.createElement('div');
-      g.id = 'GitHubCommitCompareGroup';
-      g.classList.add('float-right');
-      g.appendChild(l);
-      g.appendChild(a);
-
-      nav.appendChild(g);
-    }
-  }
-
-  function updateRadioButtons() {
-    var compareAdisabled = true;
-    var compareBdisabled = false;
-
-    const compares = document.querySelectorAll('.GitHubCommitCompareButtonAB');
-    Array.from(compares).forEach(function (compare) {
-      const compareA = compare.querySelector('[name="GitHubCommitCompareButtonA"]');
-      const compareB = compare.querySelector('[name="GitHubCommitCompareButtonB"]');
-
-      compareA.disabled = compareAdisabled;
-      compareA.parentNode.classList.toggle('disabled', compareAdisabled);
-
-      if (compareA.checked) {
-        compareBdisabled = true;
-      }
-      if (compareB.checked) {
-        compareAdisabled = false;
-      }
-
-      compareB.disabled = compareBdisabled;
-      compareB.parentNode.classList.toggle('disabled', compareBdisabled);
-    });
-
-    updateCompareButton();
-  }
-
-  function updateCompareButton() {
-    const repo = document.querySelector('meta[property="og:url"]').content;
-
-    const compareA = document.querySelector('.GitHubCommitCompareButtonAB [name="GitHubCommitCompareButtonA"]:checked');
-    const hashA = compareA.parentNode.parentNode.parentNode.querySelector('clipboard-copy').value;
-    const compareB = document.querySelector('.GitHubCommitCompareButtonAB [name="GitHubCommitCompareButtonB"]:checked');
-    const hashB = compareB.parentNode.parentNode.parentNode.querySelector('clipboard-copy').value;
-
-    const a = document.getElementById('GitHubCommitCompareButton');
-    a.setAttribute('href', `${repo}/compare/${hashA}...${hashB}`);
-    a.querySelector('span').textContent = ` ${hashA.substring(0, 7)}...${hashB.substring(0, 7)}`;
-
-    //localStorage.setItem('GitHubCommitCompareButtonHashA', hashA);
-    //localStorage.setItem('GitHubCommitCompareButtonHashB', hashB);
-  }
-
-  function addCompareButtons() {
-    const commits = document.querySelectorAll('.commits-list-item .commit-links-cell');
-    Array.from(commits).forEach(function (item, index) {
-      const c1 = document.createElement('input');
-      c1.name = 'GitHubCommitCompareButtonA';
-      c1.type = 'radio';
-      c1.addEventListener('change', updateRadioButtons);
-      if (index === 1) c1.checked = true;
-
-      const l1 = document.createElement('label');
-      l1.classList.add('btn', 'btn-outline', 'BtnGroup-item', 'tooltipped', 'tooltipped-s');
-      l1.setAttribute('aria-label', 'Choose a base commit');
-      l1.appendChild(c1);
-
-      const c2 = document.createElement('input');
-      c2.name = 'GitHubCommitCompareButtonB';
-      c2.type = 'radio';
-      c2.addEventListener('change', updateRadioButtons);
-      if (index === 0) c2.checked = true;
-
-      const l2 = document.createElement('label');
-      l2.classList.add('btn', 'btn-outline', 'BtnGroup-item', 'tooltipped', 'tooltipped-s');
-      l2.setAttribute('aria-label', 'Choose a head commit');
-      l2.appendChild(c2);
-
-      // const p3 = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-      // p3.setAttributeNS(null,
-      //'d',
-      //'M5 12H4c-.27-.02-.48-.11-.69-.31-.21-.2-.3-.42-.31-.69V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V11c.03.78.34 1.47.94 2.06.6.59 1.28.91 2.06.94h1v2l3-3-3-3v2zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm11 9.48V5c-.03-.78-.34-1.47-.94-2.06-.6-.59-1.28-.91-2.06-.94H9V0L6 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 12 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z');
-
-      // const s3 = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-      // s3.classList.add('octicon', 'octicon-diff');
-      // s3.setAttributeNS(null, 'height', 16);
-      // s3.setAttributeNS(null, 'width', 14);
-      // s3.setAttributeNS(null, 'viewBox', '0 0 14 16');
-      // s3.appendChild(p3);
-
-      // const l3 = document.createElement('a');
-      // l3.classList.add('btn', 'btn-outline', 'BtnGroup-item', 'tooltipped', 'tooltipped-sw');
-      // l3.setAttribute('aria-label', 'TODO');
-      // l3.appendChild(s3);
-
-      const gg = document.createElement('div');
-      gg.classList.add('GitHubCommitCompareButtonAB', 'commit-links-group', 'BtnGroup');
-      gg.appendChild(l1);
-      gg.appendChild(l2);
-      //gg.appendChild(l3);
-
-      //item.style.width = '350px';
-      if (item.querySelector('.muted-link')) { // Insert after number of comments button.
-        item.insertBefore(gg, item.querySelector('.muted-link').nextSibling);
-      } else {
-        item.insertBefore(gg, item.firstChild);
-      }
-    });
-
-    updateRadioButtons(); // Update radio buttons.
-  }
-
-  // Init.
-  addButton();
-
-  // Pjax.
-  document.addEventListener('pjax:end', addButton);
-
-})();
+// ==UserScript==
+// @name        GitHub Commit Compare
+// @namespace   https://github.com/jerone/UserScripts
+// @description Add controls to compare commits.
+// @author      jerone
+// @contributor darkred
+// @copyright   2017+, jerone (http://jeroenvanwarmerdam.nl)
+// @license     CC-BY-NC-SA-4.0; https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode
+// @license     GPL-3.0-or-later; http://www.gnu.org/licenses/gpl-3.0.txt
+// @homepage    https://github.com/jerone/UserScripts/tree/master/GitHub_Commit_Compare
+// @homepageURL https://github.com/jerone/UserScripts/tree/master/GitHub_Commit_Compare
+// @downloadURL https://github.com/jerone/UserScripts/raw/master/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
+// @updateURL   https://github.com/jerone/UserScripts/raw/master/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
+// @supportURL  https://github.com/jerone/UserScripts/issues
+// @contributionURL https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VCYMHWQ7ZMBKW
+// @icon        https://github.githubassets.com/pinned-octocat.svg
+// @include     https://github.com/*/*/commits
+// @include     https://github.com/*/*/commits/*
+// @exclude     https://github.com/*/*.diff
+// @exclude     https://github.com/*/*.patch
+// @version     0.0.3
+// @grant       none
+// ==/UserScript==
+
+(function () {
+
+  function addButton() {
+    var nav;
+    if ((nav = document.querySelector('#commits_bucket'))) {
+
+      // Check if our group of buttons are already attached.
+      // Remove it, as the 'old' buttons don't have events anymore.
+      const e = document.getElementById('GitHubCommitCompareGroup');
+      if (e) {
+        e.parentElement.removeChild(e);
+      }
+      Array.from(document.querySelectorAll('.GitHubCommitCompareButtonAB')).forEach(function (b) {
+        b.parentElement.removeChild(b);
+      });
+
+      const c = document.createElement('input');
+      c.type = 'checkbox';
+      c.addEventListener('change',
+        function () {
+          const bb = document.querySelectorAll('.GitHubCommitCompareButtonAB');
+          if (this.checked) {
+            if (bb.length === 0) {
+              addCompareButtons();
+            } else {
+              Array.from(bb).forEach(function (b) {
+                b.classList.remove('d-none');
+              });
+            }
+          } else {
+            Array.from(bb).forEach(function (b) {
+              b.classList.add('d-none');
+            });
+          }
+          const bbb = document.getElementById('GitHubCommitCompareButton');
+          if (bbb) bbb.classList.remove('disabled');
+        });
+
+      const l = document.createElement('label');
+      l.classList.add('tooltipped', 'tooltipped-n');
+      l.setAttribute('aria-label', 'Show commit compare buttons');
+      l.style.cssText = `
+        float: left;
+        padding: 3px 10px;
+        font-size: 12px;
+        font-weight: 600;
+        line-height: 20px;
+        color: #24292e;
+        vertical-align: middle;
+        background-color: #fff;
+        border: 1px solid rgba(27,31,35,0.2);
+        border-right: 0;
+        border-top-left-radius: 3px;
+        border-bottom-left-radius: 3px;
+      `;
+      l.appendChild(c);
+
+      const p = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+      p.setAttributeNS(null,
+        'd',
+        'M5 12H4c-.27-.02-.48-.11-.69-.31-.21-.2-.3-.42-.31-.69V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V11c.03.78.34 1.47.94 2.06.6.59 1.28.91 2.06.94h1v2l3-3-3-3v2zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm11 9.48V5c-.03-.78-.34-1.47-.94-2.06-.6-.59-1.28-.91-2.06-.94H9V0L6 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 12 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z');
+
+      const s = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+      s.classList.add('octicon', 'octicon-diff');
+      s.setAttributeNS(null, 'height', 16);
+      s.setAttributeNS(null, 'width', 14);
+      s.setAttributeNS(null, 'viewBox', '0 0 14 16');
+      s.appendChild(p);
+
+      const a = document.createElement('a');
+      a.id = 'GitHubCommitCompareButton';
+      a.classList.add('btn', 'btn-sm', 'tooltipped', 'tooltipped-n', 'disabled');
+      a.setAttribute('href', '#');
+      a.setAttribute('rel', 'nofollow');
+      a.setAttribute('aria-label', 'Compare these commits');
+      a.style.cssText = `
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+        font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+      `;
+      a.appendChild(s);
+      a.appendChild(document.createElement("span"));
+
+      const g = document.createElement('div');
+      g.id = 'GitHubCommitCompareGroup';
+      g.setAttributeNS(null, 'style', 'text-align: right;');
+      const f = document.createElement('div');
+      f.setAttributeNS(null, 'style', 'display: inline-block;');
+      g.appendChild(f);
+      f.appendChild(l);
+      f.appendChild(a);
+
+      nav.prepend(g);
+    }
+  }
+
+  function updateRadioButtons() {
+    var compareAdisabled = true;
+    var compareBdisabled = false;
+
+    const compares = document.querySelectorAll('.GitHubCommitCompareButtonAB');
+    Array.from(compares).forEach(function (compare) {
+      const compareA = compare.querySelector('[name="GitHubCommitCompareButtonA"]');
+      const compareB = compare.querySelector('[name="GitHubCommitCompareButtonB"]');
+
+      compareA.disabled = compareAdisabled;
+      compareA.parentNode.classList.toggle('disabled', compareAdisabled);
+
+      if (compareA.checked) {
+        compareBdisabled = true;
+      }
+      if (compareB.checked) {
+        compareAdisabled = false;
+      }
+
+      compareB.disabled = compareBdisabled;
+      compareB.parentNode.classList.toggle('disabled', compareBdisabled);
+    });
+
+    updateCompareButton();
+  }
+
+  function updateCompareButton() {
+    const repo = document.querySelector('meta[property="og:url"]').content;
+
+    const compareA = document.querySelector('.GitHubCommitCompareButtonAB [name="GitHubCommitCompareButtonA"]:checked');
+    const hashA = compareA.parentNode.parentNode.parentNode.querySelector('clipboard-copy').value;
+    const compareB = document.querySelector('.GitHubCommitCompareButtonAB [name="GitHubCommitCompareButtonB"]:checked');
+    const hashB = compareB.parentNode.parentNode.parentNode.querySelector('clipboard-copy').value;
+
+    const a = document.getElementById('GitHubCommitCompareButton');
+    a.setAttribute('href', `${repo}/files/${hashB}..${hashA}`);
+    a.querySelector('span').textContent = ` ${hashB.substring(0, 7)}...${hashA.substring(0, 7)}`;
+
+    //localStorage.setItem('GitHubCommitCompareButtonHashA', hashA);
+    //localStorage.setItem('GitHubCommitCompareButtonHashB', hashB);
+  }
+
+  function addCompareButtons() {
+    const commits = document.querySelectorAll('.commits-list-item .commit-links-cell');
+    Array.from(commits).forEach(function (item, index) {
+      const c1 = document.createElement('input');
+      c1.name = 'GitHubCommitCompareButtonA';
+      c1.type = 'radio';
+      c1.addEventListener('change', updateRadioButtons);
+      if (index === 1) c1.checked = true;
+
+      const l1 = document.createElement('label');
+      l1.classList.add('btn', 'btn-outline', 'BtnGroup-item', 'tooltipped', 'tooltipped-s');
+      l1.setAttribute('aria-label', 'Choose a base commit');
+      l1.appendChild(c1);
+
+      const c2 = document.createElement('input');
+      c2.name = 'GitHubCommitCompareButtonB';
+      c2.type = 'radio';
+      c2.addEventListener('change', updateRadioButtons);
+      if (index === 0) c2.checked = true;
+
+      const l2 = document.createElement('label');
+      l2.classList.add('btn', 'btn-outline', 'BtnGroup-item', 'tooltipped', 'tooltipped-s');
+      l2.setAttribute('aria-label', 'Choose a head commit');
+      l2.appendChild(c2);
+
+      // const p3 = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+      // p3.setAttributeNS(null,
+      //'d',
+      //'M5 12H4c-.27-.02-.48-.11-.69-.31-.21-.2-.3-.42-.31-.69V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V11c.03.78.34 1.47.94 2.06.6.59 1.28.91 2.06.94h1v2l3-3-3-3v2zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm11 9.48V5c-.03-.78-.34-1.47-.94-2.06-.6-.59-1.28-.91-2.06-.94H9V0L6 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 12 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z');
+
+      // const s3 = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+      // s3.classList.add('octicon', 'octicon-diff');
+      // s3.setAttributeNS(null, 'height', 16);
+      // s3.setAttributeNS(null, 'width', 14);
+      // s3.setAttributeNS(null, 'viewBox', '0 0 14 16');
+      // s3.appendChild(p3);
+
+      // const l3 = document.createElement('a');
+      // l3.classList.add('btn', 'btn-outline', 'BtnGroup-item', 'tooltipped', 'tooltipped-sw');
+      // l3.setAttribute('aria-label', 'TODO');
+      // l3.appendChild(s3);
+
+      const gg = document.createElement('div');
+      gg.classList.add('GitHubCommitCompareButtonAB', 'commit-links-group', 'BtnGroup');
+      gg.appendChild(l1);
+      gg.appendChild(l2);
+      //gg.appendChild(l3);
+
+      //item.style.width = '350px';
+      if (item.querySelector('.muted-link')) { // Insert after number of comments button.
+        item.insertBefore(gg, item.querySelector('.muted-link').nextSibling);
+      } else {
+        item.insertBefore(gg, item.firstChild);
+      }
+    });
+
+    updateRadioButtons(); // Update radio buttons.
+  }
+
+  // Init.
+  addButton();
+
+  // Pjax.
+  document.addEventListener('pjax:end', addButton);
+
+})();
+

From 3b24a5bff968acc3df98288eecee667c9fb65a40 Mon Sep 17 00:00:00 2001
From: Marek Brysa <marek.brysa@databricks.com>
Date: Sat, 7 Sep 2019 11:36:51 +0200
Subject: [PATCH 2/6] cleanups

---
 .idea/misc.xml                                |   9 +
 .idea/modules.xml                             |   8 +
 .idea/vcs.xml                                 |   6 +
 .idea/workspace.xml                           | 199 ++++++++++++++++++
 .../GitHub_Commit_Compare.user.js             | 188 ++++++++---------
 UserScripts.iml                               |   9 +
 6 files changed, 315 insertions(+), 104 deletions(-)
 create mode 100644 .idea/misc.xml
 create mode 100644 .idea/modules.xml
 create mode 100644 .idea/vcs.xml
 create mode 100644 .idea/workspace.xml
 create mode 100644 UserScripts.iml

diff --git a/.idea/misc.xml b/.idea/misc.xml
new file mode 100644
index 0000000..7e5bdf8
--- /dev/null
+++ b/.idea/misc.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="ES6" />
+  </component>
+  <component name="ProjectRootManager">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..e96caf4
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/UserScripts.iml" filepath="$PROJECT_DIR$/UserScripts.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
new file mode 100644
index 0000000..77ec2fe
--- /dev/null
+++ b/.idea/workspace.xml
@@ -0,0 +1,199 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="a9bc4519-7fc2-48f6-ac9f-f5be0d855254" name="Default Changelist" comment="">
+      <change beforePath="$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js" beforeDir="false" afterPath="$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js" afterDir="false" />
+    </list>
+    <ignored path="$PROJECT_DIR$/out/" />
+    <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="DefaultGradleProjectSettings">
+    <option name="isMigrated" value="true" />
+  </component>
+  <component name="FileEditorManager">
+    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/GitHub_Commit_Compare/README.md">
+          <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
+            <state split_layout="SPLIT">
+              <first_editor />
+              <second_editor />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="261">
+              <caret line="163" column="22" lean-forward="true" selection-start-line="163" selection-start-column="22" selection-end-line="163" selection-end-column="22" />
+              <folding>
+                <element signature="n#!!doc" expanded="true" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/.editorconfig">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="165">
+              <caret line="15" selection-start-line="15" selection-end-line="15" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+    </leaf>
+  </component>
+  <component name="FindInProjectRecents">
+    <findStrings>
+      <find>GitHubCommitCompareButton</find>
+      <find>dis</find>
+    </findStrings>
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
+  <component name="IdeDocumentHistory">
+    <option name="CHANGED_PATHS">
+      <list>
+        <option value="$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js" />
+      </list>
+    </option>
+  </component>
+  <component name="JsFlowSettings">
+    <service-enabled>true</service-enabled>
+    <exe-path />
+    <other-services-enabled>true</other-services-enabled>
+    <auto-save>true</auto-save>
+  </component>
+  <component name="ProjectFrameBounds" extendedState="6">
+    <option name="y" value="23" />
+    <option name="width" value="720" />
+    <option name="height" value="877" />
+  </component>
+  <component name="ProjectView">
+    <navigator proportions="" version="1">
+      <foldersAlwaysOnTop value="true" />
+    </navigator>
+    <panes>
+      <pane id="Scope" />
+      <pane id="PackagesPane" />
+      <pane id="ProjectPane">
+        <subPane>
+          <expand>
+            <path>
+              <item name="UserScripts" type="b2602c69:ProjectViewProjectNode" />
+              <item name="UserScripts" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="UserScripts" type="b2602c69:ProjectViewProjectNode" />
+              <item name="UserScripts" type="462c0819:PsiDirectoryNode" />
+              <item name="GitHub_Commit_Compare" type="462c0819:PsiDirectoryNode" />
+            </path>
+          </expand>
+          <select />
+        </subPane>
+      </pane>
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="JavaScriptWeakerCompletionTypeGuess" value="true" />
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="editor.config.ad.shown" value="true" />
+    <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
+    <property name="nodejs_npm_path_reset_for_default_project" value="true" />
+    <property name="settings.editor.selected.configurable" value="Settings.JavaScript" />
+  </component>
+  <component name="RunDashboard">
+    <option name="ruleStates">
+      <list>
+        <RuleState>
+          <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
+        </RuleState>
+        <RuleState>
+          <option name="name" value="StatusDashboardGroupingRule" />
+        </RuleState>
+      </list>
+    </option>
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="a9bc4519-7fc2-48f6-ac9f-f5be0d855254" name="Default Changelist" comment="" />
+      <created>1567765545429</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1567765545429</updated>
+      <workItem from="1567765548892" duration="544000" />
+      <workItem from="1567847472822" duration="1324000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TimeTrackingManager">
+    <option name="totallyTimeSpent" value="1868000" />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="0" y="23" width="1440" height="877" extended-state="6" />
+    <editor active="true" />
+    <layout>
+      <window_info content_ui="combo" id="Project" order="0" visible="true" weight="0.2532189" />
+      <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
+      <window_info id="Designer" order="2" />
+      <window_info id="Favorites" order="3" side_tool="true" />
+      <window_info anchor="bottom" id="Message" order="0" />
+      <window_info anchor="bottom" id="Find" order="1" weight="0.3299363" />
+      <window_info anchor="bottom" id="Run" order="2" />
+      <window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
+      <window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
+      <window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
+      <window_info anchor="bottom" id="TODO" order="6" />
+      <window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Database Changes" order="8" />
+      <window_info anchor="bottom" id="Terminal" order="9" />
+      <window_info anchor="bottom" id="Event Log" order="10" side_tool="true" />
+      <window_info anchor="bottom" id="Version Control" order="11" />
+      <window_info anchor="bottom" id="Messages" order="12" />
+      <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
+      <window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
+      <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
+      <window_info anchor="right" id="Maven" order="3" />
+      <window_info anchor="right" id="Database" order="4" />
+      <window_info anchor="right" id="Palette&#9;" order="5" />
+      <window_info anchor="right" id="SciView" order="6" />
+    </layout>
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="1" />
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/GitHub_Commit_Compare/README.md">
+      <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
+        <state split_layout="SPLIT">
+          <first_editor />
+          <second_editor />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/.editorconfig">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="165">
+          <caret line="15" selection-start-line="15" selection-end-line="15" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="261">
+          <caret line="163" column="22" lean-forward="true" selection-start-line="163" selection-start-column="22" selection-end-line="163" selection-end-column="22" />
+          <folding>
+            <element signature="n#!!doc" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+  </component>
+</project>
\ No newline at end of file
diff --git a/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js b/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
index e3a93ff..57e439b 100644
--- a/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
+++ b/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
@@ -30,40 +30,42 @@
 
       // Check if our group of buttons are already attached.
       // Remove it, as the 'old' buttons don't have events anymore.
-      const e = document.getElementById('GitHubCommitCompareGroup');
-      if (e) {
-        e.parentElement.removeChild(e);
+      const oldCompareGroup = document.getElementById('GitHubCommitCompareGroup');
+      if (oldCompareGroup) {
+        oldCompareGroup.parentElement.removeChild(oldCompareGroup);
       }
-      Array.from(document.querySelectorAll('.GitHubCommitCompareButtonAB')).forEach(function (b) {
-        b.parentElement.removeChild(b);
+      Array.from(document.querySelectorAll('.GitHubCommitCompareButtonAB')).forEach(function (oldCompareRadioGroup) {
+        oldCompareRadioGroup.parentElement.removeChild(oldCompareRadioGroup);
       });
 
-      const c = document.createElement('input');
-      c.type = 'checkbox';
-      c.addEventListener('change',
+      const checkboxEnable = document.createElement('input');
+      checkboxEnable.type = 'checkbox';
+      checkboxEnable.addEventListener('change',
         function () {
-          const bb = document.querySelectorAll('.GitHubCommitCompareButtonAB');
+          const compareRadioGroup = document.querySelectorAll('.GitHubCommitCompareButtonAB');
           if (this.checked) {
-            if (bb.length === 0) {
-              addCompareButtons();
+            // add or show radios
+            if (compareRadioGroup.length === 0) {
+              addCompareRadios();
             } else {
-              Array.from(bb).forEach(function (b) {
+              Array.from(compareRadioGroup).forEach(function (b) {
                 b.classList.remove('d-none');
               });
             }
           } else {
-            Array.from(bb).forEach(function (b) {
+            // hide radios
+            Array.from(compareRadioGroup).forEach(function (b) {
               b.classList.add('d-none');
             });
           }
-          const bbb = document.getElementById('GitHubCommitCompareButton');
-          if (bbb) bbb.classList.remove('disabled');
+          const compareButton = document.getElementById('GitHubCommitCompareButton');
+          if (compareButton) compareButton.classList.remove('disabled');
         });
 
-      const l = document.createElement('label');
-      l.classList.add('tooltipped', 'tooltipped-n');
-      l.setAttribute('aria-label', 'Show commit compare buttons');
-      l.style.cssText = `
+      const label = document.createElement('label');
+      label.classList.add('tooltipped', 'tooltipped-n');
+      label.setAttribute('aria-label', 'Show commit compare buttons');
+      label.style.cssText = `
         float: left;
         padding: 3px 10px;
         font-size: 12px;
@@ -77,50 +79,50 @@
         border-top-left-radius: 3px;
         border-bottom-left-radius: 3px;
       `;
-      l.appendChild(c);
+      label.appendChild(checkboxEnable);
 
-      const p = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-      p.setAttributeNS(null,
+      const iconSvgPath = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+      iconSvgPath.setAttributeNS(null,
         'd',
         'M5 12H4c-.27-.02-.48-.11-.69-.31-.21-.2-.3-.42-.31-.69V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V11c.03.78.34 1.47.94 2.06.6.59 1.28.91 2.06.94h1v2l3-3-3-3v2zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm11 9.48V5c-.03-.78-.34-1.47-.94-2.06-.6-.59-1.28-.91-2.06-.94H9V0L6 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 12 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z');
 
-      const s = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-      s.classList.add('octicon', 'octicon-diff');
-      s.setAttributeNS(null, 'height', 16);
-      s.setAttributeNS(null, 'width', 14);
-      s.setAttributeNS(null, 'viewBox', '0 0 14 16');
-      s.appendChild(p);
-
-      const a = document.createElement('a');
-      a.id = 'GitHubCommitCompareButton';
-      a.classList.add('btn', 'btn-sm', 'tooltipped', 'tooltipped-n', 'disabled');
-      a.setAttribute('href', '#');
-      a.setAttribute('rel', 'nofollow');
-      a.setAttribute('aria-label', 'Compare these commits');
-      a.style.cssText = `
+      const iconSvg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+      iconSvg.classList.add('octicon', 'octicon-diff');
+      iconSvg.setAttributeNS(null, 'height', 16);
+      iconSvg.setAttributeNS(null, 'width', 14);
+      iconSvg.setAttributeNS(null, 'viewBox', '0 0 14 16');
+      iconSvg.appendChild(iconSvgPath);
+
+      const compareButton = document.createElement('a');
+      compareButton.id = 'GitHubCommitCompareButton';
+      compareButton.classList.add('btn', 'btn-sm', 'tooltipped', 'tooltipped-n', 'disabled');
+      compareButton.setAttribute('href', '#');
+      compareButton.setAttribute('rel', 'nofollow');
+      compareButton.setAttribute('aria-label', 'Compare these commits');
+      compareButton.style.cssText = `
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
         font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
       `;
-      a.appendChild(s);
-      a.appendChild(document.createElement("span"));
-
-      const g = document.createElement('div');
-      g.id = 'GitHubCommitCompareGroup';
-      g.setAttributeNS(null, 'style', 'text-align: right;');
-      const f = document.createElement('div');
-      f.setAttributeNS(null, 'style', 'display: inline-block;');
-      g.appendChild(f);
-      f.appendChild(l);
-      f.appendChild(a);
-
-      nav.prepend(g);
+      compareButton.appendChild(iconSvg);
+      compareButton.appendChild(document.createElement("span"));
+
+      const compareGroup = document.createElement('div');
+      compareGroup.id = 'GitHubCommitCompareGroup';
+      compareGroup.setAttributeNS(null, 'style', 'text-align: right;');
+      const compareGroupContainer = document.createElement('div');
+      compareGroupContainer.setAttributeNS(null, 'style', 'display: inline-block;');
+      compareGroup.appendChild(compareGroupContainer);
+      compareGroupContainer.appendChild(label);
+      compareGroupContainer.appendChild(compareButton);
+
+      nav.prepend(compareGroup);
     }
   }
 
   function updateRadioButtons() {
-    var compareAdisabled = true;
-    var compareBdisabled = false;
+    let compareAdisabled = true;
+    let compareBdisabled = false;
 
     const compares = document.querySelectorAll('.GitHubCommitCompareButtonAB');
     Array.from(compares).forEach(function (compare) {
@@ -154,65 +156,43 @@
 
     const a = document.getElementById('GitHubCommitCompareButton');
     a.setAttribute('href', `${repo}/files/${hashB}..${hashA}`);
-    a.querySelector('span').textContent = ` ${hashB.substring(0, 7)}...${hashA.substring(0, 7)}`;
-
-    //localStorage.setItem('GitHubCommitCompareButtonHashA', hashA);
-    //localStorage.setItem('GitHubCommitCompareButtonHashB', hashB);
+    a.querySelector('span').textContent = ` ${hashB.substring(0, 7)}..${hashA.substring(0, 7)}`;
   }
 
-  function addCompareButtons() {
+  function addCompareRadios() {
     const commits = document.querySelectorAll('.commits-list-item .commit-links-cell');
     Array.from(commits).forEach(function (item, index) {
-      const c1 = document.createElement('input');
-      c1.name = 'GitHubCommitCompareButtonA';
-      c1.type = 'radio';
-      c1.addEventListener('change', updateRadioButtons);
-      if (index === 1) c1.checked = true;
-
-      const l1 = document.createElement('label');
-      l1.classList.add('btn', 'btn-outline', 'BtnGroup-item', 'tooltipped', 'tooltipped-s');
-      l1.setAttribute('aria-label', 'Choose a base commit');
-      l1.appendChild(c1);
-
-      const c2 = document.createElement('input');
-      c2.name = 'GitHubCommitCompareButtonB';
-      c2.type = 'radio';
-      c2.addEventListener('change', updateRadioButtons);
-      if (index === 0) c2.checked = true;
-
-      const l2 = document.createElement('label');
-      l2.classList.add('btn', 'btn-outline', 'BtnGroup-item', 'tooltipped', 'tooltipped-s');
-      l2.setAttribute('aria-label', 'Choose a head commit');
-      l2.appendChild(c2);
-
-      // const p3 = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-      // p3.setAttributeNS(null,
-      //'d',
-      //'M5 12H4c-.27-.02-.48-.11-.69-.31-.21-.2-.3-.42-.31-.69V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V11c.03.78.34 1.47.94 2.06.6.59 1.28.91 2.06.94h1v2l3-3-3-3v2zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm11 9.48V5c-.03-.78-.34-1.47-.94-2.06-.6-.59-1.28-.91-2.06-.94H9V0L6 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 12 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z');
-
-      // const s3 = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-      // s3.classList.add('octicon', 'octicon-diff');
-      // s3.setAttributeNS(null, 'height', 16);
-      // s3.setAttributeNS(null, 'width', 14);
-      // s3.setAttributeNS(null, 'viewBox', '0 0 14 16');
-      // s3.appendChild(p3);
-
-      // const l3 = document.createElement('a');
-      // l3.classList.add('btn', 'btn-outline', 'BtnGroup-item', 'tooltipped', 'tooltipped-sw');
-      // l3.setAttribute('aria-label', 'TODO');
-      // l3.appendChild(s3);
-
-      const gg = document.createElement('div');
-      gg.classList.add('GitHubCommitCompareButtonAB', 'commit-links-group', 'BtnGroup');
-      gg.appendChild(l1);
-      gg.appendChild(l2);
-      //gg.appendChild(l3);
-
-      //item.style.width = '350px';
+      const radioA = document.createElement('input');
+      radioA.name = 'GitHubCommitCompareButtonA';
+      radioA.type = 'radio';
+      radioA.addEventListener('change', updateRadioButtons);
+      if (index === 1) radioA.checked = true;
+
+      const labelA = document.createElement('label');
+      labelA.classList.add('btn', 'btn-outline', 'BtnGroup-item', 'tooltipped', 'tooltipped-s');
+      labelA.setAttribute('aria-label', 'Choose a head commit');
+      labelA.appendChild(radioA);
+
+      const radioB = document.createElement('input');
+      radioB.name = 'GitHubCommitCompareButtonB';
+      radioB.type = 'radio';
+      radioB.addEventListener('change', updateRadioButtons);
+      if (index === 0) radioB.checked = true;
+
+      const labelB = document.createElement('label');
+      labelB.classList.add('btn', 'btn-outline', 'BtnGroup-item', 'tooltipped', 'tooltipped-s');
+      labelB.setAttribute('aria-label', 'Choose a base commit');
+      labelB.appendChild(radioB);
+
+      const compareRadioGroup = document.createElement('div');
+      compareRadioGroup.classList.add('GitHubCommitCompareButtonAB', 'commit-links-group', 'BtnGroup');
+      compareRadioGroup.appendChild(labelB);
+      compareRadioGroup.appendChild(labelA);
+
       if (item.querySelector('.muted-link')) { // Insert after number of comments button.
-        item.insertBefore(gg, item.querySelector('.muted-link').nextSibling);
+        item.insertBefore(compareRadioGroup, item.querySelector('.muted-link').nextSibling);
       } else {
-        item.insertBefore(gg, item.firstChild);
+        item.insertBefore(compareRadioGroup, item.firstChild);
       }
     });
 
diff --git a/UserScripts.iml b/UserScripts.iml
new file mode 100644
index 0000000..8021953
--- /dev/null
+++ b/UserScripts.iml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file

From 6f1607c6425dedd1f8667eb701547576c3204c14 Mon Sep 17 00:00:00 2001
From: Marek Brysa <marek.brysa@databricks.com>
Date: Sat, 7 Sep 2019 12:47:19 +0200
Subject: [PATCH 3/6] base

---
 .idea/workspace.xml                           | 33 ++++++++++++++---
 .../GitHub_Commit_Compare.user.js             | 37 +++++++++++++------
 2 files changed, 52 insertions(+), 18 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 77ec2fe..4678124 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -29,8 +29,8 @@
       <file pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="261">
-              <caret line="163" column="22" lean-forward="true" selection-start-line="163" selection-start-column="22" selection-end-line="163" selection-end-column="22" />
+            <state relative-caret-position="393">
+              <caret line="199" column="56" selection-start-line="199" selection-start-column="56" selection-end-line="199" selection-end-column="56" />
               <folding>
                 <element signature="n#!!doc" expanded="true" />
               </folding>
@@ -38,6 +38,15 @@
           </provider>
         </entry>
       </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$APPLICATION_CONFIG_DIR$/scratches/scratch.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state>
+              <caret selection-end-line="12" selection-end-column="5" />
+            </state>
+          </provider>
+        </entry>
+      </file>
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/.editorconfig">
           <provider selected="true" editor-type-id="text-editor">
@@ -53,6 +62,8 @@
     <findStrings>
       <find>GitHubCommitCompareButton</find>
       <find>dis</find>
+      <find>addCompareRadios</find>
+      <find>muted</find>
     </findStrings>
   </component>
   <component name="Git.Settings">
@@ -61,6 +72,7 @@
   <component name="IdeDocumentHistory">
     <option name="CHANGED_PATHS">
       <list>
+        <option value="$APPLICATION_CONFIG_DIR$/scratches/scratch.html" />
         <option value="$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js" />
       </list>
     </option>
@@ -103,7 +115,9 @@
   </component>
   <component name="PropertiesComponent">
     <property name="JavaScriptWeakerCompletionTypeGuess" value="true" />
+    <property name="SHARE_PROJECT_CONFIGURATION_FILES" value="true" />
     <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="com.intellij.ide.scratch.LRUPopupBuilder$1/New Scratch File" value="HTML" />
     <property name="editor.config.ad.shown" value="true" />
     <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
     <property name="nodejs_npm_path_reset_for_default_project" value="true" />
@@ -129,12 +143,12 @@
       <option name="presentableId" value="Default" />
       <updated>1567765545429</updated>
       <workItem from="1567765548892" duration="544000" />
-      <workItem from="1567847472822" duration="1324000" />
+      <workItem from="1567847472822" duration="3472000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="1868000" />
+    <option name="totallyTimeSpent" value="4016000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="0" y="23" width="1440" height="877" extended-state="6" />
@@ -185,10 +199,17 @@
         </state>
       </provider>
     </entry>
+    <entry file="file://$APPLICATION_CONFIG_DIR$/scratches/scratch.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state>
+          <caret selection-end-line="12" selection-end-column="5" />
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="261">
-          <caret line="163" column="22" lean-forward="true" selection-start-line="163" selection-start-column="22" selection-end-line="163" selection-end-column="22" />
+        <state relative-caret-position="393">
+          <caret line="199" column="56" selection-start-line="199" selection-start-column="56" selection-end-line="199" selection-end-column="56" />
           <folding>
             <element signature="n#!!doc" expanded="true" />
           </folding>
diff --git a/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js b/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
index 57e439b..187a340 100644
--- a/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
+++ b/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
@@ -20,6 +20,7 @@
 // @exclude     https://github.com/*/*.patch
 // @version     0.0.3
 // @grant       none
+// @require    https://code.jquery.com/jquery-3.4.1.slim.js#sha256=0539537503bdfdf6ac701d5dade92b0d591a29df4f93007298c9473a21bea8b2
 // ==/UserScript==
 
 (function () {
@@ -48,15 +49,11 @@
             if (compareRadioGroup.length === 0) {
               addCompareRadios();
             } else {
-              Array.from(compareRadioGroup).forEach(function (b) {
-                b.classList.remove('d-none');
-              });
+              $('.GitHubCommitCompareToggle').show();
             }
           } else {
             // hide radios
-            Array.from(compareRadioGroup).forEach(function (b) {
-              b.classList.add('d-none');
-            });
+            $('.GitHubCommitCompareToggle').hide();
           }
           const compareButton = document.getElementById('GitHubCommitCompareButton');
           if (compareButton) compareButton.classList.remove('disabled');
@@ -152,14 +149,29 @@
     const compareA = document.querySelector('.GitHubCommitCompareButtonAB [name="GitHubCommitCompareButtonA"]:checked');
     const hashA = compareA.parentNode.parentNode.parentNode.querySelector('clipboard-copy').value;
     const compareB = document.querySelector('.GitHubCommitCompareButtonAB [name="GitHubCommitCompareButtonB"]:checked');
-    const hashB = compareB.parentNode.parentNode.parentNode.querySelector('clipboard-copy').value;
+    const clipboardCopyB = compareB.parentNode.parentNode.parentNode.querySelector('clipboard-copy');
+    const hashB = clipboardCopyB == null ? null : clipboardCopyB.value;
 
     const a = document.getElementById('GitHubCommitCompareButton');
-    a.setAttribute('href', `${repo}/files/${hashB}..${hashA}`);
-    a.querySelector('span').textContent = ` ${hashB.substring(0, 7)}..${hashA.substring(0, 7)}`;
+    const href = `${repo}/files/` + (hashB ? `${hashB}..` : '') + hashA;
+    a.setAttribute('href', href);
+    a.querySelector('span').textContent = `${hashB ? hashB.substring(0, 7) : 'base'}..${hashA.substring(0, 7)}`;
   }
 
   function addCompareRadios() {
+    $('#commits_bucket .commits-listing').prepend(
+    `<ol class="commit-group table-list table-list-bordered GitHubCommitCompareToggle">
+    <li class="commit commits-list-item table-list-item">
+        <div class="table-list-cell">
+            <p class="commit-title h5 mb-1 text-gray-dark ">
+                base
+            </p>
+        </div>
+        <div class="commit-links-cell table-list-cell">
+        </div>
+    </li>
+</ol>`);
+
     const commits = document.querySelectorAll('.commits-list-item .commit-links-cell');
     Array.from(commits).forEach(function (item, index) {
       const radioA = document.createElement('input');
@@ -185,15 +197,16 @@
       labelB.appendChild(radioB);
 
       const compareRadioGroup = document.createElement('div');
-      compareRadioGroup.classList.add('GitHubCommitCompareButtonAB', 'commit-links-group', 'BtnGroup');
+      compareRadioGroup.classList.add('GitHubCommitCompareButtonAB', 'commit-links-group', 'BtnGroup', 'GitHubCommitCompareToggle');
       compareRadioGroup.appendChild(labelB);
       compareRadioGroup.appendChild(labelA);
 
-      if (item.querySelector('.muted-link')) { // Insert after number of comments button.
+      /*if (item.querySelector('.muted-link')) { // Insert after number of comments button.
         item.insertBefore(compareRadioGroup, item.querySelector('.muted-link').nextSibling);
       } else {
         item.insertBefore(compareRadioGroup, item.firstChild);
-      }
+      }*/
+      item.appendChild(compareRadioGroup)
     });
 
     updateRadioButtons(); // Update radio buttons.

From c97eb590fdd4e655f19ea8a929d4d18f06d4b67d Mon Sep 17 00:00:00 2001
From: Marek Brysa <marek.brysa@databricks.com>
Date: Sat, 7 Sep 2019 14:26:23 +0200
Subject: [PATCH 4/6] stacks

---
 .idea/workspace.xml                           | 13 ++--
 .../GitHub_Commit_Compare.user.js             | 78 +++++++++++++++----
 2 files changed, 68 insertions(+), 23 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 4678124..f595056 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,6 +2,7 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="a9bc4519-7fc2-48f6-ac9f-f5be0d855254" name="Default Changelist" comment="">
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js" beforeDir="false" afterPath="$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js" afterDir="false" />
     </list>
     <ignored path="$PROJECT_DIR$/out/" />
@@ -29,8 +30,8 @@
       <file pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="393">
-              <caret line="199" column="56" selection-start-line="199" selection-start-column="56" selection-end-line="199" selection-end-column="56" />
+            <state relative-caret-position="359">
+              <caret line="185" column="7" selection-start-line="185" selection-start-column="7" selection-end-line="185" selection-end-column="7" />
               <folding>
                 <element signature="n#!!doc" expanded="true" />
               </folding>
@@ -143,12 +144,12 @@
       <option name="presentableId" value="Default" />
       <updated>1567765545429</updated>
       <workItem from="1567765548892" duration="544000" />
-      <workItem from="1567847472822" duration="3472000" />
+      <workItem from="1567847472822" duration="8855000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="4016000" />
+    <option name="totallyTimeSpent" value="9399000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="0" y="23" width="1440" height="877" extended-state="6" />
@@ -208,8 +209,8 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="393">
-          <caret line="199" column="56" selection-start-line="199" selection-start-column="56" selection-end-line="199" selection-end-column="56" />
+        <state relative-caret-position="359">
+          <caret line="185" column="7" selection-start-line="185" selection-start-column="7" selection-end-line="185" selection-end-column="7" />
           <folding>
             <element signature="n#!!doc" expanded="true" />
           </folding>
diff --git a/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js b/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
index 187a340..257ada8 100644
--- a/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
+++ b/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
@@ -43,21 +43,8 @@
       checkboxEnable.type = 'checkbox';
       checkboxEnable.addEventListener('change',
         function () {
-          const compareRadioGroup = document.querySelectorAll('.GitHubCommitCompareButtonAB');
-          if (this.checked) {
-            // add or show radios
-            if (compareRadioGroup.length === 0) {
-              addCompareRadios();
-            } else {
-              $('.GitHubCommitCompareToggle').show();
-            }
-          } else {
-            // hide radios
-            $('.GitHubCommitCompareToggle').hide();
-          }
-          const compareButton = document.getElementById('GitHubCommitCompareButton');
-          if (compareButton) compareButton.classList.remove('disabled');
-        });
+        toggleVisibility(this.checked);
+      });
 
       const label = document.createElement('label');
       label.classList.add('tooltipped', 'tooltipped-n');
@@ -117,6 +104,24 @@
     }
   }
 
+  function toggleVisibility(visible) {
+    if (visible) {
+      const compareRadioGroup = document.querySelectorAll('.GitHubCommitCompareButtonAB');
+      // add or show things
+      if (compareRadioGroup.length === 0) {
+        addCompareRadios();
+        addStackLinks();
+      } else {
+        $('.GitHubCommitCompareToggle').show();
+      }
+    } else {
+      // hide things
+      $('.GitHubCommitCompareToggle').hide();
+    }
+    const compareButton = document.getElementById('GitHubCommitCompareButton');
+    if (compareButton) compareButton.classList.remove('disabled');
+  }
+
   function updateRadioButtons() {
     let compareAdisabled = true;
     let compareBdisabled = false;
@@ -143,9 +148,12 @@
     updateCompareButton();
   }
 
-  function updateCompareButton() {
+  function rangeHref(hashBase, hashHead) {
     const repo = document.querySelector('meta[property="og:url"]').content;
+    return `${repo}/files/` + (hashBase ? `${hashBase}..` : '') + hashHead;
+  }
 
+  function updateCompareButton() {
     const compareA = document.querySelector('.GitHubCommitCompareButtonAB [name="GitHubCommitCompareButtonA"]:checked');
     const hashA = compareA.parentNode.parentNode.parentNode.querySelector('clipboard-copy').value;
     const compareB = document.querySelector('.GitHubCommitCompareButtonAB [name="GitHubCommitCompareButtonB"]:checked');
@@ -153,11 +161,47 @@
     const hashB = clipboardCopyB == null ? null : clipboardCopyB.value;
 
     const a = document.getElementById('GitHubCommitCompareButton');
-    const href = `${repo}/files/` + (hashB ? `${hashB}..` : '') + hashA;
+    const href = rangeHref(hashB, hashA);
     a.setAttribute('href', href);
     a.querySelector('span').textContent = `${hashB ? hashB.substring(0, 7) : 'base'}..${hashA.substring(0, 7)}`;
   }
 
+  function addStackLinks() {
+    const commits = [];
+    $('#commits_bucket .commits-list-item .commit-title>a').each((index, commitTitleA) => {
+      const title = $(commitTitleA).text();
+
+      const stackMatch = /^(\d+):.*$/.exec(title);
+      const stackId = stackMatch ? stackMatch[1] : null;
+
+      const hrefSplit = $(commitTitleA).prop("href").split("/");
+      const sha = hrefSplit[hrefSplit.length - 1];
+
+      commits.push({
+        title: title,
+        sha: sha,
+        stackId: stackId,
+        titleA: commitTitleA
+      });
+    });
+
+    let hashBase = null;
+    let stackTitleA = commits[0].titleA;
+    for (let i =0; i<commits.length; i++) {
+      const commit = commits[i];
+      if (i === commits.length - 1 || commits[i+1].stackId) {
+        const href = rangeHref(hashBase, commit.sha);
+        $(stackTitleA).after(`<a class="GitHubCommitCompareToggle" href="${href}"> (stack)</a>`);
+        console.log($(stackTitleA).text());
+        console.log(href);
+        hashBase = commit.sha;
+        if (i<commits.length -1) {
+          stackTitleA = commits[i+1].titleA;
+        }
+      }
+    }
+  }
+
   function addCompareRadios() {
     $('#commits_bucket .commits-listing').prepend(
     `<ol class="commit-group table-list table-list-bordered GitHubCommitCompareToggle">

From 000fad59a159195f4d2e597266eb793c49c12ab4 Mon Sep 17 00:00:00 2001
From: Marek Brysa <marek.brysa@databricks.com>
Date: Sat, 7 Sep 2019 14:35:44 +0200
Subject: [PATCH 5/6] cleanup

---
 .gitignore                                    | 14 +++++---
 .idea/workspace.xml                           | 35 ++++++++++++++-----
 .../GitHub_Commit_Compare.user.js             |  2 --
 3 files changed, 37 insertions(+), 14 deletions(-)

diff --git a/.gitignore b/.gitignore
index 5298f00..f7f007c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,10 @@
-*.v12.suo
-*.suo
-*.bak
-*.vs
+*.v12.suo
+*.suo
+*.bak
+*.vs
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/**/usage.statistics.xml
+.idea/**/dictionaries
+.idea/**/shelf
+*.iml
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index f595056..d13bf99 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,6 +2,7 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="a9bc4519-7fc2-48f6-ac9f-f5be0d855254" name="Default Changelist" comment="">
+      <change beforePath="$PROJECT_DIR$/.gitignore" beforeDir="false" afterPath="$PROJECT_DIR$/.gitignore" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js" beforeDir="false" afterPath="$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js" afterDir="false" />
     </list>
@@ -27,11 +28,11 @@
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="true">
+      <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="359">
-              <caret line="185" column="7" selection-start-line="185" selection-start-column="7" selection-end-line="185" selection-end-column="7" />
+            <state relative-caret-position="491">
+              <caret line="197" column="9" lean-forward="true" selection-start-line="197" selection-start-column="9" selection-end-line="197" selection-end-column="9" />
               <folding>
                 <element signature="n#!!doc" expanded="true" />
               </folding>
@@ -39,6 +40,15 @@
           </provider>
         </entry>
       </file>
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/.gitignore">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="88">
+              <caret line="8" column="14" selection-start-line="8" selection-start-column="14" selection-end-line="8" selection-end-column="14" />
+            </state>
+          </provider>
+        </entry>
+      </file>
       <file pinned="false" current-in-tab="false">
         <entry file="file://$APPLICATION_CONFIG_DIR$/scratches/scratch.html">
           <provider selected="true" editor-type-id="text-editor">
@@ -65,6 +75,7 @@
       <find>dis</find>
       <find>addCompareRadios</find>
       <find>muted</find>
+      <find>d-none</find>
     </findStrings>
   </component>
   <component name="Git.Settings">
@@ -75,6 +86,7 @@
       <list>
         <option value="$APPLICATION_CONFIG_DIR$/scratches/scratch.html" />
         <option value="$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js" />
+        <option value="$PROJECT_DIR$/.gitignore" />
       </list>
     </option>
   </component>
@@ -144,18 +156,18 @@
       <option name="presentableId" value="Default" />
       <updated>1567765545429</updated>
       <workItem from="1567765548892" duration="544000" />
-      <workItem from="1567847472822" duration="8855000" />
+      <workItem from="1567847472822" duration="9480000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="9399000" />
+    <option name="totallyTimeSpent" value="10024000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="0" y="23" width="1440" height="877" extended-state="6" />
     <editor active="true" />
     <layout>
-      <window_info content_ui="combo" id="Project" order="0" visible="true" weight="0.2532189" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.2532189" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
       <window_info id="Designer" order="2" />
       <window_info id="Favorites" order="3" side_tool="true" />
@@ -209,13 +221,20 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="359">
-          <caret line="185" column="7" selection-start-line="185" selection-start-column="7" selection-end-line="185" selection-end-column="7" />
+        <state relative-caret-position="491">
+          <caret line="197" column="9" lean-forward="true" selection-start-line="197" selection-start-column="9" selection-end-line="197" selection-end-column="9" />
           <folding>
             <element signature="n#!!doc" expanded="true" />
           </folding>
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/.gitignore">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="88">
+          <caret line="8" column="14" selection-start-line="8" selection-start-column="14" selection-end-line="8" selection-end-column="14" />
+        </state>
+      </provider>
+    </entry>
   </component>
 </project>
\ No newline at end of file
diff --git a/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js b/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
index 257ada8..1fafeca 100644
--- a/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
+++ b/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
@@ -192,8 +192,6 @@
       if (i === commits.length - 1 || commits[i+1].stackId) {
         const href = rangeHref(hashBase, commit.sha);
         $(stackTitleA).after(`<a class="GitHubCommitCompareToggle" href="${href}"> (stack)</a>`);
-        console.log($(stackTitleA).text());
-        console.log(href);
         hashBase = commit.sha;
         if (i<commits.length -1) {
           stackTitleA = commits[i+1].titleA;

From 80323e4cb54b9813d59cc8a0f0e15f6f579b62d9 Mon Sep 17 00:00:00 2001
From: Marek Brysa <marek.brysa@databricks.com>
Date: Thu, 12 Sep 2019 16:00:29 +0200
Subject: [PATCH 6/6] fix

---
 .idea/workspace.xml                           | 37 +++++++++----------
 .../GitHub_Commit_Compare.user.js             | 27 ++++++++------
 2 files changed, 33 insertions(+), 31 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index d13bf99..cb0dcb5 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,8 +2,6 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="a9bc4519-7fc2-48f6-ac9f-f5be0d855254" name="Default Changelist" comment="">
-      <change beforePath="$PROJECT_DIR$/.gitignore" beforeDir="false" afterPath="$PROJECT_DIR$/.gitignore" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js" beforeDir="false" afterPath="$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js" afterDir="false" />
     </list>
     <ignored path="$PROJECT_DIR$/out/" />
@@ -28,11 +26,11 @@
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="false">
+      <file pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="491">
-              <caret line="197" column="9" lean-forward="true" selection-start-line="197" selection-start-column="9" selection-end-line="197" selection-end-column="9" />
+            <state relative-caret-position="349">
+              <caret line="215" lean-forward="true" selection-start-line="215" selection-end-line="215" />
               <folding>
                 <element signature="n#!!doc" expanded="true" />
               </folding>
@@ -40,7 +38,7 @@
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="true">
+      <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/.gitignore">
           <provider selected="true" editor-type-id="text-editor">
             <state relative-caret-position="88">
@@ -73,9 +71,9 @@
     <findStrings>
       <find>GitHubCommitCompareButton</find>
       <find>dis</find>
-      <find>addCompareRadios</find>
       <find>muted</find>
       <find>d-none</find>
+      <find>addCompareRadios</find>
     </findStrings>
   </component>
   <component name="Git.Settings">
@@ -85,8 +83,8 @@
     <option name="CHANGED_PATHS">
       <list>
         <option value="$APPLICATION_CONFIG_DIR$/scratches/scratch.html" />
-        <option value="$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js" />
         <option value="$PROJECT_DIR$/.gitignore" />
+        <option value="$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js" />
       </list>
     </option>
   </component>
@@ -97,6 +95,7 @@
     <auto-save>true</auto-save>
   </component>
   <component name="ProjectFrameBounds" extendedState="6">
+    <option name="x" value="720" />
     <option name="y" value="23" />
     <option name="width" value="720" />
     <option name="height" value="877" />
@@ -156,12 +155,12 @@
       <option name="presentableId" value="Default" />
       <updated>1567765545429</updated>
       <workItem from="1567765548892" duration="544000" />
-      <workItem from="1567847472822" duration="9480000" />
+      <workItem from="1567847472822" duration="10250000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="10024000" />
+    <option name="totallyTimeSpent" value="10794000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="0" y="23" width="1440" height="877" extended-state="6" />
@@ -219,20 +218,20 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js">
+    <entry file="file://$PROJECT_DIR$/.gitignore">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="491">
-          <caret line="197" column="9" lean-forward="true" selection-start-line="197" selection-start-column="9" selection-end-line="197" selection-end-column="9" />
-          <folding>
-            <element signature="n#!!doc" expanded="true" />
-          </folding>
+        <state relative-caret-position="88">
+          <caret line="8" column="14" selection-start-line="8" selection-start-column="14" selection-end-line="8" selection-end-column="14" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/.gitignore">
+    <entry file="file://$PROJECT_DIR$/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="88">
-          <caret line="8" column="14" selection-start-line="8" selection-start-column="14" selection-end-line="8" selection-end-column="14" />
+        <state relative-caret-position="349">
+          <caret line="215" lean-forward="true" selection-start-line="215" selection-end-line="215" />
+          <folding>
+            <element signature="n#!!doc" expanded="true" />
+          </folding>
         </state>
       </provider>
     </entry>
diff --git a/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js b/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
index 1fafeca..fdf136b 100644
--- a/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
+++ b/GitHub_Commit_Compare/GitHub_Commit_Compare.user.js
@@ -201,18 +201,21 @@
   }
 
   function addCompareRadios() {
-    $('#commits_bucket .commits-listing').prepend(
-    `<ol class="commit-group table-list table-list-bordered GitHubCommitCompareToggle">
-    <li class="commit commits-list-item table-list-item">
-        <div class="table-list-cell">
-            <p class="commit-title h5 mb-1 text-gray-dark ">
-                base
-            </p>
-        </div>
-        <div class="commit-links-cell table-list-cell">
-        </div>
-    </li>
-</ol>`);
+    if ($("#GitHubCommitCompareBaseCommit").length === 0) {
+      $('#commits_bucket .commits-listing').prepend(
+        `<ol id="GitHubCommitCompareBaseCommit" class="commit-group table-list table-list-bordered GitHubCommitCompareToggle">
+            <li class="commit commits-list-item table-list-item">
+                <div class="table-list-cell">
+                    <p class="commit-title h5 mb-1 text-gray-dark ">
+                        base
+                    </p>
+                </div>
+                <div class="commit-links-cell table-list-cell">
+                </div>
+            </li>
+        </ol>`);
+    }
+
 
     const commits = document.querySelectorAll('.commits-list-item .commit-links-cell');
     Array.from(commits).forEach(function (item, index) {