mini_cocopi/src/editor.js

/**
 * An object that manages the various editors, where users can edit their program. Also manages the
 * movement between editors.
 * There are currently four editors:
 *  - Blocks: A Blockly instance
 *  - Text: A CodeMirror instance
 *  - Instructor: Features for changing the assignment and environment settings
 *
 * @constructor
 * @this {BlockPyEditor}
 * @param {Object} main - The main BlockPy instance
 * @param {HTMLElement} tag - The HTML object this is attached to.
 */
function BlockPyEditor(main, tag) {
    this.main = main;
    this.tag = tag;

    // This tool is what actually converts text to blocks!
    this.converter = new PythonToBlocks();

    // HTML DOM accessors
    this.blockTag = tag.find('.blockpy-blocks');
    this.blocklyDiv = this.blockTag.find('.blockly-div');
    this.textTag = tag.find('.blockpy-text');
    this.instructorTag = tag.find('.blockpy-instructor');
    this.textSidebarTag = this.textTag.find(".blockpy-text-sidebar");

    // Blockly and CodeMirror instances
    this.blockly = null;
    this.codeMirror = null;
    // The updateStack keeps track of whether an update is percolating, to prevent duplicate update events.
    this.silenceBlock = false;
    this.silenceBlockTimer = null;
    this.silenceText = false;
    this.silenceModel = 0;
    this.blocksFailed = false;
    this.blocksFailedTimeout = null;

    // Hack to prevent chrome errors. Forces audio to load on demand.
    // See: https://github.com/google/blockly/issues/299
    Blockly.WorkspaceSvg.prototype.preloadAudio_ = function () { };

    // Keep track of the toolbox width
    this.blocklyToolboxWidth = 0;

    // Initialize subcomponents
    this.initText();
    this.initBlockly();
    this.initInstructor();

    this.triggerOnChange = null;
    var editor = this;
    var firstEdit = true;
    this.main.model.program.subscribe(function () {
        editor.updateBlocksFromModel();
        editor.updateTextFromModel();

        if (editor.main.model.settings.filename() == "__main__" &&
            !firstEdit) {
            // if (editor.triggerOnChange) {
            //     clearTimeout(editor.triggerOnChange);
            // }
            // var engine = editor.main.components.engine;
            // editor.triggerOnChange = setTimeout(engine.on_change.bind(engine), 1000);
        }
        firstEdit = false;
    });

    // Handle mode switching
    var settings = this.main.model.settings;
    settings.editor.subscribe(function () { editor.setMode() });
    var updateReadOnly = function () {
        var newValue = !!(settings.read_only() && !settings.instructor());
        //editor.codeMirror.setOption('readOnly', newValue);
        tag.toggleClass("blockpy-read-only", newValue);
    };
    settings.read_only.subscribe(updateReadOnly);
    settings.instructor.subscribe(updateReadOnly);

    // Handle filename switching
    this.main.model.settings.filename.subscribe(function (name) {
        if (name == 'give_feedback') {
            editor.setMode('Text');
        }
    });

    // Handle Upload mode turned on
    this.main.model.assignment.upload.subscribe(function (uploadsMode) {
        if (uploadsMode) {
            editor.setMode('Text');
        }
    });

    // Have to force a manual block update
    //this.updateText();
    this.updateBlocksFromModel();
    this.updateTextFromModel();
}

/**
 * Initializes the Blockly instance (handles all the blocks). This includes
 * attaching a number of ChangeListeners that can keep the internal code
 * representation updated and enforce type checking.
 */
BlockPyEditor.prototype.initBlockly = function () {
    this.blockly = Blockly.inject(this.blocklyDiv[0], {
        path: this.main.model.constants.blocklyPath,
        scrollbars: this.main.model.constants.blocklyScrollbars,
        readOnly: this.main.model.settings.read_only(), //"nocursor", // 
        oneBasedIndex: false,
        comments: false,
        toolbox: this.updateToolbox(false),
        collapse: true,
        css: true,
        disable: true,
        grid: false,
        maxBlocks: Infinity,
        //media: blocklyPath + '/media/',
        rtl: false,
        sounds: true,
        trashcan: true,
        zoom: {
            controls: true,
            wheel: false,
            startScale: 1.0,
            maxScale: 2,
            minScale: 0.2,
            scaleSpeed: 1.2
        }
    });
    // Register model changer
    var editor = this;
    this.blockly.addChangeListener(function (evt) {
        //editor.main.components.feedback.clearEditorErrors();
        editor.blockly.highlightBlock(null);
        editor.updateBlocks();
    });

    this.main.model.settings.filename.subscribe(function () {
        /*if (editor.main.model.settings.editor() == "Blocks") {
            editor.updateBlocksFromModel()
        }*/
    });
    this.main.model.assignment.modules.subscribe(function () { editor.updateToolbox(true) });
    // Force the proper window size
    this.blockly.resize();
    // Keep the toolbox width set
    this.blocklyToolboxWidth = this.getToolbarWidth();

    Blockly.captureDialog_ = this.copyImage.bind(this);

    // Enable static type checking!
    /*
    this.blockly.addChangeListener(function() {
        if (!editor.main.model.settings.disable_variable_types()) {
            var variables = editor.main.components.engine.analyzeVariables()
            editor.blockly.getAllBlocks().filter(function(r) {return r.type == 'variables_get'}).forEach(function(block) {
                var name = block.inputList[0].fieldRow[0].value_;
                if (name in variables) {
                    var type = variables[name];

                    if (type.type == "Num") {
                        block.setOutput(true, "Number");
                    } else if (type.type == "List") {
                        block.setOutput(true, "Array");
                    } else if (type.type == "Str") {
                        block.setOutput(true, "String");
                    } else {
                        block.setOutput(true, null);
                    }
                }
            })
        }
    });
    */


};

/**
 * Retrieves the current width of the Blockly Toolbox, unless
 * we're in read-only mode (when there is no toolbox).
 * @returns {Number} The current width of the toolbox.
 */
BlockPyEditor.prototype.getToolbarWidth = function () {
    if (this.main.model.settings.read_only()) {
        return 0;
    }
    else if (this.blockly.toolbox_) {
        return this.blockly.toolbox_.width;
    }
    else {
        return 0;
    }
}

/**
 * Initializes the CodeMirror instance. This handles text editing (with syntax highlighting)
 * and also attaches a listener for change events to update the internal code represntation.
 */
BlockPyEditor.prototype.initText = function () {
    var codeMirrorDiv = this.textTag.find('.codemirror-div')[0];
    this.codeMirror = CodeMirror.fromTextArea(codeMirrorDiv, {
        mode: {
            name: "python",
            version: 3,
            singleLineStringErrors: false
        },
        readOnly: this.main.model.settings.read_only(),//"nocursor", //
        showCursorWhenSelecting: true,
        lineNumbers: true,
        firstLineNumber: 1,
        indentUnit: 4,
        //tabSize: 4,
        indentWithTabs: false,
        matchBrackets: true,
        extraKeys: {
            "Tab": "indentMore",
            "Shift-Tab": "indentLess"
        },
    });
    // Register model changer
    var editor = this;
    this.codeMirror.on("change", function () {
        //editor.main.components.feedback.clearEditorErrors();
        editor.updateText()
        editor.unhighlightLines();
    });

    // Ensure that it fills the editor area
    this.codeMirror.setSize(null, "100%");
};

BlockPyEditor.prototype.reloadIntroduction = function () {
    var introductionEditor = this.tag.find('.blockpy-presentation-body-editor');
    var model = this.main.model;
    introductionEditor.code(model.assignment.introduction());
}

/**
 * Initializes the Instructor tab, which has a number of buttons and menus for
 * manipulating assignments and the environment. One important job is to register the
 * SummerNote instance used for editing the Introduction of the assignment.
 */
BlockPyEditor.prototype.initInstructor = function () {
    var introductionEditor = this.tag.find('.blockpy-presentation-body-editor');
    var model = this.main.model;
    introductionEditor.summernote({
        codemirror: { // codemirror options
            theme: 'monokai'
        },
        onChange: model.assignment.introduction,
        toolbar: [
            ['style', ['bold', 'italic', 'underline', 'clear']],
            ['font', ['fontname', 'fontsize']],
            ['insert', ['link', 'table', 'ul', 'ol', 'image']],
            ['misc', ['codeview', 'help']]
        ]
    });
    this.reloadIntroduction();

    this.availableModules = this.tag.find('.blockpy-available-modules');
    this.availableModules.multiSelect({ selectableOptgroup: true });
}

/**
 * Makes the module available in the availableModules multi-select menu by adding
 * it to the list.
 *
 * @param {String} name - The name of the module (human-friendly version, as opposed to the slug) to be added.
 */
BlockPyEditor.prototype.addAvailableModule = function (name) {
    this.availableModules.multiSelect('addOption', {
        'value': name,
        'text': name
    });
    this.availableModules.multiSelect('select', name);
};

/**
 * Hides the Text tab, which involves shrinking it and hiding its CodeMirror too.
 */
BlockPyEditor.prototype.hideSplitMenu = function () {
    this.hideTextMenu();
    this.hideBlockMenu();
}

/**
 * Shows the Text tab, which requires restoring its height, showing AND refreshing
 * the CodeMirror instance.
 */
BlockPyEditor.prototype.showSplitMenu = function () {
    this.showBlockMenu();
    this.showTextMenu();

    this.textTag.css('width', '100%');
    this.blockTag.css('width', '100%');
    this.textSidebarTag.css('width', '0px');
    // this.textTag.addClass('col-md-12');
    // this.blockTag.addClass('col-md-12');
    Blockly.svgResize(this.blockly);
}

/**
 * Hides the Text tab, which involves shrinking it and hiding its CodeMirror too.
 */
BlockPyEditor.prototype.hideTextMenu = function () {
    this.textTag.css('height', '0%');
    $(this.codeMirror.getWrapperElement()).hide();
    this.textSidebarTag.hide();
    this.textTag.hide();
}

/**
 * Shows the Text tab, which requires restoring its height, showing AND refreshing
 * the CodeMirror instance.
 */
BlockPyEditor.prototype.showTextMenu = function () {
    this.textTag.show();
    // Adjust height
    this.textTag.css('height', '100%');
    this.textTag.css('width', '100%');
    // Show CodeMirror
    $(this.codeMirror.getWrapperElement()).show();
    // CodeMirror doesn't know its changed size
    this.codeMirror.refresh();

    // Resize sidebar
    var codemirrorGutterWidth = $('.CodeMirror-gutters').width();
    var sideBarWidth = this.blocklyToolboxWidth - codemirrorGutterWidth - 2;
    this.textSidebarTag.css('width', sideBarWidth + 'px');
    this.textSidebarTag.show();
    // this.textTag.removeClass('col-md-6');
}

/**
 * Hides the Block tab, which involves shrinking it and hiding the Blockly instance.
 */
BlockPyEditor.prototype.hideBlockMenu = function () {

    this.blocklyToolboxWidth = this.getToolbarWidth();
    this.blockTag.css('height', '0%');
    this.blocklyDiv.css("width", "0");
    this.blockly.setVisible(false);
}

/**
 * Shows the Block tab, which involves restoring its height and showing the Blockly instance.
 */
BlockPyEditor.prototype.showBlockMenu = function () {
    this.blockTag.css('height', '100%');
    this.blockTag.css('width', '100%');
    this.blocklyDiv.css("width", "100%");
    this.blockly.resize();
    this.blockly.setVisible(true);
    this.blockTag.removeClass('col-md-6');
    Blockly.svgResize(this.blockly);
}

/**
 * Hides the Instructor tab, which shrinking it.
 */
BlockPyEditor.prototype.hideInstructorMenu = function () {
    this.instructorTag.hide();
    this.instructorTag.css('height', '0%');
}

/**
 * Shows the Instructor tab, which involves restoring its height.
 */
BlockPyEditor.prototype.showInstructorMenu = function () {
    this.instructorTag.css('height', '100%');
    this.instructorTag.show();
}

/**
 * Sets the current editor mode to Text, hiding the other menus.
 * Also forces the text side to update.
 */
BlockPyEditor.prototype.setModeToText = function () {
    this.hideBlockMenu();
    this.hideInstructorMenu();
    this.showTextMenu();
    // Update the text model from the blocks
}

/**
 * Sets the current editor mode to Blocks, hiding the other menus.
 * Also forces the block side to update.
 * There is a chance this could fail, if the text side is irredeemably
 * awful. So then the editor bounces back to the text side.
 */
BlockPyEditor.prototype.setModeToBlocks = function () {
    this.hideTextMenu();
    this.hideInstructorMenu();
    this.showBlockMenu();
    if (this.blocksFailed !== false) {
        this.showConversionError();
        var main = this.main;
        main.model.settings.editor("Text");
        setTimeout(function () {
            main.components.toolbar.tags.mode_set_text.click();
        }, 0);
    }
    // Update the blocks model from the text
    /*
    success = this.updateBlocksFromModel();
    if (!success) {
        var main = this.main;
        main.components.editor.updateTextFromModel();
        main.model.settings.editor("Text");
        setTimeout(function() {
            main.components.toolbar.tags.mode_set_text.click();
        }, 0);
    }*/
}

/**
 * Sets the current editor mode to Split mode, hiding the other menus.
 */
BlockPyEditor.prototype.setModeToSplit = function () {
    this.hideTextMenu();
    this.hideInstructorMenu();
    this.hideBlockMenu();
    this.showSplitMenu();
    if (this.blocksFailed !== false) {
        this.showConversionError();
    }
}

/**
 * Sets the current editor mode to the Instructor mode, hiding the other menus.
 */
BlockPyEditor.prototype.setModeToInstructor = function () {
    this.hideTextMenu();
    this.hideBlockMenu();
    this.showInstructorMenu();
    //TODO: finish upload mode
    //this.main.reportError("editor", "Instructor mode has not been implemented");
}

BlockPyEditor.prototype.changeMode = function () {
    if (main.model.settings.editor() == "Blocks") {
        main.model.settings.editor("Text");
    } else {
        main.model.settings.editor("Blocks");
    }
}

/**
 * Dispatch method to set the mode to the given argument.
 * If the mode is invalid, an editor error is reported. If the
 *
 * @param {String} mode - The new mode to set to ("Blocks", "Text", or "Instructor")
 */
