Raw Source Toggle Dropdown

• Minified Source

  Alternate update check target.

  Alternate download source target.

torcado / torcAddons

// ==UserScript==
// @name         torcAddons
// @namespace    http://torcado.com
// @description  a base driver for glitch.com addons
// @version      1.4.3
// @author       torcado
// @license      MIT
// @icon         http://torcado.com/torcAddons/icon.png
// @run-at       document-start
// @grant        none
// @include      http*://glitch.com/edit/*
// @require      https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js
// @updateURL    https://raw.githubusercontent.com/torcado194/glitch-torcAddons/master/torcAddons.js
// @downloadURL  https://raw.githubusercontent.com/torcado194/glitch-torcAddons/master/torcAddons.js
// ==/UserScript==


/*
 * torcAddons | v1.4.2
 * a base driver for glitch.com addons
 * by torcado
 */

var torcAddons = torcAddons || new EventTarget();
window.torcAddons = torcAddons;

(function() {
    let t = torcAddons;
    t.version = '1.4.3';

    t.loaded = false;
    t.loadingFile = true;

    t.debounce = (func, wait, immediate) => {
        let timeout;
        return function() {
            let context = this, args = arguments;
            let later = function() {
                timeout = null;
                if (!immediate) func.apply(context, args);
            };
            let callNow = immediate && !timeout;
            clearTimeout(timeout);
            timeout = setTimeout(later, wait);
            if (callNow) func.apply(context, args);
        }
    }

    let treeUpdateDebounce = t.debounce(()=>t.dispatchEvent(new CustomEvent('treeUpdate')), 5, true);

    let treeObserver = new MutationObserver(function(mutations) {
        if(!t.loaded){
            return;
        }
        mutations.forEach(function(mutation) {
            if(mutation.addedNodes && mutation.addedNodes.length > 0) {
                let newFile = false;
                mutation.addedNodes.forEach(n => {
                    if($(n).attr('torc-file') === undefined){
                        newFile = true;
                    }
                });
                if(!newFile){
                    return;
                }
                treeUpdateDebounce();
            }
        });
    });

    //let codeUpdateDebounce = t.debounce(()=>t.dispatchEvent(new CustomEvent('codeUpdate')), 0, true);

    let codeObserver = new MutationObserver(function(mutations) {
        if(!t.loaded){
            return;
        }
        //codeUpdateDebounce();
        t.dispatchEvent(new CustomEvent('codeUpdate'));
    });

    let codeLoadObserver = new MutationObserver(function(mutations) {
        if(!t.loaded){
            return;
        }
        mutations.forEach(function(mutation) {
            if(mutation.addedNodes && mutation.addedNodes.length > 0) {
                mutation.addedNodes.forEach(n => {
                    if(n.classList && n.classList.contains('CodeMirror-gutter-wrapper')){
                        if(t.loadingFile){
                            t.loadingFile = false;
                            //setTimeout(()=>{
                            t.dispatchEvent(new CustomEvent('fileLoaded'))
                            //},5);
                        }
                    }
                });
            }
        });
    });

    let appLoadObserver = new MutationObserver(function(mutations) {
        if(!t.loaded){
            return;
        }
        mutations.forEach(function(mutation) {
            if(mutation.addedNodes && mutation.addedNodes.length > 0) {
                mutation.addedNodes.forEach(n => {
                    if(n.classList && n.classList.contains('editor-container')){
                        t.dispatchEvent(new CustomEvent('reload'));
                    }
                });
            }
        });
    });

    t.addCSS = (css) => {
        let head = document.getElementsByTagName('head')[0] || document.getElementsByTagName('html')[0];
        if (!head) {
            return;
        }
        let style = document.createElement('style');
        style.type = 'text/css';
        style.innerHTML = css;
        head.appendChild(style);
    }


    window.addEventListener('load', (event) => {
        $.extend($.easing, {
            easeInQuint: function (x, t, b, c, d) {
                return c*(t/=d)*t*t*t*t + b;
            },
            easeOutQuint: function (x, t, b, c, d) {
                return c*((t=t/d-1)*t*t*t*t + 1) + b;
            },
        });

        let appInterval = setInterval(observeApp, 500),
            appLoaded = false,
            treeInterval = setInterval(observeTree, 500),
            treeLoaded = false,
            codeInterval = setInterval(observeCode, 500),
            codeLoaded = false;

        function observeApp(){
            if(!$('#editor')[0]){
                return;
            }
            clearInterval(appInterval);
            let appConfig = {
                attributes: true,
                childList: true,
                characterData: true
            };
            appLoadObserver.observe($('#editor').eq(0)[0], appConfig);


            /*if(application.projectIsLoaded()){
                loaded();
            } else {
                application.projectIsLoaded.observe(loaded);
            }*/

            //application.selectedFile.observe(changeFile)
        }

        function observeTree(){
            if(!$('ul.filetree:not(.torc)')[0]){
                return;
            }
            clearInterval(treeInterval);
            let treeConfig = {
                attributes: true,
                childList: true,
                characterData: true
            };
            treeObserver.observe($('ul.filetree:not(.torc)').eq(0)[0], treeConfig);


            if(application.projectIsLoaded()){
                loaded();
            } else {
                application.projectIsLoaded.observe(loaded);
            }

            //application.selectedFile.observe(changeFile)
        }

        function observeCode(){
            if(!$('.CodeMirror-sizer')[0]){
                return;
            }
            clearInterval(codeInterval);
            let codeConfig = {
                attributes: true,
                childList: false,
            };
            codeObserver.observe($('.CodeMirror-sizer').eq(0)[0], codeConfig);
            let codeLoadConfig = {
                attributes: true,
                childList: true,
                subtree: true
            };
            codeLoadObserver.observe($('.CodeMirror-sizer').eq(0)[0], codeLoadConfig);

            if(application.projectIsLoaded()){
                loaded();
            } else {
                application.projectIsLoaded.observe(loaded);
            }

            //application.selectedFile.observe(changeFile)
        }

        function loaded(){
            if(!t.loaded){

                console.log(`%ctorcAddons %cv${t.version} %cloaded!`, 'color: #1abce2', 'color: #f5b908', 'color: #1abce2');

                $('body').addClass(application.currentTheme());

                t.loaded = true;
                setTimeout(function(){
                    application.selectedFileId.observe(handleFileSelect);
                    watchChanges();
                    t.dispatchEvent(new CustomEvent('load'))
                }, 5);

            }
        }
    });

    function handleFileSelect(docId){
        t.loadingFile = true;
        application.selectedFile().session.then(io => {
            t.dispatchEvent(new CustomEvent('fileSelect', {detail: {docId, io}}))
        });
    }

    function watchChanges(doc){
        application.getCurrentSession().cm.on('change', (cm, change) => t.dispatchEvent(new CustomEvent('fileEdit', {detail: {cm, change}})));
    }
})();