Migrating from ngx-blockly 10.0.16 to 12.0.5 about ngx-blockly HOT 5 CLOSED

Hi,

as lot has changed since then, unfortunately the docs are not up to date.

1. NgxToolboxBuilderService is obsolete.

Do it like this

        const workspace = new Blockly.WorkspaceSvg(new Blockly.Options({}));
        const toolbox: NgxBlocklyToolbox = new NgxBlocklyToolbox(workspace);
        toolbox.nodes = [
            LOGIC_CATEGORY,
            new Category('bla', '#ff0000', [...this.customBlocks, this.button, this.label]),
            LOOP_CATEGORY,
            MATH_CATEGORY,
            TEXT_CATEGORY,
            LISTS_CATEGORY,
            COLOUR_CATEGORY,
            new Separator(),
            VARIABLES_CATEGORY,
            FUNCTIONS_CATEGORY,
            LOGIC_CATEGORY,
            new Category('bla', '#ff0000', [...this.customBlocks, this.button, this.label]),
            LOOP_CATEGORY,
            MATH_CATEGORY,
            TEXT_CATEGORY,
            LISTS_CATEGORY,
            COLOUR_CATEGORY,
            new Separator(),
            VARIABLES_CATEGORY,
            FUNCTIONS_CATEGORY,
            LOGIC_CATEGORY,
            new Category('bla', '#ff0000', [...this.customBlocks, this.button, this.label]),
            LOOP_CATEGORY,
            MATH_CATEGORY,
            TEXT_CATEGORY,
            LISTS_CATEGORY,
            COLOUR_CATEGORY,
            new Separator(),
            VARIABLES_CATEGORY,
            FUNCTIONS_CATEGORY
        ];
        this.config.toolbox = toolbox.toXML();

2. The blockly config has been changed

 public config: NgxBlocklyConfig = {
        ...
        move: {
            scrollbars: true,
            wheel: true
        }

3. Category constructor has been changed

new Category('bla', '#ff0000', [CustomBlockA, CustomBlockB]);

from ngx-blockly.

Thank you very much. Your suggestions solved the problem. I have an additional problem with fields. This code generates compilation errors:

const field = this.block.getField("GAME_OBJECTS");
if (this.mode)
field.menuGenerator_=TypeUtils.getInstances(this.unitytype);
else field.menuGenerator_=[['self','self'],['event_source','event_source']].concat(TypeUtils.getInstances(this.unitytype));
field.setValue(field.getOptions()[0][1]);

because field has no menuGenerator_ property and no getOptions() method

Thanks again for your help
J.

from ngx-blockly.

In this case you probably need to cast the Object to FieldDropdown since getField does return Blockly.Field

from ngx-blockly.

Thanks for your quick answer. This is producing a side effect because if I import
Blockly from 'ngx-blockly'

to do the casting:
const field = this.block.getField("GAME_OBJECTS") as Blockly.FieldDropdown;

then another part of my code is broken:

return [this.block.getFieldValue('GAME_OBJECTS'),Blockly.Lua.ORDER_ATOMIC];
because now BLockly has no Lua property.

In my previous code Blockly was defined as
declare var Blockly: any;

I apologize if I did not explain my problem correctly.
Best
J.

from ngx-blockly.

I solved this by importing Blockly with an Alias
Thanks

from ngx-blockly.