Function executeNotebook

wasm/notebook/src/index.js:148–256

()

// 2. get and run content of all tabs (including dynamically added ones)
// 3. run main tab.
async function executeNotebook() {
    // Clean the console and errors
    notebook.innerHTML = '';
    error.textContent = '';

    // get the content of the css editor
    // and add the css to the head
    // use dataset.status for a flag to know when to update
    let cssCode = buffers['css'].getValue();
    let cssStatus = checkCssStatus();
    switch (cssStatus) {
        case 'none':
            addCSS(cssCode);
            break;
        case 'modified':
            // remove the old style then add the new one
            document.getElementsByTagName('style')[0].remove();
            addCSS(cssCode);
            break;
        default:
        // do nothing
    }

    if (pyvm) {
        pyvm.destroy();
        pyvm = null;
    }
    pyvm = rp.vmStore.init('notebook_vm');

    // add some helpers for js/python code
    window.injectPython = (ns) => {
        for (const [k, v] of Object.entries(ns)) {
            pyvm.addToScope(k, v);
        }
    };
    window.pushNotebook = (elem) => {
        notebook.appendChild(elem);
    };
    window.handlePyError = (err) => {
        handlePythonError(error, err);
    };
    pyvm.setStdout((text) => {
        const para = document.createElement('p');
        para.appendChild(document.createTextNode(text));
        notebook.appendChild(para);
    });
    for (const el of ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p']) {
        pyvm.addToScope(el, (text) => {
            const elem = document.createElement(el);
            elem.appendChild(document.createTextNode(text));
            notebook.appendChild(elem);
        });
    }
    pyvm.addToScope('notebook_html', (html) => {
        notebook.innerHTML += html;
    });

    let jsCode = buffers['js'].getValue();