fix Github Pages Linker for new UI in 2021 (#159)

* fix Github Pages Linker for new UI in 2021

* make sure it doesn't run on pages without .file-navigation

Fixes #158

Author: leocaseiro

Github_Pages_Linker/Github_Pages_Linker.user.js

@@ -14,7 +14,7 @@
 // @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
-// @version     1.2.3
+// @version     1.2.4
 // @grant       none
 // @run-at      document-end
 // @include     https://github.com/*
@@ -28,59 +28,80 @@
 			return typeof args[number] !== "undefined" ? args[number] : match;
 		});
 	};
+  
+  var DELAY = 800;
 
-	function addLink() {
-		if(document.getElementById("GithubPagesLinker")) {
-			return;
-		}
-
-		var meta = document.querySelector(".repository-meta");
-		if (!meta) {
-			return;
-		}
-
-		var branch = document.querySelector(".js-navigation-open[data-name='gh-pages']");
-		if (!branch) {
-			return;
-		}
-
-		var tree = branch.getAttribute("href").split("/"); // `/{user}/{repo}/tree/gh-pages`;
-		var url = String.format("https://{0}.github.io/{1}/", tree[1], tree[2]);
-
-		var div = document.createElement("div");
-		div.id = "GithubPagesLinker";
-		div.style.margin = "-10px 0px 10px";
-		meta.parentNode.insertBefore(div, meta.nextSibling);
-
-		var img = document.createElement("img");
-		img.setAttribute("src", "https://assets-cdn.github.com/images/icons/emoji/octocat.png");
-		img.setAttribute("align", "absmiddle");
-		img.classList.add("emoji");
-		img.style.height = "16px";
-		img.style.width = "16px";
-		div.appendChild(img);
-
-		div.appendChild(document.createTextNode(" "));
-
-		var a = document.createElement("a");
-		a.setAttribute("href", "https://pages.github.com");
-		a.setAttribute("title", "More info about gh-pages...");
-		a.style.color = "inherit";
-		a.appendChild(document.createTextNode("Github Pages"));
-		div.appendChild(a);
-
-		div.appendChild(document.createTextNode(": "));
-
-		var aa = document.createElement("a");
-		aa.setAttribute("href", url);
-		aa.appendChild(document.createTextNode(url));
-		div.appendChild(aa);
+  var triggerEventClick = new MouseEvent('click', {
+     view: window,
+     bubbles: true,
+     cancelable: true
+  });
+
+  function addLink() {
+	if(document.getElementById("GithubPagesLinker")) {
+	  return;
+    }
+
+    var meta = document.querySelector('.file-navigation');
+    if (!meta) {
+      return;
+    }
+    
+    var closeDropdown = () => {
+      document.querySelector('[data-toggle-for="branch-select-menu"]').dispatchEvent(triggerEventClick);
+    }
+
+    var dropdown = document.querySelector('[data-hotkey="w"]');
+    dropdown.dispatchEvent(triggerEventClick); // open menu to load data
+
+    setTimeout(() => {
+      var branch = document.querySelector('.SelectMenu-item[href$="/tree/gh-pages"]');
+      if (!branch) {
+        closeDropdown();
+        return;
+      }
+
+      var tree = branch.getAttribute("href").split("/"); // `/{user}/{repo}/tree/gh-pages`;
+      var url = String.format("{0}//{1}.github.io/{2}/", tree[0], tree[3], tree[4]);
+
+      var div = document.createElement("div");
+      div.id = "GithubPagesLinker";
+      div.style.margin = "-10px 0px 10px";
+      meta.parentNode.insertBefore(div, meta.nextSibling);
+
+      var img = document.createElement("img");
+      img.setAttribute("src", "https://github.githubassets.com/images/icons/emoji/octocat.png");
+      img.setAttribute("align", "absmiddle");
+      img.classList.add("emoji");
+      img.style.height = "16px";
+      img.style.width = "16px";
+      div.appendChild(img);
+
+      div.appendChild(document.createTextNode(" "));
+
+      var a = document.createElement("a");
+      a.setAttribute("href", "{https}://pages.github.com");
+      a.setAttribute("title", "More info about gh-pages...");
+      a.style.color = "inherit";
+      a.appendChild(document.createTextNode("Github Pages"));
+      div.appendChild(a);
+
+      div.appendChild(document.createTextNode(": "));
+
+      var aa = document.createElement("a");
+      aa.setAttribute("href", url);
+      aa.appendChild(document.createTextNode(url));
+      div.appendChild(aa);
+      
+      closeDropdown();
+      
+    }, DELAY);
 	}
 
 	// Init;
 	addLink();
 
 	// On pjax;
-    document.addEventListener('pjax:end', addLink);
+  document.addEventListener('pjax:end', addLink);
 
 })();