☰

GreasyFork: User Control Panel Button

To add User Control Panel Button into navigation bar

目前为 2023-09-21 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name        GreasyFork: User Control Panel Button
  3. // @namespace   UserScripts
  4. // @match       https://greasyfork.org/*
  5. // @grant       none
  6. // @version     0.1.4
  7. // @license     MIT
  8. // @author      CY Fung
  9. // @description To add User Control Panel Button into navigation bar
  10. // ==/UserScript==
  11.  
  12.  
  13. (async () => {
  14.  
  15.  
  16.   function bufferToHex(buffer) {
  17.     const byteArray = new Uint8Array(buffer);
  18.     const len = byteArray.length;
  19.     const hexCodes = new Array(len * 2);
  20.     const chars = '0123456789abcdef';
  21.     for (let i = 0, j = 0; i < len; i++) {
  22.       const byte = byteArray[i];
  23.       hexCodes[j++] = chars[byte >> 4];
  24.       hexCodes[j++] = chars[byte & 0x0F];
  25.     }
  26.     return hexCodes.join('');
  27.   }
  28.  
  29.   async function digestMessage(message) {
  30.     const encoder = new TextEncoder("utf-8");
  31.     const msgUint8 = encoder.encode(message);
  32.     const hashBuffer = await crypto.subtle.digest('SHA-1', msgUint8);
  33.     return bufferToHex(hashBuffer);
  34.   }
  35.  
  36.   if(!document.querySelector('.sign-out-link') || document.querySelector('.sign-in-link')) return;
  37.  
  38.   let plink = document.querySelector('.user-profile-link');
  39.   if (!plink) return;
  40.  
  41.   let href = plink.querySelector('a[href*="/users/"]').href;
  42.  
  43.   let mi = href.indexOf('/users/');
  44.   if (mi < 0) return;
  45.  
  46.   if(href.includes('/users/sign')) return;
  47.  
  48.  
  49.  
  50.  
  51.   let dm = await digestMessage(href);
  52.  
  53.   const stKey = `gf_control_panel_${dm}`
  54.   
  55.  
  56.   for (let trialN = 8; trialN--;) {
  57.     let s = sessionStorage.getItem(stKey);
  58.     let d = typeof s ==='string' ? parseInt(s) : 0;
  59.     if(d > 9 && Date.now()-d < 8000) await new Promise(r => setTimeout(r, 320));
  60.     else break;
  61.   }
  62.  
  63.   const cpHTML = await new Promise(resolve => {
  64.  
  65.  
  66.     let t = sessionStorage.getItem(stKey)
  67.  
  68.     if (`${t}`.length > 32) resolve(t);
  69.  
  70.  
  71.     sessionStorage.setItem(stKey, `${Date.now()}`);
  72.  
  73.  
  74.     fetch(href, {
  75.       method: "GET",
  76.       mode: "cors",
  77.       cache: "force-cache",
  78.       credentials: "same-origin",
  79.       redirect: "follow",
  80.       referrerPolicy: "no-referrer",
  81.  
  82.  
  83.     }).then(res => res.text()).then(async res => {
  84.  
  85.  
  86.       let template = document.createElement('template');
  87.       template.innerHTML = res;
  88.       let w = template.content;
  89.  
  90.       let cp = w.querySelector('#control-panel');
  91.  
  92.       if (!cp) return;
  93.  
  94.       const html = cp.innerHTML.trim();
  95.  
  96.       sessionStorage.setItem(stKey, html);
  97.  
  98.       resolve(html);
  99.  
  100.  
  101.     });
  102.  
  103.  
  104.  
  105.   });
  106.  
  107.   if (!cpHTML || typeof cpHTML !== 'string') return;
  108.  
  109.   let cpm = document.createElement('template');
  110.  
  111.   cpm.innerHTML = cpHTML;
  112.  
  113.   let h = (cpm.content.querySelector('h3') || cpm.content.querySelector('header'));
  114.   if (!h) return;
  115.  
  116.   let nav = document.createElement('nav');
  117.  
  118.   for (const anchor of cpm.content.querySelectorAll('li a[href]')) {
  119.     let li = nav.appendChild(document.createElement('li'));
  120.     li.appendChild(anchor);
  121.   }
  122.  
  123.   let pos = document.querySelectorAll('#site-nav>nav>li.with-submenu');
  124.   pos = pos.length >= 1 ? pos[pos.length - 1] : null;
  125.  
  126.   if (!pos) return;
  127.  
  128.   let tm = document.createElement('template');
  129.   tm.innerHTML = `
  130.  
  131.           <li class="with-submenu" style="display: block;">
  132.             <a href="#" onclick="return false">${h.textContent}</a>
  133.             <nav>
  134.               ${nav.innerHTML}
  135.             </nav>
  136.           </li>
  137.  
  138.   `.trim();
  139.   pos.parentNode.insertBefore(tm.content, pos.nextSibling)
  140.  
  141.  
  142.  
  143. })();