30:T5e2,html`

${createCodeMirrorWidget({ width: width / 2, height: Global.WorkspaceHeight, oninput: (inst, obj) => {} })}

`31:T5e9,function setupToolbar(Blockly) { var tabs = document.getElementsByClassName("tab_item"); var changeActive = e => { var tabs = document.getElementsByClassName("tab_item"); for (var i = 0; i < tabs.length; i++) { tabs[i].classList.remove("is-active"); } for (var i = 0; i < e.path.length; i++) { if (e.path[i].classList.contains("tab_item")) { e.path[i].classList.add("is-active"); break; } } }; for (var i = 0; i < tabs.length; i++) { tabs[i].addEventListener("click", changeActive); } const toolbarEditor = document.querySelector("#toolbar_p5_editor"); const toolbarLoadCode = document.querySelector("#toolbar_load_code"); const toolbarRunCode = document.querySelector("#toolbar_run_code"); const codeMirrorEditor = document.querySelector("#codemirror_editor"); const samples = document.querySelector("#p5-samples"); toolbarEditor.onclick = () => { codeMirrorEditor.style.display = "block"; samples.style.display = "none"; if (window.editor) { codeMirrorSetFocus(window.editor); } }; toolbarLoadCode.disabled = false; // Toolbar onclick Handles toolbarLoadCode.onclick = () => { codeMirrorEditor.style.display = "none"; samples.style.display = "block"; }; toolbarRunCode.onclick = () => { if (window.editor) { executor(window.editor.getValue()); } }; generatesSampleList(samples, code => { if (window.editor) { window.editor.setValue(code); } }); }32:[] 2e:{"title":"P5","cells":[{"id":0,"value":"md`# P5`","pinned":false,"hidden":false,"mode":"ojs"},{"id":163,"value":"md`## Workspace`","pinned":false,"hidden":false,"mode":"ojs"},{"id":166,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":168,"value":"md`## Configuration`","pinned":false,"hidden":false,"mode":"ojs"},{"id":169,"value":"md`### Constants`","pinned":false,"hidden":false,"mode":"ojs"},{"id":174,"value":"Global = {\n return {\n ToolBarHeight: 42,\n Height: 540,\n WorkspaceHeight: 510\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":194,"value":"md`### Executor`","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"function executor(code) {\n eval(`\n ${code}\n \n window.setup = setup;\n window.draw = draw;\n\n if (window.p_inst) {\n window.p_inst.remove();\n }\n `);\n\n window.p_inst = new P5(undefined, document.querySelector(\"#execution\"), true);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"md`### Setup Toolbar`","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":214,"value":"md`## Start`","pinned":false,"hidden":false,"mode":"ojs"},{"id":217,"value":"function initialize() {\n setTimeout(setupToolbar, 3000);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":220,"value":"initialize()","pinned":false,"hidden":false,"mode":"ojs"},{"id":157,"value":"md`## Bulma CSS`","pinned":false,"hidden":false,"mode":"ojs"},{"id":158,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":178,"value":"import {\n blocklyCreateVariableWidget,\n createCodeMirrorWidget,\n codeMirrorSetFocus\n} from '@fengyfei/blockly-widgets'","pinned":false,"hidden":false,"mode":"ojs"},{"id":152,"value":"BeautifyJS = require('https://cdn.rawgit.com/beautify-web/js-beautify/v1.13.6/js/lib/beautify.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":267,"value":"import { generatesSampleList } from '@fengyfei/p5-samples'","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"P5 = require('p5')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}