☰

Script Finder

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

Tính đến 30-07-2023. Xem phiên bản mới nhất.

// ==UserScript==
// @name         Script Finder
// @namespace    http://tampermonkey.net/
// @version      0.1.0
// @description  Script Finder allows you to find userscripts from greasyfork on any website.
// @author       shiquda
// @namespace    https://github.com/shiquda/shiquda_UserScript
// @supportURL   https://github.com/shiquda/shiquda_UserScript/issues
// @match        *://*/*
// @grant        GM_xmlhttpRequest
// @grant        GM_addStyle
// @license      AGPL-3.0
// ==/UserScript==

(function () {
    const domainParts = window.location.hostname.split('.').slice(-2);
    const domain = domainParts.join('.');
    const errorMessage = "Failed to retrieve script information or there are no available scripts for this domain.";

    function getScriptsInfo(domain) {

        var url = `https://greatest.deepsurf.us/scripts/by-site/${domain}`;
        GM_xmlhttpRequest({
            method: "GET",
            url: url,
            onload: (response) => {

                const parser = new DOMParser();
                const doc = parser.parseFromString(response.responseText, "text/html");
                const scripts = doc.querySelector("#browse-script-list")?.querySelectorAll('[data-script-id]');
                let scriptsInfo = [];
                if (!scripts) {
                    scriptsInfo = errorMessage
                } else {
                    for (var i = 0; i < scripts.length; i++) {
                        scriptsInfo.push(parseScriptInfo(scripts[i]));
                    }
                }
                console.log(scriptsInfo);
                showScriptsInfo(scriptsInfo); // 显示脚本信息
            },
            onerror: () => {
                console.log("Some error!");
                const scriptsInfo = errorMessage
                showScriptsInfo(scriptsInfo)
            }
        });
    }

    // 解析脚本信息
    function parseScriptInfo(script) {
        return {
            id: script.getAttribute('data-script-id'),
            name: script.getAttribute('data-script-name'),
            author: script.querySelector("dd.script-list-author").textContent,
            description: script.querySelector(".script-description").textContent,
            // version: script.getAttribute('data-script-version'),
            url: 'https://greatest.deepsurf.us/scripts/' + script.getAttribute('data-script-id'),
            // createDate: script.getAttribute('data-script-created-date'),
            // updateDate: script.getAttribute('data-script-updated-date'),
            installs: script.getAttribute('data-script-total-installs'),
            // dailyInstalls: script.getAttribute('data-script-daily-installs'),
            ratingScore: script.getAttribute('data-script-rating-score')
        };
    }

    function showScriptsInfo(scriptsInfo) {
        GM_addStyle(`
            button.script-button {
                position: fixed;
                bottom: 50%;
                right: -50px;
                transform: translateY(50%);
                padding: 12px;
                font-size: 16px;
                border: none;
                border-radius: 4px;
                background-color: #1e90ff;
                color: #ffffff;
                cursor: pointer;
                transition: right 0.3s;
            }
            
            div.info-container {
                display: none;
                position: fixed;
                top: 10%;
                right: 100px;
                width: 600px;
                padding: 12px;
                background-color: #ffffff;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
                border-radius: 4px;
                opacity: 0;
                transition: opacity 0.3s;
                z-index: 9999;
                max-height: 80vh;
                overflow-y: auto;
            }
            
            ul.info-list {
                list-style: none;
                margin: 0;
                padding: 0;
            }

            li.info-item {
                margin-bottom: 10px;
                border: 1px solid #ddd;
                padding: 10px;
                display: flex;
                flex-direction: column;
            }

            .div.script-container {
                display: flex;
                flex-direction: column;
            }

            a.script-link {
                font-size: 18px;
                font-weight: bold;
                margin-bottom: 5px;
            }

            p.script-description {
                margin-top: 2px;
                margin-bottom: 5px;
            }

            div.details-container {
                font-size: 18px;
                font-weight: bold;
                display: flex;
                justify-content: space-between;
            }

            span.script-details {
                flex-grow: 1;
                text-align: left;
            }
            
            div.table-header {
                font-size: 25px;
            }

            input.script-search-input {
                width: 96%;
                padding: 10px;
                font-size: 18px;
                border: 1px solid #ddd;
                border-radius: 4px;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
                margin-bottom: 15px;
                margin-top: 20px;
            }
        `);


        // 创建按钮
        var button = document.createElement('button');
        button.className = 'script-button';
        button.innerText = 'Scripts';

        // 创建脚本容器
        var infoContainer = document.createElement('div');
        infoContainer.className = 'info-container';

        // 创建搜索框
        var searchInput = document.createElement('input');
        searchInput.type = 'text';
        searchInput.placeholder = 'Search scripts...';
        searchInput.className = 'script-search-input';

        // 创建表头
        var tableHeader = document.createElement('div');
        // tableHeader.style.display = 'flex';
        // tableHeader.style.justifyContent = 'space-between';
        tableHeader.className = 'table-header';
        tableHeader.appendChild(document.createTextNode('Script Finder'));
        tableHeader.appendChild(searchInput);

        // 创建脚本列表
        var infoList = document.createElement('ul');
        infoList.className = 'info-list';

        // 插入脚本
        if (scriptsInfo === errorMessage) {
            infoList.innerHTML = errorMessage;
        } else {
            for (var i = 0; i < scriptsInfo.length; i++) {
                var script = scriptsInfo[i];
                var listItem = document.createElement('li');
                listItem.className = 'info-item';

                var scriptContainer = document.createElement('div');
                scriptContainer.className = 'script-container';

                var nameElement = document.createElement('a');
                nameElement.className = 'script-link';
                nameElement.innerText = script.name;
                nameElement.href = script.url;
                nameElement.target = '_blank';

                var descriptionElement = document.createElement('p');
                descriptionElement.className = 'script-description';
                descriptionElement.innerHTML = script.description;

                var detailsContainer = document.createElement('div');
                detailsContainer.className = 'details-container';

                var authorElement = document.createElement('span');
                authorElement.className = 'script-details';
                authorElement.innerText = 'Author: ' + script.author;

                var installsElement = document.createElement('span');
                installsElement.className = 'script-details';
                installsElement.innerText = 'Installs: ' + script.installs;

                var ratingElement = document.createElement('span');
                ratingElement.className = 'script-details';
                ratingElement.innerText = 'Rating: ' + script.ratingScore;

                detailsContainer.appendChild(authorElement);
                detailsContainer.appendChild(installsElement);
                detailsContainer.appendChild(ratingElement);

                scriptContainer.appendChild(nameElement);
                scriptContainer.appendChild(descriptionElement);
                scriptContainer.appendChild(detailsContainer);

                listItem.appendChild(scriptContainer);
                infoList.appendChild(listItem);
            }
        }

        infoContainer.appendChild(tableHeader)
        infoContainer.appendChild(infoList);

        var timeout;
        button.addEventListener('mouseenter', function () {
            clearTimeout(timeout);
            button.style.right = '10px';
        });

        button.addEventListener('mouseleave', function () {
            timeout = setTimeout(function () {
                button.style.right = '-50px';
            }, 500);
        });

        button.addEventListener('click', function (event) {
            event.stopPropagation();
            button.style.right = '10px';
            infoContainer.style.display = "block"
            infoContainer.style.opacity = 1
        });



        infoContainer.addEventListener('click', function (event) {
            event.stopPropagation();
        });

        searchInput.addEventListener('input', () => {
            searchScript()
        })

        document.body.addEventListener('click', function () {
            clearTimeout(timeout);
            button.style.right = '-50px';
            infoContainer.style.opacity = 0
        });

        document.body.appendChild(button);

        document.body.appendChild(infoContainer);
    }

    function searchScript() {
        const searchWord = document.querySelector('.script-search-input').value;
        const scriptList = document.querySelectorAll('.info-item')
        for (let i = 0; i < scriptList.length; i++) {
            if (scriptList[i].innerText.includes(searchWord)) {
                scriptList[i].style.display = 'block'
            } else {
                scriptList[i].style.display = 'none'
            }
        }
    }

    getScriptsInfo(domain);
})();