https://github.com/mo4islona/node-blockly
Blockly for Node.js and Browser via CommonJS module
https://github.com/mo4islona/node-blockly
blockly browser commonjs nodejs
Last synced: 3 months ago
JSON representation
Blockly for Node.js and Browser via CommonJS module
- Host: GitHub
- URL: https://github.com/mo4islona/node-blockly
- Owner: mo4islona
- Created: 2015-06-18T11:43:07.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2022-12-08T19:23:14.000Z (over 2 years ago)
- Last Synced: 2025-03-30T00:10:06.615Z (3 months ago)
- Topics: blockly, browser, commonjs, nodejs
- Language: JavaScript
- Homepage:
- Size: 6.53 MB
- Stars: 136
- Watchers: 5
- Forks: 83
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Blockly for Node.js and Browser via CommonJS module
Supports `JavaScript`, `PHP`, `Dart`, `Lua` and `Python` generators.
[Live demo](http://mo4islona.github.io/blockly/) with async locales
## Install
```
yarn add node-blockly
```
## Usage
**Node.js**
All generators
```js
var Blockly = require('node-blockly');
```
Or you may use standalone generators to decrease memory usage
```js
var Blockly = require('node-blockly/lua');
```
**Browser**
All generators
```js
var Blockly = require('node-blockly/browser');
```
## Example
**Node.js**
```js
var Blockly = require('node-blockly');
var xmlText = `
blockly
Hello Node.js!
`;
try {
var xml = Blockly.Xml.textToDom(xmlText);
}
catch (e) {
console.log(e);
return
}
var workspace = new Blockly.Workspace();
Blockly.Xml.domToWorkspace(xml, workspace);
var code = Blockly.JavaScript.workspaceToCode(workspace);
console.log(code)
```
Compiled result
```js
var blockly;
blockly = 'Hello Node.js!';
```
**Browser**
[Live demo](http://mo4islona.github.io/blockly/) ([source](https://github.com/mo4islona/mo4islona.github.io/blob/master/blockly/index.js))
## Internationalization
```js
import Blockly from 'node-blockly/browser';
import De from 'node-blockly/lib/i18n/de';
Blockly.setLocale(De)
```
Dynamic imports also works but Blockly doesn't re-render workspace. You must [re-render it manually after locale loaded](https://github.com/mo4islona/mo4islona.github.io/blob/master/blockly/index.js#L6)