☰

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.1
  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.         `);
  170.  
  171.  
  172.         // 创建按钮
  173.         var button = document.createElement('button');
  174.         button.className = 'script-button';
  175.         button.innerText = 'Scripts';
  176.  
  177.         // 创建脚本容器
  178.         var infoContainer = document.createElement('div');
  179.         infoContainer.className = 'info-container';
  180.  
  181.         // 创建搜索框
  182.         var searchInput = document.createElement('input');
  183.         searchInput.type = 'text';
  184.         searchInput.placeholder = 'Search scripts...';
  185.         searchInput.className = 'script-search-input';
  186.  
  187.         // 创建表头
  188.         var tableHeader = document.createElement('div');
  189.         tableHeader.className = 'table-header';
  190.         tableHeader.appendChild(document.createTextNode('Script Finder'));
  191.         tableHeader.appendChild(searchInput);
  192.  
  193.         // 创建脚本列表
  194.         var infoList = document.createElement('ul');
  195.         infoList.className = 'info-list';
  196.  
  197.         // 插入脚本
  198.         if (scriptsInfo === errorMessage) {
  199.             infoList.innerHTML = errorMessage;
  200.         } else {
  201.             for (var i = 0; i < scriptsInfo.length; i++) {
  202.                 var script = scriptsInfo[i];
  203.                 var listItem = document.createElement('li');
  204.                 listItem.className = 'info-item';
  205.  
  206.                 var scriptContainer = document.createElement('div');
  207.                 scriptContainer.className = 'script-container';
  208.  
  209.                 var nameElement = document.createElement('a');
  210.                 nameElement.className = 'script-link';
  211.                 nameElement.innerText = script.name;
  212.                 nameElement.href = script.url;
  213.                 nameElement.target = '_blank';
  214.  
  215.                 var descriptionElement = document.createElement('p');
  216.                 descriptionElement.className = 'script-description';
  217.                 descriptionElement.innerHTML = script.description;
  218.  
  219.                 var detailsContainer = document.createElement('div');
  220.                 detailsContainer.className = 'details-container';
  221.  
  222.                 // 创建一键安装按钮
  223.                 var installButton = document.createElement('a');
  224.                 installButton.className = 'install-button';
  225.                 installButton.innerText = `Install ${script.version}`;
  226.                 installButton.href = `https://greasyfork.org/scripts/${script.id}/code/script.user.js`;
  227.  
  228.                 var authorElement = document.createElement('span');
  229.                 authorElement.className = 'script-details';
  230.                 authorElement.innerText = 'Author: ' + script.author;
  231.  
  232.                 var installsElement = document.createElement('span');
  233.                 installsElement.className = 'script-details';
  234.                 installsElement.innerText = 'Installs: ' + script.installs;
  235.  
  236.                 var ratingElement = document.createElement('span');
  237.                 ratingElement.className = 'script-details';
  238.                 ratingElement.innerText = 'Rating: ' + script.ratingScore;
  239.  
  240.                 detailsContainer.appendChild(authorElement);
  241.                 detailsContainer.appendChild(installsElement);
  242.                 detailsContainer.appendChild(ratingElement);
  243.  
  244.                 scriptContainer.appendChild(nameElement);
  245.                 scriptContainer.appendChild(descriptionElement);
  246.                 scriptContainer.appendChild(detailsContainer);
  247.                 scriptContainer.appendChild(installButton);
  248.  
  249.                 listItem.appendChild(scriptContainer);
  250.                 listItem.scriptId = script.id;
  251.                 infoList.appendChild(listItem);
  252.             }
  253.         }
  254.  
  255.         infoContainer.appendChild(tableHeader)
  256.         infoContainer.appendChild(infoList);
  257.  
  258.         var timeout;
  259.         button.addEventListener('mouseenter', function () {
  260.             clearTimeout(timeout);
  261.             button.style.right = '10px';
  262.         });
  263.  
  264.         button.addEventListener('mouseleave', function () {
  265.             timeout = setTimeout(function () {
  266.                 button.style.right = '-50px';
  267.             }, 500);
  268.         });
  269.  
  270.         button.addEventListener('click', function (event) {
  271.             event.stopPropagation();
  272.             button.style.right = '10px';
  273.             infoContainer.style.display = "block"
  274.             infoContainer.style.opacity = 1
  275.         });
  276.  
  277.  
  278.  
  279.         infoContainer.addEventListener('click', function (event) {
  280.             event.stopPropagation();
  281.         });
  282.  
  283.         searchInput.addEventListener('input', () => {
  284.             searchScript()
  285.         })
  286.  
  287.         document.body.addEventListener('click', function () {
  288.             clearTimeout(timeout);
  289.             button.style.right = '-50px';
  290.             infoContainer.style.opacity = 0
  291.             infoContainer.style.display = "none"
  292.         });
  293.  
  294.         document.body.appendChild(button);
  295.  
  296.         document.body.appendChild(infoContainer);
  297.     }
  298.  
  299.     function searchScript() {
  300.         const searchWord = document.querySelector('.script-search-input').value;
  301.         const scriptList = document.querySelectorAll('.info-item')
  302.         for (let i = 0; i < scriptList.length; i++) {
  303.             if (scriptList[i].innerText.includes(searchWord)) {
  304.                 scriptList[i].style.display = 'block'
  305.             } else {
  306.                 scriptList[i].style.display = 'none'
  307.             }
  308.         }
  309.     }
  310.  
  311.  
  312.     // 一键安装 此处参考tampermonkey versioncheck.js 但是不知道为什么别的网站没有这个对象
  313.     /*
  314.         function oneClickInstall() {
  315.             const scriptList = document.querySelectorAll('.script-container');
  316.             // 获取tamppermonkey脚本信息
  317.             let tm = window.external?.Tampermonkey
  318.             let vm = window.external?.ViolentMonkey
  319.     
  320.             function getInstalledVersion(name, namespace) {
  321.                 return new Promise(function (resolve, reject) {
  322.                     if (tm) {
  323.                         tm.isInstalled(name, namespace, function (i) {
  324.                             if (i.installed) {
  325.                                 resolve(i.version);
  326.                             } else {
  327.                                 resolve(null);
  328.                             }
  329.                         });
  330.                         return;
  331.                     }
  332.     
  333.                     if (vm) {
  334.                         vm.isInstalled(name, namespace).then(resolve);
  335.                         return;
  336.                     };
  337.     
  338.                     reject()
  339.                 });
  340.             }
  341.     
  342.             // https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/version/format
  343.             function compareVersions(a, b) {
  344.                 if (a == b) {
  345.                     return 0;
  346.                 }
  347.                 let aParts = a.split('.');
  348.                 let bParts = b.split('.');
  349.                 for (let i = 0; i < aParts.length; i++) {
  350.                     let result = compareVersionPart(aParts[i], bParts[i]);
  351.                     if (result != 0) {
  352.                         return result;
  353.                     }
  354.                 }
  355.                 // If all of a's parts are the same as b's parts, but b has additional parts, b is greater.
  356.                 if (bParts.length > aParts.length) {
  357.                     return -1;
  358.                 }
  359.                 return 0;
  360.             }
  361.     
  362.             function compareVersionPart(partA, partB) {
  363.                 let partAParts = parseVersionPart(partA);
  364.                 let partBParts = parseVersionPart(partB);
  365.                 for (let i = 0; i < partAParts.length; i++) {
  366.                     // "A string-part that exists is always less than a string-part that doesn't exist"
  367.                     if (partAParts[i].length > 0 && partBParts[i].length == 0) {
  368.                         return -1;
  369.                     }
  370.                     if (partAParts[i].length == 0 && partBParts[i].length > 0) {
  371.                         return 1;
  372.                     }
  373.                     if (partAParts[i] > partBParts[i]) {
  374.                         return 1;
  375.                     }
  376.                     if (partAParts[i] < partBParts[i]) {
  377.                         return -1;
  378.                     }
  379.                 }
  380.                 return 0;
  381.             }
  382.     
  383.             // It goes number, string, number, string. If it doesn't exist, then
  384.             // 0 for numbers, empty string for strings.
  385.             function parseVersionPart(part) {
  386.                 if (!part) {
  387.                     return [0, "", 0, ""];
  388.                 }
  389.                 let partParts = /([0-9]*)([^0-9]*)([0-9]*)([^0-9]*)/.exec(part)
  390.                 return [
  391.                     partParts[1] ? parseInt(partParts[1]) : 0,
  392.                     partParts[2],
  393.                     partParts[3] ? parseInt(partParts[3]) : 0,
  394.                     partParts[4]
  395.                 ];
  396.             }
  397.     
  398.             function handleInstallResult(installedVersion, version) {
  399.                 if (installedVersion == null) {
  400.                     // Not installed
  401.                     return `Install { version } `;
  402.                 }
  403.     
  404.                 // installButton.removeAttribute("data-ping-url")
  405.     
  406.                 switch (compareVersions(installedVersion, version)) {
  407.                     // Upgrade
  408.                     case -1:
  409.                         return `Upgrade ${version} `;
  410.                         break;
  411.                     // Downgrade
  412.                     case 1:
  413.                         return `Downgrade ${version} `;
  414.                         break;
  415.                     // Equal
  416.                     case 0:
  417.                         return `Reinstall ${version} `;
  418.                         break;
  419.                 }
  420.             }
  421.             for (let i = 0; i < scriptList.length; i++) {
  422.                 let script = scriptList[i];
  423.                 let id = script.scriptId
  424.                 GM_xmlhttpRequest({
  425.                     url: `https://greasyfork.org/scripts/${id}.json`,
  426.                     method: "GET",
  427.                     onload: (response) => {
  428.                         const data = JSON.parse(response.responseText)
  429.                         let latestVersion = data.version
  430.                         let namespace = data.namespace
  431.                         let installedVersion = getInstalledVersion(id, namespace)
  432.                         let versionInfo = handleInstallResult(installedVersion, latestVersion)
  433.                         script.querySelector('.install-button').innerText = versionInfo
  434.                     },
  435.                     onerror: (error) => {
  436.                         console.log(`An error occured when fetching script ${id}: ${error}`)
  437.                     }
  438.                 })
  439.             }
  440.         }
  441.     */
  442.  
  443.     getScriptsInfo(domain);
  444.  
  445. })();