${output_container}

`); } let outputs = []; for (let cell of definitions) { if (replacements[cell.name]) { continue; } let output_container = document.createElement('div'); let variable = main.variable(new Inspector(output_container)); let clear_exports = activate_cells_on_module({ module: main, variable: variable, cell: cell }); if (cell.code) { let textarea = CodeEditor({ cell: cell, onChange: new_cell => { clear_exports(); clear_exports = activate_cells_on_module({ module: main, variable: variable, cell: new_cell }); cell_fragment.classList.toggle( "changed", !ast_equal(new_cell.ast, cell.ast) ); } }); let cell_fragment = html`

{ console.log('Clicked'); event.target.closest('.cell').classList.toggle("collapsed"); }} >

${output_container}

${textarea}

`; outputs.push(cell_fragment); } } let notebook_element = html.fragment`

${ inputs.length > 0 ? html.fragment` ${inputs}

${outputs} ` : html.fragment` ${outputs} ` }

`; let container = html`

${ name ? html`${name} =` : html`

` } ${notebook_element}

`; let variable = main.variable({ fulfilled: result => { container.value = result; container.dispatchEvent(new CustomEvent('input')); }, rejected: error => { console.log('Error:', error); container.value = error; container.dispatchEvent(new CustomEvent('input')); } }); let names = definitions.filter(x => x.name).map(x => x.name); variable.define(names, (...args) => Object.fromEntries(_.zip(names, args))); return container; }; }