{"version":3,"names":["toggleLayer","name","checkbox","_element","_attributes","_attributeStringLiteral","_children","file","end","column","line","start","layer","window","beGlobal","checked","isGlobal","update","beNotGlobal","addEventListener","_childExpression","_childText","showVariable","self","div","lastValue","updateVariable","result","boundEval","isError","value","forEach","textContent","key","replace","slice","lively","findWorldContext","clearInterval","intervalId","setInterval","appendResult","code","element","classList","add","style","parentElement","insertBefore","nextSibling","executeCode","i","ctx","indexElement","resultElement","querySelector","remove","source","contains","border","showError","error","then","e","HTMLElement","appendChild","position","sleep","setExtent","getExtent","margin","undefined","Object","inspector","inspect","hideWorkspace","runExampleButton","exampleName","dependencies","button","onclick","codeBlocks","dep","depCodeBlocks","querySelectorAll","_","sortBy","ea","getClientPosition","y","push","runVivideButton","vivideScript","vivideBlock","letsScript","inspectVariable","hideHiddenElements","tagName","display","presentationPrintButton","_addSourceLocation","document","createElement","presentation","query","print","presentationFullscreenButton","container","console","log","slide","notify","reutrn","toggleFullscreen","autoRunSnippet","context","r","innerHTML","removeEventListener","_export","setters","_reactiveJsx","addSourceLocation","childText","childExpression","children","attributeStringLiteral","attributes","_srcClientBoundEvalJs","default","_srcExternalLodashLodashJs","_srcClientVivideVivideJs","_srcClientGraphicsJs","pt","execute","__SystemJSRewritingHack","_recorder_","_src_client_essay_js","defineProperty","get","set","thisIsVererySecretVariableName","enumerable","configurable"],"sources":["essay.js"],"sourcesContent":["import boundEval from \"src/client/bound-eval.js\";\nimport _ from 'src/external/lodash/lodash.js'\nimport { letsScript } from 'src/client/vivide/vivide.js';\nimport {pt} from 'src/client/graphics.js'\n\nexport function toggleLayer(name) {\n var checkbox=\n var layer = window[name]\n if (layer && layer.beGlobal) {\n checkbox.checked = layer.isGlobal() \n }\n \n function update() {\n var layer = window[name]\n if (layer && layer.beGlobal) {\n if (checkbox.checked == true) {\n layer.beGlobal()\n } else {\n layer.beNotGlobal()\n }\n } else {\n // checkbox.style.backgroundColor = \"red\"\n }\n }\n\n checkbox.addEventListener(\"click\", update);\n return {checkbox} {name}\n}\n\nexport function showVariable(name, self) {\n var div=\n \n \n // #TODO garbage collect them...\n // window.setInterval(async () => {\n // var result = await boundEval(name); \n // if (!result.isError) {\n // div.textContent = name + \" = \" + result.value\n // }\n // }, 500);\n // #TODO garbage collect them...\n var lastValue\n async function updateVariable () {\n var result = await boundEval(name, self); \n if (!result.isError && (lastValue !== result.value)) {\n if (result.value.forEach) {\n div.textContent = name + \"\\n\"\n result.value.forEach((value, key) => {\n div.textContent += key.replace(/\\n/g,\"\").slice(0,70) + \":\" + value +\"\\n\"\n })\n } else {\n div.textContent = name + \" = \" + result.value\n }\n \n }\n \n lastValue = result.value\n if (!lively.findWorldContext(div)) { // we are still open\n clearInterval(intervalId);\n }\n // #TODO start me again... if I should become open again?\n }\n \n var intervalId = setInterval(updateVariable, 1000);\n \n return div\n}\n\nexport function appendResult(code, element) {\n element.classList.add(\"result\")\n element.style[\"white-space\"] = \"normal\"\n code.parentElement.insertBefore(element, code.nextSibling)\n}\n\nexport async function executeCode(code, i, ctx) {\n var indexElement =
{i}
\n code.parentElement.insertBefore(indexElement, code)\n\n // show only the latest result\n var resultElement = code.parentElement.querySelector(\".result\")\n if (resultElement) resultElement.remove()\n var source = code.textContent\n if (code.classList.contains(\"async\")) {\n source = `(async () => {` + source +`})()` \n }\n var result = await boundEval(source, ctx); \n if (result.isError) {\n code.parentElement.style.border = \"1px solid red\";\n lively.showError(result.value)\n var error =
Error: {result.value}
\n code.parentElement.insertBefore(error, code.nextSibling)\n return\n } else {\n code.parentElement.style.border = \"1px dashed darkgreen\";\n if (code.classList.contains(\"NoResult\")) return;\n var element;\n var value = result.value\n if (value && value.then) {\n try {\n value = await value;\n } catch(e) {\n let error =
Error in Promise: {e}
\n appendResult(code, error)\n return \n }\n }\n if (value instanceof HTMLElement) {\n element = \n element.appendChild(value)\n element.style.position = \"relative\"\n lively.sleep(100).then(()=> {\n lively.setExtent(element, lively.getExtent(value)) // #LayoutHack\n element.style.margin = \"20px\"\n })\n appendResult(code, element)\n } else if (value && value.beGlobal) {\n element = toggleLayer(value.name)\n appendResult(code, element)\n\n } else if (value !== undefined && value instanceof Object) {\n var inspector = await ()\n inspector.inspect(value)\n inspector.hideWorkspace()\n element =
{inspector}
\n \n appendResult(code, element)\n } else if (value !== undefined) { \n element =
=> {value}
\n appendResult(code, element)\n }\n }\n}\n\n\nexport function runExampleButton(exampleName, ctx, dependencies=[]) {\n var button=\n \n button.onclick = (async () => {\n // gather all dependent code blocks\n var codeBlocks = []\n dependencies.forEach(dep => {\n var depCodeBlocks = ctx.parentElement.querySelectorAll(\".\" + dep)\n depCodeBlocks = _.sortBy(depCodeBlocks, ea => lively.getClientPosition(ea).y)\n codeBlocks.push(...depCodeBlocks)\n })\n codeBlocks.push(..._.sortBy(ctx.parentElement.querySelectorAll(\".\" + exampleName), \n ea => lively.getClientPosition(ea).y))\n \n \n // codeBlocks = _.sortBy(codeBlocks, ea => lively.getClientPosition(ea).y)\n // go through all code blocks and (re-)execute them and show result (and errors)\n \n ctx.parentElement.querySelectorAll(\".indexElement\").forEach(ea => {\n ea.remove()\n });\n \n var i=1\n for(var code of codeBlocks) {\n await executeCode(code, i++, ctx)\n }\n return \"\"\n });\n return button\n}\n\n\n\n\nexport function runVivideButton(exampleName, ctx, vivideScript, dependencies=[]) {\n var button=\n var appendResult = function(code, element) {\n element.classList.add(\"result\")\n code.parentElement.insertBefore(element, code.nextSibling)\n }\n \n button.onclick = (async () => {\n // gather all dependent code blocks\n var codeBlocks = []\n dependencies.forEach(ea => {\n codeBlocks.push(..._.sortBy(ctx.parentElement.querySelectorAll(\".\" + ea), \n ea => lively.getClientPosition(ea).y))\n })\n var vivideBlock = ctx.parentElement.querySelector(\".\" + vivideScript)\n codeBlocks.push(vivideBlock)\n \n \n // codeBlocks = _.sortBy(codeBlocks, ea => lively.getClientPosition(ea).y)\n // go through all code blocks and (re-)execute them and show result (and errors)\n \n ctx.parentElement.querySelectorAll(\".indexElement\").forEach(ea => {\n ea.remove()\n });\n \n \n var i=1\n for(var code of codeBlocks) {\n var result = await boundEval(code.textContent, ctx); \n if (result.isError) {\n code.parentElement.style.border = \"1px solid red\";\n lively.showError(result.value)\n var error =
Error: {result.value}
\n code.parentElement.insertBefore(error, code.nextSibling)\n return\n } else {\n var value = result.value\n if (value && value.then) {\n try {\n value = await value;\n } catch(e) {\n let error =
Error in Promise: {e}
\n appendResult(code, error)\n return \n }\n }\n if (code === vivideBlock) {\n letsScript(value)\n }\n }\n }\n return \"\"\n });\n return button\n}\n\nexport async function inspectVariable(name) {\n var inspector = await ()\n var result = await boundEval(name); \n inspector.inspect(result.value)\n inspector.hideWorkspace()\n // window.setInterval(async () => {\n // var result = await boundEval(name); \n // inspector.inspect(result.value)\n // }, 1000);\n return inspector\n}\n\nexport async function hideHiddenElements(ctx) {\n ctx.parentElement.querySelectorAll(\".Hidden\").forEach( ea => {\n if (ea.tagName == \"CODE\") {\n ea.parentElement.style.display = \"none\"\n }\n })\n}\n\nexport function presentationPrintButton(ctx) {\n var button = document.createElement(\"button\")\n button.textContent = \"print\"\n button.onclick = async () => {\n var presentation = lively.query(ctx, \"lively-presentation\")\n presentation.print()\n }\n button.style = \"position: absolute; bottom: 10px; left: 10px\"\n return button\n}\n\n\nexport function presentationFullscreenButton(ctx) {\n var button = document.createElement(\"button\")\n button.textContent = \" fullscreen \"\n var container = lively.query(ctx, \"lively-container\")\n if (!container) {\n console.log(\"presentationFullscreenButton>>not in a container\")\n return \n }\n\n var presentation = lively.query(ctx, \"lively-presentation\")\n if (!presentation) {\n console.log(\"presentationFullscreenButton>>not in a presentation\")\n return \n }\n var slide = lively.query(ctx, \".lively-slide\")\n if (!slide) {\n lively.notify(\"could not find slide\")\n return\n }\n if (!presentation) {\n console.log(\"presentationFullscreenButton>>not in a slide\")\n reutrn \n }\n \n button.onclick = async () => {\n presentation.toggleFullscreen()\n }\n button.style = \"position: absolute; bottom: 10px; left: 80px\"\n return button\n}\n\n\nexport function autoRunSnippet(context, name) {\n debugger\n var element = lively.query(context, name)\n var result = ;\n var update = () => {\n lively.notify('update test')\n \n boundEval(element.textContent).then(async r => {\n result.innerHTML = \"\"\n if (r.isError) {\n result.appendChild(