☰

Script Finder

Script Finder allows you to find userscripts from greasyfork on any website.

当前为 2023-07-31 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Script Finder
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1.2
  5. // @description  Script Finder allows you to find userscripts from greasyfork on any website.
  6. // @author       shiquda
  7. // @namespace    https://github.com/shiquda/shiquda_UserScript
  8. // @supportURL   https://github.com/shiquda/shiquda_UserScript/issues
  9. // @match        *://*/*
  10. // @grant        GM_xmlhttpRequest
  11. // @grant        GM_addStyle
  12. // @license      AGPL-3.0
  13. // ==/UserScript==
  14.  
  15. (function () {
  16.     const domainParts = window.location.hostname.split('.').slice(-2);
  17.     const domain = domainParts.join('.');
  18.     const errorMessage = "Failed to retrieve script information or there are no available scripts for this domain.";
  19.  
  20.     function getScriptsInfo(domain) {
  21.  
  22.         var url = `https://greasyfork.org/scripts/by-site/${domain}?filter_locale=0`;
  23.         GM_xmlhttpRequest({
  24.             method: "GET",
  25.             url: url,
  26.             onload: (response) => {
  27.  
  28.                 const parser = new DOMParser();
  29.                 const doc = parser.parseFromString(response.responseText, "text/html");
  30.                 const scripts = doc.querySelector("#browse-script-list")?.querySelectorAll('[data-script-id]');
  31.                 let scriptsInfo = [];
  32.                 if (!scripts) {
  33.                     scriptsInfo = errorMessage
  34.                 } else {
  35.                     for (var i = 0; i < scripts.length; i++) {
  36.                         scriptsInfo.push(parseScriptInfo(scripts[i]));
  37.                     }
  38.                 }
  39.                 console.log(scriptsInfo);
  40.                 showScriptsInfo(scriptsInfo); // 显示脚本信息
  41.             },
  42.             onerror: () => {
  43.                 console.log("Some error!");
  44.                 const scriptsInfo = errorMessage
  45.                 showScriptsInfo(scriptsInfo)
  46.             }
  47.         });
  48.         // oneClickInstall();
  49.     }
  50.  
  51.     // 解析脚本信息
  52.     function parseScriptInfo(script) {
  53.         return {
  54.             id: script.getAttribute('data-script-id'),
  55.             name: script.getAttribute('data-script-name'),
  56.             author: script.querySelector("dd.script-list-author").textContent,
  57.             description: script.querySelector(".script-description").textContent,
  58.             version: script.getAttribute('data-script-version'),
  59.             url: 'https://greasyfork.org/scripts/' + script.getAttribute('data-script-id'),
  60.             // createDate: script.getAttribute('data-script-created-date'),
  61.             // updateDate: script.getAttribute('data-script-updated-date'),
  62.             installs: script.getAttribute('data-script-total-installs'),
  63.             // dailyInstalls: script.getAttribute('data-script-daily-installs'),
  64.             ratingScore: script.getAttribute('data-script-rating-score')
  65.         };
  66.     }
  67.  
  68.     function showScriptsInfo(scriptsInfo) {
  69.         GM_addStyle(`
  70.             button.script-button {
  71.                 position: fixed;
  72.                 bottom: 50%;
  73.                 right: -50px;
  74.                 transform: translateY(50%);
  75.                 padding: 12px;
  76.                 font-size: 16px;
  77.                 border: none;
  78.                 border-radius: 4px;
  79.                 background-color: #1e90ff;
  80.                 color: #ffffff;
  81.                 cursor: pointer;
  82.                 transition: right 0.3s;
  83.             }
  84.             
  85.             div.info-container {
  86.                 display: none;
  87.                 position: fixed;
  88.                 top: 10%;
  89.                 right: 100px;
  90.                 width: 600px;
  91.                 padding: 12px;
  92.                 background-color: #ffffff;
  93.                 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  94.                 border-radius: 4px;
  95.                 opacity: 0;
  96.                 transition: opacity 0.3s;
  97.                 z-index: 9999;
  98.                 max-height: 80vh;
  99.                 overflow-y: auto;
  100.             }
  101.             
  102.             ul.info-list {
  103.                 list-style: none;
  104.                 margin: 0;
  105.                 padding: 0;
  106.             }
  107.  
  108.             li.info-item {
  109.                 margin-bottom: 10px;
  110.                 border: 1px solid #ddd;
  111.                 padding: 10px;
  112.                 display: flex;
  113.                 flex-direction: column;
  114.             }
  115.  
  116.             .div.script-container {
  117.                 display: flex;
  118.                 flex-direction: column;
  119.             }
  120.  
  121.             a.script-link {
  122.                 font-size: 18px !important;
  123.                 font-weight: bold !important;
  124.                 margin-bottom: 5px !important;
  125.                 color: #1e90ff !important;
  126.             }
  127.  
  128.             p.script-description {
  129.                 color: black !important;
  130.                 margin-top: 2px;
  131.                 margin-bottom: 5px;
  132.             }
  133.  
  134.             div.details-container {
  135.                 font-size: 18px ;
  136.                 font-weight: bold;
  137.                 display: flex;
  138.                 justify-content: space-between;
  139.                 margin-bottom: 15px;
  140.             }
  141.  
  142.             span.script-details {
  143.                 color: black !important;
  144.                 flex-grow: 1;
  145.                 text-align: left;
  146.             }
  147.             
  148.             div.table-header {
  149.                 color: #1e90ff !important;
  150.                 font-size: 25px;
  151.             }
  152.  
  153.             input.script-search-input {
  154.                 width: 96% !important;
  155.                 padding: 10px !important;
  156.                 font-size: 18px !important;
  157.                 border: 1px solid #ddd !important;
  158.                 border-radius: 4px !important;
  159.                 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;
  160.                 margin-bottom: 15px !important;
  161.                 margin-top: 20px !important;
  162.             }
  163.             a.install-button {
  164.                 font-size: 25px;
  165.                 background-color: green;
  166.                 color: white;
  167.                 padding: 10px;
  168.             }
  169.             button.to-greasyfork {
  170.                 position: absolute; 
  171.                 top: 10px; 
  172.                 right: 10px;
  173.                 border-radius: 4px;
  174.                 padding: 8px;
  175.                 font-size: 16px;
  176.                 border: none;
  177.                 background-color: #1e90ff;
  178.                 color: #ffffff;
  179.                 cursor: pointer;
  180.             }
  181.         `);
  182.  
  183.  
  184.         // 创建打开列表按钮
  185.         var button = document.createElement('button');
  186.         button.className = 'script-button';
  187.         button.innerText = 'Scripts';
  188.  
  189.         // 创建脚本容器
  190.         var infoContainer = document.createElement('div');
  191.         infoContainer.className = 'info-container';
  192.  
  193.         // 创建搜索框
  194.         var searchInput = document.createElement('input');
  195.         searchInput.type = 'text';
  196.         searchInput.placeholder = 'Search scripts...';
  197.         searchInput.className = 'script-search-input';
  198.  
  199.         // 创建指向greasyfork的链接
  200.  
  201.         var toGreasyfork = document.createElement('button');
  202.         toGreasyfork.className = 'to-greasyfork';
  203.         toGreasyfork.innerText = 'View on Greasyfork';
  204.  
  205.         // 创建表头
  206.         var tableHeader = document.createElement('div');
  207.         tableHeader.className = 'table-header';
  208.         tableHeader.appendChild(document.createTextNode('Script Finder'));
  209.         tableHeader.appendChild(searchInput);
  210.         tableHeader.appendChild(toGreasyfork);
  211.  
  212.         // 创建脚本列表
  213.         var infoList = document.createElement('ul');
  214.         infoList.className = 'info-list';
  215.  
  216.         // 插入脚本
  217.         if (scriptsInfo === errorMessage) {
  218.             infoList.innerHTML = errorMessage;
  219.         } else {
  220.             for (var i = 0; i < scriptsInfo.length; i++) {
  221.                 var script = scriptsInfo[i];
  222.                 var listItem = document.createElement('li');
  223.                 listItem.className = 'info-item';
  224.  
  225.                 var scriptContainer = document.createElement('div');
  226.                 scriptContainer.className = 'script-container';
  227.  
  228.                 var nameElement = document.createElement('a');
  229.                 nameElement.className = 'script-link';
  230.                 nameElement.innerText = script.name;
  231.                 nameElement.href = script.url;
  232.                 nameElement.target = '_blank';
  233.  
  234.                 var descriptionElement = document.createElement('p');
  235.                 descriptionElement.className = 'script-description';
  236.                 descriptionElement.innerHTML = script.description;
  237.  
  238.                 var detailsContainer = document.createElement('div');
  239.                 detailsContainer.className = 'details-container';
  240.  
  241.                 // 创建一键安装按钮
  242.                 var installButton = document.createElement('a');
  243.                 installButton.className = 'install-button';
  244.                 installButton.innerText = `Install ${script.version}`;
  245.                 installButton.href = `https://greasyfork.org/scripts/${script.id}/code/script.user.js`;
  246.  
  247.                 var authorElement = document.createElement('span');
  248.                 authorElement.className = 'script-details';
  249.                 authorElement.innerText = 'Author: ' + script.author;
  250.  
  251.                 var installsElement = document.createElement('span');
  252.                 installsElement.className = 'script-details';
  253.                 installsElement.innerText = 'Installs: ' + script.installs;
  254.  
  255.                 var ratingElement = document.createElement('span');
  256.                 ratingElement.className = 'script-details';
  257.                 ratingElement.innerText = 'Rating: ' + script.ratingScore;
  258.  
  259.                 detailsContainer.appendChild(authorElement);
  260.                 detailsContainer.appendChild(installsElement);
  261.                 detailsContainer.appendChild(ratingElement);
  262.  
  263.                 scriptContainer.appendChild(nameElement);
  264.                 scriptContainer.appendChild(descriptionElement);
  265.                 scriptContainer.appendChild(detailsContainer);
  266.                 scriptContainer.appendChild(installButton);
  267.  
  268.                 listItem.appendChild(scriptContainer);
  269.                 listItem.scriptId = script.id;
  270.                 infoList.appendChild(listItem);
  271.             }
  272.         }
  273.  
  274.         infoContainer.appendChild(tableHeader)
  275.  
  276.         infoContainer.appendChild(infoList);
  277.  
  278.         var timeout;
  279.         button.addEventListener('mouseenter', function () {
  280.             clearTimeout(timeout);
  281.             button.style.right = '10px';
  282.         });
  283.  
  284.         button.addEventListener('mouseleave', function () {
  285.             timeout = setTimeout(function () {
  286.                 button.style.right = '-50px';
  287.             }, 500);
  288.         });
  289.  
  290.         button.addEventListener('click', function (event) {
  291.             event.stopPropagation();
  292.             button.style.right = '10px';
  293.             infoContainer.style.display = "block"
  294.             infoContainer.style.opacity = 1
  295.         });
  296.  
  297.         infoContainer.addEventListener('click', function (event) {
  298.             event.stopPropagation();
  299.         });
  300.  
  301.         searchInput.addEventListener('input', () => {
  302.             searchScript()
  303.         })
  304.  
  305.         toGreasyfork.addEventListener('click', function () {
  306.             window.open(`https://greasyfork.org/scripts/by-site/${domain}?q=${searchInput.value}`)
  307.         })
  308.         document.body.addEventListener('click', function () {
  309.             clearTimeout(timeout);
  310.             button.style.right = '-50px';
  311.             infoContainer.style.opacity = 0
  312.             infoContainer.style.display = "none"
  313.         });
  314.  
  315.         document.body.appendChild(button);
  316.  
  317.         document.body.appendChild(infoContainer);
  318.     }
  319.  
  320.     function searchScript() {
  321.         const searchWord = document.querySelector('.script-search-input').value;
  322.         const scriptList = document.querySelectorAll('.info-item')
  323.         for (let i = 0; i < scriptList.length; i++) {
  324.             if (scriptList[i].innerText.includes(searchWord)) {
  325.                 scriptList[i].style.display = 'block'
  326.             } else {
  327.                 scriptList[i].style.display = 'none'
  328.             }
  329.         }
  330.     }
  331.  
  332.  
  333.     // 一键安装 此处参考tampermonkey versioncheck.js 但是不知道为什么别的网站没有这个对象
  334.     /*
  335.         function oneClickInstall() {
  336.             const scriptList = document.querySelectorAll('.script-container');
  337.             // 获取tamppermonkey脚本信息
  338.             let tm = window.external?.Tampermonkey
  339.             let vm = window.external?.ViolentMonkey
  340.     
  341.             function getInstalledVersion(name, namespace) {
  342.                 return new Promise(function (resolve, reject) {
  343.                     if (tm) {
  344.                         tm.isInstalled(name, namespace, function (i) {
  345.                             if (i.installed) {
  346.                                 resolve(i.version);
  347.                             } else {
  348.                                 resolve(null);
  349.                             }
  350.                         });
  351.                         return;
  352.                     }
  353.     
  354.                     if (vm) {
  355.                         vm.isInstalled(name, namespace).then(resolve);
  356.                         return;
  357.                     };
  358.     
  359.                     reject()
  360.                 });
  361.             }
  362.     
  363.             // https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/version/format
  364.             function compareVersions(a, b) {
  365.                 if (a == b) {
  366.                     return 0;
  367.                 }
  368.                 let aParts = a.split('.');
  369.                 let bParts = b.split('.');
  370.                 for (let i = 0; i < aParts.length; i++) {
  371.                     let result = compareVersionPart(aParts[i], bParts[i]);
  372.                     if (result != 0) {
  373.                         return result;
  374.                     }
  375.                 }
  376.                 // If all of a's parts are the same as b's parts, but b has additional parts, b is greater.
  377.                 if (bParts.length > aParts.length) {
  378.                     return -1;
  379.                 }
  380.                 return 0;
  381.             }
  382.     
  383.             function compareVersionPart(partA, partB) {
  384.                 let partAParts = parseVersionPart(partA);
  385.                 let partBParts = parseVersionPart(partB);
  386.                 for (let i = 0; i < partAParts.length; i++) {
  387.                     // "A string-part that exists is always less than a string-part that doesn't exist"
  388.                     if (partAParts[i].length > 0 && partBParts[i].length == 0) {
  389.                         return -1;
  390.                     }
  391.                     if (partAParts[i].length == 0 && partBParts[i].length > 0) {
  392.                         return 1;
  393.                     }
  394.                     if (partAParts[i] > partBParts[i]) {
  395.                         return 1;
  396.                     }
  397.                     if (partAParts[i] < partBParts[i]) {
  398.                         return -1;
  399.                     }
  400.                 }
  401.                 return 0;
  402.             }
  403.     
  404.             // It goes number, string, number, string. If it doesn't exist, then
  405.             // 0 for numbers, empty string for strings.
  406.             function parseVersionPart(part) {
  407.                 if (!part) {
  408.                     return [0, "", 0, ""];
  409.                 }
  410.                 let partParts = /([0-9]*)([^0-9]*)([0-9]*)([^0-9]*)/.exec(part)
  411.                 return [
  412.                     partParts[1] ? parseInt(partParts[1]) : 0,
  413.                     partParts[2],
  414.                     partParts[3] ? parseInt(partParts[3]) : 0,
  415.                     partParts[4]
  416.                 ];
  417.             }
  418.     
  419.             function handleInstallResult(installedVersion, version) {
  420.                 if (installedVersion == null) {
  421.                     // Not installed
  422.                     return `Install { version } `;
  423.                 }
  424.     
  425.                 // installButton.removeAttribute("data-ping-url")
  426.     
  427.                 switch (compareVersions(installedVersion, version)) {
  428.                     // Upgrade
  429.                     case -1:
  430.                         return `Upgrade ${version} `;
  431.                         break;
  432.                     // Downgrade
  433.                     case 1:
  434.                         return `Downgrade ${version} `;
  435.                         break;
  436.                     // Equal
  437.                     case 0:
  438.                         return `Reinstall ${version} `;
  439.                         break;
  440.                 }
  441.             }
  442.             for (let i = 0; i < scriptList.length; i++) {
  443.                 let script = scriptList[i];
  444.                 let id = script.scriptId
  445.                 GM_xmlhttpRequest({
  446.                     url: `https://greasyfork.org/scripts/${id}.json`,
  447.                     method: "GET",
  448.                     onload: (response) => {
  449.                         const data = JSON.parse(response.responseText)
  450.                         let latestVersion = data.version
  451.                         let namespace = data.namespace
  452.                         let installedVersion = getInstalledVersion(id, namespace)
  453.                         let versionInfo = handleInstallResult(installedVersion, latestVersion)
  454.                         script.querySelector('.install-button').innerText = versionInfo
  455.                     },
  456.                     onerror: (error) => {
  457.                         console.log(`An error occured when fetching script ${id}: ${error}`)
  458.                     }
  459.                 })
  460.             }
  461.         }
  462.     */
  463.  
  464.     getScriptsInfo(domain);
  465.  
  466. })();