JSON blockly-html

[jozef-slezak]

Adapt blockly-html sample to work with json:

• [ ] Reuse [blockly-html] https://github.com/bwinf/blockly-html/) (demo http://blocklyhtml.zgtm.de/ in this repository
• [ ] button export blocks to json https://developers.google.com/blockly/guides/configure/web/toolbox#json_1
• [ ] button load block from json https://developers.google.com/blockly/guides/configure/web/toolbox#json_1
• [ ] remove XML related code from the demo

[imsamtar]

Hi @jozef-slezak

I think these will be steps to complete this task

• Start with https://github.com/bwinf/blockly-html/
• Understand which part (or file) does what
• Remove unused parts such as xml files
• Follow https://developers.google.com/blockly/guides/configure/web/toolbox to import blocks as json
• Follow https://developers.google.com/blockly/guides/configure/web/toolbox to export blocks as json
• Finalize this task

Here are few questions I have:

• Should I do this in svelte?

Thanks

[jozef-slezak]

It would be nice to:

1. create webcomponent/customelement https://javascript.plainenglish.io/can-you-build-web-components-with-svelte-3c8bc3c1cfd8 using svelte (we will be able to reuse the component in different frameworks)

2. and have storybook for that webcomponent https://storybook.js.org/docs/web-components/get-started/introduction

3. storybook can have let's say two stories (each story with different example input) https://storybook.js.org/docs/react/get-started/browse-stories

On Sun, Apr 11, 2021 at 10:59 AM SAMEER TARIQ @.***> wrote:

Hi @jozef-slezak https://github.com/jozef-slezak I think these will be steps to complete this task

• Start with https://github.com/bwinf/blockly-html/
• Understand which part (or file) does what
• Remove unused parts such as xml files
• Follow https://developers.google.com/blockly/guides/configure/web/toolbox to import blocks as json
• Follow https://developers.google.com/blockly/guides/configure/web/toolbox to export blocks as json
• Finalize this task

Here are few questions I have:

• Should I do this in svelte?

Thanks

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/iteria-poc/blockly-html/issues/1#issuecomment-817273973, or unsubscribe https://github.com/notifications/unsubscribe-auth/AEAQKRYTEHQ67TAH323YDD3TIFQINANCNFSM42WHUSTQ .

[imsamtar]

We can arrange some time today and do google meet screen share if you want. Until then I work on other issue.