BlockPyEditor.prototype.setMode = function (mode) {
    // Either update the model, or go with the model's
    if (mode === undefined) {
        mode = this.main.model.settings.editor();
    } else {
        this.main.model.settings.editor(mode);
    }
    // Dispatch according to new mode
    if (mode == 'Blocks') {
        this.setModeToBlocks();
    } else if (mode == 'Text') {
        this.setModeToText();
    } else if (mode == 'Split') {
        this.setModeToSplit();
    } else if (mode == 'Instructor') {
        this.setModeToInstructor();
    } else if (mode == 'Upload') {
        this.setModeToText();
    }
    // else {
    //     this.main.components.feedback.internalError("" + mode, "Invalid Mode", "The editor attempted to change to an invalid mode.")
    // }
}

/**
 * Actually changes the value of the CodeMirror instance
 *
 * @param {String} code - The new code for the CodeMirror
 */
BlockPyEditor.prototype.setText = function (code) {
    if (code == undefined || code.trim() == "") {
        this.codeMirror.setValue("\n");
    } else {
        this.codeMirror.setValue(code);
    }
    // Ensure that we maintain proper highlighting
    this.refreshHighlight();
}

BlockPyEditor.prototype.showConversionError = function () {
    var error = this.blocksFailed;
    //this.main.components.feedback.convertSkulptSyntax(error);
}

BlockPyEditor.prototype.setBlocks = function (python_code) {
    if (!(!this.main.model.assignment.upload() &&
        (this.main.model.settings.filename() == "__main__" ||
            this.main.model.settings.filename() == "starting_code"))) {
        return false;
    }
    var xml_code = "";
    if (python_code !== '' && python_code !== undefined && python_code.trim().charAt(0) !== '<') {
        var result = this.converter.convertSource(python_code);
        xml_code = result.xml;
        window.clearTimeout(this.blocksFailedTimeout);
        if (result.error !== null) {
            this.blocksFailed = result.error;
            var editor = this;
            this.blocksFailedTimeout = window.setTimeout(function () {
                if (editor.main.model.settings.editor() != 'Text') {
                    editor.showConversionError();
                }
            }, 500)
        } else {
            this.blocksFailed = false;
            //this.main.components.feedback.clearEditorErrors();
        }
    }
    var error_code = this.converter.convertSourceToCodeBlock(python_code);
    var errorXml = Blockly.Xml.textToDom(error_code);
    if (python_code == '' || python_code == undefined || python_code.trim() == '') {
        this.blockly.clear();
    } else if (xml_code !== '' && xml_code !== undefined) {
        var blocklyXml = Blockly.Xml.textToDom(xml_code);
        try {
            this.setBlocksFromXml(blocklyXml);
            pythonnewcode = python_code;
        } catch (e) {
            console.error(e);
            this.setBlocksFromXml(errorXml);
        }
    } else {
        this.setBlocksFromXml(errorXml);
    }
    Blockly.Events.disable();
    /*
    // Parsons shuffling
    if (this.main.model.assignment.parsons()) {
        this.blockly.shuffle();
    } else {
        this.blockly.align();
    }
    */
    Blockly.Events.enable();
    if (this.previousLine !== null) {
        this.refreshBlockHighlight(this.previousLine);
    }
}

BlockPyEditor.prototype.clearDeadBlocks = function () {
    var all_blocks = this.blockly.getAllBlocks();
    all_blocks.forEach(function (elem) {
        if (!Blockly.Python[elem.type]) {
            elem.dispose(true);
        }
    });
}

/**
 * Attempts to update the model for the current code file from the
 * block workspace. Might be prevented if an update event was already
 * percolating.
 */
BlockPyEditor.prototype.updateBlocks = function () {
    if (!this.silenceBlock) {
        try {
            var newCode = Blockly.Python.workspaceToCode(this.blockly);
            pythonnewcode = newCode;
        } catch (e) {
            this.clearDeadBlocks();
            //this.main.components.feedback.editorError("Unknown Block", "It looks like you attempted to paste or load some blocks that were not known. Typically, this is because you failed to load in the dataset before trying to paste in a data block. If there are any black blocks on the canvas, delete them before continuing.", "Unknown Block");
        }
        // Update Model
        this.silenceModel = 2;
        var changed = this.main.setCode(newCode);
        if (!changed) {
            this.silenceModel = 0;
        } else {
            // Update Text
            this.silenceText = true;
            this.setText(newCode);
        }
    }
}

/**
 * Attempts to update the model for the current code file from the
 * text editor. Might be prevented if an update event was already
 * percolating. Also unhighlights any lines.
 */
var timerGuard = null;
BlockPyEditor.prototype.updateText = function (code) {
    if (!this.silenceText) {
        var newCode = code || this.codeMirror.getValue();
        // Update Model
        this.silenceModel = 2;
        this.main.setCode(newCode);
        // Update Blocks
        this.silenceBlock = true;
        this.setBlocks(newCode);
        this.unhighlightLines();
        this.resetBlockSilence();
    }
    this.silenceText = false;
}

/**
 * Resets the silenceBlock after a short delay
 */
BlockPyEditor.prototype.resetBlockSilence = function () {
    var editor = this;
    if (editor.silenceBlockTimer != null) {
        clearTimeout(editor.silenceBlockTimer);
    }
    this.silenceBlockTimer = window.setTimeout(function () {
        editor.silenceBlock = false;
        editor.silenceBlockTimer = null;
    }, 40);
};

/**
 * Updates the text editor from the current code file in the
 * model. Might be prevented if an update event was already
 * percolating.
 */
BlockPyEditor.prototype.updateTextFromModel = function () {
    if (this.silenceModel == 0) {
        var code = this.main.model.program();
        this.silenceText = true;
        this.setText(code);
    } else {
        this.silenceModel -= 1;
    }
}

/**
 * Updates the block editor from the current code file in the
 * model. Might be prevented if an update event was already
 * percolating. This can also report an error if one occurs.
 *
 * @returns {Boolean} Returns true upon success.
 */
BlockPyEditor.prototype.updateBlocksFromModel = function () {
    if (this.silenceModel == 0) {
        var code = this.main.model.program().trim();
        this.silenceBlock = true;
        this.setBlocks(code);
        this.resetBlockSilence();
    } else {
        this.silenceModel -= 1;
    }
}

/**
 * Helper function for retrieving the current Blockly workspace as
 * an XML DOM object.
 *
 * @returns {XMLDom} The blocks in the current workspace.
 */
BlockPyEditor.prototype.getBlocksFromXml = function () {
    return Blockly.Xml.workspaceToDom(this.blockly);
}

/**
 * Helper function for setting the current Blockly workspace to
 * whatever XML DOM is given. This clears out any existing blocks.
 */
BlockPyEditor.prototype.setBlocksFromXml = function (xml) {
    //this.blockly.clear();
    Blockly.Xml.domToWorkspaceDestructive(xml, this.blockly);
    //console.log(this.blockly.getAllBlocks());
}
BlockPyEditor.prototype.clearBlocksFromXml = function () {
    this.blockly.clear();
}
/**
 * @property {Number} previousLine - Keeps track of the previously highlighted line.
 */
BlockPyEditor.prototype.previousLine = null;

/**
 * Assuming that a line has been highlighted previously, this will set the
 * line to be highlighted again. Used when we need to restore a highlight.
 */
BlockPyEditor.prototype.refreshHighlight = function () {
    if (this.previousLine !== null) {
        if (this.previousLine < this.codeMirror.lineCount()) {
            this.codeMirror.addLineClass(this.previousLine, 'text', 'editor-error-line');
        }
    }
    // TODO: Shouldn't this refresh the highlight in the block side too?
}

/**
 * Highlights a line of code in the CodeMirror instance. This applies the "active" style
 * which is meant to bring attention to a line, but not suggest it is wrong.
 *
 * @param {Number} line - The line of code to highlight. I think this is zero indexed?
 */
BlockPyEditor.prototype.highlightLine = function (line) {
    if (this.previousLine !== null) {
        if (this.previousLine < this.codeMirror.lineCount()) {
            this.codeMirror.removeLineClass(this.previousLine, 'text', 'editor-active-line');
            this.codeMirror.removeLineClass(this.previousLine, 'text', 'editor-error-line');
        }
    }
    if (line < this.codeMirror.lineCount()) {
        this.codeMirror.addLineClass(line, 'text', 'editor-active-line');
    }
    this.previousLine = line;
}

/**
 * Highlights a line of code in the CodeMirror instance. This applies the "error" style
 * which is meant to suggest that a line is wrong.
 *
 * @param {Number} line - The line of code to highlight. I think this is zero indexed?
 */
BlockPyEditor.prototype.highlightError = function (line) {
    if (this.previousLine !== null) {
        if (this.previousLine < this.codeMirror.lineCount()) {
            this.codeMirror.removeLineClass(this.previousLine, 'text', 'editor-active-line');
            this.codeMirror.removeLineClass(this.previousLine, 'text', 'editor-error-line');
        }
    }
    if (line < this.codeMirror.lineCount()) {
        this.codeMirror.addLineClass(line, 'text', 'editor-error-line');
    }
    this.refreshBlockHighlight(line);
    this.previousLine = line;
}

/**
 * Highlights a block in Blockly. Unfortunately, this is the same as selecting it.
 *
 * @param {Number} block - The ID of the block object to highlight.
 */
BlockPyEditor.prototype.highlightBlock = function (block) {
    //this.blockly.highlightBlock(block);
}

/**
 * Used to restore a block's highlight when travelling from the code tab. This
 * uses a mapping between the blocks and text that is generated from the parser.
 * The parser has stored the relevant line numbers for each block in the XML of the
 * block. Very sophisticated, and sadly fairly fragile.
 * TODO: I believe there's some kind of off-by-one error here...
 *
 * @param {Number} line - The line of code to highlight. I think this is zero indexed?
 */
BlockPyEditor.prototype.refreshBlockHighlight = function (line) {
    if (this.blocksFailed) {
        this.blocksFailed = false;
        return;
    }
    if (this.main.model.settings.editor() != "Blocks" &&
        this.main.model.settings.editor() != "Split") {
        return;
    }
    var all_blocks = this.blockly.getAllBlocks();
    //console.log(all_blocks.map(function(e) { return e.lineNumber }));
    var blockMap = {};
    all_blocks.forEach(function (elem) {
        var lineNumber = parseInt(elem.lineNumber, 10);
        if (lineNumber in blockMap) {
            blockMap[lineNumber].push(elem);
        } else {
            blockMap[lineNumber] = [elem];
        }
    });
    if (1 + line in blockMap) {
        var hblocks = blockMap[1 + line];
        var blockly = this.blockly;
        hblocks.forEach(function (elem) {
            //elem.addSelect();
            blockly.highlightBlock(elem.id, true);
        });
        /*if (hblocks.length > 0) {
            this.blockly.highlightBlock(hblocks[0].id, true);
        }*/
    }
}

/**
 * Removes the outline around a block. Currently unused.
 */
BlockPyEditor.prototype.unhighlightBlock = function () {
    // TODO:
}

/**
 * Removes any highlight in the text code editor.
 *
 */
BlockPyEditor.prototype.unhighlightLines = function () {
    if (this.previousLine !== null) {
        if (this.previousLine < this.codeMirror.lineCount()) {
            this.codeMirror.removeLineClass(this.previousLine, 'text', 'editor-active-line');
            this.codeMirror.removeLineClass(this.previousLine, 'text', 'editor-error-line');
        }
    }
    this.previousLine = null;
}

/**
 * Removes any highlight in the text code editor.
 *
 */
BlockPyEditor.prototype.unhighlightAllLines = function () {
    var editor = this.codeMirror;
    var count = editor.lineCount(),
        i;
    for (i = 0; i < count; i++) {
        editor.removeLineClass(i, 'text', 'editor-error-line');
    }
}

/**
 * DEPRECATED, thankfully
 * Builds up an array indicating the relevant block ID for a given step.
 * Operates on the current this.blockly instance
 * It works by injecting __HIGHLIGHT__(id); at the start of every line of code
 *  and then extracting that with regular expressions. This makes it vulnerable
 *  if someone decides to use __HIGHLIGHT__ in their code. I'm betting on that
 *  never being a problem, though. Still, this was a miserable way of accomplishing
 *  the desired behavior.
 */
