index.js

/**
 * @license
 * 
 * Copyright 2019 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/**
 * @fileoverview Example of including Blockly using RequireJS (AMD)
 * @author samelh@google.com (Sam El-Husseini)
 */

require.config({
    paths: {
        'Blockly': './node_modules/blockly/'
    },
    // Map Blockly/core to Blockly/core-browser so we don't include
    // the Node version and instead use the browser version of core
    map: {
        'Blockly': {
            'Blockly/core': 'Blockly/core-browser'
        }
    }
});

require(['Blockly/browser'], function (Blockly) {

    const toolbox = {
        kind: 'flyoutToolbox',
        contents: [
            {
                kind: 'block',
                type: 'controls_ifelse',
            },
            {
                kind: 'block',
                type: 'logic_compare',
            },
            {
                kind: 'block',
                type: 'logic_operation',
            },
            {
                kind: 'block',
                type: 'controls_repeat_ext',
                inputs: {
                    TIMES: {
                        shadow: {
                            type: 'math_number',
                            fields: {
                                NUM: 10,
                            },
                        },
                    },
                },
            },
            {
                kind: 'block',
                type: 'logic_operation',
            },
            {
                kind: 'block',
                type: 'logic_negate',
            },
            {
                kind: 'block',
                type: 'logic_boolean',
            },
            {
                kind: 'block',
                type: 'logic_null',
                disabled: 'true',
            },
            {
                kind: 'block',
                type: 'logic_ternary',
            },
            {
                kind: 'block',
                type: 'text_charAt',
                inputs: {
                    VALUE: {
                        block: {
                            type: 'variables_get',
                            fields: {
                                VAR: {
                                    name: 'text',
                                }
                            },
                        },
                    },
                },
            }
        ]
    }

    var workspace = Blockly.inject('blocklyDiv', {
        toolbox: toolbox
    });
});