# react-blockly-adapter

Provides react bindings, type improvements and more control to [blockly](https://www.npmjs.com/package/blockly) 

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

### Installation
#### yarn
```shell
yarn add react-blockly-adapter
```

#### npm
```shell
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