BlockPyEditor.prototype.getHighlightMap = function () {
    // Protect the current STATEMENT_PREFIX
    var backup = Blockly.Python.STATEMENT_PREFIX;
    Blockly.Python.STATEMENT_PREFIX = '__HIGHLIGHT__(%1);';
    Blockly.Python.addReservedWords('__HIGHLIGHT__');
    // Get the source code, injected with __HIGHLIGHT__(id)
    var highlightedCode = Blockly.Python.workspaceToCode(this.blockly);
    Blockly.Python.STATEMENT_PREFIX = backup;
    // Build up the array by processing the highlighted code line-by-line
    var highlightMap = [];
    var lines = highlightedCode.split("\n");
    for (var i = 0; i < lines.length; i++) {
        // Get the block ID from the line
        var id = lines[i].match(/\W*__HIGHLIGHT__\(\'(.+?)\'\)/);
        if (id !== null) {
            // Convert it into a base-10 number, because JavaScript.
            highlightMap[i] = parseInt(id[1], 10);
        }
    }
    return highlightMap;
}

/**
 * Updates the current file being edited in the editors.
 * This appears to be deprecated.
 *
 * @param {String} name - The name of the file being edited (e.g, "__main__", "starting_code")
 */
/*
BlockPyEditor.prototype.changeProgram = function(name) {
    console.log("TEST")
    this.silentChange_ = true;
    if (name == 'give_feedback') {
        this.setMode('Text');
    }
    this.model.settings.filename = name;
    this.editor.setPython(this.model.programs[name]);
    this.toolbar.elements.programs.find("[data-name="+name+"]").click();
}*/

/**
 * Eventually will be used to update "levels" of sophistication of the code interface.
 * Currently unimplemented and unused.
 */
BlockPyEditor.prototype.setLevel = function () {
    var level = this.main.model.settings.level();
}

/**
 * Maps short category names in the toolbox to the full XML used to
 * represent that category as usual. This is kind of a clunky mechanism
 * for managing the different categories, and doesn't allow us to specify
 * individual blocks.
 */
BlockPyEditor.CATEGORY_MAP = {
    'Decisions': '<category id="catLogic" name="Logic" colour="#4c97ff">' +
        '<block type="controls_if"></block>' +
        '<block type="logic_compare">' +
        '</block>' +
        '<block type="logic_operation"></block>' +
        '<block type="logic_negate"></block>' +
        '<block type="logic_boolean"></block>' +
        '<block type="logic_null"></block>' +
        '<block type="logic_ternary"></block>' +
        '<block type="CocoRobo_return"></block>' +
        '<block type="CocoRobo_try_except"></block>' +
        '<block type="CocoRobo_try_except_finally"></block>' +
        '<block type="CocoRobo_type"></block>' +
        '<block type="CocoRobo_type_is"></block>' +
        '<block type="CocoRobo_eval"></block>' +
        '</category>',
    'Iteration': '<category id="catLoops" name="Loops" colour="#9d64fd">' +
        '<block type="controls_repeat_forever"></block>' +
        '<block type="controls_repeat_ext">' +
        '<value name="TIMES">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">10</field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +
        '<block type="controls_whileUntil"></block>' +
        '<block type="controls_for">' +
        '<value name="FROM">' +
        '<shadow type="math_number">' +
        '<field name="NUM">1</field>' +
        '</shadow>' +
        '</value>' +
        '<value name="TO">' +
        '<shadow type="math_number">' +
        '<field name="NUM">10</field>' +
        '</shadow>' +
        '</value>' +
        '<value name="BY">' +
        '<shadow type="math_number">' +
        '<field name="NUM">1</field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +
        '<block type="controls_forEach"></block>' +
        '<block type="controls_flow_statements"></block>' +

        '</category>',
    'Calculation': '<category id="catMath" name="Math" colour="#5472ea">' +
        '<block type="math_number" gap="32"></block>' +
        '<block type="math_arithmetic">' +
        ' <value name="A">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">1</field>' +
        '</shadow>' +
        '</value>' +
        '<value name="B">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">1</field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +
        '<block type="math_degrad"></block>' +
        '<block type="math_single">' +
        '<value name="NUM">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">9</field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +
        '<block type="math_trig">' +
        '<value name="NUM">' +
        '<shadow type="math_angle">' +
        ' <field name="angle">45</field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +
        '<!--block type="math_trig">' +
        ' <value name="NUM">' +
        '<shadow type="math_number">' +
        ' <field name="NUM">45</field>' +
        '</shadow>' +
        '</value>' +
        '</block-->' +
        '<block type="math_constant"></block>' +
        '<block type="math_number_property">' +
        '<value name="NUMBER_TO_CHECK">' +
        '<shadow type="math_number">' +
        '   <field name="NUM">0</field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +
        '<block type="math_round">' +
        '<value name="NUM">' +
        '        <shadow type="math_number">' +
        ' <field name="NUM">3.1</field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +
        '<block type="math_keep_decimal">' +
        '<value name="NUM">' +
        ' <shadow type="math_number">' +
        '  <field name="NUM">3.1415926</field>' +
        '</shadow>' +
        '</value>' +
        '<value name="PLACE">' +
        ' <shadow type="math_number">' +
        ' <field name="NUM">2</field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +
        '<block type="math_on_list"></block>' +
        '<block type="math_modulo">' +
        '<value name="DIVIDEND">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">64</field>' +
        '</shadow>' +
        '</value>' +
        ' <value name="DIVISOR">' +
        '<shadow type="math_number">' +
        '    <field name="NUM">10</field>' +
        '</shadow>' +
        '</value>' +
        ' </block>' +
        '<block type="math_division_consult">' +
        ' <value name="DIVIDEND">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">64</field>' +
        '</shadow>' +
        '</value>' +
        '<value name="DIVISOR">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">10</field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +
        '<block type="math_constrain">' +
        ' <value name="VALUE">' +
        '<shadow type="math_number">' +
        ' <field name="NUM">50</field>' +
        '</shadow>' +
        '</value>' +
        '<value name="LOW">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">1</field>' +
        '</shadow>' +
        '</value>' +
        ' <value name="HIGH">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">100</field>' +
        '</shadow>' +
        ' </value>' +
        '</block>' +
        ' <block type="labplus_mapping">' +
        '<value name="inputNum"><shadow type="math_number"><field name="NUM">10</field></shadow></value>' +
        '<value name="bMin"><shadow type="math_number"><field name="NUM">0</field></shadow></value>' +
        '<value name="bMax"><shadow type="math_number"><field name="NUM">100</field></shadow></value>' +
        '<value name="cMin"><shadow type="math_number"><field name="NUM">0</field></shadow></value>' +
        '<value name="cMax"><shadow type="math_number"><field name="NUM">200</field></shadow></value>' +
        '</block>' +
        '<block type="math_random_int">' +
        '<value name="FROM">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">1</field>' +
        '</shadow>' +
        '</value>' +
        '<value name="TO">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">100</field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +
        '<block type="math_random_randrange">' +
        '<value name="start"><shadow type="math_number"><field name="NUM">0</field></shadow></value>' +
        ' <value name="stop"><shadow type="math_number"><field name="NUM">10</field></shadow></value>' +
        '<value name="step"><shadow type="math_number"><field name="NUM">2</field></shadow></value>' +
        '</block>' +
        '<block type="math_random_float"></block>' +
        '<block type="math_convert"></block>' +
        '<block type="math_number_bits_ops">' +
        '<value name="A">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">1</field>' +
        '</shadow>' +
        '</value>' +
        '<value name="B">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">1</field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +
        '<block type="bit_inversion">' +
        '<value name="data"><shadow type="math_number"><field name="NUM">60</field></shadow></value>' +
        '</block>' +
        '<block type="CocoRobo_ten_convert_to">' +
        ' <value name="int_num"><shadow type="math_number"><field name="NUM">10</field></shadow></value>' +
        '</block>' +
        '<block type="CocoRobo_convert_to_ten">' +
        ' <value name="convert_str"><shadow type="text"><field name="TEXT">11</field></shadow></value>' +
        '</block>' +
        '<block type="CocoRobo_ten_converted_to_bytes">' +
        ' <value name="convert_num"><shadow type="math_number"><field name="NUM">11</field></shadow></value>' +
        '</block>' +
        '<block type="CocoRobo_int_to_chr">' +
        '  <value name="convert_num"><shadow type="math_number"><field name="NUM">97</field></shadow></value>' +
        '</block>' +
        '<block type="CocoRobo_chr_to_int">' +
        ' <value name="convert_chr"><shadow type="text"><field name="TEXT">a</field></shadow></value>' +
        ' </block>' +
        ' <block type="CocoRobo_str_to_hex">' +
        '<value name="convert_chr"><shadow type="text"><field name="TEXT">abcdfg</field></shadow></value>' +
        '</block>' +
        '<block type="CocoRobo_hex_to_bin_str">' +
        '<value name="convert_chr"><shadow type="text"><field name="TEXT">313233</field></shadow></value>' +
        ' </block>' +
        '<block type="CocoRobo_data_to_base64">' +
        '   <value name="data"><shadow type="text"><field name="TEXT">cocorobo</field></shadow></value>' +
        '</block>' +
        '<block type="CocoRobo_base64_to_data">' +
        '   <value name="data"><shadow type="text"><field name="TEXT">bXB5dGhvbg==</field></shadow></value>' +
        '</block>' +

        '</category>',


    'Variables': '<category  id="catVariables" name="Variables" custom="VARIABLE" colour="#ffab2f">' +
        '</category>',
    'Values': '<category id="catText" name="Text" colour="#33cc99">' +
        // '<block type="esp32_main_controller_text_print">' +
        // '<value name="TEXT">' +
        // '<shadow type="esp32_main_controller_text">' +
        // '<field name="TEXT"></field>' +
        // '</shadow>' +
        // '   </value>' +
        // '</block>' +
        '  <block type="text"><field name="TEXT"></field></block>' +
        // '<block type="esp32_main_controller_text"></block>' +
        '<block type="text_join"><mutation items="1"></mutation></block>' +
        '   <block type="text_join"></block>' +
        '<block type="text_split_string_by_delimiter">' +
        '</block>' +
        ' <block type="text_format">' +
        '   <value name="FORMAT">' +
        '       <shadow type="text"><field name="TEXT">Value: %.2f</field></shadow>' +
        '   </value>' +
        '   <value name="CONTENT">' +
        '       <block type="tuple_create_with_items_insert">' +
        '           <mutation items="1"></mutation>' +
        '           <value name="ADD0">' +
        '               <block type="math_number">' +
        '                   <field name="NUM">3.1415926</field>' +
        '               </block>' +
        '           </value>' +
        '       </block>' +
        '   </value>' +
        ' </block>' +
        '  <block type="text_format2">' +
        '   <value name="FORMAT">' +
        '       <shadow type="text"><field name="TEXT">Value: {:.3}</field></shadow>' +
        '   </value>' +
        '   <value name="CONTENT">' +
        '       <block type="tuple_create_with_items_insert">' +
        '           <mutation items="1"></mutation>' +
        '           <value name="ADD0">' +
        '               <block type="math_number">' +
        '           <field name="NUM">3.1415926</field>' +
        '       </block>' +
        '   </value>' +
        '</block>' +
        '</value>' +
        ' </block>' +
        '<block type="CocoRobo_text_ESC">' +
        '</block>' +
        '<block type="text_append_text">' +
        '<value name="text_abc"><shadow type="text"><field name="TEXT">abc</field></shadow></value>' +
        '<value name="append_text"><shadow type="text"><field name="TEXT">def</field></shadow></value>' +
        '</block>' +
        '<block type="text_is_number">' +
        '<value name="TEXT">' +
        ' <shadow type="text">' +
        '<field name="TEXT"></field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +
        '<block type="text_length">' +
        '<value name="VALUE">' +
        '<shadow type="text">' +
        ' <field name="TEXT"></field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +
        '<block type="text_isEmpty">' +
        '<value name="VALUE">' +
        '<shadow type="text">' +
        ' <field name="TEXT"></field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +
        '<block type="text_indexOf">' +
        '<value name="VALUE">' +
        ' <shadow type="text">' +
        '<field name="TEXT">abc</field>' +
        '</shadow>' +
        '</value>' +
        '<value name="FIND">' +
        ' <shadow type="text">' +
        '<field name="TEXT">b</field>' +
        ' </shadow>' +
        '</value>' +
        '</block>' +
        '<block type="text_charAt">' +
        '<value name="VALUE">' +
        '<shadow type="text">' +
        '<field name="TEXT">abc</field>' +
        ' </shadow>' +
        '</value>' +
        ' </block>' +
        ' <block type="text_getSubstring">' +
        '<value name="STRING">' +
        ' <shadow type="text">' +
        '<field name="TEXT">abc</field>' +
        ' </shadow>' +
        '</value>' +
        ' </block>' +
        '   <block type="text_changeCase">' +
        '<value name="TEXT">' +
        '  <shadow type="text">' +
        '    <field name="TEXT"></field>' +
        '     </shadow>' +
        '   </value>' +
        '     </block>' +
        '      <block type="text_trim">' +
        '   <value name="TEXT">' +
        '  <shadow type="text">' +
        '    <field name="TEXT"></field>' +
        '     </shadow>' +
        '   </value>' +
        '      </block>' +
        '     <block type="text_to_byte">' +
        '  <value name="TEXT">' +
        '      <shadow type="text">' +
        '          <field name="TEXT">abc</field>' +
        '      </shadow>' +
        '  </value>' +
        '   </block>' +
        '   <block type="CocoRobo_bytes_decode">' +
        '   <value name="bytes_decode"></value>' +
        '</block>' +
        '<block type="CocoRobo_ujson_dumps">' +
        ' <value name="data"><shadow type="text_dict"><field name="TEXT">"Age":8</field></shadow></value>' +
        '</block>' +
        '<block type="CocoRobo_ujson_loads">' +
        '<value name="data"><shadow type="text"><field name="TEXT">{"Age":8}</field></shadow></value>' +
        '</block>' +
        '<block type="CocoRobo_code_annotation">' +
        '<value name="data"><shadow type="text"><field name="TEXT"></field></shadow></value>' +
        '</block>' +


        '</category>',
    'Lists': '<category id="catLists" name="Lists" colour="#40bfe4">' +
        '<block type="lists_create_with"><mutation items="0"></mutation></block>' +
        '<block type="lists_create_with"></block>' +
        ' <block type="text_list"><field name="TEXT">0, 0, 0</field></block>' +
        ' <!--block type="file_to_list">' +
        '      <value name="file_path"><shadow type="text"><field name="TEXT">1.txt</field></shadow></value>' +
        '  </block-->' +
        '  <block type="CocoRobo_return_list">' +
        '      <value name="list_name"><block type="variables_get"><field name="VAR">my_list</field></block></value>' +
        '         <value name="list_items"><shadow type="text_list"><field name="TEXT">0, 0, 0</field></shadow></value>' +
        '  </block>' +
        '         <block type="list_order_item">' +
        '   <value name="list_name"><shadow type="text_list"><field name="TEXT"></field></shadow></value>' +
        '   <value name="list_order_item"><shadow type="math_number"><field name="NUM">0</field></shadow></value>' +
        ' </block>' +
        '  <block type="lists_append">' +
        ' <value name="list_name"><shadow type="text_list"><field name="TEXT"></field></shadow></value>' +
        ' </block>' +
        ' <block type="list_item_exist">' +
        '     <value name="list_name"><shadow type="text_list"><field name="TEXT"></field></shadow></value>' +
        '     <value name="list_item"><shadow type="text"><field name="TEXT">cocorobo</field></shadow></value>' +
        ' </block>' +
        ' <block type="lists_extend">' +
        ' <value name="list_name"><shadow type="text_list"><field name="TEXT"></field></shadow></value>' +
        ' <value name="extend_list"><shadow type="text_list"><field name="TEXT"></field></shadow></value>' +
        ' </block>' +
        ' <block type="lists_clear">' +
        ' <value name="list_name"><shadow type="text_list"><field name="TEXT"></field></shadow></value>' +
        ' </block>' +
        ' <block type="lists_repeat">' +
        '<value name="NUM">' +
        '  <shadow type="math_number">' +
        '   <field name="NUM">5</field>' +
        ' </shadow>' +
        '</value>' +
        '  </block>' +
        '  <block type="lists_length"></block>' +
        '  <block type="lists_isEmpty"></block>' +
        '  <block type="list_first_index">' +
        '    <value name="elem"><shadow type="text"><field name="TEXT">cocorobo</field></shadow></value>' +
        '    <value name="my_list"><shadow type="text_list"><field name="TEXT"></field></shadow></value>' +
        '  </block>' +
        '  <block type="set_list_order_item">' +
        '       <value name="list_name"><shadow type="text_list"><field name="TEXT"></field></shadow></value>' +
        '       <value name="list_order_item"><shadow type="math_number"><field name="NUM">0</field></shadow></value>' +
        '   <value name="set_value"><shadow type="math_number"><field name="NUM">0</field></shadow></value>' +
        '  </block>' +
        '  <block type="insert_list_order_item">' +
        '       <value name="list_name"><shadow type="text_list"><field name="TEXT"></field></shadow></value>' +
        '   <value name="list_order_item"><shadow type="math_number"><field name="NUM">0</field></shadow></value>' +
        '       <value name="set_value"><shadow type="math_number"><field name="NUM">0</field></shadow></value>' +
        ' </block>' +
        ' <block type="parts_of_list">' +
        '     <value name="list_name"><shadow type="text_list"><field name="TEXT"></field></shadow></value>' +
        '    <value name="start_item"><shadow type="math_number"><field name="NUM">0</field></shadow></value>' +
        '    <value name="end_item"><shadow type="math_number"><field name="NUM">2</field></shadow></value>' +
        ' </block>' +
        '<block type="lists_getIndex">' +
        '       <mutation statement="true" at="true"></mutation>' +
        '   <field name="MODE">REMOVE</field>' +
        '   <field name="WHERE">FROM_START</field>' +
        '   <value name="VALUE">' +
        '   <shadow type="text_list"><field name="TEXT"></field></shadow>' +
        '   </value>' +
        '</block>' +
        '<block type="lists_getIndex">' +
        '   <mutation statement="false" at="true"></mutation>' +
        '   <field name="MODE">GET_REMOVE</field>' +
        '   <field name="WHERE">FROM_START</field>' +
        '   <value name="VALUE">' +
        '   <shadow type="text_list"><field name="TEXT"></field></shadow>' +
        '   </value>' +
        '</block>' +
        '  <block type="lists_split">' +
        '  <value name="DELIM"><shadow type="text"><field name="TEXT">,</field></shadow></value>' +
        ' </block>' +
        ' <block type="lists_sort"></block>' +

        '</category>',
    'Dictionary': '<category id="catDictionary" name="Dictionary" colour="32">' +
        '  <block type="dict_create_with_items_insert"></block>' +
        ' <block type="text_dict"><field name="TEXT">"Age":8</field></block>' +
        ' <block type="dict_create_with">' +
        '     <value name="dict_name"><block type="variables_get"><field name="VAR">my_dict</field></block></value>' +
        '     <value name="dict_items"><shadow type="text_dict"><field name="TEXT">"Age":8</field></shadow></value>' +
        '  </block>' +
        '  <block type="add_dict_key_value">' +
        '      <value name="dict_name"><shadow type="text_dict"><field name="TEXT"></field></shadow></value>' +
        '      <value name="dict_items"><shadow type="text"><field name="TEXT">Age</field></shadow></value>' +
        '      <value name="add_value"><shadow type="math_number"><field name="NUM">10</field></shadow></value>' +
        '  </block>' +
        '  <block type="dict_key_value">' +
        '      <value name="dict_name"><shadow type="text_dict"><field name="TEXT"></field></shadow></value>' +
        '      <value name="dict_items"><shadow type="text"><field name="TEXT">Age</field></shadow></value>' +
        '  </block>' +
        '  <block type="dict_length">' +
        '      <value name="dict_name"><shadow type="text_dict"><field name="TEXT"></field></shadow></value>' +
        ' </block>' +
        '  <block type="dict_key_exist">' +
        '     <value name="dict_name"><shadow type="text_dict"><field name="TEXT"></field></shadow></value>' +
        '     <value name="dict_items"><shadow type="text"><field name="TEXT">Age</field></shadow></value>' +
        ' </block>' +
        '  <block type="dict_key_or_val_list">' +
        '      <value name="dict_name"><shadow type="text_dict"><field name="TEXT"></field></shadow></value>' +
        ' </block>' +

        '</category>',
    // 'Tuples': '<category id="catTuples" name="Tuples" colour="#0090d1">' +
    //     '</category>',
    'Tuples': '<category id="catTuples"  name="Tuples" colour="192">' +
        ' <block type="tuple_create_with_items_insert"></block>' +
        '<block type="text_tuple"><field name="TEXT">"cocorobo",</field></block>' +
        '<block type="tuple_create_with">' +
        '    <value name="tuple_name"><block type="variables_get"><field name="VAR">my_tuple</field></block></value>' +
        '    <value name="tuple_items"><shadow type="text_tuple"><field name="TEXT">"cocorobo",</field></shadow></value>' +
        ' </block>' +
        ' <block type="tuple_order_item">' +
        '    <value name="tuple_name"><shadow type="text_tuple"><field name="TEXT"></field></shadow></value>' +
        '   <value name="tuple_order_item"><shadow type="math_number"><field name="NUM">0</field></shadow></value>' +
        '</block>' +
        '<block type="tuple_min_max_len">' +
        '    <value name="tuple_name"><shadow type="text_tuple"><field name="TEXT"></field></shadow></value>' +
        ' </block>' +
        '<block type="tuple_item_exist">' +
        '     <value name="tuple_name"><shadow type="text_tuple"><field name="TEXT"></field></shadow></value>' +
        '    <value name="tuple_item"><shadow type="text"><field name="TEXT">cocorobo</field></shadow></value>' +
        '</block>' +
        '<block type="parts_of_tuple">' +
        '   <value name="tuple_name"><shadow type="text_tuple"><field name="TEXT"></field></shadow></value>' +
        '  <value name="tuple_item"><shadow type="math_number"><field name="NUM">2</field></shadow></value>' +
        '</block>' +
        ' <block type="parts_of_tuple2">' +
        '    <value name="tuple_name"><shadow type="text_tuple"><field name="TEXT"></field></shadow></value>' +
        '  <value name="start_item"><shadow type="math_number"><field name="NUM">0</field></shadow></value>' +
        '  <value name="end_item"><shadow type="math_number"><field name="NUM">2</field></shadow></value>' +
        '</block>' +
        '<block type="list_to_tuple">' +
        '   <value name="list_name"><shadow type="text_list"><field name="TEXT"></field></shadow></value>' +
        '</block>' +
        '</category>',
    'Set': '<category id="catSet" name="Set" colour="160">' +
        '<block type="set_create_with_items_insert"></block>' +
        '  <block type="text_set"><field name="TEXT">"string", 0.9, ("tuple",)</field></block>' +
        '  <block type="set_create_with">' +
        '      <value name="set_name"><block type="variables_get"><field name="VAR">my_set</field></block></value>' +
        '     <value name="set_items"><shadow type="text_set"></shadow></value>' +
        '  </block>' +
        '   <block type="sets_update_ways">' +
        '      <value name="set_name"><block type="variables_get"><field name="VAR">my_set</field></block></value>' +
        '     <value name="set_1_name"><shadow type="text_set"></shadow></value>' +
        ' </block>' +
        ' <block type="set_update_with">' +
        '      <value name="set_name"><shadow type="text_set"></shadow></value>' +
        '     <value name="set_items"></value>' +
        ' </block>' +
        '   <block type="set_subset_superset">' +
        '      <value name="set_name"><shadow type="text_set"></shadow></value>' +
        '     <value name="set_1_name"><shadow type="text_set"></shadow></value>' +
        ' </block>' +
        '   <block type="intersection_of_sets">' +
        '     <value name="set_name"><shadow type="text_set"></shadow></value>' +
        '     <value name="set_1_name"><shadow type="text_set"></shadow></value>' +
        ' </block>' +
        '   <block type="len_of_sets">' +
        '      <value name="set_name"><shadow type="text_set"></shadow></value>' +
        '</block>' +
        '   <block type="get_sets_pop">' +
        '    <value name="set_name"><shadow type="text_set"></shadow></value>' +
        '</block>' +
        '</category>',
    'Functionsa': '<category id="catFunctions" name="Functions" custom="PROCEDURE" colour="#ff6381">' +
        '</category>',
    'Python': '<category name="Python" colour="180">' +
        '<block type="raw_block"></block>' +
        '<block type="raw_expression"></block>' +
        '</category>',

    'Output': '<category id="catOutput" name="Output" colour="#ff8b2c">' +
        // '<block type="esp32_main_controller_io_from_digital_pin">' +
        // ' <value name="digital_pin_input">' +
        // '<shadow type="math_number">' +
        // '  <field name="NUM">1</field>' +
        // '</shadow>' +
        // '</value>' +
        // '</block>' +
        // '<block type="esp32_main_controller_io_set_digital_pin">' +
        // ' <value name="digital_pin_input">' +
        // '<shadow type="math_number">' +
        // '  <field name="NUM">1</field>' +
        // '</shadow>' +
        // '</value>' +
        // ' <value name="high_low">' +
        // '<shadow type="esp32_main_controller_io_high_low">' +
        // '</shadow>' +
        // '</value>' +
        // '</block>' +

        // '<block type="esp32_main_controller_io_set_analog_pin">' +
        // ' <value name="analog_pin_input">' +
        // '</value>' +
        // ' <value name="pwm">' +
        // '</value>' +
        // '</block>' +

        // // PWM ai
        // '<block type="ai_main_controller_io_set_analog_pin">' +
        // ' <value name="analog_pin_input">' +
        // '</value>' +
        // ' <value name="pwm">' +
        // '</value>' +
        // '</block>' +

        // '<block type="esp32_main_controller_io_from_analog_pin">' +
        // '</block>' +
        // '<block type="esp32_main_controller_io_out_pwm"></block>' +

        // '<block type="esp32_main_controller_io_high_low"></block>' +
        // '<block type="esp32_main_controller_io_analog_pin_1"></block>' +
        // '<block type="esp32_main_controller_io_analog_pin_2"></block>' +

        '</category>',

    'Files': '<category id="catFiles" name="Files" colour="32">' +
        '<block type="iot_system_run">' +
        '          <value name="PATH">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/your_python_code.py</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="iot_system_create_file">' +
        '          <value name="filename">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">cocorobo.txt</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="PATH">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="iot_system_open_file">' +
        '          <value name="filename">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">cocorobo.txt</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="PATH">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="iot_system_write_file">' +
        '          <value name="WPATH">' +
        '            <shadow type="text">' +
        '              <field name="TEXT"></field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="iot_system_close_file"></block>' +
        '<block type="iot_system_input_file">' +
        '          <value name="filename">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">cocorobo.txt</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="PATH">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/</field>' +
        '            </shadow>' +
        '          </value>' + '</block>' +
        '<block type="iot_system_delete_file">' +
        '          <value name="PATH">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/cocorobo.txt</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '</category>',

    'Time': '<category id="catTime" name="Time" colour="#fabe23">' +
        '    <block type="time_delay">' +
        '      <value name="DELAY_TIME_MILI">' +
        '        <block type="math_number">' +
        '          <field name="NUM">1000</field>' +
        '        </block>' +
        '      </value>' +
        '    </block>' +
        // '    <block type="time_delay">' +
        // '      <value name="DELAY_TIME_MICRO">' +
        // '        <block type="math_number">' +
        // '          <field name="NUM">1000</field>' +
        // '        </block>' +
        // '      </value>' +
        // '    </block>' +
        '    <block type="time_delayseconds">' +
        '      <value name="DELAY_TIME_MICRO">' +
        '        <block type="math_number">' +
        '          <field name="NUM">1</field>' +
        '        </block>' +
        '      </value>' +
        '    </block>' +
        // '    <block type="time_millis"></block>' +
        // '    <block type="time_micros"></block>' +
        '    <block type="esp32_get_current_date"></block>' +
        '    <block type="esp32_main_controller_time_timer_init"></block>' +
        '    <block type="esp32_main_controller_time_timer_get_current"></block>' +
        '    <block type="esp32_main_controller_time_timer_clear"></block>' +
        '    <block type="esp32_main_controller_time_period_timer"></block>' +
        '    <block type="esp32_main_controller_time_period_timer_clear"></block>' +
        '</category>',

    'Serial Comm.': '<category id="catSerialComm" name="SerialComm" colour="#22b845">' +
        '<block type="serial_comm_print">' +
        '          <value name="serial_comm_input">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">Hello World!</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="serial_write_data_coco">' +
        '          <value name="ADD0">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">Data</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="serial_write_data">' +
        '          <value name="ADD1">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">Data</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="serial_read_data_setup"></block>' +
        '<block type="serial_read_data_setup_arduino"></block>' +
        '<block type="serial_read_data_all"></block>' +
        // '<block type="serial_read_data_all_usb"></block>' +
        '<block type="serial_read_data"></block>' +
        '<block type="serial_send_data_to_microbit">' +
        '          <value name="NAME">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">Data</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="serial_send_data_to_control_panel">' +
        '          <value name="NAME">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">Data</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="serial_send_data_to_arduino">' +
        '          <value name="NAME">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">Data</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '</category>',
    'MainBoard':
        '<category id="catMainBoard" name="Main Board" colour="#3163ed">' +
        '<category id="catBasics" name="Basics" colour="#d42b03">' +

        '</category>' +

        '<category id="catMainWifi" name="Wi-Fi" colour="#386dc8">' +

        '</category>' +
        '<category id="catWeb" name="Web" colour="#183895">' +

        '</category>' +
        '<category id="catIoTService" name="IoT Service" colour="#3c7683">' +

        '</category>' +

        '</category>',
    'A.I.Board': '<category id="catAI" name="基础硬件" colour="#f76734">' +

        /*
             _    ___   ____            _      
            / \  |_ _| | __ )  __ _ ___(_) ___ 
           / _ \  | |  |  _ \ / _` / __| |/ __|
          / ___ \ | |  | |_) | (_| \__ \ | (__ 
         /_/   \_\___| |____/ \__,_|___/_|\___|
        
        */

        '<category id="catAIBasic" name="Basic" colour="#d42b03">' +//基础
        '<label id="basis_button" text="Basis button" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="ai_v831_button_read_pressed"></block>' +
        '<block type="ai_v831_button_read_released"></block>' +
        '<block type="ai_v831_button_loosen"></block>' +
        // '<block type="ai_v831_button_del"></block>' +
        '<label id="catFASTLED" text="灯光" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="ai_v831_led_light_up"></block>' +
        '<block type="ai_v831_led_light_off"></block>' +
        // '<block type="ai_v831_button_read_released_to"></block>' +
        '<label id="rgb_light" text="RGB灯光" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="ai_v831_rgb_light_up">' +
        '   <value name="rgb_value">' +
        '       <block type="ai_lcd_rgb_value_input">' +
        '           <value name="rgb_value_r">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="rgb_value_g">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="rgb_value_b">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '       </block>' +
        '   </value>' +
        '</block>' +
        '<block type="ai_v831_rgb_light_off"></block>' +
        '</category>' +
        '<category id="catOutput" name="输入 / 输出" colour="#ff8b2c">' +
        '<block type="esp32_main_controller_io_from_digital_pin">' +
        '</block>' +
        '<block type="esp32_main_controller_io_set_digital_pin">' +
        ' <value name="digital_pin_input">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">1</field>' +
        '</shadow>' +
        '</value>' +
        ' <value name="high_low">' +
        '<shadow type="esp32_main_controller_io_high_low">' +
        '</shadow>' +
        '</value>' +
        '</block>' +

        '<block type="esp32_main_controller_io_set_analog_pin">' +
        ' <value name="analog_pin_input">' +
        // '<shadow type="math_number">' +
        // '  <field name="NUM">1</field>' +
        // '</shadow>' +
        '   <block type="esp32_main_controller_io_set_pin"></block>' +
        '</value>' +
        ' <value name="pwm">' +
        '<shadow type="math_number">' +
        '  <field name="NUM">1</field>' +
        '</shadow>' +
        '</value>' +
        '</block>' +

        // // PWM ai
        // '<block type="ai_main_controller_io_set_analog_pin">' +
        // ' <value name="analog_pin_input">' +
        // '</value>' +
        // ' <value name="pwm">' +
        // '</value>' +
        // '</block>' +

        '<block type="esp32_main_controller_io_from_analog_pin">' +
        '</block>' +
        // '<block type="esp32_main_controller_io_out_pwm"></block>' +

        // '<block type="esp32_main_controller_io_high_low"></block>' +
        // '<block type="esp32_main_controller_io_analog_pin_1"></block>' +
        // '<block type="esp32_main_controller_io_analog_pin_2"></block>' +

        '</category>' +

        /*
             _    ___   __  __ _                      _                      
            / \  |_ _| |  \/  (_) ___ _ __ ___  _ __ | |__   ___  _ __   ___ 
           / _ \  | |  | |\/| | |/ __| '__/ _ \| '_ \| '_ \ / _ \| '_ \ / _ \
          / ___ \ | |  | |  | | | (__| | | (_) | |_) | | | | (_) | | | |  __/
         /_/   \_\___| |_|  |_|_|\___|_|  \___/| .__/|_| |_|\___/|_| |_|\___|
                                               |_|                           
         */

        // 传感器
        '<category id="catSensor" name="传感器" colour="#5fcd8e">' +
        '<label id="basis_light" text="光照传感器" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="esp32_main_controller_get_light"></block>' +
        '<label id="basis_environmental" text="温湿度传感器" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="esp32_main_controller_get_environmental_value"></block>' +
        '<label id="" text="QMI8658" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="esp32_main_controller_motion_acceleration"></block>' +
        // '<block type="esp32_main_controller_motion_rotation_measurement"></block>' +
        '<block type="esp32_main_controller_motion_tilt_angle"></block>' +
        '<block type="esp32_main_controller_motion_when_tilting_STATEMENT"></block>' +
        '</category>' +

        '<category id="catPower" name="动力" colour="#386dc8">' +

        '<label id="catServo" text="舵机" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="extension_servo_setup_on_ai"></block>' +
        '<block type="extension_servo_write_on_ai">' +
        '          <value name="degree">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">90</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +

        '<label id="catMOTOR" text="电机" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_motor_setup"></block>' +
        '<block type="ai_motor_run">' +
        '          <value name="speed">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">150</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="ai_motor_stop">' +
        '</block>' +
        '</category>' +

        '<category id="catAIScreen" name="Screen" colour="#5cb2d6">' +
        '<label id="basis_function" text="Basis function" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="ai_lcd_screeninit"></block>' +
        // '<block type="ai_lcd_rotation"></block>' +
        // '<block type="ai_lcd_filp"></block>' +
        // '<block type="ai_lcd_screen"></block>' +
        // '<block type="ai_lcd_clear"></block>' +
        // '<block type="ai_lcd_rgb_value_input">' +
        // '           <value name="rgb_value_r">' +
        // '               <shadow type="math_number">' +
        // '                   <field name="NUM">0</field>' +
        // '               </shadow>' +
        // '           </value>' +
        // '           <value name="rgb_value_g">' +
        // '               <shadow type="math_number">' +
        // '                   <field name="NUM">0</field>' +
        // '               </shadow>' +
        // '           </value>' +
        // '           <value name="rgb_value_b">' +
        // '               <shadow type="math_number">' +
        // '                   <field name="NUM">0</field>' +
        // '               </shadow>' +
        // '           </value>' +
        // '</block>' +
        // '<block type="ai_lcd_XY">' +
        // '           <value name="A">' +
        // '               <shadow type="math_number">' +
        // '                   <field name="NUM">0</field>' +
        // '               </shadow>' +
        // '           </value>' +
        // '           <value name="B">' +
        // '               <shadow type="math_number">' +
        // '                   <field name="NUM">0</field>' +
        // '               </shadow>' +
        // '           </value>' +
        // '</block>' +
        // '        <block type="lcd_set_width_height">' +
        // '      <value name="WIDTH">' +
        // '        <shadow type="math_number">' +
        // '          <field name="NUM">320</field>' +
        // '        </shadow>' +
        // '      </value>' +
        // '      <value name="HEIGHT">' +
        // '        <shadow type="math_number">' +
        // '          <field name="NUM">240</field>' +
        // '        </shadow>' +
        // '      </value>' +
        // '        </block>' +
        '<block type="ai_lcd_font">' +
        '        <value name="save_path">' +
        '              <shadow type="text">' +
        '                  <field name="TEXT">/root/preset/fonts/CascadiaCodePL-Italic.ttf</field>' +
        '              </shadow>' +
        '        </value>' +
        '</block>' +
        '<label id="basis_carvas_draw" text="Basis carvas drawing" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="ai_lcd_showcarvas_set_cord">' +
        '   <value name="xy">' +
        '        <block type="lcd_set_position">' +
        '          <value name="POSX">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="POSY">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '        </block>' +
        '   </value>' +
        '</block>' +
        // '<block type="ai_lcd_createnonecarvas">' +
        // '      <value name="wh">' +
        // '    <block type="lcd_set_width_height">' +
        // '      <value name="WIDTH">' +
        // '        <shadow type="math_number">' +
        // '          <field name="NUM">320</field>' +
        // '        </shadow>' +
        // '      </value>' +
        // '      <value name="HEIGHT">' +
        // '        <shadow type="math_number">' +
        // '          <field name="NUM">240</field>' +
        // '        </shadow>' +
        // '      </value>' +
        // '</block>' +
        // '      </value>' +
        // '</block>' +
        '<block type="ai_lcd_fill_screen_with_rgb">' +
        '   <value name="rgb_value">' +
        '       <block type="ai_lcd_rgb_value_input">' +
        '           <value name="rgb_value_r">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="rgb_value_g">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="rgb_value_b">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '       </block>' +
        '   </value>' +
        '</block>' +
        '<block type="ai_lcd_textcarvas">' +
        '     <value name="POSA">' +
        '        <block type="lcd_set_position">' +
        '          <value name="POSX">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="POSY">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '        </block>' +
        '      </value>' +
        '      <value name="CONTENT">' +
        '       <shadow type="text">' +
        '           <field name="TEXT"></field>' +
        '       </shadow>' +
        '      </value>' +
        '      <value name="COLOR">' +
        '        <block type="lcd_set_color">' +
        '        </block>' +
        '      </value>' +
        '          <value name="Scale">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">1</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="ai_lcd_textcarvas_new_line">' +
        '     <value name="POSA">' +
        '        <block type="lcd_set_position">' +
        '          <value name="POSX">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="POSY">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '        </block>' +
        '      </value>' +
        '      <value name="CONTENT">' +
        '       <shadow type="text">' +
        '           <field name="TEXT">假如我是一只鸟， 我也应该用嘶哑的喉咙歌唱： 这被暴风雨所打击着的土地， 这永远汹涌着我们的悲愤的河流， 这无止息地吹刮着的激怒的风， 和那来自林间的无比温柔的黎明…… ——然后我死了， 连羽毛也腐烂在土地里面。 为什么我的眼里常含泪水？ 因为我对这土地爱得深沉……</field>' +
        '       </shadow>' +
        '      </value>' +
        '          <value name="dispalyStr">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">20</field>' +
        '            </shadow>' +
        '          </value>' +
        '      <value name="buttonUp">' +
        '       <shadow type="text">' +
        '           <field name="TEXT"></field>' +
        '       </shadow>' +
        '       <block type="ai_v831_button_read_pressed_canvas">' +
        '           <field name="button_type">C</field>' +
        '       </block>' +
        '      </value>' +
        '      <value name="buttonDown">' +
        '       <shadow type="text">' +
        '           <field name="TEXT"></field>' +
        '       </shadow>' +
        '       <block type="ai_v831_button_read_pressed_canvas">' +
        '           <field name="button_type">D</field>' +
        '       </block>' +
        '      </value>' +
        '      <value name="COLOR">' +
        '        <block type="lcd_set_color">' +
        '        </block>' +
        '      </value>' +
        '          <value name="Scale">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">1</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="LineNum">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">20</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '    <block type="ai_lcd_linecarvas">' +
        '      <value name="POSA">' +
        '        <block type="lcd_set_position">' +
        '          <value name="POSX">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="POSY">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '        </block>' +
        '      </value>' +
        '      <value name="POSB">' +
        '        <block type="lcd_set_position">' +
        '          <value name="POSX">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="POSY">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '        </block>' +
        '      </value>' +
        '      <value name="COLOR">' +
        '        <block type="lcd_set_color">' +
        '        </block>' +
        '      </value>' +
        '          <value name="Scale">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">1</field>' +
        '            </shadow>' +
        '          </value>' +
        '    </block>' +

        '    <block type="ai_lcd_draw_rectangle">' +
        '      <value name="POSA">' +
        '        <block type="lcd_set_position">' +
        '          <value name="POSX">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="POSY">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '        </block>' +
        '      </value>' +
        '      <value name="POSB">' +
        '        <block type="lcd_set_width_height">' +
        '      <value name="WIDTH">' +
        '        <shadow type="math_number">' +
        '          <field name="NUM">320</field>' +
        '        </shadow>' +
        '      </value>' +
        '      <value name="HEIGHT">' +
        '        <shadow type="math_number">' +
        '          <field name="NUM">240</field>' +
        '        </shadow>' +
        '      </value>' +
        '        </block>' +
        '      </value>' +
        '      <value name="COLOR">' +
        '        <block type="lcd_set_color">' +
        '        </block>' +
        '      </value>' +
        '          <value name="Scale">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">1</field>' +
        '            </shadow>' +
        '          </value>' +
        '    </block>' +
        '    <block type="ai_lcd_drawcirclecarvas">' +
        '      <value name="POSA">' +
        '        <block type="lcd_set_position">' +
        '          <value name="POSX">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="POSY">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '        </block>' +
        '      </value>' +
        '          <value name="Scale">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">2</field>' +
        '            </shadow>' +
        '          </value>' +
        '      <value name="COLOR">' +
        '        <block type="lcd_set_color">' +
        '        </block>' +
        '      </value>' +
        '          <value name="Scale_0">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">1</field>' +
        '            </shadow>' +
        '          </value>' +
        '    </block>' +

        '    <block type="ai_lcd_draw_image_on_canvas">' +
        '      <value name="image_path">' +
        '           <block type="v831_img_open">' +
        '               <value name="save_path">' +
        '                   <shadow type="text">' +
        '                       <field name="TEXT">/root/preset/img/cocorobo_logo.jpg</field>' +
        '                   </shadow>' +
        '               </value>' +
        '            </block>' +
        '      </value>' +
        '      <value name="alpha">' +
        '           <shadow type="math_number">' +
        '               <field name="NUM">1</field>' +
        '           </shadow>' +
        '       </value>' +
        '      <value name="scale_y">' +
        '        <block type="lcd_set_position">' +
        '          <value name="POSX">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="POSY">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '        </block>' +
        '      </value>' +
        '    </block>' +

        '<block type="ai_lcd_rotation"></block>' +
        '<block type="ai_lcd_showcarvas_set_display">' +
        '</block>' +
        '<block type="ai_lcd_clearcanvas"></block>' +
        '</category>' +

        '<category id="catCamera" name="Camera" colour="#60c1bb">' +
        // '<block type="ai_camera_init"></block>' +
        '<block type="ai_camera_fit_to_screen_size"></block>' +
        // '<block type="ai_camera_windows">' +
        // '</block>' +
        '<block type="ai_camera_snapshot"></block>' +
        // '<block type="ai_model_class_start_load"></block>' +
        '<block type="v831_camera_graph_transmission">' +
        '</block>' +
        '<block type="v831_camera_internet_transmission">' +
        '</block>' +


        // '<block type="ai_camera_vflip"></block>' +
        // '<block type="ai_camera_hmirror"></block>' +
        // '<block type="ai_camera_auto_whitebal">' +
        // '</block>' +
        // '<block type="ai_camera_auto_gain"></block>' +
        // '<block type="ai_camera_auto_exposure"></block>' +

        '</category>' +
        '<category id="catMicrophone" name="Camera" colour="#5fcd8e">' +
        '<label id="catMicrophone" text="麦克风" web-class="myLabelStyle" style="font-size:20px;"></label>' +

        // '<block type="ai_mphone_record_init"></block>' +
        '<block type="ai_mphone_record_setting">' +
        '          <value name="path">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/root/user/audio/record.wav</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="record_time">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">4</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        // '<block type="ai_mphone_Record_audio_start">' +
        // '</block>' +
        '</category>' +

        '<category id="catAISpeaker" name="Camera" colour="#603ea0">' +

        '<label id="catAISpeaker" text="扬声器" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_audio_play_init"></block>' +
        // '<block type="ai_audio_play_volume"></block>' +
        '<block type="ai_audio_play_song" inline="false">' +
        '          <value name="path">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/root/preset/audio/luckystar.wav</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        // '<block type="ai_audio_play_start"></block>' +
        // '<block type="ai_audio_play_finish"></block>' +
        // '<block type="ai_audio_get_play_status"></block>' +
        '</category>' +

        '<category id="catSystem" name="系統" colour="#22398e">' +
        '   <block type="ai_system_off"></block>' +
        '   <block type="ai_system_restart"></block>' +
        '   <block type="ai_system_refresh"></block>' +
        '   <block type="ai_system_volume"></block>' +
        '<block type="ai_system_thread">' +
        '<field name="thread">1</field>' +
        '<value name="callBack">' +
        '  <shadow type="math_number">' +
        '    <field name="NUM">1</field>' +
        '  </shadow>' +
        '  <block type="procedures_callNothirdreturn">' +
        '    <mutation name="做点什么">' +
        '      <arg name="x"></arg>' +
        '    </mutation>' +
        '    <value name="ARG0">' +
        '      <block type="text">' +
        '        <field name="TEXT"></field>' +
        '      </block>' +
        '    </value>' +
        '  </block>' +
        '</value>' +
        '<value name="ADD0">' +
        '  <shadow type="math_number">' +
        '    <field name="NUM">1</field>' +
        '  </shadow>' +
        '</value>' +
        '</block>' +
        '<block type="ai_system_thread_set_setDaemon"></block>' +
        '<block type="ai_system_thread_set_join"></block>' +
        '   <block type="ai_system_thread_start"></block>' +
        '   <block type="ai_system_set_queue">' +
        '          <value name="queueVaritem">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">""</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '   <block type="ai_system_get_queue"></block>' +
        '</category>' +
        '</category>',

    'ExtendedFunctions':
        '<category id="ExtendedFunction" name="媒体处理" colour="#2fc67b">' +
        /*
           _      ___     ____                           
          / \    |_ _|   / ___|  ___ _ __ ___  ___ _ __  
         / _ \    | |    \___ \ / __| '__/ _ \/ _ \ '_ \ 
        / ___ \ _ | | _   ___) | (__| | |  __/  __/ | | |
       /_/   \_(_)___(_) |____/ \___|_|  \___|\___|_| |_|                                       
                                                  
      */

        '<category id="catVision" name="Vision" colour="#f2a247">' +
        '<label id="basis_function" text="Basis function" web-class="myLabelStyle" style="font-size:20px;"></label>' +

        '<block type="v831_img_save">' +
        '          <value name="save_path">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">saved</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="v831_img_text"><field name="TEXT">/root/user/img/</field></block>' +
        '<block type="v831_img_open">' +
        '          <value name="save_path">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/root/user/img/saved.jpg</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="v831_lcd_invert"></block>' +
        '<block type="v831_lcd_rotating">' +
        '          <value name="spend">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">50</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        // '<block type="ai_lcd_invert_color"></block>' +
        '<block type="v831_lcd_resizecanvas">' +
        '   <value name="wh">' +
        '       <block type="ai_lcd_WH_vision">' +
        '           <value name="A">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="B">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '      </block>' +
        '   </value>' +
        '</block>' +
        // '<block type="ai_lcd_color_scheme"></block>' +
        // '<block type="ai_lcd_ai_pix"></block>' +

        '<block type="v831_lcd_img_cut">' +
        '   <value name="xy">' +
        '       <block type="ai_lcd_XY_vision">' +
        '           <value name="A">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="B">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '      </block>' +
        '   </value>' +
        '   <value name="wh">' +
        '       <block type="ai_lcd_WH_vision">' +
        '           <value name="A">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="B">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '      </block>' +
        '   </value>' +
        '</block>' +

        '<label id="advanced_function" text="进阶功能" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="ai_vision_get_threshold_default"></block>' +
        '<block type="ai_lane_tracking_run">' +
        '   <value name="rgb_value">' +
        '       <block type="ai_lcd_rgb_value_input">' +
        '           <value name="rgb_value_r">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="rgb_value_g">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="rgb_value_b">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '       </block>' +
        '   </value>' +
        '</block>' +
        //    '<block type="ai_vision_find_rects">' +
        //    '   <value name="xy">' +
        //    '       <block type="ai_lcd_XY_vision">' +
        //    '           <value name="A">' +
        //    '               <shadow type="math_number">' +
        //    '                   <field name="NUM">0</field>' +
        //    '               </shadow>' +
        //    '           </value>' +
        //    '           <value name="B">' +
        //    '               <shadow type="math_number">' +
        //    '                   <field name="NUM">0</field>' +
        //    '               </shadow>' +
        //    '           </value>' +
        //    '       </block>' +
        //    '   </value>' +
        //    '   <value name="wh">' +
        //    '       <block type="ai_lcd_WH_vision">' +
        //    '           <value name="A">' +
        //    '               <shadow type="math_number">' +
        //    '                   <field name="NUM">0</field>' +
        //    '               </shadow>' +
        //    '           </value>' +
        //    '           <value name="B">' +
        //    '               <shadow type="math_number">' +
        //    '                   <field name="NUM">0</field>' +
        //    '               </shadow>' +
        //    '           </value>' +
        //    '      </block>' +
        //    '   </value>' +
        //    '</block>' +
        '<block type="ai_vision_find_lines">' +
        '   <value name="color">' +
        '       <block type="ai_vision_get_threshold_default">' +
        '       </block>' +
        '   </value>' +
        '   <value name="xy">' +
        '       <block type="ai_lcd_XY_vision">' +
        '           <value name="A">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="B">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '       </block>' +
        '   </value>' +
        '   <value name="wh">' +
        '       <block type="ai_lcd_WH_vision">' +
        '           <value name="A">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="B">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '      </block>' +
        '   </value>' +
        '           <value name="area_threshold">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">10</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="pixels_threshold">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">10</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="margin">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">10</field>' +
        '               </shadow>' +
        '           </value>' +
        '</block>' +
        '<block type="ai_vision_get_blobs"></block>' +
        '<block type="ai_vision_find_blobs">' +
        '   <value name="color">' +
        '       <block type="ai_vision_get_threshold_default">' +
        '       </block>' +
        '   </value>' +
        '   <value name="xy">' +
        '       <block type="ai_lcd_XY_vision">' +
        '           <value name="A">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="B">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '       </block>' +
        '   </value>' +
        '   <value name="wh">' +
        '       <block type="ai_lcd_WH_vision">' +
        '           <value name="A">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="B">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '      </block>' +
        '   </value>' +
        '           <value name="area_threshold">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">10</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="pixels_threshold">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">10</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="margin">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">10</field>' +
        '               </shadow>' +
        '           </value>' +
        '</block>' +
        '<block type="ai_vision_find_blobs_result"></block>' +
        '<block type="ai_lane_tracking_setup">' +
        '   <value name="color">' +
        '       <block type="ai_vision_get_threshold_default">' +
        '       </block>' +
        '   </value>' +
        '   <value name="lsize">' +
        '<block type="ai_canvas_area_tuple">' +
        '   <value name="xy">' +
        '       <block type="ai_lcd_XY_vision">' +
        '           <value name="A">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="B">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">140</field>' +
        '               </shadow>' +
        '           </value>' +
        '      </block>' +
        '   </value>' +
        '   <value name="wh">' +
        '       <block type="ai_lcd_WH_vision">' +
        '           <value name="A">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">100</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="B">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">240</field>' +
        '               </shadow>' +
        '           </value>' +
        '      </block>' +
        '   </value>' +
        '</block>' +
        '   </value>' +
        '   <value name="rsize">' +
        '<block type="ai_canvas_area_tuple">' +
        '   <value name="xy">' +
        '       <block type="ai_lcd_XY_vision">' +
        '           <value name="A">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">220</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="B">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">140</field>' +
        '               </shadow>' +
        '           </value>' +
        '      </block>' +
        '   </value>' +
        '   <value name="wh">' +
        '       <block type="ai_lcd_WH_vision">' +
        '           <value name="A">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">320</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="B">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">240</field>' +
        '               </shadow>' +
        '           </value>' +
        '      </block>' +
        '   </value>' +
        '</block>' +
        '   </value>' +
        '   <value name="axis">' +
        '       <block type="math_number"><field name="NUM">112</field></block>' +
        '   </value>' +
        '</block>' +
        '<block type="ai_vision_color_analyze">' +
        '   <value name="xy">' +
        '       <block type="ai_lcd_XY_vision">' +
        '           <value name="A">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="B">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '       </block>' +
        '   </value>' +
        '   <value name="wh">' +
        '       <block type="ai_lcd_WH_vision">' +
        '           <value name="A">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="B">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '      </block>' +
        '   </value>' +
        '</block>' +

        '<label id="graphics_decoding" text="Graphics decoding" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="ai_vision_find_qrcode"></block>' +
        '<block type="ai_vision_find_qrcode_result"></block>' +
        '<block type="ai_vision_qrcode_get_info"></block>' +
        '<block type="ai_vision_find_apriltag"></block>' +
        '<block type="ai_vision_apriltag_get_info"></block>' +
        '<block type="ai_vision_find_datamatrices"></block>' +
        // '<block type="ai_vision_datamatrices_get_info"></block>' +
        '<block type="ai_vision_find_barcodes"></block>' +
        '<block type="ai_vision_barcodes_get_info"></block>' +
        '<block type="ai_vision_barcodes_get_info_result"></block>' +
        '</category>' +


        /*
             _    ___  __     ___     _            
            / \  |_ _| \ \   / (_) __| | ___  ___  
           / _ \  | |   \ \ / /| |/ _` |/ _ \/ _ \ 
          / ___ \ | |    \ V / | | (_| |  __/ (_) |
         /_/   \_\___|    \_/  |_|\__,_|\___|\___/ 
        */


        '<category id="catIV" name="Video" colour="#4d9994">' +
        '<block type="ai_video_set_init"></block>' +
        '<block type="ai_video_set">' +
        '          <value name="path">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/root/user/video/record.mp4</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="ai_video_set_play"></block>' +
        '<block type="ai_video_set_stats"></block>' +
        '<block type="ai_video_stop_play"></block>' +
        '<block type="ai_video_record_init">' +
        '          <value name="save_path">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/root/user/video/record.mp4</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="w">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">320</field>' +
        '            </shadow>' +
        '           </value>' +
        '           <value name="h">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">240</field>' +
        '            </shadow>' +
        '           </value>' +
        '</block>' +
        '<block type="ai_video_record_get"></block>' +
        '<block type="ai_video_record_stop"></block>' +
        '</category>' +

        '</category>',

    'AI':
        '<category id="AI" name="人工智能" colour="#ee783a">' +

        '<category id="catModels" name="Models" colour="#ee783a">' +//模型
        '<label id="edge_detection" text="边缘检测" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_model_edge_init"></block>' +
        '<block type="ai_model_edge_loading"></block>' +
        '<block type="ai_model_edge_result"></block>' +
        '<label id="basis_number_recognition" text="Basis number recognition" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_model_digital_init"></block>' +
        '<block type="ai_model_digital_init_loding"></block>' +
        // '<block type="ai_model_digital_attribute"></block>' +
        '<block type="ai_model_digital"></block>' +
        '<block type="ai_model_digital_new"></block>' +
        '<block type="ai_model_digital_result"></block>' +
        '<label id="basis_object_recognition" text="Basis object recognition" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_model_object_init">' +
        // '</block>' +
        '<block type="ai_model_object_load"></block>' +
        '<block type="ai_model_look_attribute"></block>' +
        // '<block type="ai_model_look"></block>' +
        '<block type="ai_model_look_new"></block>' +
        '<block type="ai_model_get"></block>' +
        '<label id="Guesswork_recognition" text="猜拳识别" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_model_Guesswork_init">' +
        // '</block>' +
        '<block type="ai_model_Guesswork_load"></block>' +
        '<block type="ai_model_Guesswork_look"></block>' +
        '<block type="ai_model_Guesswork_look_new"></block>' +
        '<block type="ai_model_Guesswork_get"></block>' +
        // '<block type="ai_model_Guesswork_look_attribute"></block>' +
        '<label id="basis_face_recognition" text="Basis face recognition" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_model_face_recognition_init"></block>' +
        '<block type="ai_model_face_recognition_load"></block>' +
        '<block type="ai_model_face"></block>' +
        '<block type="ai_model_face_new"></block>' +
        '<block type="ai_model_xy"></block>' +
        // '<block type="ai_model_face_attribute"></block>' +
        // 车牌识别
        '<label id="basis_card_recognition" text="车牌识别" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_model_card_recognition_init"></block>' +
        '<block type="ai_model_card_recognition_load"></block>' +
        '<block type="ai_model_card_xy"></block>' +
        '<block type="ai_model_card_xy_new"></block>' +
        '<block type="ai_model_card_get"></block>' +
        // '<block type="ai_model_card_result"></block>' +
        '<label id="basis_face_recognition_1" text="人脸识别" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="face_recognition_load">' +
        '   <value name="class_input">' +
        '   <block type="lists_create_with">' +
        '       <value name="ADD0">' +
        '           <block type="text"><field name="TEXT">Name1</field></block>' +
        '       </value>' +
        '       <value name="ADD1">' +
        '           <block type="text"><field name="TEXT">Name2</field></block>' +
        '       </value>' +
        '       <value name="ADD2">' +
        '           <block type="text"><field name="TEXT">Name3</field></block>' +
        '       </value>' +
        '   </block>' +
        '   </value>' +
        '</block>' +
        '<block type="face_recognition_if_face"></block>' +
        '<block type="face_recognition_if_face_new"></block>' +
        '<block type="face_recognition_detection_rectangle"></block>' +
        // '<block type="face_recognition_map_face"></block>' +
        // '<block type="face_recognition_face_result"></block>' +
        '<block type="face_recognition_add"></block>' +
        '<block type="face_recognition_remove"></block>' +
        '<block type="face_recognition_data_load">' +
        '   <value name="class_input">' +
        '      <block type="text"><field name="TEXT">/root/user/model/recorded_face_features.py</field></block>' +
        '   </value>' +
        '</block>' +
        // '<block type="face_recognition_data_results"></block>' +
        // '<block type="ai_model_self_learning_result"></block>' +
        '<label id="self_learning" text="自我学习" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_model_self_learning_init">' +
        // '   <value name="class_input">' +
        // '   <block type="lists_create_with">' +
        // '       <value name="ADD0">' +
        // '           <block type="text"><field name="TEXT">Object 1 Name</field></block>' +
        // '       </value>' +
        // '       <value name="ADD1">' +
        // '           <block type="text"><field name="TEXT">Object 2 Name</field></block>' +
        // '       </value>' +
        // '       <value name="ADD2">' +
        // '           <block type="text"><field name="TEXT">Object 3 Name</field></block>' +
        // '       </value>' +
        // '   </block>' +
        // '   </value>' +
        // '</block>' +
        '<block type="ai_model_self_learning_load">' +
        '   <value name="class_input">' +
        '   <block type="lists_create_with">' +
        '       <value name="ADD0">' +
        '           <block type="text"><field name="TEXT">Object 1 Name</field></block>' +
        '       </value>' +
        '       <value name="ADD1">' +
        '           <block type="text"><field name="TEXT">Object 2 Name</field></block>' +
        '       </value>' +
        '       <value name="ADD2">' +
        '           <block type="text"><field name="TEXT">Object 3 Name</field></block>' +
        '       </value>' +
        '   </block>' +
        '   </value>' +
        '</block>' +
        '<block type="ai_model_self_learning_recognize_load">' +
        '   <value name="class_input">' +
        '   <block type="lists_create_with">' +
        '       <value name="ADD0">' +
        '           <block type="text"><field name="TEXT">Object 1 Name</field></block>' +
        '       </value>' +
        '       <value name="ADD1">' +
        '           <block type="text"><field name="TEXT">Object 2 Name</field></block>' +
        '       </value>' +
        '       <value name="ADD2">' +
        '           <block type="text"><field name="TEXT">Object 3 Name</field></block>' +
        '       </value>' +
        '   </block>' +
        '   </value>' +
        '</block>' +
        '<block type="ai_model_self_learning_add_class"></block>' +
        // '<block type="ai_model_self_learning_make_data_set"></block>' +
        '<block type="ai_model_self_learning_picture"></block>' +
        // '<block type="ai_model_self_learning_save_modal"></block>' +
        '<block type="ai_model_self_learning_class_verification"></block>' +
        '<block type="ai_model_self_learning_result"></block>' +

        // '<block type="ai_model_card_attribute_new"></block>' +
        '<label id="basis_model_recognition" text="Basis model recognition" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_model_customized_init_setup_definition"></block>' +
        // '<block type="ai_model_customized_init_setup">' +
        // '   <value name="class_input">' +
        // '   <block type="lists_create_with">' +
        // '       <value name="ADD0">' +
        // '           <block type="text"><field name="TEXT">Object 1 Name</field></block>' +
        // '       </value>' +
        // '       <value name="ADD1">' +
        // '           <block type="text"><field name="TEXT">Object 2 Name</field></block>' +
        // '       </value>' +
        // '       <value name="ADD2">' +
        // '           <block type="text"><field name="TEXT">Object 3 Name</field></block>' +
        // '       </value>' +
        // '   </block>' +
        // '   </value>' +
        // '</block>' +
        '<block type="ai_model_customized_load_setup">' +
        '   <value name="class_input">' +
        '   <block type="lists_create_with">' +
        '       <value name="ADD0">' +
        '           <block type="text"><field name="TEXT">Object 1 Name</field></block>' +
        '       </value>' +
        '       <value name="ADD1">' +
        '           <block type="text"><field name="TEXT">Object 2 Name</field></block>' +
        '       </value>' +
        '       <value name="ADD2">' +
        '           <block type="text"><field name="TEXT">Object 3 Name</field></block>' +
        '       </value>' +
        '   </block>' +
        '   </value>' +
        '</block>' +
        '<block type="ai_model_customized_if_got"></block>' +
        '<block type="ai_model_customized_if_got_new"></block>' +
        // '<block type="ai_model_customized_if_got"></block>' +
        '<block type="ai_model_customized_get_result">' +

        '</block>' +
        // '<label id="basis_speech_recognition" text="Speech Recording Recognition" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="speech_recognition_new_setup"></block>' +
        // '<block type="speech_recognition_record_start_result"></block>' +
        // '<block type="speech_recognition_new_start_recognition"></block>' +
        // '<block type="speech_recognition_new_recognition_get_any_result"></block>' +
        // '<block type="speech_recognition_new_recognition_get_result"></block>' +
        // yuyin zhuan pinyin blocks
        '<label id="basis_speech_pinyin_recognition" text="Speech Phonetic Recognition" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="speech_recognition_phonetic_to_pinyin_setup"></block>' +
        '<block type="speech_recognition_phonetic_to_pinyin_set_param">' +
        '    <mutation items="3"></mutation>' +
        '    <value name="PINYIN0">'+
        '    <shadow type="math_number">'+
        '        <field name="NUM">0</field>'+
        '    </shadow>'+
        '    <block type="set_pinyin_dict_create_with_items_insert">'+
        '        <mutation items="2"></mutation>'+
        '        <field name="KEY0">ni</field>'+
        '        <field name="toneADD00">1</field>'+
        '        <field name="KEY1">hao</field>'+
        '        <field name="toneADD11">3</field>'+
        '    </block>'+
        '    </value>'+
        '    <value name="PINYIN1">'+
        '    <block type="set_pinyin_dict_create_with_items_insert">'+
        '        <mutation items="2"></mutation>'+
        '        <field name="KEY0">hao</field>'+
        '        <field name="toneADD00">3</field>'+
        '        <field name="KEY1">de</field>'+
        '        <field name="toneADD11">1</field>'+
        '    </block>'+
        '    </value>'+
        '    <value name="PINYIN2">'+
        '    <block type="set_pinyin_dict_create_with_items_insert">'+
        '        <mutation items="3"></mutation>'+
        '        <field name="KEY0">wan</field>'+
        '        <field name="toneADD00">1</field>'+
        '        <field name="KEY1">shang</field>'+
        '        <field name="toneADD11">4</field>'+
        '        <field name="KEY2">hao</field>'+
        '        <field name="toneADD22">3</field>'+
        '    </block>'+
        '    </value>' +
        '</block>' +
        '<block type="speech_recognition_set_pinyin_tone"></block>' +
        '<block type="speech_recognition_phonetic_to_pinyin_start_recognition"></block>' +
        '<block type="speech_recognition_phonetic_to_pinyin_stop_recognition"></block>' +
        '<block type="speech_recognition_phonetic_to_pinyin_pause_recognition"></block>' +
        '<block type="speech_recognition_phonetic_to_pinyin_get_result"></block>' +
        '<label id="" text="Numpy 神经网络" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="Numpy_Neural_Network_init">' +
        '</block>' +
        '<block type="Numpy_Neural_Network_load">' +
        '</block>' +
        '<block type="Numpy_Neural_Network_LOading_test_train">' +
        '   <value name="class_input">' +
        '       <block type="text"><field name="TEXT">/root/preset/training/res/mnist_train_100.csv</field></block>' +
        '   </value>' +
        '   <value name="class_input1">' +
        '       <block type="text"><field name="TEXT">/root/preset/training/res/mnist_test_10.csv</field></block>' +
        '   </value>' +
        '</block>' +
        '<block type="Numpy_Neural_Network_numpy_isStart">' +
        '</block>' +
        '<block type="Numpy_Neural_Network_setting_training_argument">' +
        '   <value name="class_input">' +
        '       <block type="text"><field name="TEXT">784</field></block>' +
        '   </value>' +
        '   <value name="class_input1">' +
        '       <block type="text"><field name="TEXT">128</field></block>' +
        '   </value>' +
        '   <value name="class_input2">' +
        '       <block type="text"><field name="TEXT">10</field></block>' +
        '   </value>' +
        '   <value name="class_input3">' +
        '       <block type="text"><field name="TEXT">0.1</field></block>' +
        '   </value>' +
        '   <value name="class_input4">' +
        '       <block type="text"><field name="TEXT">10</field></block>' +
        '   </value>' +
        '   <value name="class_input5">' +
        '       <block type="text"><field name="TEXT">/root/user/model/NN.pkl</field></block>' +
        '   </value>' +
        '</block>' +
        '<block type="Numpy_Neural_Network_numpy_loading_model">' +
        '   <value name="class_input">' +
        '       <block type="text"><field name="TEXT">/root/user/model/NN.pkl</field></block>' +
        '   </value>' +
        '</block>' +
        '<block type="Numpy_Neural_Network_numpy_loading_model_fun">' +
        '</block>' +
        '<block type="Numpy_Neural_Network_numpy_loading_model_result">' +
        '</block>' +
        '<block type="Numpy_Neural_Network_numpy_clear">' +
        '</block>' +
        '</category>' +
        // 讯飞在线识别
        '<category id="OnlineIdentify" name="Motor" colour="#0000FF">' +
        '<label id="online_face_recognition" text="在线人脸识别" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_online_ident_init">' +
        // '          <value name="A">' +
        // '            <shadow type="text">' +
        // '              <field name="TEXT">2a588b52</field>' +
        // '            </shadow>' +
        // '          </value>' +
        // '          <value name="B">' +
        // '            <shadow type="text">' +
        // '              <field name="TEXT">MzQyZDE3MmQ1ZThhNjBiODI3ZDEzY2Nk</field>' +
        // '            </shadow>' +
        // '          </value>' +
        // '          <value name="C">' +
        // '            <shadow type="text">' +
        // '              <field name="TEXT">a61f7532ed97cb4506752047c9221f6c</field>' +
        // '            </shadow>' +
        // '          </value>' +
        // '</block>' +
        '<block type="ai_online_ident_loading">' +
        '          <value name="A">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">2a588b52</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="B">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">MzQyZDE3MmQ1ZThhNjBiODI3ZDEzY2Nk</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="C">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">a61f7532ed97cb4506752047c9221f6c</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="path">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/root/preset/img/cocorobo_logo.jpg</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="ai_online_ident_result"></block>' +
        '<block type="ai_online_ident_result_people"></block>' +
        '<label id="online_text_to_voice" text="在线文本转语音" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_audio_init">' +
        // '          <value name="A">' +
        // '            <shadow type="text">' +
        // '              <field name="TEXT">2a588b52</field>' +
        // '            </shadow>' +
        // '          </value>' +
        // '          <value name="B">' +
        // '            <shadow type="text">' +
        // '              <field name="TEXT">MzQyZDE3MmQ1ZThhNjBiODI3ZDEzY2Nk</field>' +
        // '            </shadow>' +
        // '          </value>' +
        // '          <value name="C">' +
        // '            <shadow type="text">' +
        // '              <field name="TEXT">a61f7532ed97cb4506752047c9221f6c</field>' +
        // '            </shadow>' +
        // '          </value>' +
        // '</block>' +
        '<block type="ai_audio_play_state">' +
        '          <value name="A">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">2a588b52</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="B">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">MzQyZDE3MmQ1ZThhNjBiODI3ZDEzY2Nk</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="C">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">a61f7532ed97cb4506752047c9221f6c</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="NAME">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">hello world</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="path">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/demo.pcm</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<label id="online_speech_recognition" text="在线语音识别" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_online_voice_init">' +
        // '</block>' +
        '<block type="ai_online_voice_loading">' +
        '          <value name="A">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">2a588b52</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="B">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">MzQyZDE3MmQ1ZThhNjBiODI3ZDEzY2Nk</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="C">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">a61f7532ed97cb4506752047c9221f6c</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="path">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/root/user/audio/record.wav</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="ai_online_voice_result"></block>' +
        '<label id="machine_translation" text="机器翻译" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_online_machine_translation_init">' +
        // '</block>' +
        '<block type="ai_online_machine_translation_loading">' +
        '          <value name="A">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">8810558b</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="B">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">ZTIzYjM5NmIzMmRiZWNiMzk4MzkzZjk2</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="C">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">14975be8b286996b1f9002e81e0a4f3c</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="NAME">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">hello world</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="ai_online_machine_translation_result"></block>' +
        '<label id="handwritten_text" text="手写文字识别" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_online_handwritten_text_init">' +
        // '          <value name="A">' +
        // '            <shadow type="text">' +
        // '              <field name="TEXT">2a588b52</field>' +
        // '            </shadow>' +
        // '          </value>' +
        // '          <value name="C">' +
        // '            <shadow type="text">' +
        // '              <field name="TEXT">a92e45658833435660a5b4eb16495bbf</field>' +
        // '            </shadow>' +
        // '          </value>' +
        // '</block>' +
        '<block type="ai_online_handwritten_text_loading">' +
        '          <value name="A">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">2a588b52</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="C">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">a92e45658833435660a5b4eb16495bbf</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="path">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/root/preset/img/cocorobo_logo.jpg</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="ai_online_handwritten_text_result"></block>' +
        '<label id="formula" text="公式识别" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_online_formula_init">' +
        // '</block>' +
        '<block type="ai_online_formula_loading">' +
        '          <value name="A">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">2a588b52</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="B">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">MzQyZDE3MmQ1ZThhNjBiODI3ZDEzY2Nk</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="C">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">a61f7532ed97cb4506752047c9221f6c</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="path">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/root/preset/img/cocorobo_logo.jpg</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="ai_online_formula_result"></block>' +
        '<label id="AI_emotion" text="情绪识别" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_online_emotion_init">' +
        // '</block>' +
        '<block type="ai_online_emotion_loading">' +
        '          <value name="path">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/root/preset/img/cocorobo_logo.jpg</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="ai_online_emotion_result"></block>' +

        '<label id="gesturesTitle" text="手势识别" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="ai_online_gesture_init">' +
        // '</block>' +
        '<block type="ai_online_gesture_loading">' +
        '          <value name="path">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/root/preset/img/cocorobo_logo.jpg</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="ai_online_gesture_result"></block>' +
        '</category>' +
        '<category id="" name="AIGC" colour="#7e3cca">' +
        // '<block type="cocopi_chatGpt_init">' +
        // '</block>' +
        // '<block type="cocopi_chatGpt_result"></block>' +
        '<label id="text_to_img" text="文字转图片" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="cocopi_chatGpt_text_to_img_loading">' +
        '          <value name="NAME">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">Smile</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        // '<block type="cocopi_chatGpt_text_to_img_result"></block>' +
        '<label id="img_to_text" text="图片转文字" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="cocopi_chatGpt_image_to_text_loading">' +
        '          <value name="NAME">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/root/preset/img/face/face21.jpg</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="NAME1">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">图片什么内容</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<label id="text_to_voice" text="文字转语音" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="cocopi_chatGpt_text_to_voice_loading">' +
        '          <value name="NAME">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">hello world</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<label id="voice_to_text" text="语音转文字" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="cocopi_chatGpt_voice_to_text_loading">' +
        '          <value name="NAME">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">/root/user/audio/record.wav</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        // '<block type="cocopi_chatGpt_voice_to_text_result"></block>' +
        '<label id="gpt_answer" text="文字对话" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="cocopi_chatGpt_post_chatgpt_loading">' +
        '          <value name="NAME">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">who are you</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<label id="ai_agent_chat" text="AI 智能体" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="cocopi_chatGpt_AI_loading">' +
        '          <value name="NAME">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">ENTER_YOUR_EVENT_API_KEY</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="NAME1">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">Problem</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="cocopi_chatGpt_AI_loading_more">' +
        '          <value name="NAME">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">ENTER_YOUR_EVENT_API_KEY</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="NAME1">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">Problem</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        // '<block type="cocopi_chatGpt_post_chatgpt_result"></block>' +
        '</category>' +
        '</category>',

    'IOT':
        '<category id="IOT" name="IOT" colour="#7e3cca">' +
        '<category id="" name="Wi-Fi" colour="#3062c1">' +
        '<block type="V831_code_scanning_network"></block>' +
        '<block type="esp32_main_controller_wifi_connect_internet">' +
        '      <value name="ssid">' +
        '       <shadow type="text">' +
        '           <field name="TEXT">ENTER_YOUR_SSID</field>' +
        '       </shadow>' +
        '      </value>' +
        '      <value name="password">' +
        '       <shadow type="text">' +
        '           <field name="TEXT">ENTER_YOUR_PASSWORD</field>' +
        '       </shadow>' +
        '      </value>' +
        '</block>' +
        '<block type="esp32_main_controller_get_wifi_connection_status"></block>' +
        '<block type="esp32_main_controller_wifi_get_info"></block>' +
        '<block type="esp32_main_controller_wifi_disconnect"></block>' +
        '<block type="esp32_main_controller_wifi_ntptime"></block>' +
        '</category>' +
        '<category id="" name="Web" colour="#3062c1">' +
        '<label id="Get_weather" text="获取天气信息" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="v831_get_weather_init"></block>' +
        '<block type="v831_set_city_and_time"></block>' +
        '<block type="v831_set_city_and_time_new"></block>' +
        '<block type="v831_get_weather_result"></block>' +

        '<label id="basis_ifttt" text="ifttt" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="esp32_main_controller_ifttt_send_data">' +
        '          <value name="ifttt_data_1">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="ifttt_data_2">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="ifttt_data_3">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="esp32_main_controller_ifttt_touched"></block>' +
        '<label id="basis_service_thingspeak" text="Basis service thingspeak" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="iot_service_thingspeak">' +
        '          <value name="ADD0">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">0</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="iot_service_thingspeak_read"></block>' +
        '<block type="iot_service_thingspeak_read_total"></block>' +
        '<block type="iot_service_thingspeak_read_specific">' +
        '          <value name="entry">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">1</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="field">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">1</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<label id="basis_http" text="Basis http" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="esp32_network_http_get">' +
        '      <value name="http_get_url">' +
        '       <shadow type="text">' +
        '           <field name="TEXT">HTTP://ENTER_AN_URL</field>' +
        '       </shadow>' +
        '      </value>' +
        '</block>' +
        '<block type="esp32_network_http_post">' +
        '      <value name="http_post_url">' +
        '       <shadow type="text">' +
        '           <field name="TEXT">HTTP://ENTER_AN_URL</field>' +
        '       </shadow>' +
        '      </value>' +
        '      <value name="data">' +
        '           <block type="dict_create_with_items_insert"></block>' +
        '      </value>' +
        '</block>' +
        '<block type="CocoRobo_get"></block>' +
        '<block type="esp32_network_http_get_data_from_local_server"></block>' +

        '</category>' +
        '<category id="catCloudData" name="云端" colour="#3062c1">' +
        '<label id="basis_service_cococloud" text="Basis service cococloud" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        // '<block type="iot_service_cococloud">' +
        // '          <value name="ADD0">' +
        // '            <shadow type="math_number">' +
        // '              <field name="NUM">0</field>' +
        // '            </shadow>' +
        // '          </value>' +
        // '</block>' +
        '<block type="v831_service_cococloud">' +
        '          <value name="KEY0">' +
        '            <shadow type="text">' +
        '              <field name="TEXT">Property</field>' +
        '            </shadow>' +
        '          </value>' +
        '          <value name="ADD0">' +
        '           <shadow type="text">' +
        '              <field name="TEXT">value</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="iot_service_cococloud_read"></block>' +
        '<block type="iot_service_cococloud_read_data">' +
        '      <value name="property">' +
        '       <shadow type="text">' +
        '           <field name="TEXT">property</field>' +
        '       </shadow>' +
        '      </value>' +
        '</block>' +
        '</category>' +
        '</category>',

    'ExtendedFunction':
        '<category id="extension_module" name="extension_module" colour="#3163ed">' +
        '<category id="LEDstrip" name="LED strip" colour="#e8795b">' +
        // '<block type="esp32_main_controller_led_strip_setup">' +
        // '      <value name="io">' +
        // '           <shadow type="math_number">' +
        // '               <field name="NUM">1</field>' +
        // '           </shadow>' +
        // '      </value>' +
        // '      <value name="count">' +
        // '            <shadow type="math_number">' +
        // '              <field name="NUM">16</field>' +
        // '            </shadow>' +
        // '      </value>' +
        // '</block>' +
        '<block type="esp32_main_controller_led_strip_set">' +
        '      <value name="location">' +
        '           <shadow type="math_number">' +
        '               <field name="NUM">1</field>' +
        '           </shadow>' +
        '      </value>' +
        '      <value name="color">' +
        '           <block type="iot_led_matrix_color_picker"></block>' +
        '      </value>' +
        '      <value name="brightness">' +
        '           <shadow type="math_number">' +
        '               <field name="NUM">50</field>' +
        '           </shadow>' +
        '      </value>' +
        '</block>' +
        '<block type="esp32_main_controller_led_strip_set_one">' +
        '      <value name="location">' +
        '           <shadow type="math_number">' +
        '               <field name="NUM">1</field>' +
        '           </shadow>' +
        '      </value>' +
        '      <value name="location1">' +
        '           <shadow type="math_number">' +
        '               <field name="NUM">5</field>' +
        '           </shadow>' +
        '      </value>' +
        '      <value name="color">' +
        '           <block type="iot_led_matrix_color_picker"></block>' +
        '      </value>' +
        '      <value name="brightness">' +
        '           <shadow type="math_number">' +
        '               <field name="NUM">50</field>' +
        '           </shadow>' +
        '      </value>' +
        '</block>' +
        '<block type="esp32_main_controller_led_strip_set_all">' +
        '      <value name="color">' +
        '           <block type="iot_led_matrix_color_picker"></block>' +
        '      </value>' +
        '      <value name="brightness">' +
        '           <shadow type="math_number">' +
        '               <field name="NUM">50</field>' +
        '           </shadow>' +
        '      </value>' +
        '</block>' +
        '<block type="esp32_main_controller_led_strip_set_all_off"></block>' +

        '<block type="iot_led_matrix_color_picker"></block>' +
        '<block type="led_strip_color_rgb">' +
        '           <value name="rgb_value_r">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="rgb_value_g">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '           <value name="rgb_value_b">' +
        '               <shadow type="math_number">' +
        '                   <field name="NUM">0</field>' +
        '               </shadow>' +
        '           </value>' +
        '</block>' +
        '</category>' +
        '<category id="" name="第三方传感器" colour="#d42b03">' +
        '<label id="basis_buzzer" text="蜂鸣器" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="esp32_main_controller_set_buzzer_init"></block>' +
        '<block type="esp32_main_controller_set_buzzer">' +
        '          <value name="esp32_var_num">' +
        '            <shadow type="math_number">' +
        '              <field name="NUM">31</field>' +
        '            </shadow>' +
        '          </value>' +
        '</block>' +
        '<block type="esp32_main_controller_turn_off_buzzer"></block>' +
        '<block type="esp32_main_controller_turn_off_buzzer_music">' +
        '     <value name="beat">' +
        '         <shadow type="esp32_main_controller_buzzer_set_beat_lite">' +
        '         </shadow>' +
        '     </value>' +
        '</block>' +
        '<label id="" text="室温/水温" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="v831_room_water_temperature"></block>' +
        '<label id="" text="实时时钟" web-class="myLabelStyle" style="font-size:20px;"></label>' +
        '<block type="v831_set_real_time_clock"></block>' +
        '<block type="v831_real_time_clock"></block>' +
        '</category>' +
        '</category>',
};

/**
 * Creates an updated representation of the Toolboxes XML as currently specified in the
 * model, using whatever modules have been added or removed. This method can either set it
 * or just retrieve it for future use.
 *
 * @param {Boolean} only_set - Whether to return the XML string or to actually set the XML. False means that it will not update the toolbox!
 * @returns {String?} Possibly returns the XML of the toolbox as a string.
 */
BlockPyEditor.prototype.updateToolbox = function (only_set) {
    // let blocklyXml = Blockly.Xml.textToDom(BlockPyEditor.CATEGORY_MAP)
    // var categoryNodes = blocklyXml.getElementsByTagName('category');
    // for (var i = 0, cat; cat = categoryNodes[i]; i++) {
    //     var catId = cat.getAttribute('id');
    //     var catText = Ardublockly.getLocalStr(catId);
    //     if (catText) {
    //         cat.setAttribute('name', catText);
    //     }
    // }
    var xml = '<xml id="toolbox" style="display: none">';
    var modules = this.main.model.assignment.modules();
    var started_misc = false,
        started_values = false,
        started_data = false;
    for (var i = 0, length = modules.length; i < length; i = i + 1) {
        var module = modules[i];
        if (!started_misc && ['Calculation', 'Output', 'Python'].indexOf(module) != -1) {
            started_misc = true;
            // xml += BlockPyEditor.CATEGORY_MAP['Separator'];
        }
        if (!started_values && ['Values', 'Lists', 'Dictionaries'].indexOf(module) != -1) {
            started_values = true;
            // xml += BlockPyEditor.CATEGORY_MAP['Separator'];
        }
        if (!started_data && module.slice(0, 6) == 'Data -') {
            started_data = true;
            // xml += BlockPyEditor.CATEGORY_MAP['Separator'];
        }
        if (typeof module == 'string') {
            xml += BlockPyEditor.CATEGORY_MAP[module];
        } else {
            var category = '<category name="' + module.name + '" colour="' + module.color + '">';
            for (var j = 0; category_length = module.blocks.length; j = j + 1) {
                var block = module.blocks[j];
                category += '<block type="' + block + '"></block>';
            }
            category += '</category>';
        }
        //'<sep></sep>'+
    }
    xml += '</xml>';
    Ardublockly.initLanguage();
    Ardublockly.updateToolboxLanguage(xml);
    xml = Ardublockly.xmlTree;
    if (only_set && !this.main.model.settings.read_only()) {
        this.blockly.updateToolbox(xml);
        this.blockly.resize();
    } else {
        return xml;
    }
};

BlockPyEditor.prototype.DOCTYPE = '<?xml version="1.0" standalone="no"?>' + '<' + '!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">';
BlockPyEditor.prototype.cssData = null;
BlockPyEditor.prototype.loadCss = function () {
    if (this.cssData == null) {
        var txt = '.blocklyDraggable {}\n';
        txt += Blockly.Css.CONTENT.join('\n');
        if (Blockly.FieldDate) {
            txt += Blockly.FieldDate.CSS.join('\n');
        }
        // Strip off any trailing slash (either Unix or Windows).
        this.cssData = txt.replace(/<<<PATH>>>/g, Blockly.Css.mediaPath_);
    }
}

/**
 * Generates a PNG version of the current workspace. This PNG is stored in a Base-64 encoded
 * string as part of a data URL (e.g., "data:image/png;base64,...").
 * TODO: There seems to be some problems capturing blocks that don't start with
 * statement level blocks (e.g., expression blocks).
 *
 * @param {Function} callback - A function to be called with the results. This function should take two parameters, the URL (as a string) of the generated base64-encoded PNG and the IMG tag.
 */
BlockPyEditor.prototype.getPngFromBlocks = function (callback) {
    this.loadCss();
    try {
        // Retreive the entire canvas, strip some unnecessary tags
        var blocks = this.blockly.svgBlockCanvas_.cloneNode(true);
        blocks.removeAttribute("width");
        blocks.removeAttribute("height");
        // Ensure that we have some content
        if (blocks.childNodes[0] !== undefined) {
            // Remove tags that offset
            blocks.removeAttribute("transform");
            blocks.childNodes[0].removeAttribute("transform");
            blocks.childNodes[0].childNodes[0].removeAttribute("transform");
            // Add in styles
            var linkElm = document.createElementNS("http://www.w3.org/1999/xhtml", "style");
            linkElm.textContent = this.cssData + '\n\n';
            blocks.insertBefore(linkElm, blocks.firstChild);
            // Get the bounding box
            var bbox = document.getElementsByClassName("blocklyBlockCanvas")[0].getBBox();
            // Create the XML representation of the SVG
            var xml = new XMLSerializer().serializeToString(blocks);
            xml = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="' + bbox.width + '" height="' + bbox.height + '" viewBox="0 0 ' + bbox.width + ' ' + bbox.height + '"><rect width="100%" height="100%" fill="white"></rect>' + xml + '</svg>';
            // create a file blob of our SVG.
            // Unfortunately, this crashes modern chrome for unknown reasons.
            //var blob = new Blob([ this.DOCTYPE + xml], { type: 'image/svg+xml' });
            //var url = window.URL.createObjectURL(blob);
            // Old method: this failed on IE
            var url = "data:image/svg+xml;base64," + btoa(unescape(encodeURIComponent(xml)));
            // Create an IMG tag to hold the new element
            var img = document.createElement("img");
            img.style.display = 'block';
            img.onload = function () {
                var canvas = document.createElement('canvas');
                canvas.width = bbox.width;
                canvas.height = bbox.height;
                var ctx = canvas.getContext('2d');
                ctx.drawImage(img, 0, 0);
                var canvasUrl;
                try {
                    canvasUrl = canvas.toDataURL("image/png");
                } catch (e) {
                    canvasUrl = url;
                }
                img.onload = null;
                callback(canvasUrl, img);
            }
            img.onerror = function () {
                callback("", img);
            }
            img.setAttribute('src', url);
        } else {
            callback("", document.createElement("img"))
        }
    } catch (e) {
        callback("", document.createElement("img"));
        console.error("PNG image creation not supported!", e);
    }
}

/**
 * Shows a dialog window with the current block workspace encoded as a
 * downloadable PNG image.
 */
BlockPyEditor.prototype.copyImage = function () {
    var dialog = this.main.components.dialog;
    this.getPngFromBlocks(function (canvasUrl, img) {
        img.onload = function () {
            var p = document.createElement('p');
            p.textContent = "Right click the image below and choose to copy or save it."
            var div = document.createElement('div');
            div.appendChild(p);
            div.appendChild(img);
            dialog.show("Save Blocks As Image", div);
        };
        img.src = canvasUrl;
    });
}