mirror of
https://github.com/google/blockly.git
synced 2026-01-04 15:40:08 +01:00
* fix(build): Minor corrections to build_tasks.js
- Use TSC_OUTPUT_DIR to find goog/goog.js when suppressing warnings.
- Remove unnecessary trailing semicolons.
* refactor(blocks): Remove declareLegacyNamespace
Remove the call to goog.module.declareLegacyNamespace from
Blockly.libraryBlocks. This entails:
- Changes to the UMD wrapper to be able to find the exports object.
- Changes to tests/bootstrap_helper.js to save the exports object
in the libraryBlocks global variable.
- As a precaution, renaming the tests/compile/test_blocks.js module
so that goog.provide does not touch Blockly or
Blockly.libraryBlocks, which may not exist / be writable.
* feat(build): Add support named exports from chunks
We need to convert the generators to named exports. For backwards
compatibility we still want e.g. Blockly.JavaScript to point at
the generator object when the chunk is loaded using a script tag.
Modify chunkWrapper to honour a .reexportOnly property in the
chunks table and generate suitable additional code in the UMD
wrapper.
* refactor(generators): Migrate JavaScript generator to named export
- Export the JavaScript generator object as javascriptGenerator
from the Blockly.JavaScript module(generators/javascript.js).
- Modify the Blockly.JavaScript.all module
(generators/javascript/all.js) to reexport the exports from
Blockly.JavaScript.
- Update chunk configuration so the generator object remains
available as Blockly.JavaScript when loading
javascript_compressed.js via a <script> tag.
(N.B. it is otherwise necessary to destructure the require
/ import.)
- Modify bootstrap_helper.js to store that export as
window.javascriptGenerator for use in test code.
- Modify test code to use javascriptGenerator instead of
Blockly.JavaScript.
- Modify .eslintrc.json so that javascriptGenerator is allowed
as a global in test/. (Also restrict use of Blockly global
to test/.)
N.B. that demo code in demos/code/code.js uses <script> tag
loading and so will continue to access Blockly.JavaScript.
* refactor(generators): Migrate Lua generator to named export
* refactor(generators): Migrate PHP generator to named export
* refactor(generators): Migrate Python generator to named export
* refactor(generators): Remove declareLegacyNamespace calls
Remove the goog.module.declareLegacyNamespace calls from the
generators.
This turns out to have the unexpected side-effect of causing the
compiler to rename the core/blockly.js exports object from
$.Blockly to just Blockly in blockly_compressed.js - presumably
because it no longer needs to be accessed in any subsequent chunk
because they no longer add properties to it. This requires
some changes (mainly simplification) to the chunkWrapper function
in build_tasks.js.
* refactor(core): Remove declareLegacyNamespace from blockly.js
So easy to do _now_: just need to:
- Make sure the UMD wrapper for the first chunk knows where the
exports object is.
- Use that same value to set the Blockly.VERSION @define.
- Have bootstrap_helper.js set window.Blockly to the exports
object.
- Fix tests/compile/test_blocks.js to not assume a Blockly
global variable, by converting it to a goog.module so we
can use a named require.
406 lines
13 KiB
JavaScript
406 lines
13 KiB
JavaScript
/**
|
|
* @license
|
|
* Copyright 2012 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
/**
|
|
* @fileoverview Generating JavaScript for list blocks.
|
|
* @suppress {missingRequire}
|
|
*/
|
|
'use strict';
|
|
|
|
goog.module('Blockly.JavaScript.lists');
|
|
|
|
const {NameType} = goog.require('Blockly.Names');
|
|
const {javascriptGenerator: JavaScript} = goog.require('Blockly.JavaScript');
|
|
|
|
|
|
JavaScript['lists_create_empty'] = function(block) {
|
|
// Create an empty list.
|
|
return ['[]', JavaScript.ORDER_ATOMIC];
|
|
};
|
|
|
|
JavaScript['lists_create_with'] = function(block) {
|
|
// Create a list with any number of elements of any type.
|
|
const elements = new Array(block.itemCount_);
|
|
for (let i = 0; i < block.itemCount_; i++) {
|
|
elements[i] =
|
|
JavaScript.valueToCode(block, 'ADD' + i, JavaScript.ORDER_NONE) ||
|
|
'null';
|
|
}
|
|
const code = '[' + elements.join(', ') + ']';
|
|
return [code, JavaScript.ORDER_ATOMIC];
|
|
};
|
|
|
|
JavaScript['lists_repeat'] = function(block) {
|
|
// Create a list with one element repeated.
|
|
const functionName = JavaScript.provideFunction_('listsRepeat', `
|
|
function ${JavaScript.FUNCTION_NAME_PLACEHOLDER_}(value, n) {
|
|
var array = [];
|
|
for (var i = 0; i < n; i++) {
|
|
array[i] = value;
|
|
}
|
|
return array;
|
|
}
|
|
`);
|
|
const element =
|
|
JavaScript.valueToCode(block, 'ITEM', JavaScript.ORDER_NONE) || 'null';
|
|
const repeatCount =
|
|
JavaScript.valueToCode(block, 'NUM', JavaScript.ORDER_NONE) || '0';
|
|
const code = functionName + '(' + element + ', ' + repeatCount + ')';
|
|
return [code, JavaScript.ORDER_FUNCTION_CALL];
|
|
};
|
|
|
|
JavaScript['lists_length'] = function(block) {
|
|
// String or array length.
|
|
const list =
|
|
JavaScript.valueToCode(block, 'VALUE', JavaScript.ORDER_MEMBER) || '[]';
|
|
return [list + '.length', JavaScript.ORDER_MEMBER];
|
|
};
|
|
|
|
JavaScript['lists_isEmpty'] = function(block) {
|
|
// Is the string null or array empty?
|
|
const list =
|
|
JavaScript.valueToCode(block, 'VALUE', JavaScript.ORDER_MEMBER) || '[]';
|
|
return ['!' + list + '.length', JavaScript.ORDER_LOGICAL_NOT];
|
|
};
|
|
|
|
JavaScript['lists_indexOf'] = function(block) {
|
|
// Find an item in the list.
|
|
const operator =
|
|
block.getFieldValue('END') === 'FIRST' ? 'indexOf' : 'lastIndexOf';
|
|
const item =
|
|
JavaScript.valueToCode(block, 'FIND', JavaScript.ORDER_NONE) || "''";
|
|
const list =
|
|
JavaScript.valueToCode(block, 'VALUE', JavaScript.ORDER_MEMBER) || '[]';
|
|
const code = list + '.' + operator + '(' + item + ')';
|
|
if (block.workspace.options.oneBasedIndex) {
|
|
return [code + ' + 1', JavaScript.ORDER_ADDITION];
|
|
}
|
|
return [code, JavaScript.ORDER_FUNCTION_CALL];
|
|
};
|
|
|
|
JavaScript['lists_getIndex'] = function(block) {
|
|
// Get element at index.
|
|
// Note: Until January 2013 this block did not have MODE or WHERE inputs.
|
|
const mode = block.getFieldValue('MODE') || 'GET';
|
|
const where = block.getFieldValue('WHERE') || 'FROM_START';
|
|
const listOrder =
|
|
(where === 'RANDOM') ? JavaScript.ORDER_NONE : JavaScript.ORDER_MEMBER;
|
|
const list = JavaScript.valueToCode(block, 'VALUE', listOrder) || '[]';
|
|
|
|
switch (where) {
|
|
case ('FIRST'):
|
|
if (mode === 'GET') {
|
|
const code = list + '[0]';
|
|
return [code, JavaScript.ORDER_MEMBER];
|
|
} else if (mode === 'GET_REMOVE') {
|
|
const code = list + '.shift()';
|
|
return [code, JavaScript.ORDER_MEMBER];
|
|
} else if (mode === 'REMOVE') {
|
|
return list + '.shift();\n';
|
|
}
|
|
break;
|
|
case ('LAST'):
|
|
if (mode === 'GET') {
|
|
const code = list + '.slice(-1)[0]';
|
|
return [code, JavaScript.ORDER_MEMBER];
|
|
} else if (mode === 'GET_REMOVE') {
|
|
const code = list + '.pop()';
|
|
return [code, JavaScript.ORDER_MEMBER];
|
|
} else if (mode === 'REMOVE') {
|
|
return list + '.pop();\n';
|
|
}
|
|
break;
|
|
case ('FROM_START'): {
|
|
const at = JavaScript.getAdjusted(block, 'AT');
|
|
if (mode === 'GET') {
|
|
const code = list + '[' + at + ']';
|
|
return [code, JavaScript.ORDER_MEMBER];
|
|
} else if (mode === 'GET_REMOVE') {
|
|
const code = list + '.splice(' + at + ', 1)[0]';
|
|
return [code, JavaScript.ORDER_FUNCTION_CALL];
|
|
} else if (mode === 'REMOVE') {
|
|
return list + '.splice(' + at + ', 1);\n';
|
|
}
|
|
break;
|
|
}
|
|
case ('FROM_END'): {
|
|
const at = JavaScript.getAdjusted(block, 'AT', 1, true);
|
|
if (mode === 'GET') {
|
|
const code = list + '.slice(' + at + ')[0]';
|
|
return [code, JavaScript.ORDER_FUNCTION_CALL];
|
|
} else if (mode === 'GET_REMOVE') {
|
|
const code = list + '.splice(' + at + ', 1)[0]';
|
|
return [code, JavaScript.ORDER_FUNCTION_CALL];
|
|
} else if (mode === 'REMOVE') {
|
|
return list + '.splice(' + at + ', 1);';
|
|
}
|
|
break;
|
|
}
|
|
case ('RANDOM'): {
|
|
const functionName = JavaScript.provideFunction_('listsGetRandomItem', `
|
|
function ${JavaScript.FUNCTION_NAME_PLACEHOLDER_}(list, remove) {
|
|
var x = Math.floor(Math.random() * list.length);
|
|
if (remove) {
|
|
return list.splice(x, 1)[0];
|
|
} else {
|
|
return list[x];
|
|
}
|
|
}
|
|
`);
|
|
const code = functionName + '(' + list + ', ' + (mode !== 'GET') + ')';
|
|
if (mode === 'GET' || mode === 'GET_REMOVE') {
|
|
return [code, JavaScript.ORDER_FUNCTION_CALL];
|
|
} else if (mode === 'REMOVE') {
|
|
return code + ';\n';
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
throw Error('Unhandled combination (lists_getIndex).');
|
|
};
|
|
|
|
JavaScript['lists_setIndex'] = function(block) {
|
|
// Set element at index.
|
|
// Note: Until February 2013 this block did not have MODE or WHERE inputs.
|
|
let list =
|
|
JavaScript.valueToCode(block, 'LIST', JavaScript.ORDER_MEMBER) || '[]';
|
|
const mode = block.getFieldValue('MODE') || 'GET';
|
|
const where = block.getFieldValue('WHERE') || 'FROM_START';
|
|
const value =
|
|
JavaScript.valueToCode(block, 'TO', JavaScript.ORDER_ASSIGNMENT) ||
|
|
'null';
|
|
// Cache non-trivial values to variables to prevent repeated look-ups.
|
|
// Closure, which accesses and modifies 'list'.
|
|
function cacheList() {
|
|
if (list.match(/^\w+$/)) {
|
|
return '';
|
|
}
|
|
const listVar =
|
|
JavaScript.nameDB_.getDistinctName('tmpList', NameType.VARIABLE);
|
|
const code = 'var ' + listVar + ' = ' + list + ';\n';
|
|
list = listVar;
|
|
return code;
|
|
}
|
|
switch (where) {
|
|
case ('FIRST'):
|
|
if (mode === 'SET') {
|
|
return list + '[0] = ' + value + ';\n';
|
|
} else if (mode === 'INSERT') {
|
|
return list + '.unshift(' + value + ');\n';
|
|
}
|
|
break;
|
|
case ('LAST'):
|
|
if (mode === 'SET') {
|
|
let code = cacheList();
|
|
code += list + '[' + list + '.length - 1] = ' + value + ';\n';
|
|
return code;
|
|
} else if (mode === 'INSERT') {
|
|
return list + '.push(' + value + ');\n';
|
|
}
|
|
break;
|
|
case ('FROM_START'): {
|
|
const at = JavaScript.getAdjusted(block, 'AT');
|
|
if (mode === 'SET') {
|
|
return list + '[' + at + '] = ' + value + ';\n';
|
|
} else if (mode === 'INSERT') {
|
|
return list + '.splice(' + at + ', 0, ' + value + ');\n';
|
|
}
|
|
break;
|
|
}
|
|
case ('FROM_END'): {
|
|
const at = JavaScript.getAdjusted(
|
|
block, 'AT', 1, false, JavaScript.ORDER_SUBTRACTION);
|
|
let code = cacheList();
|
|
if (mode === 'SET') {
|
|
code += list + '[' + list + '.length - ' + at + '] = ' + value + ';\n';
|
|
return code;
|
|
} else if (mode === 'INSERT') {
|
|
code += list + '.splice(' + list + '.length - ' + at + ', 0, ' + value +
|
|
');\n';
|
|
return code;
|
|
}
|
|
break;
|
|
}
|
|
case ('RANDOM'): {
|
|
let code = cacheList();
|
|
const xVar =
|
|
JavaScript.nameDB_.getDistinctName('tmpX', NameType.VARIABLE);
|
|
code += 'var ' + xVar + ' = Math.floor(Math.random() * ' + list +
|
|
'.length);\n';
|
|
if (mode === 'SET') {
|
|
code += list + '[' + xVar + '] = ' + value + ';\n';
|
|
return code;
|
|
} else if (mode === 'INSERT') {
|
|
code += list + '.splice(' + xVar + ', 0, ' + value + ');\n';
|
|
return code;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
throw Error('Unhandled combination (lists_setIndex).');
|
|
};
|
|
|
|
/**
|
|
* Returns an expression calculating the index into a list.
|
|
* @param {string} listName Name of the list, used to calculate length.
|
|
* @param {string} where The method of indexing, selected by dropdown in Blockly
|
|
* @param {string=} opt_at The optional offset when indexing from start/end.
|
|
* @return {string|undefined} Index expression.
|
|
*/
|
|
const getSubstringIndex = function(listName, where, opt_at) {
|
|
if (where === 'FIRST') {
|
|
return '0';
|
|
} else if (where === 'FROM_END') {
|
|
return listName + '.length - 1 - ' + opt_at;
|
|
} else if (where === 'LAST') {
|
|
return listName + '.length - 1';
|
|
} else {
|
|
return opt_at;
|
|
}
|
|
};
|
|
|
|
JavaScript['lists_getSublist'] = function(block) {
|
|
// Get sublist.
|
|
const list =
|
|
JavaScript.valueToCode(block, 'LIST', JavaScript.ORDER_MEMBER) || '[]';
|
|
const where1 = block.getFieldValue('WHERE1');
|
|
const where2 = block.getFieldValue('WHERE2');
|
|
let code;
|
|
if (where1 === 'FIRST' && where2 === 'LAST') {
|
|
code = list + '.slice(0)';
|
|
} else if (
|
|
list.match(/^\w+$/) ||
|
|
(where1 !== 'FROM_END' && where2 === 'FROM_START')) {
|
|
// If the list is a variable or doesn't require a call for length, don't
|
|
// generate a helper function.
|
|
let at1;
|
|
switch (where1) {
|
|
case 'FROM_START':
|
|
at1 = JavaScript.getAdjusted(block, 'AT1');
|
|
break;
|
|
case 'FROM_END':
|
|
at1 = JavaScript.getAdjusted(
|
|
block, 'AT1', 1, false, JavaScript.ORDER_SUBTRACTION);
|
|
at1 = list + '.length - ' + at1;
|
|
break;
|
|
case 'FIRST':
|
|
at1 = '0';
|
|
break;
|
|
default:
|
|
throw Error('Unhandled option (lists_getSublist).');
|
|
}
|
|
let at2;
|
|
switch (where2) {
|
|
case 'FROM_START':
|
|
at2 = JavaScript.getAdjusted(block, 'AT2', 1);
|
|
break;
|
|
case 'FROM_END':
|
|
at2 = JavaScript.getAdjusted(
|
|
block, 'AT2', 0, false, JavaScript.ORDER_SUBTRACTION);
|
|
at2 = list + '.length - ' + at2;
|
|
break;
|
|
case 'LAST':
|
|
at2 = list + '.length';
|
|
break;
|
|
default:
|
|
throw Error('Unhandled option (lists_getSublist).');
|
|
}
|
|
code = list + '.slice(' + at1 + ', ' + at2 + ')';
|
|
} else {
|
|
const at1 = JavaScript.getAdjusted(block, 'AT1');
|
|
const at2 = JavaScript.getAdjusted(block, 'AT2');
|
|
const wherePascalCase = {
|
|
'FIRST': 'First',
|
|
'LAST': 'Last',
|
|
'FROM_START': 'FromStart',
|
|
'FROM_END': 'FromEnd',
|
|
};
|
|
// The value for 'FROM_END' and'FROM_START' depends on `at` so
|
|
// we add it as a parameter.
|
|
const at1Param =
|
|
(where1 === 'FROM_END' || where1 === 'FROM_START') ? ', at1' : '';
|
|
const at2Param =
|
|
(where2 === 'FROM_END' || where2 === 'FROM_START') ? ', at2' : '';
|
|
const functionName = JavaScript.provideFunction_(
|
|
'subsequence' + wherePascalCase[where1] + wherePascalCase[where2], `
|
|
function ${JavaScript.FUNCTION_NAME_PLACEHOLDER_}(sequence${at1Param}${at2Param}) {
|
|
var start = ${getSubstringIndex('sequence', where1, 'at1')};
|
|
var end = ${getSubstringIndex('sequence', where2, 'at2')} + 1;
|
|
return sequence.slice(start, end);
|
|
}
|
|
`);
|
|
code = functionName + '(' + list +
|
|
// The value for 'FROM_END' and 'FROM_START' depends on `at` so we
|
|
// pass it.
|
|
((where1 === 'FROM_END' || where1 === 'FROM_START') ? ', ' + at1 : '') +
|
|
((where2 === 'FROM_END' || where2 === 'FROM_START') ? ', ' + at2 : '') +
|
|
')';
|
|
}
|
|
return [code, JavaScript.ORDER_FUNCTION_CALL];
|
|
};
|
|
|
|
JavaScript['lists_sort'] = function(block) {
|
|
// Block for sorting a list.
|
|
const list =
|
|
JavaScript.valueToCode(block, 'LIST', JavaScript.ORDER_FUNCTION_CALL) ||
|
|
'[]';
|
|
const direction = block.getFieldValue('DIRECTION') === '1' ? 1 : -1;
|
|
const type = block.getFieldValue('TYPE');
|
|
const getCompareFunctionName =
|
|
JavaScript.provideFunction_('listsGetSortCompare', `
|
|
function ${JavaScript.FUNCTION_NAME_PLACEHOLDER_}(type, direction) {
|
|
var compareFuncs = {
|
|
'NUMERIC': function(a, b) {
|
|
return Number(a) - Number(b); },
|
|
'TEXT': function(a, b) {
|
|
return a.toString() > b.toString() ? 1 : -1; },
|
|
'IGNORE_CASE': function(a, b) {
|
|
return a.toString().toLowerCase() > b.toString().toLowerCase() ? 1 : -1; },
|
|
};
|
|
var compare = compareFuncs[type];
|
|
return function(a, b) { return compare(a, b) * direction; };
|
|
}
|
|
`);
|
|
return [
|
|
list + '.slice().sort(' + getCompareFunctionName + '("' + type + '", ' +
|
|
direction + '))',
|
|
JavaScript.ORDER_FUNCTION_CALL
|
|
];
|
|
};
|
|
|
|
JavaScript['lists_split'] = function(block) {
|
|
// Block for splitting text into a list, or joining a list into text.
|
|
let input = JavaScript.valueToCode(block, 'INPUT', JavaScript.ORDER_MEMBER);
|
|
const delimiter =
|
|
JavaScript.valueToCode(block, 'DELIM', JavaScript.ORDER_NONE) || "''";
|
|
const mode = block.getFieldValue('MODE');
|
|
let functionName;
|
|
if (mode === 'SPLIT') {
|
|
if (!input) {
|
|
input = "''";
|
|
}
|
|
functionName = 'split';
|
|
} else if (mode === 'JOIN') {
|
|
if (!input) {
|
|
input = '[]';
|
|
}
|
|
functionName = 'join';
|
|
} else {
|
|
throw Error('Unknown mode: ' + mode);
|
|
}
|
|
const code = input + '.' + functionName + '(' + delimiter + ')';
|
|
return [code, JavaScript.ORDER_FUNCTION_CALL];
|
|
};
|
|
|
|
JavaScript['lists_reverse'] = function(block) {
|
|
// Block for reversing a list.
|
|
const list =
|
|
JavaScript.valueToCode(block, 'LIST', JavaScript.ORDER_FUNCTION_CALL) ||
|
|
'[]';
|
|
const code = list + '.slice().reverse()';
|
|
return [code, JavaScript.ORDER_FUNCTION_CALL];
|
|
};
|