Enchanced SM Documentation

Enchances the documentation

Stan na 13-08-2022. Zobacz najnowsza wersja.

Aby zainstalować ten skrypt, wymagana jest instalacje jednego z następujących rozszerzeń: Tampermonkey, Greasemonkey lub Violentmonkey.

Aby zainstalować ten skrypt, wymagana jest instalacje jednego z następujących rozszerzeń: Tampermonkey, Violentmonkey.

Aby zainstalować ten skrypt, wymagana jest instalacje jednego z następujących rozszerzeń: Tampermonkey, Violentmonkey.

Aby zainstalować ten skrypt, wymagana będzie instalacja rozszerzenia Tampermonkey lub Userscripts.

You will need to install an extension such as Tampermonkey to install this script.

Aby zainstalować ten skrypt, musisz zainstalować rozszerzenie menedżera skryptów użytkownika.

(Mam już menedżera skryptów użytkownika, pozwól mi to zainstalować!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

Będziesz musiał zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

Będziesz musiał zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

Musisz zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

(Mam już menedżera stylów użytkownika, pozwól mi to zainstalować!)

// ==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!');
})();