adrianliaw/meteor-blockly

Google Blockly In Meteor

Google Blockly In Meteor

meteor add blockly:blockly

This is a set of Meteor packages which wraps Google Blockly.

Usage

blockly:blockly is the main and core package, it includes the blockly core. But only blockly "itself", without common blocks, code generators, etc.
You can use core blocks by adding blockly:blocks, which includes commonly used blocks such as repeat n do ..., if ... do ....
By adding blockly:javascript, you'll be able to use the JavaScript code generator, which can turn your workspace into actual JavaScript code. Same for Python, Dart and PHP.

Documentation

See Blockly Project Page

Developing

1. Clone the repo, make sure to use --recursive git clone --recursive https://github.com/adrianliaw/meteor-blockly
2. Link the package to your local testing meteor app ln -s {/path/to/this}/blockly {/path/to/testing/app}/packages/blockly:blockly

Roadmap

I hope this package can take advantage of Blaze, wrap the original API, create reusable Blaze templates.

meteor-blockly's Issues

Label and button not showing

Label and button are not showing. In case of button, workspace.registerButtonCallback throws error.

Procedural blocks breaking

Hey, thanks for the wrapper package! I'm just having an issue with the procedural/function blocks category in the toolbox breaking after it's clicked on, giving the error "Uncaught ReferenceError: goog is not defined at Blockly.BlockSvg.setProcedureParameters." Any ideas? Thanks again for the package!

uploading to atmosphere

Hi. Thanks for package. Upload it to atmosphere please :). Because it does not work...

Usage ?

Thanks for the package, but I can't manage to use it.
Could you detail a bit the usage, please ?
Thank you !

Blockly workspace templates

Inject Blockly workspace using Blaze templates, here's an example:

{{#B.workspace}}
  {{#B.toolbox}}
    {{#B.category "Math"}}
      {{> B.block "math_number"}}
      {{> B.block "math_trig"}}
    {{/B.category}}
  {{/B.toolbox}}
{{/B.workspace}}

And if you prefer jade:

+B.workspace
  +B.toolbox
    +B.category("Math")
      +B.block("math_number")
      +B.block("math_trig")