Getting Started with Blockly codelab instructions outdated

[skeatz]

Check for duplicates

• I have searched for similar issues before opening a new one.

Component

Getting Started with Blockly tutorial, steps 5 and 6 does not render correctly when following the tutorial.

I have tried copying the code for these steps from the 'complete code' here but it does not work either. Running index.html from 'complete code' works perfectly. It would be nice if the tutorial write-up can be fixed and updated.

Description

Others have previously raised issue with the Getting Started with Blockly tutorial up to step 5 (Create a blockly workspace). The workaround was to add additional code to index.html to render the workspace:

<script src="https://unpkg.com/blockly/blockly_compressed.js"></script>
<script src="https://unpkg.com/blockly/blocks_compressed.js"></script>
<script src="https://unpkg.com/blockly/javascript_compressed.js"></script>
<script src="https://unpkg.com/blockly/msg/en.js"></script>

There is another issue in step 6 - Create a custom block. The workspace is also not rendered correctly. The 'play_sound' block is not rendered at all and the 'controls_repeat' block is not editable; the grey area does not render.

I have tried copying the code for these steps from the 'complete code' here but it does not work either. Running index.html from 'complete code' works perfectly. It would be nice if the tutorial write-up can be fixed and updated.

Reproduction steps

1. Follow the steps 1-4 in the tutorial. Modify the blockly library code to add in additional blockly libraries.
2. Follow step 5 - the controls_repeat block now renders correctly.
3. Follow step 6 - the render fails again. The play_sound block is not rendered at all, the controls_repeat block is not editable & the grey area disappears.

Stack trace

No response

Screenshots

[shashtag]

Can I be assigned to this issue.

[BeksOmega]

Hiya @shashtag I think we're planning on doing a larger rewrite of the getting started colab, so this isn't open to be worked on at the moment.