☰

github加速按钮

为github中的特定链接（releases、文件、项目地址）添加一个悬浮按钮，提供代理后的加速链接

  1. // ==UserScript==
  2. // @name         gh-proxy-buttons
  3. // @name:zh-CN   github加速按钮
  4. // @namespace    https://github.com/du33169/gh-proxy-buttons
  5. // @version      0.7
  6. // @license      MPL-2.0
  7. // @require      https://cdn.bootcdn.net/ajax/libs/clipboard.js/2.0.6/clipboard.min.js
  8. // @description  add a button beside github link(releases,files and repository url), click to get alternative url according to previously specified proxy.
  9. // @description:zh-CN  为github中的特定链接（releases、文件、项目地址）添加一个悬浮按钮，提供代理后的加速链接
  10. // @author       du33169
  11. // @match        *://github.com/*
  12. // @grant        none
  13. // @run-at       document-end
  14. // ==/UserScript==
  15. (function() 
  16. {
  17.     'use strict'; 
  18. 	
  19. //--------------------------代理设置-------------------------------      
  20. //用于在线代理的workers地址                                                                                                            
  21. const proxy_url= 'https://gh-proxy.du33169.workers.dev/';
  22. /*      
  23. 	备用： 'https://gh.api.99988866.xyz/';   （来自gh-proxy项目作者）
  24. 	代理服务器地址可自行修改，末尾斜杠不可省略！
  25. */
  26. //--------------------------其他设置------------------------------
  27. //是否打开调试输出
  28. const open_log=true;
  29. //鼠标离开链接或按钮后消失前等待的时间
  30. const fade_timeout=100;//ms
  31.  
  32. //--------------------------功能代码------------------------------
  33.     function isRepoFile(ourTarget){
  34.         return (ourTarget.tagName=='A'
  35.                 &&ourTarget.getAttribute('aria-label')!=null//利用&&短路特性防止没有属性的元素导致脚本终止
  36.                 &&ourTarget.classList.contains("Link--primary")
  37.                 &&ourTarget.getAttribute('aria-label').endsWith('(File)')
  38.                 &&ourTarget.closest('#js-repo-pjax-container')!=null
  39.                );
  40.     }
  41.     function isReleaseAsset(ourTarget){
  42.         return (ourTarget.tagName=='A'
  43.                 &&ourTarget.getAttribute('rel')!=null
  44.                 &&ourTarget.rel=="nofollow"
  45.                 //&&/github.com/.test(ourTarget.href)==true
  46.                 &&(ourTarget.closest('#repo-content-pjax-container')!=null)||(ourTarget.closest('.js-truncated-assets-fragment')!=null)
  47.                );
  48.     }
  49.     function isDownloadZip(e){
  50.         return (e.tagName=='A'
  51.                 &&e.classList.contains("kHKEGN")
  52.                 &&e.getAttribute('rel')!=null
  53.                 &&e.rel=="nofollow"
  54.                 &&e.getAttribute('role')!=null
  55.                 &&e.role=="menuitem"
  56.                );
  57.     }
  58.     function isHttpCopyGit(e){
  59.         return (
  60.             e.tagName=='BUTTON'
  61.             &&e.classList.contains('hUTZcL')
  62.             &&e.previousElementSibling!=null
  63.             &&e.previousElementSibling.tagName=='INPUT'
  64.             &&e.previousElementSibling.value.startsWith('https')
  65.         );
  66.     }
  67.  
  68.  
  69.     function getBtn(originLink,filename,copy=false)
  70.     {
  71.         var ghBtn=document.getElementById("gh-proxy-button");
  72.         //existed
  73.         if(!ghBtn){
  74.             //not existed, create instance
  75.             ghBtn=document.createElement('a');
  76.             ghBtn.setAttribute('class','btn');
  77.             ghBtn.id="gh-proxy-button";
  78.             ghBtn.title="[gh-proxy-buttons] get proxy link";
  79.             ghBtn.style.position="absolute";
  80.             ghBtn.role="button";
  81.             ghBtn.style.zIndex=9999;
  82.             //ghBtn.style.top=0;//must be set for transition
  83.             //ghBtn.style.left=0;
  84.             //ghBtn.style.transition="transform 0.5s ease-in-out";
  85.  
  86.             ghBtn.addEventListener('mouseenter',function(){
  87.                 if(open_log)console.debug('[gh-proxy-buttons] onbtn');
  88.                 if(ghBtn.timerId !=undefined && ghBtn.timerId!=-1){
  89.                     clearTimeout(ghBtn.timerId);
  90.                     ghBtn.timerId=-1;
  91.                 }
  92.             });
  93.             ghBtn.addEventListener('mouseleave',function(){
  94.                 if(open_log)console.debug('[gh-proxy-buttons] mouseleave-btn');
  95.                 if(ghBtn.timerId !=undefined && ghBtn.timerId!=-1)return;
  96.                 ghBtn.timerId=setTimeout(function(){
  97.                     ghBtn.style.visibility="hidden";
  98.                      ghBtn.timerId=-1;
  99.                      if(open_log)console.debug('[gh-proxy-buttons] timeout fade mouseleave-btn');
  100.                 },fade_timeout);
  101.                  if(open_log)console.debug('[gh-proxy-buttons] btn leave timerid:',ghBtn.timerId);
  102.             });
  103.             document.documentElement.appendChild(ghBtn);
  104.         }
  105.         //now gh-proxy-button exists
  106.         if(copy)//仓库地址input标签特殊处理，使用ClipboardJS实现点击复制
  107. 		{
  108.             ghBtn.removeAttribute('target');
  109.             ghBtn.removeAttribute('download');
  110.             ghBtn.href="javascript:void(0)";
  111. 			ghBtn.innerText="🚀📄";
  112. 			ghBtn.clip=new ClipboardJS(ghBtn);
  113.             ghBtn.clip.on('success',function(){
  114.                 ghBtn.innerText="🚀📄✔";
  115.             });
  116. 			ghBtn.setAttribute('data-clipboard-text',proxy_url+originLink);
  117.  
  118. 			//console.log('[gh-proxy-buttons] input url processed');
  119. 		}
  120. 		else{
  121.             ghBtn.innerText="🚀";
  122.             ghBtn.target="_blank";
  123.             if(ghBtn.clip)ghBtn.clip.destroy();
  124.             ghBtn.clip=undefined;
  125.             ghBtn.download=filename;
  126.             ghBtn.removeAttribute('data-clipboard-text');
  127.             ghBtn.href=proxy_url+originLink;
  128.         }
  129.  
  130.         return ghBtn;
  131.     }
  132.  
  133. 	console.log('[gh-proxy-buttons] processing...');
  134. 	function moveHere(e,originLink,copy=false)//用于注册mouseenter事件,e为当前元素
  135. 	{
  136. 		//创建按钮对象,github中使用.btn的class可以为<a>标签加上按钮外观
  137. 		var btn=getBtn(originLink,e.title,copy);
  138.         if(open_log)console.debug("[gh-proxy-buttons]",btn);
  139.         //e.parentElement.insertBefore(btn,e);
  140.         if(btn.timerId !=undefined && btn.timerId!=-1){
  141.             clearTimeout(btn.timerId);
  142.             btn.timerId=-1;
  143.         }
  144.         const rect = e.getBoundingClientRect();
  145.         const btnRect=btn.getBoundingClientRect();
  146.         const x = rect.left + window.scrollX - btnRect.width;
  147.         const y = rect.top + window.scrollY;
  148.  
  149.         console.log(`Element coordinates (relative to document): x: ${x}, y: ${y}`);
  150.  
  151.         btn.style.left=`${x}px`;
  152.         btn.style.top =`${y}px`;
  153.         if(btn.style.visibility=="visible"){
  154.             //btn.style.transform = `translate(${event.x}px, ${event.y}px)`;
  155.         }
  156.         else{
  157.             //btn.style.transform="";
  158.             btn.style.visibility="visible";
  159.         }
  160.  
  161. 		if(open_log)console.debug(`[gh-proxy-buttons] mousein, move btn to ${event.x},${event.y}`);
  162.         e.addEventListener('mouseleave',function(){
  163.                 if(open_log)console.debug('[gh-proxy-buttons] mouseleave-target');
  164.             if(btn.timerId !=undefined && btn.timerId!=-1)return;
  165.                 btn.timerId=setTimeout(function(){
  166.                    btn.style.visibility="hidden";
  167.                    btn.timerId=-1;
  168.                      if(open_log)console.debug('[gh-proxy-buttons] timeout fade mouseleave-target');
  169.                 },fade_timeout);
  170.             if(open_log)console.debug('[gh-proxy-buttons] target leave timerid:',btn.timerId);
  171.             });
  172. 	}
  173.  
  174.     function eventDelegation(e)
  175. 	{
  176.     // e.target 是事件触发的元素
  177. 		if(e.target!=null)
  178. 		{
  179.             var ourTarget=e.target;
  180. 			while(ourTarget!=e.currentTarget&&ourTarget.tagName!='A'&&ourTarget.tagName!='BUTTON')//releases页面触发元素为<a>内的span，需要上浮寻找
  181. 			{
  182. 				ourTarget=ourTarget.parentNode;
  183. 			}
  184.             if(ourTarget==e.currentTarget)return;
  185.             //if(open_log)console.debug('[gh-proxy-buttons]','found A',ourTarget);
  186. 			if(isRepoFile(ourTarget)||isReleaseAsset(ourTarget)||isDownloadZip(ourTarget))
  187. 			{
  188. 				console.log('[gh-proxy-buttons] ','found target',ourTarget);
  189. 				moveHere(ourTarget,ourTarget.href);
  190. 			}else if(isHttpCopyGit(ourTarget)){
  191.                 console.log('[gh-proxy-buttons] ','found target copy button',ourTarget);
  192. 				moveHere(ourTarget,ourTarget.previousElementSibling.value,true);
  193.             }
  194. 		}
  195. 	}
  196.     document.body.addEventListener("mouseover", eventDelegation);
  197. })();