25:["$","title",null,{"children":"Blockly Playground | roadlabs | Observable"}] 49:T4b0,{ const shim = html`

`; const caption = 'Observable Shim for Blockly'; const promptBox = html`

${caption}

Enter value for Blockly's window.prompt

(anytime before you are trying to create/rename a variable in Blockly):

`; const input = html``; promptBox.appendChild(input); shim.appendChild(promptBox); window.alert = (message) => { const alertBox = html`

${caption}

Alert from Blockly: ${message}

`; const okButton = html``; okButton.onclick = () => { shim.removeChild(alertBox); }; alertBox.appendChild(okButton); shim.appendChild(alertBox); }; window.prompt = (caption, defaultText) => { return input.value; }; return shim; }4a:T468,function createWorkSpace(options = {}) { const { height = 500, toolbox = getToolboxXML(), style = html``;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":442,"value":"{\n const xmlEditor = codeView({mode: 'xml', value: ''});\n const importButton = html``;\n importButton.onclick = () => {\n Blockly.Xml.domToWorkspace(Blockly.Xml.textToDom(xmlEditor.value), workspace);\n };\n return md`${importButton}${xmlEditor}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"md`---\n## Helpers\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"function getToolboxXML(options = {}) {\n const blocks = Blockly.Blocks;\n const {\n categories = [\n 'colour',\n 'lists',\n 'controls',\n 'logic',\n 'math',\n 'text',\n 'variables',\n 'procedures',\n ],\n customProps = {\n controls: {colour: blocks.loops.HUE},\n procedures: {custom: 'PROCEDURE'},\n variables: {custom: 'VARIABLE'}\n }\n } = options;\n \n const xml = DOM.element('xml:xml');\n const index = {};\n for(let n of categories) {\n const {HUE: colour} = blocks[n] || {};\n const name = n.slice(0, 1).toUpperCase() + n.slice(1);\n index[n] = xml.appendChild(DOM.element('xml:category', {\n name, colour, ...(customProps[n] || {})\n }));\n }\n \n for(let [type, {init}] of Object.entries(blocks)) {\n if(!init) continue;\n const [catName] = type.split('_', 2);\n if(!index[catName]) continue;\n index[catName].appendChild(DOM.element('xml:block', {type}));\n }\n \n return xml;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":199,"value":"md`\n---\n## Dependencies`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"async function loadBlockly(loadDelay = 500) {\n const Blockly = await require('blockly@1.0.0/blockly_compressed.js').catch(() => window.Blockly);\n await require(\n 'blockly@1.0.0/blocks_compressed.js',\n 'blockly@1.0.0/msg/js/en.js',\n 'blockly@1.0.0/javascript_compressed.js',\n ).catch((e) => {\n //debugger;\n });\n // Blockly loads additional resources. Depending on your connection you may have to increase the delay.\n await Promises.delay(loadDelay);\n return Blockly;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"Blockly = loadBlockly()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":417,"value":"import {button, checkbox} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":423,"value":"import {codeView} from '@benatkin/codemirror-iframe'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":662,"value":"import {copy} from '@mbostock/copy-to-clipboard'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 24:null