mirror of
https://github.com/google/blockly.git
synced 2025-12-16 06:10:12 +01:00
805 lines
27 KiB
JavaScript
805 lines
27 KiB
JavaScript
/**
|
|
* @license
|
|
* Visual Blocks Editor
|
|
*
|
|
* Copyright 2012 Google Inc.
|
|
* https://developers.google.com/blockly/
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
/**
|
|
* @fileoverview XML reader and writer.
|
|
* @author fraser@google.com (Neil Fraser)
|
|
*/
|
|
'use strict';
|
|
|
|
/**
|
|
* @name Blockly.Xml
|
|
* @namespace
|
|
*/
|
|
goog.provide('Blockly.Xml');
|
|
|
|
goog.require('Blockly.Events');
|
|
goog.require('Blockly.Events.BlockCreate');
|
|
goog.require('Blockly.Events.FinishedLoading');
|
|
goog.require('Blockly.Events.VarCreate');
|
|
goog.require('Blockly.utils');
|
|
goog.require('Blockly.utils.dom');
|
|
goog.require('Blockly.utils.xml');
|
|
|
|
|
|
/**
|
|
* Encode a block tree as XML.
|
|
* @param {!Blockly.Workspace} workspace The workspace containing blocks.
|
|
* @param {boolean=} opt_noId True if the encoder should skip the block IDs.
|
|
* @return {!Element} XML document.
|
|
*/
|
|
Blockly.Xml.workspaceToDom = function(workspace, opt_noId) {
|
|
var xml = Blockly.utils.xml.createElement('xml');
|
|
var variablesElement = Blockly.Xml.variablesToDom(
|
|
Blockly.Variables.allUsedVarModels(workspace));
|
|
if (variablesElement.hasChildNodes()) {
|
|
xml.appendChild(variablesElement);
|
|
}
|
|
var comments = workspace.getTopComments(true);
|
|
for (var i = 0, comment; comment = comments[i]; i++) {
|
|
xml.appendChild(comment.toXmlWithXY(opt_noId));
|
|
}
|
|
var blocks = workspace.getTopBlocks(true);
|
|
for (var i = 0, block; block = blocks[i]; i++) {
|
|
xml.appendChild(Blockly.Xml.blockToDomWithXY(block, opt_noId));
|
|
}
|
|
return xml;
|
|
};
|
|
|
|
/**
|
|
* Encode a list of variables as XML.
|
|
* @param {!Array.<!Blockly.VariableModel>} variableList List of all variable
|
|
* models.
|
|
* @return {!Element} List of XML elements.
|
|
*/
|
|
Blockly.Xml.variablesToDom = function(variableList) {
|
|
var variables = Blockly.utils.xml.createElement('variables');
|
|
for (var i = 0, variable; variable = variableList[i]; i++) {
|
|
var element = Blockly.utils.xml.createElement('variable');
|
|
element.appendChild(Blockly.utils.xml.createTextNode(variable.name));
|
|
if (variable.type) {
|
|
element.setAttribute('type', variable.type);
|
|
}
|
|
element.id = variable.getId();
|
|
variables.appendChild(element);
|
|
}
|
|
return variables;
|
|
};
|
|
|
|
/**
|
|
* Encode a block subtree as XML with XY coordinates.
|
|
* @param {!Blockly.Block} block The root block to encode.
|
|
* @param {boolean=} opt_noId True if the encoder should skip the block ID.
|
|
* @return {!Element} Tree of XML elements.
|
|
*/
|
|
Blockly.Xml.blockToDomWithXY = function(block, opt_noId) {
|
|
var width; // Not used in LTR.
|
|
if (block.workspace.RTL) {
|
|
width = block.workspace.getWidth();
|
|
}
|
|
var element = Blockly.Xml.blockToDom(block, opt_noId);
|
|
var xy = block.getRelativeToSurfaceXY();
|
|
element.setAttribute('x',
|
|
Math.round(block.workspace.RTL ? width - xy.x : xy.x));
|
|
element.setAttribute('y', Math.round(xy.y));
|
|
return element;
|
|
};
|
|
|
|
/**
|
|
* Encode a field as XML.
|
|
* @param {!Blockly.Field} field The field to encode.
|
|
* @return {Element} XML element, or null if the field did not need to be
|
|
* serialized.
|
|
* @private
|
|
*/
|
|
Blockly.Xml.fieldToDom_ = function(field) {
|
|
if (field.isSerializable()) {
|
|
var container = Blockly.utils.xml.createElement('field');
|
|
container.setAttribute('name', field.name);
|
|
return field.toXml(container);
|
|
}
|
|
return null;
|
|
};
|
|
|
|
/**
|
|
* Encode all of a block's fields as XML and attach them to the given tree of
|
|
* XML elements.
|
|
* @param {!Blockly.Block} block A block with fields to be encoded.
|
|
* @param {!Element} element The XML element to which the field DOM should be
|
|
* attached.
|
|
* @private
|
|
*/
|
|
Blockly.Xml.allFieldsToDom_ = function(block, element) {
|
|
for (var i = 0, input; input = block.inputList[i]; i++) {
|
|
for (var j = 0, field; field = input.fieldRow[j]; j++) {
|
|
var fieldDom = Blockly.Xml.fieldToDom_(field);
|
|
if (fieldDom) {
|
|
element.appendChild(fieldDom);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Encode a block subtree as XML.
|
|
* @param {!Blockly.Block} block The root block to encode.
|
|
* @param {boolean=} opt_noId True if the encoder should skip the block ID.
|
|
* @return {!Element} Tree of XML elements.
|
|
*/
|
|
Blockly.Xml.blockToDom = function(block, opt_noId) {
|
|
var element =
|
|
Blockly.utils.xml.createElement(block.isShadow() ? 'shadow' : 'block');
|
|
element.setAttribute('type', block.type);
|
|
if (!opt_noId) {
|
|
element.id = block.id;
|
|
}
|
|
if (block.mutationToDom) {
|
|
// Custom data for an advanced block.
|
|
var mutation = block.mutationToDom();
|
|
if (mutation && (mutation.hasChildNodes() || mutation.hasAttributes())) {
|
|
element.appendChild(mutation);
|
|
}
|
|
}
|
|
|
|
Blockly.Xml.allFieldsToDom_(block, element);
|
|
|
|
var commentText = block.getCommentText();
|
|
if (commentText) {
|
|
var commentElement = Blockly.utils.xml.createElement('comment');
|
|
commentElement.appendChild(Blockly.utils.xml.createTextNode(commentText));
|
|
if (typeof block.comment == 'object') {
|
|
commentElement.setAttribute('pinned', block.comment.isVisible());
|
|
var hw = block.comment.getBubbleSize();
|
|
commentElement.setAttribute('h', hw.height);
|
|
commentElement.setAttribute('w', hw.width);
|
|
}
|
|
element.appendChild(commentElement);
|
|
}
|
|
|
|
if (block.data) {
|
|
var dataElement = Blockly.utils.xml.createElement('data');
|
|
dataElement.appendChild(Blockly.utils.xml.createTextNode(block.data));
|
|
element.appendChild(dataElement);
|
|
}
|
|
|
|
for (var i = 0, input; input = block.inputList[i]; i++) {
|
|
var container;
|
|
var empty = true;
|
|
if (input.type == Blockly.DUMMY_INPUT) {
|
|
continue;
|
|
} else {
|
|
var childBlock = input.connection.targetBlock();
|
|
if (input.type == Blockly.INPUT_VALUE) {
|
|
container = Blockly.utils.xml.createElement('value');
|
|
} else if (input.type == Blockly.NEXT_STATEMENT) {
|
|
container = Blockly.utils.xml.createElement('statement');
|
|
}
|
|
var shadow = input.connection.getShadowDom();
|
|
if (shadow && (!childBlock || !childBlock.isShadow())) {
|
|
container.appendChild(Blockly.Xml.cloneShadow_(shadow, opt_noId));
|
|
}
|
|
if (childBlock) {
|
|
container.appendChild(Blockly.Xml.blockToDom(childBlock, opt_noId));
|
|
empty = false;
|
|
}
|
|
}
|
|
container.setAttribute('name', input.name);
|
|
if (!empty) {
|
|
element.appendChild(container);
|
|
}
|
|
}
|
|
if (block.inputsInline != undefined &&
|
|
block.inputsInline != block.inputsInlineDefault) {
|
|
element.setAttribute('inline', block.inputsInline);
|
|
}
|
|
if (block.isCollapsed()) {
|
|
element.setAttribute('collapsed', true);
|
|
}
|
|
if (!block.isEnabled()) {
|
|
element.setAttribute('disabled', true);
|
|
}
|
|
if (!block.isDeletable() && !block.isShadow()) {
|
|
element.setAttribute('deletable', false);
|
|
}
|
|
if (!block.isMovable() && !block.isShadow()) {
|
|
element.setAttribute('movable', false);
|
|
}
|
|
if (!block.isEditable()) {
|
|
element.setAttribute('editable', false);
|
|
}
|
|
|
|
var nextBlock = block.getNextBlock();
|
|
if (nextBlock) {
|
|
var container = Blockly.utils.xml.createElement('next');
|
|
container.appendChild(Blockly.Xml.blockToDom(nextBlock, opt_noId));
|
|
element.appendChild(container);
|
|
}
|
|
var shadow = block.nextConnection && block.nextConnection.getShadowDom();
|
|
if (shadow && (!nextBlock || !nextBlock.isShadow())) {
|
|
container.appendChild(Blockly.Xml.cloneShadow_(shadow, opt_noId));
|
|
}
|
|
|
|
return element;
|
|
};
|
|
|
|
/**
|
|
* Deeply clone the shadow's DOM so that changes don't back-wash to the block.
|
|
* @param {!Element} shadow A tree of XML elements.
|
|
* @param {boolean=} opt_noId True if the encoder should skip the block ID.
|
|
* @return {!Element} A tree of XML elements.
|
|
* @private
|
|
*/
|
|
Blockly.Xml.cloneShadow_ = function(shadow, opt_noId) {
|
|
shadow = shadow.cloneNode(true);
|
|
// Walk the tree looking for whitespace. Don't prune whitespace in a tag.
|
|
var node = shadow;
|
|
var textNode;
|
|
while (node) {
|
|
if (opt_noId && node.nodeName == 'shadow') {
|
|
// Strip off IDs from shadow blocks. There should never be a 'block' as
|
|
// a child of a 'shadow', so no need to check that.
|
|
node.removeAttribute('id');
|
|
}
|
|
if (node.firstChild) {
|
|
node = node.firstChild;
|
|
} else {
|
|
while (node && !node.nextSibling) {
|
|
textNode = node;
|
|
node = node.parentNode;
|
|
if (textNode.nodeType == Blockly.utils.dom.Node.TEXT_NODE &&
|
|
textNode.data.trim() == '' && node.firstChild != textNode) {
|
|
// Prune whitespace after a tag.
|
|
Blockly.utils.dom.removeNode(textNode);
|
|
}
|
|
}
|
|
if (node) {
|
|
textNode = node;
|
|
node = node.nextSibling;
|
|
if (textNode.nodeType == Blockly.utils.dom.Node.TEXT_NODE && textNode.data.trim() == '') {
|
|
// Prune whitespace before a tag.
|
|
Blockly.utils.dom.removeNode(textNode);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return shadow;
|
|
};
|
|
|
|
/**
|
|
* Converts a DOM structure into plain text.
|
|
* Currently the text format is fairly ugly: all one line with no whitespace.
|
|
* @param {!Element} dom A tree of XML elements.
|
|
* @return {string} Text representation.
|
|
*/
|
|
Blockly.Xml.domToText = function(dom) {
|
|
return Blockly.utils.xml.domToText(dom);
|
|
};
|
|
|
|
/**
|
|
* Converts a DOM structure into properly indented text.
|
|
* @param {!Element} dom A tree of XML elements.
|
|
* @return {string} Text representation.
|
|
*/
|
|
Blockly.Xml.domToPrettyText = function(dom) {
|
|
// This function is not guaranteed to be correct for all XML.
|
|
// But it handles the XML that Blockly generates.
|
|
var blob = Blockly.Xml.domToText(dom);
|
|
// Place every open and close tag on its own line.
|
|
var lines = blob.split('<');
|
|
// Indent every line.
|
|
var indent = '';
|
|
for (var i = 1; i < lines.length; i++) {
|
|
var line = lines[i];
|
|
if (line[0] == '/') {
|
|
indent = indent.substring(2);
|
|
}
|
|
lines[i] = indent + '<' + line;
|
|
if (line[0] != '/' && line.slice(-2) != '/>') {
|
|
indent += ' ';
|
|
}
|
|
}
|
|
// Pull simple tags back together.
|
|
// E.g. <foo></foo>
|
|
var text = lines.join('\n');
|
|
text = text.replace(/(<(\w+)\b[^>]*>[^\n]*)\n *<\/\2>/g, '$1</$2>');
|
|
// Trim leading blank line.
|
|
return text.replace(/^\n/, '');
|
|
};
|
|
|
|
/**
|
|
* Converts an XML string into a DOM structure.
|
|
* @param {string} text An XML string.
|
|
* @return {!Element} A DOM object representing the singular child of the
|
|
* document element.
|
|
* @throws if the text doesn't parse.
|
|
*/
|
|
Blockly.Xml.textToDom = function(text) {
|
|
var doc = Blockly.utils.xml.textToDomDocument(text);
|
|
if (!doc || !doc.documentElement ||
|
|
doc.getElementsByTagName('parsererror').length) {
|
|
throw Error('textToDom was unable to parse: ' + text);
|
|
}
|
|
return doc.documentElement;
|
|
};
|
|
|
|
/**
|
|
* Clear the given workspace then decode an XML DOM and
|
|
* create blocks on the workspace.
|
|
* @param {!Element} xml XML DOM.
|
|
* @param {!Blockly.Workspace} workspace The workspace.
|
|
* @return {Array.<string>} An array containing new block ids.
|
|
*/
|
|
Blockly.Xml.clearWorkspaceAndLoadFromXml = function(xml, workspace) {
|
|
workspace.setResizesEnabled(false);
|
|
workspace.clear();
|
|
var blockIds = Blockly.Xml.domToWorkspace(xml, workspace);
|
|
workspace.setResizesEnabled(true);
|
|
return blockIds;
|
|
};
|
|
|
|
/**
|
|
* Decode an XML DOM and create blocks on the workspace.
|
|
* @param {!Element} xml XML DOM.
|
|
* @param {!Blockly.Workspace} workspace The workspace.
|
|
* @return {!Array.<string>} An array containing new block IDs.
|
|
*/
|
|
Blockly.Xml.domToWorkspace = function(xml, workspace) {
|
|
if (xml instanceof Blockly.Workspace) {
|
|
var swap = xml;
|
|
// Closure Compiler complains here because the arguments are reversed.
|
|
/** @suppress {checkTypes} */
|
|
xml = workspace;
|
|
workspace = swap;
|
|
console.warn('Deprecated call to Blockly.Xml.domToWorkspace, ' +
|
|
'swap the arguments.');
|
|
}
|
|
|
|
var width; // Not used in LTR.
|
|
if (workspace.RTL) {
|
|
width = workspace.getWidth();
|
|
}
|
|
var newBlockIds = []; // A list of block IDs added by this call.
|
|
Blockly.Field.startCache();
|
|
// Safari 7.1.3 is known to provide node lists with extra references to
|
|
// children beyond the lists' length. Trust the length, do not use the
|
|
// looping pattern of checking the index for an object.
|
|
var childCount = xml.childNodes.length;
|
|
var existingGroup = Blockly.Events.getGroup();
|
|
if (!existingGroup) {
|
|
Blockly.Events.setGroup(true);
|
|
}
|
|
|
|
// Disable workspace resizes as an optimization.
|
|
if (workspace.setResizesEnabled) {
|
|
workspace.setResizesEnabled(false);
|
|
}
|
|
var variablesFirst = true;
|
|
try {
|
|
for (var i = 0; i < childCount; i++) {
|
|
var xmlChild = xml.childNodes[i];
|
|
var name = xmlChild.nodeName.toLowerCase();
|
|
if (name == 'block' ||
|
|
(name == 'shadow' && !Blockly.Events.recordUndo)) {
|
|
// Allow top-level shadow blocks if recordUndo is disabled since
|
|
// that means an undo is in progress. Such a block is expected
|
|
// to be moved to a nested destination in the next operation.
|
|
var block = Blockly.Xml.domToBlock(xmlChild, workspace);
|
|
newBlockIds.push(block.id);
|
|
var blockX = xmlChild.hasAttribute('x') ?
|
|
parseInt(xmlChild.getAttribute('x'), 10) : 10;
|
|
var blockY = xmlChild.hasAttribute('y') ?
|
|
parseInt(xmlChild.getAttribute('y'), 10) : 10;
|
|
if (!isNaN(blockX) && !isNaN(blockY)) {
|
|
block.moveBy(workspace.RTL ? width - blockX : blockX, blockY);
|
|
}
|
|
variablesFirst = false;
|
|
} else if (name == 'shadow') {
|
|
throw TypeError('Shadow block cannot be a top-level block.');
|
|
} else if (name == 'comment') {
|
|
if (workspace.rendered) {
|
|
Blockly.WorkspaceCommentSvg.fromXml(xmlChild, workspace, width);
|
|
} else {
|
|
Blockly.WorkspaceComment.fromXml(xmlChild, workspace);
|
|
}
|
|
} else if (name == 'variables') {
|
|
if (variablesFirst) {
|
|
Blockly.Xml.domToVariables(xmlChild, workspace);
|
|
} else {
|
|
throw Error('\'variables\' tag must exist once before block and ' +
|
|
'shadow tag elements in the workspace XML, but it was found in ' +
|
|
'another location.');
|
|
}
|
|
variablesFirst = false;
|
|
}
|
|
}
|
|
} finally {
|
|
if (!existingGroup) {
|
|
Blockly.Events.setGroup(false);
|
|
}
|
|
Blockly.Field.stopCache();
|
|
}
|
|
// Re-enable workspace resizing.
|
|
if (workspace.setResizesEnabled) {
|
|
workspace.setResizesEnabled(true);
|
|
}
|
|
Blockly.Events.fire(new Blockly.Events.FinishedLoading(workspace));
|
|
return newBlockIds;
|
|
};
|
|
|
|
/**
|
|
* Decode an XML DOM and create blocks on the workspace. Position the new
|
|
* blocks immediately below prior blocks, aligned by their starting edge.
|
|
* @param {!Element} xml The XML DOM.
|
|
* @param {!Blockly.Workspace} workspace The workspace to add to.
|
|
* @return {Array.<string>} An array containing new block IDs.
|
|
*/
|
|
Blockly.Xml.appendDomToWorkspace = function(xml, workspace) {
|
|
var bbox; // Bounding box of the current blocks.
|
|
// First check if we have a workspaceSvg, otherwise the blocks have no shape
|
|
// and the position does not matter.
|
|
if (workspace.hasOwnProperty('scale')) {
|
|
var savetab = Blockly.BlockSvg.TAB_WIDTH;
|
|
try {
|
|
Blockly.BlockSvg.TAB_WIDTH = 0;
|
|
bbox = workspace.getBlocksBoundingBox();
|
|
} finally {
|
|
Blockly.BlockSvg.TAB_WIDTH = savetab;
|
|
}
|
|
}
|
|
// Load the new blocks into the workspace and get the IDs of the new blocks.
|
|
var newBlockIds = Blockly.Xml.domToWorkspace(xml,workspace);
|
|
if (bbox && bbox.top != bbox.bottom) { // check if any previous block
|
|
var offsetY = 0; // offset to add to y of the new block
|
|
var offsetX = 0;
|
|
var farY = bbox.bottom; // bottom position
|
|
var topX = bbox.left; // x of bounding box
|
|
// Check position of the new blocks.
|
|
var newX = Infinity; // x of top corner
|
|
var newY = Infinity; // y of top corner
|
|
for (var i = 0; i < newBlockIds.length; i++) {
|
|
var blockXY =
|
|
workspace.getBlockById(newBlockIds[i]).getRelativeToSurfaceXY();
|
|
if (blockXY.y < newY) {
|
|
newY = blockXY.y;
|
|
}
|
|
if (blockXY.x < newX) { // if we align also on x
|
|
newX = blockXY.x;
|
|
}
|
|
}
|
|
offsetY = farY - newY + Blockly.BlockSvg.SEP_SPACE_Y;
|
|
offsetX = topX - newX;
|
|
// move the new blocks to append them at the bottom
|
|
var width; // Not used in LTR.
|
|
if (workspace.RTL) {
|
|
width = workspace.getWidth();
|
|
}
|
|
for (var i = 0; i < newBlockIds.length; i++) {
|
|
var block = workspace.getBlockById(newBlockIds[i]);
|
|
block.moveBy(workspace.RTL ? width - offsetX : offsetX, offsetY);
|
|
}
|
|
}
|
|
return newBlockIds;
|
|
};
|
|
|
|
/**
|
|
* Decode an XML block tag and create a block (and possibly sub blocks) on the
|
|
* workspace.
|
|
* @param {!Element} xmlBlock XML block element.
|
|
* @param {!Blockly.Workspace} workspace The workspace.
|
|
* @return {!Blockly.Block} The root block created.
|
|
*/
|
|
Blockly.Xml.domToBlock = function(xmlBlock, workspace) {
|
|
if (xmlBlock instanceof Blockly.Workspace) {
|
|
var swap = xmlBlock;
|
|
// Closure Compiler complains here because the arguments are reversed.
|
|
/** @suppress {checkTypes} */
|
|
xmlBlock = /** @type {!Element} */ (workspace);
|
|
workspace = swap;
|
|
console.warn('Deprecated call to Blockly.Xml.domToBlock, ' +
|
|
'swap the arguments.');
|
|
}
|
|
// Create top-level block.
|
|
Blockly.Events.disable();
|
|
var variablesBeforeCreation = workspace.getAllVariables();
|
|
try {
|
|
var topBlock = Blockly.Xml.domToBlockHeadless_(xmlBlock, workspace);
|
|
// Generate list of all blocks.
|
|
var blocks = topBlock.getDescendants(false);
|
|
if (workspace.rendered) {
|
|
// Hide connections to speed up assembly.
|
|
topBlock.setConnectionsHidden(true);
|
|
// Render each block.
|
|
for (var i = blocks.length - 1; i >= 0; i--) {
|
|
blocks[i].initSvg();
|
|
}
|
|
for (var i = blocks.length - 1; i >= 0; i--) {
|
|
blocks[i].render(false);
|
|
}
|
|
// Populating the connection database may be deferred until after the
|
|
// blocks have rendered.
|
|
setTimeout(function() {
|
|
if (topBlock.workspace) { // Check that the block hasn't been deleted.
|
|
topBlock.setConnectionsHidden(false);
|
|
}
|
|
}, 1);
|
|
topBlock.updateDisabled();
|
|
// Allow the scrollbars to resize and move based on the new contents.
|
|
// TODO(@picklesrus): #387. Remove when domToBlock avoids resizing.
|
|
workspace.resizeContents();
|
|
} else {
|
|
for (var i = blocks.length - 1; i >= 0; i--) {
|
|
blocks[i].initModel();
|
|
}
|
|
}
|
|
} finally {
|
|
Blockly.Events.enable();
|
|
}
|
|
if (Blockly.Events.isEnabled()) {
|
|
var newVariables = Blockly.Variables.getAddedVariables(workspace,
|
|
variablesBeforeCreation);
|
|
// Fire a VarCreate event for each (if any) new variable created.
|
|
for (var i = 0; i < newVariables.length; i++) {
|
|
var thisVariable = newVariables[i];
|
|
Blockly.Events.fire(new Blockly.Events.VarCreate(thisVariable));
|
|
}
|
|
// Block events come after var events, in case they refer to newly created
|
|
// variables.
|
|
Blockly.Events.fire(new Blockly.Events.BlockCreate(topBlock));
|
|
}
|
|
return topBlock;
|
|
};
|
|
|
|
|
|
/**
|
|
* Decode an XML list of variables and add the variables to the workspace.
|
|
* @param {!Element} xmlVariables List of XML variable elements.
|
|
* @param {!Blockly.Workspace} workspace The workspace to which the variable
|
|
* should be added.
|
|
*/
|
|
Blockly.Xml.domToVariables = function(xmlVariables, workspace) {
|
|
for (var i = 0, xmlChild; xmlChild = xmlVariables.childNodes[i]; i++) {
|
|
if (xmlChild.nodeType != Blockly.utils.dom.Node.ELEMENT_NODE) {
|
|
continue; // Skip text nodes.
|
|
}
|
|
var type = xmlChild.getAttribute('type');
|
|
var id = xmlChild.getAttribute('id');
|
|
var name = xmlChild.textContent;
|
|
|
|
workspace.createVariable(name, type, id);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Decode an XML block tag and create a block (and possibly sub blocks) on the
|
|
* workspace.
|
|
* @param {!Element} xmlBlock XML block element.
|
|
* @param {!Blockly.Workspace} workspace The workspace.
|
|
* @return {!Blockly.Block} The root block created.
|
|
* @private
|
|
*/
|
|
Blockly.Xml.domToBlockHeadless_ = function(xmlBlock, workspace) {
|
|
var block = null;
|
|
var prototypeName = xmlBlock.getAttribute('type');
|
|
if (!prototypeName) {
|
|
throw TypeError('Block type unspecified: ' + xmlBlock.outerHTML);
|
|
}
|
|
var id = xmlBlock.getAttribute('id');
|
|
block = workspace.newBlock(prototypeName, id);
|
|
|
|
var blockChild = null;
|
|
for (var i = 0, xmlChild; xmlChild = xmlBlock.childNodes[i]; i++) {
|
|
if (xmlChild.nodeType == Blockly.utils.dom.Node.TEXT_NODE) {
|
|
// Ignore any text at the <block> level. It's all whitespace anyway.
|
|
continue;
|
|
}
|
|
var input;
|
|
|
|
// Find any enclosed blocks or shadows in this tag.
|
|
var childBlockElement = null;
|
|
var childShadowElement = null;
|
|
for (var j = 0, grandchild; grandchild = xmlChild.childNodes[j]; j++) {
|
|
if (grandchild.nodeType == Blockly.utils.dom.Node.ELEMENT_NODE) {
|
|
if (grandchild.nodeName.toLowerCase() == 'block') {
|
|
childBlockElement = /** @type {!Element} */ (grandchild);
|
|
} else if (grandchild.nodeName.toLowerCase() == 'shadow') {
|
|
childShadowElement = /** @type {!Element} */ (grandchild);
|
|
}
|
|
}
|
|
}
|
|
// Use the shadow block if there is no child block.
|
|
if (!childBlockElement && childShadowElement) {
|
|
childBlockElement = childShadowElement;
|
|
}
|
|
|
|
var name = xmlChild.getAttribute('name');
|
|
switch (xmlChild.nodeName.toLowerCase()) {
|
|
case 'mutation':
|
|
// Custom data for an advanced block.
|
|
if (block.domToMutation) {
|
|
block.domToMutation(xmlChild);
|
|
if (block.initSvg) {
|
|
// Mutation may have added some elements that need initializing.
|
|
block.initSvg();
|
|
}
|
|
}
|
|
break;
|
|
case 'comment':
|
|
block.setCommentText(xmlChild.textContent);
|
|
var visible = xmlChild.getAttribute('pinned');
|
|
if (visible && !block.isInFlyout) {
|
|
// Give the renderer a millisecond to render and position the block
|
|
// before positioning the comment bubble.
|
|
setTimeout(function() {
|
|
if (block.comment && block.comment.setVisible) {
|
|
block.comment.setVisible(visible == 'true');
|
|
}
|
|
}, 1);
|
|
}
|
|
var bubbleW = parseInt(xmlChild.getAttribute('w'), 10);
|
|
var bubbleH = parseInt(xmlChild.getAttribute('h'), 10);
|
|
if (!isNaN(bubbleW) && !isNaN(bubbleH) &&
|
|
block.comment && block.comment.setVisible) {
|
|
block.comment.setBubbleSize(bubbleW, bubbleH);
|
|
}
|
|
break;
|
|
case 'data':
|
|
block.data = xmlChild.textContent;
|
|
break;
|
|
case 'title':
|
|
// Titles were renamed to field in December 2013.
|
|
// Fall through.
|
|
case 'field':
|
|
Blockly.Xml.domToField_(block, name, xmlChild);
|
|
break;
|
|
case 'value':
|
|
case 'statement':
|
|
input = block.getInput(name);
|
|
if (!input) {
|
|
console.warn('Ignoring non-existent input ' + name + ' in block ' +
|
|
prototypeName);
|
|
break;
|
|
}
|
|
if (childShadowElement) {
|
|
input.connection.setShadowDom(childShadowElement);
|
|
}
|
|
if (childBlockElement) {
|
|
blockChild = Blockly.Xml.domToBlockHeadless_(childBlockElement,
|
|
workspace);
|
|
if (blockChild.outputConnection) {
|
|
input.connection.connect(blockChild.outputConnection);
|
|
} else if (blockChild.previousConnection) {
|
|
input.connection.connect(blockChild.previousConnection);
|
|
} else {
|
|
throw TypeError(
|
|
'Child block does not have output or previous statement.');
|
|
}
|
|
}
|
|
break;
|
|
case 'next':
|
|
if (childShadowElement && block.nextConnection) {
|
|
block.nextConnection.setShadowDom(childShadowElement);
|
|
}
|
|
if (childBlockElement) {
|
|
if (!block.nextConnection) {
|
|
throw TypeError('Next statement does not exist.');
|
|
}
|
|
// If there is more than one XML 'next' tag.
|
|
if (block.nextConnection.isConnected()) {
|
|
throw TypeError('Next statement is already connected.');
|
|
}
|
|
blockChild = Blockly.Xml.domToBlockHeadless_(childBlockElement,
|
|
workspace);
|
|
if (!blockChild.previousConnection) {
|
|
throw TypeError('Next block does not have previous statement.');
|
|
}
|
|
block.nextConnection.connect(blockChild.previousConnection);
|
|
}
|
|
break;
|
|
default:
|
|
// Unknown tag; ignore. Same principle as HTML parsers.
|
|
console.warn('Ignoring unknown tag: ' + xmlChild.nodeName);
|
|
}
|
|
}
|
|
|
|
var inline = xmlBlock.getAttribute('inline');
|
|
if (inline) {
|
|
block.setInputsInline(inline == 'true');
|
|
}
|
|
var disabled = xmlBlock.getAttribute('disabled');
|
|
if (disabled) {
|
|
block.setEnabled(disabled != 'true' && disabled != 'disabled');
|
|
}
|
|
var deletable = xmlBlock.getAttribute('deletable');
|
|
if (deletable) {
|
|
block.setDeletable(deletable == 'true');
|
|
}
|
|
var movable = xmlBlock.getAttribute('movable');
|
|
if (movable) {
|
|
block.setMovable(movable == 'true');
|
|
}
|
|
var editable = xmlBlock.getAttribute('editable');
|
|
if (editable) {
|
|
block.setEditable(editable == 'true');
|
|
}
|
|
var collapsed = xmlBlock.getAttribute('collapsed');
|
|
if (collapsed) {
|
|
block.setCollapsed(collapsed == 'true');
|
|
}
|
|
if (xmlBlock.nodeName.toLowerCase() == 'shadow') {
|
|
// Ensure all children are also shadows.
|
|
var children = block.getChildren(false);
|
|
for (var i = 0, child; child = children[i]; i++) {
|
|
if (!child.isShadow()) {
|
|
throw TypeError('Shadow block not allowed non-shadow child.');
|
|
}
|
|
}
|
|
// Ensure this block doesn't have any variable inputs.
|
|
if (block.getVarModels().length) {
|
|
throw TypeError('Shadow blocks cannot have variable references.');
|
|
}
|
|
block.setShadow(true);
|
|
}
|
|
return block;
|
|
};
|
|
|
|
/**
|
|
* Decode an XML field tag and set the value of that field on the given block.
|
|
* @param {!Blockly.Block} block The block that is currently being deserialized.
|
|
* @param {string} fieldName The name of the field on the block.
|
|
* @param {!Element} xml The field tag to decode.
|
|
* @private
|
|
*/
|
|
Blockly.Xml.domToField_ = function(block, fieldName, xml) {
|
|
var field = block.getField(fieldName);
|
|
if (!field) {
|
|
console.warn('Ignoring non-existent field ' + fieldName + ' in block ' +
|
|
block.type);
|
|
return;
|
|
}
|
|
field.fromXml(xml);
|
|
};
|
|
|
|
/**
|
|
* Remove any 'next' block (statements in a stack).
|
|
* @param {!Element} xmlBlock XML block element.
|
|
*/
|
|
Blockly.Xml.deleteNext = function(xmlBlock) {
|
|
for (var i = 0, child; child = xmlBlock.childNodes[i]; i++) {
|
|
if (child.nodeName.toLowerCase() == 'next') {
|
|
xmlBlock.removeChild(child);
|
|
break;
|
|
}
|
|
}
|
|
};
|
|
|
|
// Export symbols that would otherwise be renamed by Closure compiler.
|
|
if (!Blockly.utils.global['Blockly']) {
|
|
Blockly.utils.global['Blockly'] = {};
|
|
}
|
|
if (!Blockly.utils.global['Blockly']['Xml']) {
|
|
Blockly.utils.global['Blockly']['Xml'] = {};
|
|
}
|
|
Blockly.utils.global['Blockly']['Xml']['domToText'] = Blockly.Xml.domToText;
|
|
Blockly.utils.global['Blockly']['Xml']['domToWorkspace'] =
|
|
Blockly.Xml.domToWorkspace;
|
|
Blockly.utils.global['Blockly']['Xml']['textToDom'] = Blockly.Xml.textToDom;
|
|
Blockly.utils.global['Blockly']['Xml']['workspaceToDom'] =
|
|
Blockly.Xml.workspaceToDom;
|