☰

Github Pages Linker

Add a link to Github Pages (gh-pages) when available.

当前为 2021-05-27 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @id          Github_Pages_Linker@https://github.com/jerone/UserScripts
  3. // @name        Github Pages Linker
  4. // @namespace   https://github.com/jerone/UserScripts/
  5. // @description Add a link to Github Pages (gh-pages) when available.
  6. // @author      jerone
  7. // @copyright   2014+, jerone (https://github.com/jerone)
  8. // @license     CC-BY-NC-SA-4.0; https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode
  9. // @license     GPL-3.0-or-later; http://www.gnu.org/licenses/gpl-3.0.txt
  10. // @homepage    https://github.com/jerone/UserScripts/tree/master/Github_Pages_Linker
  11. // @homepageURL https://github.com/jerone/UserScripts/tree/master/Github_Pages_Linker
  12. // @supportURL  https://github.com/jerone/UserScripts/issues
  13. // @contributionURL https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VCYMHWQ7ZMBKW
  14. // @icon        https://github.githubassets.com/pinned-octocat.svg
  15. // @version     1.2.4
  16. // @grant       none
  17. // @run-at      document-end
  18. // @include     https://github.com/*
  19. // ==/UserScript==
  20.  
  21. (function() {
  22.  
  23. 	String.format = function(string) {
  24. 		var args = Array.prototype.slice.call(arguments, 1, arguments.length);
  25. 		return string.replace(/{(\d+)}/g, function(match, number) {
  26. 			return typeof args[number] !== "undefined" ? args[number] : match;
  27. 		});
  28. 	};
  29.   
  30.   var DELAY = 800;
  31.  
  32.   var triggerEventClick = new MouseEvent('click', {
  33.      view: window,
  34.      bubbles: true,
  35.      cancelable: true
  36.   });
  37.  
  38.   function addLink() {
  39. 	if(document.getElementById("GithubPagesLinker")) {
  40. 	  return;
  41.     }
  42.  
  43.     var meta = document.querySelector('.file-navigation');
  44.     if (!meta) {
  45.       return;
  46.     }
  47.     
  48.     var closeDropdown = () => {
  49.       document.querySelector('[data-toggle-for="branch-select-menu"]').dispatchEvent(triggerEventClick);
  50.     }
  51.  
  52.     var dropdown = document.querySelector('[data-hotkey="w"]');
  53.     dropdown.dispatchEvent(triggerEventClick); // open menu to load data
  54.  
  55.     setTimeout(() => {
  56.       var branch = document.querySelector('.SelectMenu-item[href$="/tree/gh-pages"]');
  57.       if (!branch) {
  58.         closeDropdown();
  59.         return;
  60.       }
  61.  
  62.       var tree = branch.getAttribute("href").split("/"); // `/{user}/{repo}/tree/gh-pages`;
  63.       var url = String.format("{0}//{1}.github.io/{2}/", tree[0], tree[3], tree[4]);
  64.  
  65.       var div = document.createElement("div");
  66.       div.id = "GithubPagesLinker";
  67.       div.style.margin = "-10px 0px 10px";
  68.       meta.parentNode.insertBefore(div, meta.nextSibling);
  69.  
  70.       var img = document.createElement("img");
  71.       img.setAttribute("src", "https://github.githubassets.com/images/icons/emoji/octocat.png");
  72.       img.setAttribute("align", "absmiddle");
  73.       img.classList.add("emoji");
  74.       img.style.height = "16px";
  75.       img.style.width = "16px";
  76.       div.appendChild(img);
  77.  
  78.       div.appendChild(document.createTextNode(" "));
  79.  
  80.       var a = document.createElement("a");
  81.       a.setAttribute("href", "{https}://pages.github.com");
  82.       a.setAttribute("title", "More info about gh-pages...");
  83.       a.style.color = "inherit";
  84.       a.appendChild(document.createTextNode("Github Pages"));
  85.       div.appendChild(a);
  86.  
  87.       div.appendChild(document.createTextNode(": "));
  88.  
  89.       var aa = document.createElement("a");
  90.       aa.setAttribute("href", url);
  91.       aa.appendChild(document.createTextNode(url));
  92.       div.appendChild(aa);
  93.       
  94.       closeDropdown();
  95.       
  96.     }, DELAY);
  97. 	}
  98.  
  99. 	// Init;
  100. 	addLink();
  101.  
  102. 	// On pjax;
  103.   document.addEventListener('pjax:end', addLink);
  104.  
  105. })();