react-blockly-adapter

Provides react bindings, type improvements and more control to blockly

Usage

Default required styles are provided in ./lib/styles.css and the library leaves rest in your hands.

Installation

yarn

yarn add react-blockly-adapter

npm

npm install react-blockly-adapter

Configuration

tbd.

Toolbox

tbd.

Blockly

tbd.

useBlockly

tbd.

Examples

React

Example usage can be found in ./example/App.tsx and run locally with example package script

UMD / IIFE

Those examples don't provide any rendered content and serve more as "smoke tests", nevertheless assets for them can be generated with example:build and accessed via ./example/umd.html and ./example/iife.html

UMD

You can build UMD / IIFE package with package rollup:umd and rollup:iife scripts

Translations

tbd.

Useful links

Block factory: https://blockly-demo.appspot.com/static/demos/blockfactory/index.html