\WIP Reusable code editor based on Blockly that powers Kano Code
- What is it called?
- What is it made out of?
- What variants are needed?
- Polymer wrapper for a blockly instance. Uses a customized blockly and adds some features like the onibox
- How does it scale?
- What style variables are in use?
- Not targeted to small screens
- General colors (background, text colors)
InstallationClone this repository. Run
UsageBlockly is installed under
blockly_built, You will have to import the blockly library yourself as you can choose the compressed or uncompressed version and you can also choose the generators and language you want to use.
blockly_built, as it will deduplicate the import of these scripts:
Then use this file to import
<kwc-blockly>Wherever you want to use it
Install the Polymer-CLIFirst, make sure you have the Polymer CLI installed. Then run
polymer serveto serve your element locally.
Viewing Your Element
$ polymer serve
$ polymer test --skip-plugin junit-reporter
Your application is already set up to be tested via web-component-tester. Run
polymer testto run your application's test suite locally.
closure-libraryfrom Google are submodules of this repository. This way, we keep a reference to the sources, and apply our changes on top of it.
To rebuild with patches applied, just run the
build_blockly.shscript. It will copy the blockly sources, apply the patches from
blockly_patches, rebuild blockly and export this into the
To update to a newer version of blockly, run
git submodule update --remoteto grab the latest changes from blockly and then rebuild with
build_blockly.sh. This can and will most likely BREAK things as the patches rely on blockly's internal API to enhance it. Getting a newer version can lead to some work to adapt the changes.