Enchanced SM Documentation

Enchances the documentation
换行
// ==UserScript==
// @name         Enchanced SM Documentation
// @namespace    https://github.com/GalaxyVOID/sm-docs
// @version      0.1
// @description  Enchances the documentation
// @author       GalaxyVOID
// @match        https://scrapmechanic.com/api/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=scrapmechanic.com
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    const link = "https://raw.githubusercontent.com/GalaxyVOID/sm-docs/5c0b0b45cccfbe8e60393e59a9d37b4961db0115/prism%20"

    function selectTheme() {
        var css;
        var js;
        var theme = prompt("Please type the name of the theme (okaida, tomorrow):", "tomorrow");
        if (theme == "okaida") {
            css = link + "okaida.css";
            js = link + "okaida.js";
            localStorage.setItem("GalaxyVOIDSMTheme", theme);
        } else if (theme == "tomorrow") {
            css = link + "tomorrow.css";
            js = link + "tomorrow.js";
            localStorage.setItem("GalaxyVOIDSMTheme", theme);
        }
        location.reload();
    }

    if (localStorage.getItem("GalaxyVOIDSMTheme") == null) {
        selectTheme();
    } else {
        var theme = localStorage.getItem("GalaxyVOIDSMTheme");
        var css = link + theme + ".css";
        var js = link + theme + ".js";
    }

    function addDevStuff() {
        var div = document.createElement("div");


        // html <p>Enchanced SM Docs Made By GalaxyVOID#1815</p>
        var credits = document.createElement('p');
        credits.innerHTML = 'Enchanced SM Docs Made By GalaxyVOID#1815';
        div.appendChild(credits);

        // add a button to change the theme
        var themeButton = document.createElement('button');
        themeButton.innerHTML = 'Change Theme';
        themeButton.onclick = selectTheme;
        themeButton.style = "background-color: #f5f5f5; border: 1px solid #d9d9d9; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); color: #333; cursor: pointer; font-size: 14px; font-weight: bold; line-height: 1.42857143; margin-bottom: 10px; padding: 6px 12px; text-align: center; text-decoration: none; vertical-align: middle; white-space: nowrap;";
        div.appendChild(themeButton);
        document.querySelector('#menu').insertBefore(div, document.querySelector('#menu').firstChild);
    }
    addDevStuff();

    function setDarkScheme() {
        console.log('\x1b[33m[?]\x1b[0m Setting Dark Scheme...');
        // change the <html> color scheme to dark
        document.querySelector('html').style.colorScheme = 'Dark';
        console.log('\x1b[32m[✔]\x1b[0m Done Setting The Dark Scheme!');
    }

    // Load the syntax stuff
    function startprism() {
        console.log('\x1b[33m[?]\x1b[0m Starting Prism...');
        fetch(js).then(response => response.text()).then(text => {
            eval(text)
        }).catch(err => {
            console.log("\x1b[31m[✘]\x1b[0m Error: " + err)
        });
        fetch(css).then(response => response.text()).then(text => {
            document.querySelector('head').insertAdjacentHTML('beforeend', '<style>' + text + '</style>')
        }).catch(err => {
            console.log("\x1b[31m[✘]\x1b[0m Error: " + err)
        });
        console.log('\x1b[32m[✔]\x1b[0m Done Starting Prism!');
    }

    function replaceClasses() {
        console.log('\x1b[33m[?]\x1b[0m Replacing Classes...');
        // replace all objects with the class of code to 'language-lua code'
        document.querySelectorAll('.code').forEach(function (element) {
            element.className = 'language-lua code';
            // make the inner text go into a <code> tag
            element.innerHTML = '<code>' + element.innerText + '</code>';
            element.style.borderRadius = '10px';
        });
        console.log('\x1b[32m[✔]\x1b[0m Finished Replacing Classes!');
    }

    function fix() {
        console.log('\x1b[33m[?]\x1b[0m Fixing Stuff...');
        document.querySelectorAll('*').forEach(function (element) {
            if (element.className == 'note') {
                element.style.backgroundColor = 'transparent';
                element.style.borderRadius = '10px';
                element.style.border = '5px solid #0080ff';

                var h4 = element.querySelectorAll('h4');
                var p = element.querySelectorAll('p');

                var div = document.createElement('div');
                div.style.margin = '10px';

                // add the h4s and ps to the div
                h4.forEach(function (h4) {
                    div.appendChild(h4);
                });
                p.forEach(function (p) {
                    div.appendChild(p);
                });

                element.appendChild(div);


            } else if (element.className == 'warning') {
                element.style.backgroundColor = 'transparent';
                element.style.borderRadius = '10px';
                element.style.border = '5px solid #ffcc00';

                var h4 = element.querySelectorAll('h4');
                var p = element.querySelectorAll('p');

                var div = document.createElement('div');
                div.style.margin = '10px';

                // add the h4s and ps to the div
                h4.forEach(function (h4) {
                    div.appendChild(h4);
                });
                p.forEach(function (p) {
                    div.appendChild(p);
                });

                element.appendChild(div);
            } else if (element.className == 'deprecated') {
                element.style.backgroundColor = 'transparent';
                element.style.borderRadius = '10px';
                element.style.border = '5px solid #ff5000';

                var h4 = element.querySelectorAll('h4');
                var p = element.querySelectorAll('p');

                var div = document.createElement('div');
                div.style.margin = '10px';

                // add the h4s and ps to the div
                h4.forEach(function (h4) {
                    div.appendChild(h4);
                });
                p.forEach(function (p) {
                    div.appendChild(p);
                });

                element.appendChild(div);
            } else if (element.tagName == 'TABLE' || element.tagName == 'TH' || element.tagName == 'TD') {
                element.style.borderColor = 'white';
            }
        });
        console.log('\x1b[32m[✔]\x1b[0m Finished Fixing Stuff!');
    }


    console.log('\x1b[33m[?]\x1b[0m Starting Enchanced SM Documentation...');
    setDarkScheme();
    startprism();
    replaceClasses();
    fix()
    console.log('\x1b[32m[✔]\x1b[0m Enchanced SM Documentation Has Finished Loading!');
})();
欢迎访问Greasy Fork镜像
