Enchanced SM Documentation

Enchances the documentation

Από την 13/08/2022. Δείτε την τελευταία έκδοση.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey, το Greasemonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Userscripts για να εγκαταστήσετε αυτόν τον κώδικα.

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

Θα χρειαστεί να εγκαταστήσετε μια επέκταση διαχείρισης κώδικα χρήστη για να εγκαταστήσετε αυτόν τον κώδικα.

(Έχω ήδη έναν διαχειριστή κώδικα χρήστη, επιτρέψτε μου να τον εγκαταστήσω!)

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.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Έχω ήδη έναν διαχειριστή στυλ χρήστη, επιτρέψτε μου να τον εγκαταστήσω!)

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