loader.js

/* LLAB Loader
 * Lightweight Labs system.
 * This file is the entry point for all llab pages.
 */


const THIS_FILE = 'loader.js';
const RELEASE_DATE = '2022-03-06';

// Basic llab shape.
// TODO: We should separate this out a little more...
llab = {
    loaded: {},
    paths: {
        stage_complete_functions: [],
        scripts: [],
        css_files: []
    },
    loader: {},
    rootURL: '',
    install_directory: '',
    CONFIG_FILE_PATH: '../llab.js' // currently unsed.
};

/*
 ***********************
 ******** CONFIG *******
 ***********************
 See ../llab.js for more explanations.
 */
llab.rootURL = "/bjc-r/";
llab.install_directory = "llab/";
llab.llab_path = llab.rootURL + llab.install_directory;
llab.courses_path = llab.rootURL + "course/";
llab.topics_path = llab.rootURL + "topic/";
llab.topic_launch_page = llab.llab_path + "html/topic.html";
llab.alt_topic_page = llab.rootURL + "topic/topic.html";
llab.empty_curriculum_page_path = llab.llab_path + "html/empty-curriculum-page.html";
// google analytics tokens
llab.GACode = 'UA-57857730-3';
llab.GAurl  = document.hostname;

// ADDITIONAL LIBRARIES

// Syntax Highlighting support
llab.paths.syntax_highlights_js = "//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js";
llab.paths.syntax_highlighting_css = "css/tomorrow-night-blue.css";
// Math / LaTeX rendering
llab.paths.math_katex_js = "lib/katex.min.js";
llab.paths.katex_css = "css/katex.min.css";

// CSS
llab.paths.css_files.push('lib/bootstrap/dist/css/bootstrap.min.css');
// llab.paths.css_files.push('lib/bootstrap/dist/css/bootstrap-theme.min.css');
// llab.paths.css_files.push('css/3.3.7/bootstrap-compiled.min.css');
// reference your custom CSS files, from within llab install directory.
// Multiple CSS files is fine, include a separate push for each
llab.paths.css_files.push('css/default.css');
// llab.paths.css_files.push('../css/bjc.css');
// llab.paths.css_files.push('../css/edcdevtech-headerfooter.css'); /* new headers & footers by EDC Dev Tech & modified by Mary, 05/2020 */

/////////////////////////
///////////////////////// stage 0
// Stage 0 items can be executed with no dependences.
llab.paths.scripts[0] = [];
llab.paths.scripts[0].push("lib/jquery/dist/jquery.min.js");
llab.paths.scripts[0].push("script/library.js");
llab.paths.scripts[0].push("script/quiz/multiplechoice.js");
llab.paths.scripts[0].push("script/defaults.js");

llab.loaded['config'] = true;
llab.loaded['library'] = false;
llab.loaded['multiplechoice'] = false
llab.paths.stage_complete_functions[0] = function() {
    return ( typeof jQuery === 'function' &&
        llab.loaded['config'] && llab.loaded['library'] );
}


/////////////////
///////////////// stage 1
llab.paths.scripts[1] = [];
llab.paths.scripts[1].push("lib/bootstrap/dist/js/bootstrap.min.js");
llab.paths.scripts[1].push("script/curriculum.js");
llab.paths.scripts[1].push("script/course.js");
llab.paths.scripts[1].push("script/topic.js");
// llab.paths.scripts[1].push("script/lib/sha1.js");     // for brainstorm

// Doing a very weird thing delaying this until stage 1
// try to get the above files loaded faster, they only depend on jQuery.
llab.paths.stage_complete_functions[1] = function() {
    return ( llab.loaded['multiplechoice'] );
}

////////////////////
//////////////////// stage 2
// all these scripts depend on jquery, loaded in stage 1
// all quiz item types should get loaded here
llab.paths.scripts[2] = [];
llab.paths.scripts[2].push("script/quiz.js");
// llab.paths.scripts[2].push("script/brainstorm.js");
// llab.paths.scripts[2].push("script/user.js");

llab.paths.stage_complete_functions[2] = function() {
    return true; // && llab.loaded['user'];
}


//////////////

llab.getPathToThisScript = function() {
    var scripts = document.scripts;
    for (var i = 0; i < scripts.length; i += 1) {
        var src = scripts[i].src;
        if (src.endsWith('/' + THIS_FILE)) {
            return src;
        }
    }
    return '';
};

llab.thisPath = llab.getPathToThisScript();

function getTag(name, src, type) {
    var tag = document.createElement(name);

    if (src.indexOf("//") === -1) {
        src = llab.thisPath.replace(THIS_FILE, src);
    }

    var link  = name === 'link' ? 'href' : 'src';
    tag[link] = `${src}?${RELEASE_DATE}`;
    tag.type  = type;

    return tag;
}

llab.loader.getTag = getTag;

llab.initialSetUp = function() {
    function loadScriptsAndLinks(stage_num) {
        var tag;

        // load css files
        while (llab.paths.css_files.length != 0) {
            tag = getTag("link", llab.paths.css_files.shift(), "text/css");
            tag.rel = "stylesheet";
            document.head.appendChild(tag);
        }

        // load scripts
        llab.paths.scripts[stage_num].forEach(function(scriptfile) {
            tag = getTag("script", scriptfile, "text/javascript");
            document.head.appendChild(tag);
        });

        if ((stage_num + 1) < llab.paths.scripts.length) {
            proceedWhenComplete(stage_num);
        }
    }

    function proceedWhenComplete(stage_num) {
        if (llab.paths.stage_complete_functions[stage_num]()) {
            if ((stage_num + 1) < llab.paths.scripts.length) {
                loadScriptsAndLinks(stage_num + 1);
            }
        } else {
            setTimeout(function() {
                proceedWhenComplete(stage_num);
            }, 2);
        }
    }

    // start the process
    loadScriptsAndLinks(0);

    let sentry = getTag(
        'script', 'https://browser.sentry-cdn.com/6.12.0/bundle.tracing.min.js', 'text/javascript'
    );
    sentry.onload = llab.setupSentry;
    document.head.appendChild(sentry);

};

/////////////////////

llab.setupSentry = function () {
    Sentry.init({
        dsn:"https://575843d153a14b45b34b91d99ea9666a@bugs.cs10.org/13",
        integrations: [new Sentry.Integrations.BrowserTracing()]
    });
}

llab.initialSetUp();