render all block ids/types
This commit is contained in:
parent
6d847024c4
commit
538ddacd39
2 changed files with 5 additions and 1 deletions
|
|
@ -19,6 +19,7 @@
|
||||||
<span>Blocks: <span id="total-blocks">0</span></span>
|
<span>Blocks: <span id="total-blocks">0</span></span>
|
||||||
<span title="Regular:Flyout:Mutator">Workspaces: <span id="total-workspaces">0:0:0</span></span>
|
<span title="Regular:Flyout:Mutator">Workspaces: <span id="total-workspaces">0:0:0</span></span>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="all-blocks"></div>
|
||||||
<pre id="bytecode-json-container"><code id="bytecode-json"></code></pre>
|
<pre id="bytecode-json-container"><code id="bytecode-json"></code></pre>
|
||||||
<pre id="blockly-json-container"><code id="blockly-json"></code></pre>
|
<pre id="blockly-json-container"><code id="blockly-json"></code></pre>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -18,13 +18,16 @@ import './index.css'
|
||||||
const
|
const
|
||||||
topBlocksDiv = document.getElementById('top-blocks'),
|
topBlocksDiv = document.getElementById('top-blocks'),
|
||||||
totalBlocksDiv = document.getElementById('total-blocks'),
|
totalBlocksDiv = document.getElementById('total-blocks'),
|
||||||
|
allBlocksDiv = document.getElementById('all-blocks'),
|
||||||
totalWorkspacesDiv = document.getElementById('total-workspaces'),
|
totalWorkspacesDiv = document.getElementById('total-workspaces'),
|
||||||
blocklyJsonOutputDiv = document.getElementById('blockly-json'),
|
blocklyJsonOutputDiv = document.getElementById('blockly-json'),
|
||||||
bytecodeJsonOutputDiv = document.getElementById('bytecode-json'),
|
bytecodeJsonOutputDiv = document.getElementById('bytecode-json'),
|
||||||
|
|
||||||
onJsonUpdated = bytecodeJson => {
|
onJsonUpdated = bytecodeJson => {
|
||||||
|
const allBlocks = workspace.getAllBlocks()
|
||||||
topBlocksDiv.innerText = workspace.getTopBlocks().length
|
topBlocksDiv.innerText = workspace.getTopBlocks().length
|
||||||
totalBlocksDiv.innerText = workspace.getAllBlocks().length
|
totalBlocksDiv.innerText = allBlocks.length
|
||||||
|
allBlocksDiv.innerHTML = allBlocks.map(block => `- ${block.type} (${block.id.slice(0,3)})`).join("<br/>")
|
||||||
|
|
||||||
blocklyJsonOutputDiv.innerText = ``
|
blocklyJsonOutputDiv.innerText = ``
|
||||||
bytecodeJsonOutputDiv.innerText = `Bytecode is valid JSON ✅\n\n${bytecodeJson}`
|
bytecodeJsonOutputDiv.innerText = `Bytecode is valid JSON ✅\n\n${bytecodeJson}`
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue