cocorobolx/python/src/dist/editor.dev.js

"use strict";

/**
 * 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 updateReadOnly() {
    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="controls_if"><mutation else="1"></mutation></block>' +
  '<block type="logic_compare">' + //'<value name="B"><block type="math_number"><field name="NUM">0</field></block></value>' +
  '</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_repeatFovrerDo"></block>' +
  // '    <block type="controls_repeat_ext">' +
  // '      <value name="TIMES">' +
  // '        <block type="math_number">' +
  // '          <field name="NUM">10</field>' +
  // '        </block>' +
  // '      </value>' +
  // '    </block>' +
  // '    <block type="controls_whileUntil"></block>' +
  // '    <block type="controls_for">' +
  // '      <value name="FROM">' +
  // '        <block type="math_number">' +
  // '          <field name="NUM">1</field>' +
  // '        </block>' +
  // '      </value>' +
  // '      <value name="TO">' +
  // '        <block type="math_number">' +
  // '          <field name="NUM">10</field>' +
  // '        </block>' +
  // '      </value>' +
  // '      <value name="BY">' +
  // '        <block type="math_number">' +
  // '          <field name="NUM">1</field>' +
  // '        </block>' +
  // '      </value>' +
  // '    </block>' +
  // '    <block type="controls_forEach"></block>' +
  // '    <block type="controls_flow_statements"></block>' +
  '<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"></block>' +
  // //'<block type="raw_table"></block>'+
  // '<block type="math_arithmetic"></block>' +
  // // '<block type="type_check"></block>'+
  // //'<block type="raw_empty"></block>'+
  // '<block type="math_single"></block>' +
  // '<block type="math_trigonometricFunction"></block>' +
  // '<block type="math_specialNumber"></block>' +
  // '<block type="math_number_property"></block>' +
  // '<block type="math_round"></block>' +
  // '<block type="math_rounds"></block>' +
  // '<block type="math_sum_list"></block>' +
  // '<block type="math_remainder"></block>' +
  // '<block type="math_integer"></block>' +
  // '<block type="math_constrain"></block>' +
  // '<block type="math_map"></block>' +
  // '<block type="math_random"></block>' +
  // '<block type="math_randoms"></block>' +
  // '<block type="math_numberType"></block>' +
  // '<block type="math_numberBoolean"></block>' +
  // '<block type="math_invert"></block>' +
  // '<block type="math_decimal"></block>' +
  // '<block type="math_stringconverted"></block>' +
  // '<block type="math_decimalBytes"></block>' +
  // '<block type="math_shaping"></block>' +
  // '<block type="math_character"></block>' +
  // '<block type="math_stringBytes"></block>' +
  // '<block type="math_hex"></block>' +
  // '<block type="math_encoding"></block>' +
  // '<block type="math_deconding"></block>' +
  // // '<block type="math_sum_values"></block>' +
  // // '<block type="math_sum_common"></block>' +
  '<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>',
  'Lists': '<category id="catLists" name="Lists" colour="#40bfe4">' + // '<block type="list_creatEmptyList"></block>' +
  // '<block type="list_creatEmptyWith"></block>' +
  // '<block type="list_creatList"></block>' +
  // '<block type="list_define"></block>' +
  // '<block type="list_listItem"></block>' +
  // '<block type="list_addItem"></block>' +
  // '<block type="list_listInclude"></block>' +
  // '<block type="list_listAppend"></block>' +
  // '<block type="list_clearList"></block>' +
  // '<block type="list_creatListTimes"></block>' +
  // '<block type="list_lengthOf"></block>' +
  // '<block type="list_empty"></block>' +
  // '<block type="list_location"></block>' +
  // '<block type="list_setList"></block>' +
  // '<block type="list_insertList"></block>' +
  // '<block type="list_returnList"></block>' +
  // '<block type="list_inList"></block>' +
  // '<block type="list_inLists"></block>' +
  // '<block type="list_make"></block>' +
  // '<block type="list_sort"></block>' +
  '<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="dictionary_creatDictionary"></block>' +
  // '<block type="dictionary_creatDictionarys"></block>' +
  // '<block type="dictionary_define"></block>' +
  // '<block type="dictionary_addKey"></block>' +
  // '<block type="dictionary_valueOf"></block>' +
  // '<block type="dictionary_lengthOf"></block>' +
  // '<block type="dictionary_dictionaryInclude"></block>' +
  // '<block type="dictionary_listOf"></block>' +
  '  <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_createTuple"></block>' +
  // '<block type="tuple_createTuples"></block>' +
  // '<block type="tuple_defineTuple"></block>' +
  // '<block type="tuple_tupleItem"></block>' +
  // '<block type="tuple_tupleValue"></block>' +
  // '<block type="tuple_tupleinclude"></block>' +
  // '<block type="tuple_returnTupleItem"></block>' +
  // '<block type="tuple_returnTupleItems"></block>' +
  // '<block type="tuple_listTuple"></block>' +
  // // '<block type="tuple_create"></block>' +
  ' <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_creatSets"></block>' +
  // '<block type="set_creatSet"></block>' +
  // '<block type="set_defineSet"></block>' +
  // '<block type="set_updateSet"></block>' +
  // '<block type="set_updateSets"></block>' +
  // '<block type="set_setSet"></block>' +
  // '<block type="set_intersectionSet"></block>' +
  // '<block type="set_lengthOf"></block>' +
  // '<block type="set_returnSet"></block>' +
  '<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>',
  // 'Classes': '<category name="Classes" colour="210">' +
  //     '<block type="class_creation"></block>' +
  //     // '<block type="class_creation">'+
  //     //     '<mutation value="k"></mutation>'+
  //     // '</block>'+
  //     '</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_from_analog_pin">' + ' <value name="analog_pin_input">' + '<shadow type="math_number">' + '  <field name="NUM">1</field>' + '</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>' + '</value>' + ' <value name="pwm">' + '<shadow type="math_number">' + '  <field name="NUM">600</field>' + '</shadow>' + '</value>' + ' <value name="frequency">' + '<shadow type="math_number">' + '  <field name="NUM">1000</field>' + '</shadow>' + '</value>' + '</block>' + '<block type="ai_main_controller_io_set_analog_pin">' + ' <value name="analog_pin_input">' + '<shadow type="math_number">' + '  <field name="NUM">1</field>' + '</shadow>' + '</value>' + ' <value name="pwm">' + '<shadow type="math_number">' + '  <field name="NUM">600</field>' + '</shadow>' + '</value>' + ' <value name="frequency">' + '<shadow type="math_number">' + '  <field name="NUM">1000</field>' + '</shadow>' + '</value>' + ' <value name="timer">' + '<shadow type="math_number">' + '  <field name="NUM">1</field>' + '</shadow>' + '</value>' + ' <value name="channel">' + '<shadow type="math_number">' + '  <field name="NUM">0</field>' + '</shadow>' + '</value>' + '</block>' + '<block type="esp32_main_controller_io_high_low"></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">' + '          <value name="PATH">' + '            <shadow type="text">' + '              <field name="TEXT">/cocorobo.txt</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="iot_system_write">' + '          <value name="PATH">' + '            <shadow type="text">' + '              <field name="TEXT">/cocorobo.txt</field>' + '            </shadow>' + '          </value>' + '          <value name="WPATH">' + '            <shadow type="text">' + '              <field name="TEXT"></field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="iot_system_input">' + '          <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_delaymicros">' + '      <value name="DELAY_TIME_MICRO">' + '        <block type="math_number">' + '          <field name="NUM">100</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">' + '          <value name="ADD0">' + '            <shadow type="text">' + '              <field name="TEXT">Data</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="serial_send_data_to_microbit">' + '</block>' + // '<block type="ai_serialport_printall">' +
  // '</block>' +
  '</category>',
  'MainBoard': '<category id="catMainBoard" name="Main Board" colour="#3163ed">' + '<category id="catBasics" name="Basics" colour="#e8795b">' + '<block type="esp32_main_controller_button_read_pressed"></block>' + '<block type="esp32_main_controller_button_read_released"></block>' + '<block type="esp32_main_controller_button_read_value"></block>' + // '<block type="esp32_main_controller_dial_switch_read_pressed"></block>' +
  // '<block type="esp32_main_controller_dial_switch_read_released"></block>' +
  '<block type="esp32_main_controller_touch_read_touched"></block>' + '<block type="esp32_main_controller_touch_read_untouched"></block>' + '<block type="esp32_main_controller_touch_read_value"></block>' + '<block type="esp32_main_controller_set_led_turnon">' + '          <value name="led_type">' + '            <shadow type="math_number">' + '              <field name="NUM">1</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="esp32_main_controller_set_led_turnoff">' + '          <value name="led_type">' + '            <shadow type="math_number">' + '              <field name="NUM">1</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="esp32_main_controller_set_led_drawpixel_on">' + '          <value name="x">' + '            <shadow type="math_number">' + '              <field name="NUM">1</field>' + '            </shadow>' + '          </value>' + '          <value name="y">' + '            <shadow type="math_number">' + '              <field name="NUM">1</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="esp32_main_controller_set_led_drawpixel_off">' + '          <value name="x">' + '            <shadow type="math_number">' + '              <field name="NUM">1</field>' + '            </shadow>' + '          </value>' + '          <value name="y">' + '            <shadow type="math_number">' + '              <field name="NUM">1</field>' + '            </shadow>' + '          </value>' + '</block>' +
  /*
  '<block type="esp32_main_controller_set_led_turnon"></block>' +
  '<block type="esp32_main_controller_set_led_turnoff"></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_get_environmental_value"></block>' + //'<block type="esp32_main_controller_motion_init"></block>' +
  //'<block type="esp32_main_controller_motion_when_shaking"></block>' +
  '<block type="esp32_main_controller_motion_when_shaking_STATEMENT"></block>' + //'<block type="esp32_main_controller_motion_when_tilting"></block>' +
  '<block type="esp32_main_controller_motion_when_tilting_STATEMENT"></block>' + '<block type="esp32_main_controller_motion_acceleration"></block>' + '<block type="esp32_main_controller_motion_tilt_angle"></block>' + '<block type="esp32_main_controller_get_light"></block>' + '</category>' +
  /*
  '<category id="catDisplay" name="Display" colour="#5bb2d6">' +
  '<block type="CocoRobo_display_fill"></block>' +
  '<block type="esp32_main_controller_lcd_rotation"></block>' +
  '<block type="botbit_Steering_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="botbit_Steering_WH">' +
  '          <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="esp32_main_controller_lcd_color_hex_to_rgb"></block>' +
  '<block type="esp32_main_controller_rgb_value">' +
  '   <value name="rgb_value_r">' +
  '      <shadow type="math_number">' +
  '          <field name="NUM">255</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="esp32_main_controller_lcd_screen_fill">' +
  '     <value name="COLOR">' +
  '        <shadow type="esp32_main_controller_lcd_color_hex_to_rgb">' +
  '        </shadow>' +
  '      </value>' +
  '</block>' +
  '<block type="esp32_main_controller_clear_screen"></block>' +
  '    <block type="esp32_main_controller_lcd_drawpixel">' +
  '      <value name="COLOR">' +
  '        <shadow type="esp32_main_controller_lcd_color_hex_to_rgb">' +
  '        </shadow>' +
  '      </value>' +
  '      <value name="POS">' +
  '        <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="esp32_main_controller_lcd_drawline">' +
  '      <value name="COLOR">' +
  '        <shadow type="esp32_main_controller_lcd_color_hex_to_rgb">' +
  '        </shadow>' +
  '      </value>' +
  '      <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">50</field>' +
  '            </shadow>' +
  '          </value>' +
  '          <value name="POSY">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">50</field>' +
  '            </shadow>' +
  '          </value>' +
  '        </block>' +
  '      </value>' +
  '    </block>' +
  '    <block type="esp32_main_controller_lcd_drawlinelen">' +
  '      <value name="COLOR">' +
  '        <block type="esp32_main_controller_lcd_color_hex_to_rgb">' +
  '        </block>' +
  '      </value>' +
  '      <value name="POS">' +
  '        <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="LENGTH">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">0</field>' +
  '            </shadow>' +
  '      </value>' +
  '    </block>' +
    '    <block type="esp32_main_controller_lcd_drawrect">' +
  '      <value name="COLOR">' +
  '        <shadow type="esp32_main_controller_lcd_color_hex_to_rgb">' +
  '        </shadow>' +
  '      </value>' +
  '      <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">0</field>' +
  '            </shadow>' +
  '          </value>' +
  '          <value name="HEIGHT">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">0</field>' +
  '            </shadow>' +
  '          </value>' +
  '        </block>' +
  '      </value>' +
  '    </block>' +
    '    <block type="esp32_main_controller_lcd_drawcircle">' +
  '      <value name="COLOR">' +
  '        <shadow type="esp32_main_controller_lcd_color_hex_to_rgb">' +
  '        </shadow>' +
  '      </value>' +
  '      <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="RADIUS">' +
  '        <shadow type="math_number">' +
  '          <field name="NUM">30</field>' +
  '        </shadow>' +
  '      </value>' +
  '    </block>' +
  '    <block type="esp32_main_controller_lcd_drawqrcode">' +
  '      <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="WIDTH">' +
  '        <shadow type="math_number">' +
  '          <field name="NUM">2</field>' +
  '        </shadow>' +
  '      </value>' +
  '    </block>' +
  '    <block type="esp32_main_controller_lcd_drawtext">' +
  '      <value name="COLOR">' +
  '        <shadow type="esp32_main_controller_lcd_color_hex_to_rgb">' +
  '        </shadow>' +
  '      </value>' +
  '      <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="SIZE">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">1</field>' +
  '            </shadow>' +
  '      </value>' +
  '    </block>' +
  '</category>' +
  */
  '<category id="catMainWifi" name="Wi-Fi" colour="#386dc8">' + '<block type="esp32_main_controller_wifi_connect_internet">' + '      <value name="ssid">' + '       <shadow type="text">' + '           <field name="TEXT">CocoRobo</field>' + '       </shadow>' + '      </value>' + '      <value name="password">' + '       <shadow type="text">' + '           <field name="TEXT">cocorobo</field>' + '       </shadow>' + '      </value>' + '</block>' + '<block type="esp32_main_controller_get_wifi_connection_status"></block>' + '<block type="controls_if">' + '       <value name="IF0">' + '           <block type="logic_compare">' + '               <value name="A">' + '                   <block type="esp32_main_controller_get_wifi_connection_status">' + '                   </block>' + '               </value>' + '               <value name="B">' + '<block type="logic_boolean"></block>' + '               </value>' + '           </block>' + '       </value>' + '</block>' + '<block type="esp32_main_controller_wifi_get_info"></block>' + '<block type="esp32_main_controller_wifi_ntptime"></block>' + '<block type="esp32_main_controller_wifi_disconnect"></block>' + '<block type="esp32_main_controller_wifi_enable_hotspot_mode">' + '      <value name="SSID">' + '       <shadow type="text">' + '           <field name="TEXT">CocoRobo_AP</field>' + '       </shadow>' + '      </value>' + '      <value name="PASSWORD">' + '       <shadow type="text">' + '           <field name="TEXT">cocorobo</field>' + '       </shadow>' + '      </value>' + '</block>' + '<block type="esp32_main_controller_wifi_get_info"></block>' + '<block type="esp32_main_controller_wifi_acquiring_equipment"></block>' + '<block type="esp32_main_controller_get_wifi_devices_number"></block>' + '<block type="esp32_main_controller_wifi_close"></block>' + '</category>' + '<category id="catWeb" name="Web" colour="#183895">' + '<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">' + '           <shadow type="dict_create_with_items_insert"></shadow>' + '      </value>' + '</block>' + '<block type="CocoRobo_get"></block>' + '<block type="esp32_network_http_get_data_from_local_server"></block>' + '<block type="esp32_network_http_server_setup"></block>' + '<block type="esp32_network_http_server_route"></block>' + '<block type="esp32_network_http_server_route_respond">' + '          <value name="exec">' + '            <shadow type="text">' + '              <field name="TEXT">OK</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="esp32_network_http_server_get_data"></block>' + '<block type="esp32_web_ws_setup_send"></block>' + '<block type="esp32_web_ws_send">' + '      <value name="command">' + '       <shadow type="text">' + '           <field name="TEXT">Hello</field>' + '       </shadow>' + '      </value>' + '</block>' + '<block type="esp32_web_ws_setup_receive"></block>' + '<block type="esp32_web_ws_receive_statement"></block>' + '<block type="esp32_web_ws_receive_get_data"></block>' +
  /*
  '<block type="CocoRobo_set_max"></block>' +
  '<block type="CocoRobo_get_source"></block>' +
  */
  '</category>' + '<category id="catIoTService" name="IoT Service" colour="#3c7683">' + '<block type="iot_service_cococloud">' + '          <value name="ADD0">' + '            <shadow type="math_number">' + '              <field name="NUM">0</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>' + '<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>' + '<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>' + '</category>' +
  /* '<category id="catNBIOT" name="NB-IoT" colour="#629978">' +
  '<block type="esp32_nbiot_setup"></block>' +
  '<block type="esp32_nbiot_get_power_status"></block>' +
  '<block type="esp32_nbiot_get_network_status"></block>' +
  '<block type="esp32_nbiot_get_network_ip"></block>' +
  '<block type="esp32_nbiot_onenet_init">' +
  '      <value name="product_id">' +
  '       <shadow type="text">' +
  '           <field name="TEXT">320012</field>' +
  '       </shadow>' +
  '      </value>' +
  '      <value name="device_id">' +
  '       <shadow type="text">' +
  '           <field name="TEXT">585407311</field>' +
  '       </shadow>' +
  '      </value>' +
  '      <value name="device_apikey">' +
  '       <shadow type="text">' +
  '           <field name="TEXT">jiv4F3zcLS8X=i9=Fyry93wCt6s=</field>' +
  '       </shadow>' +
  '      </value>' +
  '</block>' +
  '<block type="esp32_nbiot_onenet_connection_status"></block>' +
  '<block type="iot_service_nbiot_onenet">' +
  '          <value name="ADD0">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">0</field>' +
  '            </shadow>' +
  '          </value>' +
  '</block>' +
  '<block type="esp32_nbiot_onenet_read_value"></block>' +
  '<block type="iot_service_nbiot_onenet_read">' +
  '      <value name="message">' +
  '       <shadow type="text">' +
  '           <field name="TEXT">hello</field>' +
  '       </shadow>' +
  '      </value>' +
  '</block>' +
    '<block type="iot_service_nbiot_cococloud">' +
  '          <value name="ADD0">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">0</field>' +
  '            </shadow>' +
  '          </value>' +
  '</block>' +
  '</category>' +
  */
  '<category id="catSystem" name="System" colour="#22398e">' + '<block type="iot_system_restart"></block>' + '<block type="iot_system_get"></block>' + '<block type="iot_system_mac"></block>' + '<block type="iot_system_get_cocorobo_id"></block>' + '</category>' + '</category>',
  'ExtendedFunction': '<category id="ExtendedFunction" name="Extended Function" colour="#2fc67b">' + // '<category id="catServo" name="Servo" colour="#3c62e2">' +
  // '</category>' +
  '<category id="EFLEDLS" name="LED Light Screen" colour="#e8795b">' + '<block type="iot_led_matrix_setup"></block>' + '<block type="iot_led_matrix_xy">' + '          <value name="x">' + '            <shadow type="math_number">' + '              <field name="NUM">1</field>' + '            </shadow>' + '          </value>' + '          <value name="y">' + '            <shadow type="math_number">' + '              <field name="NUM">1</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="iot_led_matrix_wh">' + '          <value name="w">' + '            <shadow type="math_number">' + '              <field name="NUM">1</field>' + '            </shadow>' + '          </value>' + '          <value name="h">' + '            <shadow type="math_number">' + '              <field name="NUM">1</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="iot_led_matrix_color_picker"></block>' + '<block type="iot_led_matrix_draw_pixel">' + '          <value name="color">' + '            <block type="iot_led_matrix_color_picker">' + '            </block>' + '          </value>' + '      <value name="coordinate">' + '        <block type="iot_led_matrix_xy">' + '          <value name="x">' + '            <block type="math_number">' + '              <field name="NUM">1</field>' + '            </block>' + '          </value>' + '          <value name="y">' + '            <block type="math_number">' + '              <field name="NUM">1</field>' + '            </block>' + '          </value>' + '        </block>' + '      </value>' + '</block>' + '<block type="iot_led_matrix_show_above"></block>' + '</category>' + '<category id="EFMotor" name="Motor" colour="#5bb2d6">' + '<block type="esp32_motor_setup"></block>' + '<block type="esp32_motor_run">' + '          <value name="speed">' + '            <shadow type="math_number">' + '              <field name="NUM">2000</field>' + '            </shadow>' + '          </value>' + '</block>' + '</category>' + '<category id="EFSG" name="Steering Gear" colour="#386dc8">' + '<block type="esp32_main_controller_servo_setup"></block>' + '<block type="esp32_main_controller_servo_set">' + '          <value name="pin_select">' + '            <shadow type="math_number">' + '              <field name="NUM">19</field>' + '            </shadow>' + '          </value>' + '          <value name="degree">' + '            <shadow type="math_number">' + '              <field name="NUM">90</field>' + '            </shadow>' + '          </value>' + '</block>' + '</category>' +
  /*'<category id="catLEDStrip" name="LED Strip" colour="#3dade2">' +
  '<block type="esp32_main_controller_led_strip_setup">' +
  '          <value name="io">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">15</field>' +
  '            </shadow>' +
  '          </value>' +
  '          <value name="count">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">8</field>' +
  '            </shadow>' +
  '          </value>' +
  '</block>' +
  '<block type="esp32_main_controller_led_strip_set">' +
  '          <value name="location">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">0</field>' +
  '            </shadow>' +
  '          </value>' +
  '      <value name="color">' +
  '        <shadow type="esp32_main_controller_lcd_color_hex_to_rgb">' +
  '        </shadow>' +
  '      </value>' +
  '</block>' +
  '</category>' +*/
  '<category id="EFGH" name="Game Handle" colour="#183895">' + '<block type="x_iot_read_gamepad_button_pressed"></block>' + '<block type="x_iot_read_gamepad_button_released"></block>' + '<block type="x_iot_read_gamepad_button_x-r"></block>' + '<block type="x_iot_read_gamepad_joystick_check"></block>' + '<block type="x_iot_read_gamepad_joystick"></block>' + '</category>' + '<category id="EFNI" name="NB-IoT" colour="#3c7683">' + '<block type="esp32_nbiot_setup"></block>' + '<block type="esp32_nbiot_get_power_status"></block>' + '<block type="esp32_nbiot_get_network_status"></block>' + '<block type="esp32_nbiot_get_network_ip"></block>' + '<block type="iot_service_nbiot_cococloud">' + '          <value name="ADD0">' + '            <shadow type="math_number">' + '              <field name="NUM">0</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="esp32_nbiot_onenet_init">' + '      <value name="product_id">' + '       <shadow type="text">' + '           <field name="TEXT">320012</field>' + '       </shadow>' + '      </value>' + '      <value name="device_id">' + '       <shadow type="text">' + '           <field name="TEXT">585407311</field>' + '       </shadow>' + '      </value>' + '      <value name="device_apikey">' + '       <shadow type="text">' + '           <field name="TEXT">jiv4F3zcLS8X=i9=Fyry93wCt6s=</field>' + '       </shadow>' + '      </value>' + '</block>' + '<block type="esp32_nbiot_onenet_connection_status"></block>' + '<block type="iot_service_nbiot_onenet">' + '          <value name="ADD0">' + '            <shadow type="math_number">' + '              <field name="NUM">0</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="esp32_nbiot_onenet_read_value"></block>' + '<block type="iot_service_nbiot_onenet_read">' + '      <value name="message">' + '       <shadow type="text">' + '           <field name="TEXT">hello</field>' + '       </shadow>' + '      </value>' + '</block>' + '</category>' + '<category id="EFBluetooth" name="Bluetooth" colour="#629978">' + '</category>' + '</category>',
  'A.I.Board': '<category id="catAI" name="A.I. Board" colour="#f76734">' +
  /*
       _    ___   ____            _      
      / \  |_ _| | __ )  __ _ ___(_) ___ 
     / _ \  | |  |  _ \ / _` / __| |/ __|
    / ___ \ | |  | |_) | (_| \__ \ | (__ 
   /_/   \_\___| |____/ \__,_|___/_|\___|
  
  */
  '<category id="catAIBasic" name="Basic" colour="#d42b03">' + //基础
  '<block type="ai_k210_button_read_pressed"></block>' + '<block type="ai_k210_button_read_released"></block>' + '<block type="ai_k210_led_light_up"></block>' + '<block type="ai_k210_led_light_off"></block>' + '<block type="ai_system_restart"></block>' + '<block type="ai_system_gc"></block>' + '<block type="ai_system_run">' + '          <value name="PATH">' + '            <shadow type="text">' + '              <field name="TEXT">/sd/your_python_code.py</field>' + '            </shadow>' + '          </value>' + '</block>' + '</category>' +
  /*
      _      ___     ____                           
     / \    |_ _|   / ___|  ___ _ __ ___  ___ _ __  
    / _ \    | |    \___ \ / __| '__/ _ \/ _ \ '_ \ 
   / ___ \ _ | | _   ___) | (__| | |  __/  __/ | | |
  /_/   \_(_)___(_) |____/ \___|_|  \___|\___|_| |_|                                       
                                             
  */
  '<category id="catAIScreen" name="Screen" colour="#5cb2d6">' + '<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_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_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="ai_lcd_WH">' + '           <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="ai_lcd_colortext">' +
  // '      <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>' +
  // '    </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">240</field>' + '        </shadow>' + '      </value>' + '      <value name="HEIGHT">' + '        <shadow type="math_number">' + '          <field name="NUM">240</field>' + '        </shadow>' + '      </value>' + '</block>' + '      </value>' + '</block>' + '<block type="ai_lcd_fillcanvas">' + '   <value name="color">' + '       <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_createcarvas"></block>' + '<block type="ai_lcd_showcarvas_set_cord">' + '   <value name="xy">' + '       <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>' + '   </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>' + // '      <value name="POSC">' +
  // '        <block type="lcd_set_bool">' +
  // '       </block>' +
  // '      </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_ractanglecarvas">' + '      <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">0</field>' + '        </shadow>' + '      </value>' + '      <value name="HEIGHT">' + '        <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_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_cross_sign">' + '      <value name="xy">' + '        <block type="lcd_set_position">' + '          <value name="POSX">' + '            <shadow type="math_number">' + '              <field name="NUM">2</field>' + '            </shadow>' + '          </value>' + '          <value name="POSY">' + '            <shadow type="math_number">' + '              <field name="NUM">2</field>' + '            </shadow>' + '          </value>' + '        </block>' + '      </value>' + '      <value name="color">' + '        <block type="lcd_set_color">' + '        </block>' + '      </value>' + '          <value name="size">' + '            <shadow type="math_number">' + '              <field name="NUM">0</field>' + '            </shadow>' + '          </value>' + '          <value name="thickness">' + '            <shadow type="math_number">' + '              <field name="NUM">0</field>' + '            </shadow>' + '          </value>' + '    </block>' + '    <block type="ai_lcd_draw_arrow_sign">' + '      <value name="xy1">' + '        <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="xy2">' + '        <block type="lcd_set_position">' + '          <value name="POSX">' + '            <shadow type="math_number">' + '              <field name="NUM">120</field>' + '            </shadow>' + '          </value>' + '          <value name="POSY">' + '            <shadow type="math_number">' + '              <field name="NUM">120</field>' + '            </shadow>' + '          </value>' + '        </block>' + '      </value>' + '      <value name="color">' + '        <block type="lcd_set_color">' + '        </block>' + '      </value>' + '          <value name="thickness">' + '            <shadow type="math_number">' + '              <field name="NUM">2</field>' + '            </shadow>' + '          </value>' + '    </block>' + '    <block type="ai_lcd_draw_image_on_canvas">' + '      <value name="image_path">' + '       <shadow type="text">' + '           <field name="TEXT">/sd/preset/images/arrow_up_filled.jpg</field>' + '       </shadow>' + '      </value>' + '      <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>' + '      <value name="scale_x">' + '           <shadow type="math_number">' + '               <field name="NUM">1.5</field>' + '           </shadow>' + '       </value>' + '      <value name="scale_y">' + '           <shadow type="math_number">' + '               <field name="NUM">1.5</field>' + '           </shadow>' + '       </value>' + '    </block>' + '<block type="ai_lcd_showcarvas_set_display">' + '</block>' +
  /*
  '<block type="ai_lcd_showcarvas">' +
  '   <value name="xy">' +
  '       <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>' +
  '   </value>' +
  '</block>' +
  */
  '<block type="ai_lcd_clearcanvas"></block>' + '</category>' +
  /*
  '<category id="catVision" name="Vision" colour="#f2a247">' +//视觉 -- 屏幕
  '<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>' +
  '<block type="ai_vision_find_blobs">' +
  '           <value name="color_threshold">' +
  '<shadow type="tuple_create_with_items_insert"></shadow>' +
  '           </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>' +
  '</block>' +
   '<block type="ai_vision_get_blobs"></block>' +
  '<block type="ai_vision_find_qrcode"></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_find_circles">' +
  '   <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="threshold">' +
  '          <shadow type="math_number">' +
  '              <field name="NUM">2000</field>' +
  '          </shadow>' +
  '      </value>' +
  '      <value name="x_margin">' +
  '          <shadow type="math_number">' +
  '              <field name="NUM">10</field>' +
  '          </shadow>' +
  '      </value>' +
  '      <value name="y_margin">' +
  '          <shadow type="math_number">' +
  '              <field name="NUM">10</field>' +
  '          </shadow>' +
  '      </value>' +
  '      <value name="r_margin">' +
  '          <shadow type="math_number">' +
  '              <field name="NUM">10</field>' +
  '          </shadow>' +
  '      </value>' +
  '      <value name="r_min">' +
  '          <shadow type="math_number">' +
  '              <field name="NUM">2</field>' +
  '          </shadow>' +
  '      </value>' +
  '      <value name="r_max">' +
  '          <shadow type="math_number">' +
  '              <field name="NUM">100</field>' +
  '          </shadow>' +
  '      </value>' +
  '      <value name="r_step">' +
  '          <shadow type="math_number">' +
  '              <field name="NUM">2</field>' +
  '          </shadow>' +
  '      </value>' +
  '</block>' +
  '<block type="ai_vision_get_circles">' +
  '</block>' +
   '<block type="ai_vision_find_lines">' +
  '   <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="threshold">' +
  '          <shadow type="math_number">' +
  '              <field name="NUM">1000</field>' +
  '          </shadow>' +
  '      </value>' +
  '      <value name="theta_margin">' +
  '          <shadow type="math_number">' +
  '              <field name="NUM">25</field>' +
  '          </shadow>' +
  '      </value>' +
  '      <value name="rho_margin">' +
  '          <shadow type="math_number">' +
  '              <field name="NUM">25</field>' +
  '          </shadow>' +
  '      </value>' +
  '</block>' +
  '<block type="ai_vision_get_lines">' +
  '</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>' +
  '      <value name="threshold">' +
  '          <shadow type="math_number">' +
  '              <field name="NUM">10000</field>' +
  '          </shadow>' +
  '      </value>' +
  '</block>' +
  '<block type="ai_vision_get_rects">' +
  '</block>' +
  '</category>' +
    '    <block type="ai_lcd_ractanglecarvas">' +
  '      <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">0</field>' +
  '        </shadow>' +
  '      </value>' +
  '      <value name="HEIGHT">' +
  '        <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_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_cross_sign">' +
  '      <value name="xy">' +
  '        <block type="lcd_set_position">' +
  '          <value name="POSX">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">2</field>' +
  '            </shadow>' +
  '          </value>' +
  '          <value name="POSY">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">2</field>' +
  '            </shadow>' +
  '          </value>' +
  '        </block>' +
  '      </value>' +
  '      <value name="color">' +
  '        <block type="lcd_set_color">' +
  '        </block>' +
  '      </value>' +
  '          <value name="size">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">0</field>' +
  '            </shadow>' +
  '          </value>' +
  '          <value name="thickness">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">0</field>' +
  '            </shadow>' +
  '          </value>' +
  '    </block>' +
      '    <block type="ai_lcd_draw_arrow_sign">' +
  '      <value name="xy1">' +
  '        <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="xy2">' +
  '        <block type="lcd_set_position">' +
  '          <value name="POSX">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">120</field>' +
  '            </shadow>' +
  '          </value>' +
  '          <value name="POSY">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">120</field>' +
  '            </shadow>' +
  '          </value>' +
  '        </block>' +
  '      </value>' +
  '      <value name="color">' +
  '        <block type="lcd_set_color">' +
  '        </block>' +
  '      </value>' +
  '          <value name="thickness">' +
  '            <shadow type="math_number">' +
  '              <field name="NUM">2</field>' +
  '            </shadow>' +
  '          </value>' +
  '    </block>' +
    '</category>' +
  */

  /*
       _      ___     ____                   _             
      / \    |_ _|   / ___| _ __   ___  __ _| | _____ _ __ 
     / _ \    | |    \___ \| '_ \ / _ \/ _` | |/ / _ \ '__|
    / ___ \ _ | | _   ___) | |_) |  __/ (_| |   <  __/ |   
   /_/   \_(_)___(_) |____/| .__/ \___|\__,_|_|\_\___|_|   
                           |_|                             
  */
  '<category id="catAISpeaker" name="Speaker" colour="#5f7fc1">' + '<block type="ai_audio_init_speaker"></block>' + '<block type="ai_audio_play_song_speaker">' + '          <value name="path">' + '            <shadow type="text">' + '              <field name="TEXT">/sd/preset/songs/luckystar.wav</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="ai_audio_play_state_speaker"></block>' + '<block type="ai_audio_play_finish_speaker"></block>' + '<block type="ai_audio_set_speaker">' + '           <value name="Num">' + '               <shadow type="math_number">' + '                   <field name="NUM">10</field>' + '               </shadow>' + '           </value>' + '</block>' + '</category>' +
  /*
       _    ___    ____                               
      / \  |_ _|  / ___|__ _ _ __ ___   ___ _ __ __ _ 
     / _ \  | |  | |   / _` | '_ ` _ \ / _ \ '__/ _` |
    / ___ \ | |  | |__| (_| | | | | | |  __/ | | (_| |
   /_/   \_\___|  \____\__,_|_| |_| |_|\___|_|  \__,_|
    */
  '<category id="catCamera" name="Camera" colour="#60c1bb">' + '<block type="ai_camera_init"></block>' + '<block type="ai_camera_windows">' + '</block>' + '<block type="ai_camera_snapshot"></block>' + '<block type="ai_camera_lens_corr">' + '   <value name="lens_corr">' + '       <block type="ai_camera_snapshot"></block>' + '   </value>' + '</block>' + '<block type="ai_camera_image_property_change"></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>' +
  '<block type="ai_camera_bcs_operation">' + '      <value name="A">' + '        <shadow type="math_number">' + '          <field name="NUM">0</field>' + '        </shadow>' + '      </value>' + '</block>' + '<block type="ai_video_record_setup">' + '          <value name="save_path">' + '            <shadow type="text">' + '              <field name="TEXT">/sd/user/record.avi</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_get"></block>' + '<block type="ai_video_stop"></block>' + '</category>' +
  /*
       _    ___   __  __ _                      _                      
      / \  |_ _| |  \/  (_) ___ _ __ ___  _ __ | |__   ___  _ __   ___ 
     / _ \  | |  | |\/| | |/ __| '__/ _ \| '_ \| '_ \ / _ \| '_ \ / _ \
    / ___ \ | |  | |  | | | (__| | | (_) | |_) | | | | (_) | | | |  __/
   /_/   \_\___| |_|  |_|_|\___|_|  \___/| .__/|_| |_|\___/|_| |_|\___|
                                         |_|                           
   */
  '<category id="catMicrophone" name="Microphone" colour="#5fcd8e">' + '<block type="ai_mphone_init"></block>' + '<block type="mphone_audio_spectrum_init"></block>' + '<block type="ai_mphone_read_sound_sensitivity"></block>' + '</category>' +
  /*
       _    ___  __     ___     _             
      / \  |_ _| \ \   / (_)___(_) ___  _ __  
     / _ \  | |   \ \ / /| / __| |/ _ \| '_ \ 
    / ___ \ | |    \ V / | \__ \ | (_) | | | |
   /_/   \_\___|    \_/  |_|___/_|\___/|_| |_|
                                              
  */
  '<category id="catVision" name="Vision" colour="#f2a247">' + '<block type="ai_img_save">' + '          <value name="save_path">' + '            <shadow type="text">' + '              <field name="TEXT">/sd/user/saved.jpg</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="ai_lcd_invert_color"></block>' + '<block type="ai_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="ai_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>' + '<block type="ai_vision_get_statistics">' + '   <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="bins">' + '               <shadow type="math_number">' + '                   <field name="NUM">8</field>' + '               </shadow>' + '           </value>' + '</block>' + '<block type="ai_vision_get_histogram">' + '   <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_get_histogram_percentile">' + '           <value name="perc">' + '               <shadow type="math_number">' + '                   <field name="NUM">0.2</field>' + '               </shadow>' + '           </value>' + '</block>' + '<block type="ai_vision_get_histogram_percentile_detail">' + '           <value name="perc">' + '               <shadow type="math_number">' + '                   <field name="NUM">0.2</field>' + '               </shadow>' + '           </value>' + '</block>' + '<block type="ai_vision_lab_rgb_conversion">' + '           <value name="color_tuple">' + '<shadow type="tuple_create_with_items_insert"></shadow>' + '           </value>' + '</block>' + '<block type="ai_vision_rgb_grayscale_conversion">' + '           <value name="color_tuple">' + '               <shadow type="math_number">' + '                   <field name="NUM">255</field>' + '               </shadow>' + '           </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>' + '<block type="ai_vision_find_blobs">' + '           <value name="color_threshold">' + '<shadow type="tuple_create_with_items_insert"></shadow>' + '           </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_qrcode"></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_find_circles">' + '   <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="threshold">' + '          <shadow type="math_number">' + '              <field name="NUM">2000</field>' + '          </shadow>' + '      </value>' + '      <value name="x_margin">' + '          <shadow type="math_number">' + '              <field name="NUM">10</field>' + '          </shadow>' + '      </value>' + '      <value name="y_margin">' + '          <shadow type="math_number">' + '              <field name="NUM">10</field>' + '          </shadow>' + '      </value>' + '      <value name="r_margin">' + '          <shadow type="math_number">' + '              <field name="NUM">10</field>' + '          </shadow>' + '      </value>' + '      <value name="r_min">' + '          <shadow type="math_number">' + '              <field name="NUM">2</field>' + '          </shadow>' + '      </value>' + '      <value name="r_max">' + '          <shadow type="math_number">' + '              <field name="NUM">100</field>' + '          </shadow>' + '      </value>' + '      <value name="r_step">' + '          <shadow type="math_number">' + '              <field name="NUM">2</field>' + '          </shadow>' + '      </value>' + '</block>' + '<block type="ai_vision_get_circles">' + '</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_get_rects">' + '</block>' + '<block type="ai_vision_find_lines">' + '   <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="threshold">' + '          <shadow type="math_number">' + '              <field name="NUM">1000</field>' + '          </shadow>' + '      </value>' + '      <value name="theta_margin">' + '          <shadow type="math_number">' + '              <field name="NUM">25</field>' + '          </shadow>' + '      </value>' + '      <value name="rho_margin">' + '          <shadow type="math_number">' + '              <field name="NUM">25</field>' + '          </shadow>' + '      </value>' + '</block>' + '<block type="ai_vision_get_lines">' + '</block>' + '</category>' +
  /*
       _    ___  __     ___     _            
      / \  |_ _| \ \   / (_) __| | ___  ___  
     / _ \  | |   \ \ / /| |/ _` |/ _ \/ _ \ 
    / ___ \ | |    \ V / | | (_| |  __/ (_) |
   /_/   \_\___|    \_/  |_|\__,_|\___|\___/ 
  */
  '<category id="catIV" name="Video" colour="#4d9994">' + '<block type="ai_video_set">' + '          <value name="path">' + '            <shadow type="text">' + '              <field name="TEXT">/sd/user/record.avi</field>' + '            </shadow>' + '          </value>' + '</block>' + // '<block type="ai_video_num"></block>' +
  '<block type="ai_video_status"></block>' + '<block type="ai_video_stop_play"></block>' + '</category>' +
  /*
       _    ___      _             _ _       
      / \  |_ _|    / \  _   _  __| (_) ___  
     / _ \  | |    / _ \| | | |/ _` | |/ _ \ 
    / ___ \ | |   / ___ \ |_| | (_| | | (_) |
   /_/   \_\___| /_/   \_\__,_|\__,_|_|\___/
  */
  '<category id="catAudio" name="Audio" colour="#603ea0">' + '<block type="ai_audio_init"></block>' + '<block type="ai_audio_play_song">' + '          <value name="path">' + '            <shadow type="text">' + '              <field name="TEXT">/sd/preset/songs/luckystar.wav</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="ai_audio_play_state"></block>' + '<block type="ai_audio_play_finish"></block>' + '<block type="ai_audio_set">' + '           <value name="Num">' + '               <shadow type="math_number">' + '                   <field name="NUM">10</field>' + '               </shadow>' + '           </value>' + '</block>' + '<block type="ai_audio_voice_recognition_setup"></block>' + // '<block type="ai_audio_voice_recognition_get_status"></block>' +
  '<block type="ai_audio_voice_recognition_start_record"></block>' + '<block type="ai_audio_voice_recognition_start_recognizing">' + '   <value name="frm_num_set">' + '   <shadow type="lists_create_with">' + '       <value name="ADD0">' + '           <shadow type="lists_create_with">' + '               <value name="ADD0">' + '                   <shadow type="math_number"><field name="NUM">0</field></shadow>' + '               </value>' + '               <value name="ADD1">' + '                   <shadow type="math_number"><field name="NUM">0</field></shadow>' + '               </value>' + '               <value name="ADD2">' + '                   <shadow type="math_number"><field name="NUM">0</field></shadow>' + '               </value>' + '           </shadow>' + '       </value>' + '       <value name="ADD1">' + '           <shadow type="lists_create_with">' + '               <value name="ADD0">' + '                   <shadow type="math_number"><field name="NUM">0</field></shadow>' + '               </value>' + '               <value name="ADD1">' + '                   <shadow type="math_number"><field name="NUM">0</field></shadow>' + '               </value>' + '               <value name="ADD2">' + '                   <shadow type="math_number"><field name="NUM">0</field></shadow>' + '               </value>' + '           </shadow>' + '       </value>' + '       <value name="ADD2">' + '           <shadow type="lists_create_with">' + '               <value name="ADD0">' + '                   <shadow type="math_number"><field name="NUM">0</field></shadow>' + '               </value>' + '               <value name="ADD1">' + '                   <shadow type="math_number"><field name="NUM">0</field></shadow>' + '               </value>' + '               <value name="ADD2">' + '                   <shadow type="math_number"><field name="NUM">0</field></shadow>' + '               </value>' + '           </shadow>' + '       </value>' + '   </shadow>' + '   </value>' + '</block>' + '<block type="ai_audio_voice_recognition_get_any_result"></block>' + '<block type="ai_audio_voice_recognition_get_result"></block>' + '</category>' +
  /*
       _      ___     _____         _     ____                              
      / \    |_ _|   |_   _|____  _| |_  |  _ \ _ __ ___   ___ ___  ___ ___ 
     / _ \    | |      | |/ _ \ \/ / __| | |_) | '__/ _ \ / __/ _ \/ __/ __|
    / ___ \ _ | | _    | |  __/>  <| |_  |  __/| | | (_) | (_|  __/\__ \__ \
   /_/   \_(_)___(_)   |_|\___/_/\_\\__| |_|   |_|  \___/ \___\___||___/___/
                                                                            
  */
  // '<category id="catTextProcess" name="Text Process" colour="#3e55a0">' +
  // '<block type="ai_system_create">' +
  // '          <value name="PATH">' +
  // '            <shadow type="text">' +
  // '              <field name="TEXT">/sd/cocorobo.txt</field>' +
  // '            </shadow>' +
  // '          </value>' +
  // '</block>' +
  // '<block type="ai_system_write">' +
  // '          <value name="PATH">' +
  // '            <shadow type="text">' +
  // '              <field name="TEXT">cocorobo.txt</field>' +
  // '            </shadow>' +
  // '          </value>' +
  // '          <value name="WPATH">' +
  // '            <shadow type="text">' +
  // '              <field name="TEXT"></field>' +
  // '            </shadow>' +
  // '          </value>' +
  // '</block>' +
  // '<block type="ai_system_input">' +
  // '          <value name="PATH">' +
  // '            <shadow type="text">' +
  // '              <field name="TEXT">/sd/cocorobo.txt</field>' +
  // '            </shadow>' +
  // '          </value>' +
  // '</block>' +
  // '</category>' +

  /*
       _    ___   __  __           _      _     
      / \  |_ _| |  \/  | ___   __| | ___| |___ 
     / _ \  | |  | |\/| |/ _ \ / _` |/ _ \ / __|
    / ___ \ | |  | |  | | (_) | (_| |  __/ \__ \
   /_/   \_\___| |_|  |_|\___/ \__,_|\___|_|___/
  */
  '<category id="catModels" name="Models" colour="#ee783a">' + //模型
  '<block type="ai_model_allinit"></block>' + '<block type="ai_model_index_mnist"></block>' + '<block type="ai_model_look"></block>' + '<block type="ai_model_get"></block>' + '<block type="ai_model_face"></block>' + '<block type="ai_model_xy"></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_if_got"></block>' + '<block type="ai_model_customized_get_result">' + '</block>' + '</category>' +
  /*
       _      ___    __        ___ _____ _ 
      / \    |_ _|   \ \      / (_)  ___(_)
     / _ \    | |     \ \ /\ / /| | |_  | |
    / ___ \ _ | | _    \ V  V / | |  _| | |
   /_/   \_(_)___(_)    \_/\_/  |_|_|   |_|
                                           
  */
  '<category id="catAIWifi" name="WiFi" colour="#23a9ea">' + '</category>' +
  /*
       _    ___   ____            _                 
      / \  |_ _| / ___| _   _ ___| |_ ___ _ __ ___  
     / _ \  | |  \___ \| | | / __| __/ _ \ '_ ` _ \ 
    / ___ \ | |   ___) | |_| \__ \ ||  __/ | | | | |
   /_/   \_\___| |____/ \__, |___/\__\___|_| |_| |_|
                        |___/                       
  */

  /*
  '<category id="catSystem" name="System" colour="#1e3283">' +
  '</category>' +
  */
  '</category>',
  //'Screen':"",
  // 'Turtles': '<category name="Turtles" colour="#5B5FA6">' +
  //     '<block type="turtle_create"></block>' +
  //     '<block type="turtle_forward">' +
  //     '<value name="DISTANCE">' +
  //     '<block type="math_number">' +
  //     '<field name="NUM">50</field>' +
  //     '</block>' +
  //     '</value>' +
  //     '</block>' +
  //     '<block type="turtle_backward">' +
  //     '<value name="DISTANCE">' +
  //     '<block type="math_number">' +
  //     '<field name="NUM">50</field>' +
  //     '</block>' +
  //     '</value>' +
  //     '</block>' +
  //     '<block type="turtle_left">' +
  //     '<value name="ANGLE">' +
  //     '<block type="math_number">' +
  //     '<field name="NUM">50</field>' +
  //     '</block>' +
  //     '</value>' +
  //     '</block>' +
  //     '<block type="turtle_right">' +
  //     '<value name="ANGLE">' +
  //     '<block type="math_number">' +
  //     '<field name="NUM">50</field>' +
  //     '</block>' +
  //     '</value>' +
  //     '</block>' +
  //     '<block type="turtle_color">' +
  //     '<value name="COLOR">' +
  //     '<block type="colour_picker"></block>' +
  //     '</value>' +
  //     '</block>' +
  //     '<block type="turtle_shape"></block>' +
  //     '<block type="turtle_pen"></block>' +
  //     '<block type="turtle_circle">' +
  //     '<value name="RADIUS">' +
  //     '<block type="math_number">' +
  //     '<field name="NUM">50</field>' +
  //     '</block>' +
  //     '</value>' +
  //     '</block>' +
  //     '<block type="turtle_goto">' +
  //     '<value name="X">' +
  //     '<block type="math_number">' +
  //     '<field name="NUM">0</field>' +
  //     '</block>' +
  //     '</value>' +
  //     '<value name="Y">' +
  //     '<block type="math_number">' +
  //     '<field name="NUM">0</field>' +
  //     '</block>' +
  //     '</value>' +
  //     '</block>' +
  //     //'<block type="attribute_access">'+
  //     //'<value name="NAME">'+
  //     '<block type="turtle_pos"></block>' +
  //     //'</value>'+
  //     //'</block>'+
  //     '<block type="turtle_stamp"></block>' +
  //     '<block type="turtle_begin_fill"></block>' +
  //     '<block type="turtle_end_fill"></block>' +
  //     '<block type="turtle_speed">' +
  //     '<value name="SPEED">' +
  //     '<block type="math_number">' +
  //     '<field name="NUM">50</field>' +
  //     '</block>' +
  //     '</value>' +
  //     '</block>' +
  //     '</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_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>' + '</category>',
  'ExtendedFunctions': '<category id="ExtendedFunction" name="Extended Function" colour="#2fc67b">' + // '<category id="catServo" name="Servo" colour="#3c62e2">' +
  // '</category>' +
  '<category id="EFLEDLS" name="LED Light Screen" colour="#e8795b">' + '<block type="ai_led_matrix_setup"></block>' + '<block type="ai_led_matrix_xy">' + '          <value name="x">' + '            <shadow type="math_number">' + '              <field name="NUM">1</field>' + '            </shadow>' + '          </value>' + '          <value name="y">' + '            <shadow type="math_number">' + '              <field name="NUM">1</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="ai_led_matrix_wh">' + '          <value name="w">' + '            <shadow type="math_number">' + '              <field name="NUM">1</field>' + '            </shadow>' + '          </value>' + '          <value name="h">' + '            <shadow type="math_number">' + '              <field name="NUM">1</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="ai_led_matrix_color_picker"></block>' + '<block type="ai_led_matrix_draw_pixel">' + '          <value name="color">' + '            <block type="ai_led_matrix_color_picker">' + '            </block>' + '          </value>' + '      <value name="coordinate">' + '        <block type="ai_led_matrix_xy">' + '          <value name="x">' + '            <block type="math_number">' + '              <field name="NUM">1</field>' + '            </block>' + '          </value>' + '          <value name="y">' + '            <block type="math_number">' + '              <field name="NUM">1</field>' + '            </block>' + '          </value>' + '        </block>' + '      </value>' + '</block>' + '<block type="ai_led_matrix_show_above"></block>' + '</category>' + '<category id="EFMotor" name="Motor" colour="#5bb2d6">' + '<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>' + '</category>' + '<category id="EFSG" name="Steering Gear" colour="#386dc8">' + '<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>' + '</category>' +
  /*'<category id="catLEDStrip" name="LED Strip" colour="#3dade2">' +
    '</category>' +*/
  '<category id="EFGH" name="Game Handle" colour="#183895">' + '<block type="x_ai_read_gamepad_button_pressed"></block>' + '<block type="x_ai_read_gamepad_button_released"></block>' + '<block type="x_ai_read_gamepad_button_x-r"></block>' + '<block type="x_ai_read_gamepad_joystick_check"></block>' + '<block type="x_ai_read_gamepad_joystick"></block>' + '</category>' + '<category id="EFNI" name="NB-IoT" colour="#3c7683">' + '<block type="esp32_nbiot_setup"></block>' + '<block type="esp32_nbiot_get_power_status"></block>' + '<block type="esp32_nbiot_get_network_status"></block>' + '<block type="esp32_nbiot_get_network_ip"></block>' + '<block type="iot_service_nbiot_cococloud">' + '          <value name="ADD0">' + '            <shadow type="math_number">' + '              <field name="NUM">0</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="esp32_nbiot_onenet_init">' + '      <value name="product_id">' + '       <shadow type="text">' + '           <field name="TEXT">320012</field>' + '       </shadow>' + '      </value>' + '      <value name="device_id">' + '       <shadow type="text">' + '           <field name="TEXT">585407311</field>' + '       </shadow>' + '      </value>' + '      <value name="device_apikey">' + '       <shadow type="text">' + '           <field name="TEXT">jiv4F3zcLS8X=i9=Fyry93wCt6s=</field>' + '       </shadow>' + '      </value>' + '</block>' + '<block type="esp32_nbiot_onenet_connection_status"></block>' + '<block type="iot_service_nbiot_onenet">' + '          <value name="ADD0">' + '            <shadow type="math_number">' + '              <field name="NUM">0</field>' + '            </shadow>' + '          </value>' + '</block>' + '<block type="esp32_nbiot_onenet_read_value"></block>' + '<block type="iot_service_nbiot_onenet_read">' + '      <value name="message">' + '       <shadow type="text">' + '           <field name="TEXT">hello</field>' + '       </shadow>' + '      </value>' + '</block>' + '</category>' + '<category id="EFBluetooth" name="Bluetooth" colour="#629978">' + '</category>' + '</category>',
  'Third_party_Sensor': '<category id="Third_party_Sensor" name="Third_party_Sensor" colour="#7e3cca">' + '<category id="Ultrasonic" name="LED Light Screen" colour="#e55ce6">' + '</category>' + '<category id="PS2_Gamepad" name="LED Light Screen" colour="#9f5fd6">' + '</category>' + '</category>' // 'Tuples': '<category name="Tuples" colour="40">' +
  //     '<block type="tuple_create"></block>' +
  //     '</category>',
  // 'Lists': '<category name="Lists" colour="#40bfe4">' +
  //     //'<block type="lists_create"></block>'+
  //     '<block type="lists_create_with">' +
  //     '<value name="ADD0">' +
  //     '<block type="math_number"><field name="NUM">0</field></block>' +
  //     '</value>' +
  //     '<value name="ADD1">' +
  //     '<block type="math_number"><field name="NUM">0</field></block>' +
  //     '</value>' +
  //     '<value name="ADD2">' +
  //     '<block type="math_number"><field name="NUM">0</field></block>' +
  //     '</value>' +
  //     '</block>' +
  //     // '<block type="lists_create_with"></block>'+
  //     '<block type="lists_create_empty"></block>' +
  //     '<block type="lists_append"></block>' +
  //     '<block type="lists_length"></block>' +
  //     '<block type="lists_index">' +
  //     '<value name="ITEM">' +
  //     '<shadow type="math_number">' +
  //     '<field name="NUM">0</field>' +
  //     '</shadow>' +
  //     '</value>' +
  //     '</block>' +
  //     '</category>',
  // 'Dictionaries': '<category name="Dictionaries" colour="0">' +
  //     '<block type="dicts_create_with"></block>' +
  //     '<block type="dict_get_literal"></block>' +
  //     //'<block type="dict_keys"></block>'+
  //     '</category>',
  // 'Data - Weather': '<category name="Data - Weather" colour="70">' +
  //     '<block type="weather_temperature_get"></block>' +
  //     '<block type="weather_report"></block>' +
  //     // '<block type="weather_forecasts"></block>'+
  //     // '<block type="weather_report_forecasts"></block>'+
  //     // '<block type="weather_all_forecasts"></block>'+
  //     // '<block type="weather_highs_lows"></block>'+
  //     '</category>',
  // 'Data - Stocks': '<category name="Data - Stock" colour="65">' +
  //     '<block type="stocks_current"></block>' +
  //     '<block type="stocks_past"></block>' +
  //     '</category>',
  // 'Data - Earthquakes': '<category name="Data - Earthquakes" colour="60">' +
  //     '<block type="earthquake_get"></block>' +
  //     '<block type="earthquake_both"></block>' +
  //     '<block type="earthquake_all"></block>' +
  //     '</category>',
  // 'Data - Crime': '<category name="Data - Crime" colour="55">' +
  //     '<block type="crime_state"></block>' +
  //     '<block type="crime_year"></block>' +
  //     '<block type="crime_all"></block>' +
  //     '</category>',
  // 'Data - Books': '<category name="Data - Books" colour="50">' +
  //     '<block type="books_get"></block>' +
  //     '</category>',
  // 'Data - Parking': '<category name="Data - Parking" colour="45">' +
  //     '<block type="datetime_day"></block>' +
  //     '<block type="datetime_time"></block>' +
  //     '<block type="logic_compare">' +
  //     '<field name="OP">EQ</field>' +
  //     '<value name="A">' +
  //     '<block type="datetime_time">' +
  //     '<mutation isNow="1"></mutation>' +
  //     '<field name="HOUR">1</field>' +
  //     '<field name="MINUTE">00</field>' +
  //     '<field name="MERIDIAN">PM</field>' +
  //     '</block>' +
  //     '</value>' +
  //     '</block>' +
  //     '<block type="logic_compare">' +
  //     '<field name="OP">EQ</field>' +
  //     '<value name="A">' +
  //     '<block type="datetime_day">' +
  //     '<field name="DAY">Monday</field>' +
  //     '</block>' +
  //     '</value>' +
  //     '</block>' +
  //     //'<block type="datetime_check_day"></block>'+
  //     //'<block type="datetime_check_time"></block>'+
  //     '</category>',
  // 'Separator': '<sep></sep>',
  // //add new session and block for test
  // 'Request': '<category name="Request" colour="#ff8b2c">' +
  //     '<block type="request_import"></block>' +
  //     '<block type="request_post"></block>' +
  //     '</category>',
  // 'Camera': '<category name="Camera" colour="#ff6381">' +
  //     '<block type="camera_import"></block>' +
  //     '<block type="camera_use"></block>' +
  //     '<block type="camera_enable"></block>' +
  //     '<block type="camera_set_bounding"></block>' +
  //     '</category>',
  // 'VisionKit': '<category name="Vision Kit" colour="230">' +
  //     // '<block type="voicekit_setup"></block>'+
  //     // '<block type="voicekit_demo"></block>'+
  //     // '<block type="visionkit_setup"></block>'+
  //     // '<block type="visionkit_demo"></block>'+
  //     // '<block type="visionkit_import"></block>'+
  //     // '<block type="visionkit_import_annotator"></block>'+
  //     // '<block type="visionkit_import_models"></block>'+
  //     // '<block type="visionkit_import_inference"></block>'+
  //     // '<block type="visionkit_cameraInference"></block>'+
  //     // '<block type="visionkit_runInference"></block>'+
  //     // '<block type="visionkit_GetInference"></block>'+
  //     // '<block type="visionkit_faceDetection_operation"></block>'+
  //     // '<block type="visionkit_model_get"></block>'+
  //     // '<block type="visionkit_Use_Annotator"></block>'+
  //     // '<block type="visionkit_Use_Annotator_output"></block>'+
  //     // '<block type="visionkit_Annotator_operation"></block>'+
  //     // '<block type="visionkit_Annotator_Bounding"></block>'+
  //     // '<block type="visionkit_myAssistant"></block>'+
  //     '<block type="visionkit_import_aiy"></block>' +
  //     '<block type="visionkit_avg_joy_score"></block>' +
  //     '<block type="visionkit_annotator_camera"></block>' +
  //     '<block type="visionkit_transform_boundingBox"></block>' +
  //     '<block type="visionkit_CameraInference"></block>' +
  //     '<block type="visionkit_avg_joy_score_num"></block>' +
  //     '<block type="visionkit_face"></block>' +
  //     '</category>',
  // 'VoiceKit': '<category name="Voice Kit" colour="#3382f5">' +
  //     // '<block type="voicekit_from"></block>'+
  //     // '<block type="voicekit_import"></block>'+
  //     // '<block type="voicekit_import_tts"></block>'+
  //     // '<block type="voicekit_set_credential"></block>'+
  //     // '<block type="voicekit_get_credential"></block>'+
  //     // '<block type="voicekit_import_assistant"></block>'+
  //     // '<block type="voicekit_assistant_preNext"></block>'+
  //     // '<block type="voicekit_assistant_output"></block>'+
  //     // '<block type="voicekit_EventType_import"></block>'+
  //     // '<block type="voicekit_EventType_assistant"></block>'+
  //     // '<block type="voicekit_event_of"></block>'+
  //     // '<block type="voicekit_event_args"></block>'+
  //     // '<block type="voicekit_event_args_of"></block>'+
  //     // '<block type="voicekit_run_task"></block>'+
  //     // '<block type="voicekit_process_event"></block>'+
  //     // '<block type="voicekit_assistant_start_conversation"></block>'+
  //     // '<block type="voicekit_send_instructions"></block>'+
  //     // '<block type="voicekit_on_button_pressed"></block>'+
  //     '<block type="voicekit_import_aiy"></block>' +
  //     '<block type="voicekit_init"></block>' +
  //     '<block type="voicekit_task"></block>' +
  //     '<block type="voicekit_can_start"></block>' +
  //     '<block type="voicekit_asssistant"></block>' +
  //     '<block type="voicekit_start_thread"></block>' +
  //     '<block type="voicekit_runTask"></block>' +
  //     '<block type="voicekit_tts_say"></block>' +
  //     '<block type="voicekit_logging_config"></block>' +
  //     '<block type="voicekit_myassistant_start"></block>' +
  //     '<block type="voicekit_process_event"></block>' +
  //     '<block type="voicekit_process_eventType"></block>' +
  //     '<block type="voicekit_EventType_select"></block>' +
  //     '<block type="voicekit_can_start_conversation_self"></block>' +
  //     '<block type="voicekit_can_start_conversation"></block>' +
  //     '<block type="voicekit_assistant_conversation"></block>' +
  //     '<block type="voicekit_event_args"></block>' +
  //     '<block type="voicekit_event_args_of"></block>' +
  //     '</category>',
  // 'AIY Board': '<category name="AIY Board" colour="#6844d1">' +
  //     '<block type="AIYBoard_from"></block>' +
  //     '<block type="AIYBoard_import"></block>' +
  //     '<block type="AIYBoard_Board"></block>' +
  //     // '<block type="AIYBoard_LED_state"></block>'+
  //     // '<block type="AIYBoard_LED_status"></block>'+
  //     '<block type="AIYBoard_LED_setting"></block>' +
  //     '<block type="AIYBoard_board"></block>' +
  //     '<block type="AIYBoard_button"></block>' +
  //     '<block type="AIYBoard_button_press"></block>' +
  //     '<block type="AIYBoard_board_led_status"></block>' +
  //     '<block type="AIYBoard_board_led_state"></block>' +
  //     '</category>',
  // 'System': '<category name="System" colour="#6cb7b3">' +
  //     '<block type="System_import"></block>' +
  //     '<block type="System_exit"></block>' +
  //     '<block type="Platform_import"></block>' +
  //     '<block type="Thread_import"></block>' +
  //     '<block type="Thread_start_output"></block>' +
  //     '<block type="Thread_start_preNext"></block>' +
  //     '<block type="Thread_set_target"></block>' +
  //     '<block type="System_dot"></block>' +
  //     '</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;
  });
};