mirror of
https://github.com/google/blockly.git
synced 2025-12-16 14:20:10 +01:00
* refactor(generators): Migrate javascript_generator.js to TypeScript * refactor(generators): Simplify getAdjusted Slightly simplify the implementation of getAdjusted, in part to make it more readable. Also improve its JSDoc comment. * refactor(generators): Migrate generators/javascript/* to TypeScript First pass doing very mechanistic migration, not attempting to fix all the resulting type errors. * fix(generators): Fix type errors in generator functions This consists almost entirely of adding casts, so the code output by tsc should be as similar as possible to the pre-migration .js source files. * refactor(generators): Migrate generators/javascript.js to TypeScript The way the generator functions are added to javascriptGenerator.forBlock has been modified so that incorrect generator function signatures will cause tsc to generate a type error. * chore(generator): Format One block protected with // prettier-ignore to preserve careful comment formatting. Where there are repeated concatenations prettier has made a pretty mess of things, but the correct fix is probably to use template literals instead (rather than just locally disabling prettier). This has been added to the to-do list in #7600. * fix(generators): Fixes for PR #7602 * fix(generators): Fix syntax error
452 lines
13 KiB
TypeScript
452 lines
13 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2012 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
/**
|
|
* @fileoverview Generating JavaScript for math blocks.
|
|
* @suppress {missingRequire}
|
|
*/
|
|
|
|
// Former goog.module ID: Blockly.JavaScript.math
|
|
|
|
import type {Block} from '../../core/block.js';
|
|
import type {JavascriptGenerator} from './javascript_generator.js';
|
|
import {Order} from './javascript_generator.js';
|
|
|
|
export function math_number(
|
|
block: Block,
|
|
generator: JavascriptGenerator,
|
|
): [string, Order] {
|
|
// Numeric value.
|
|
const number = Number(block.getFieldValue('NUM'));
|
|
const order = number >= 0 ? Order.ATOMIC : Order.UNARY_NEGATION;
|
|
return [String(number), order];
|
|
}
|
|
|
|
export function math_arithmetic(
|
|
block: Block,
|
|
generator: JavascriptGenerator,
|
|
): [string, Order] {
|
|
// Basic arithmetic operators, and power.
|
|
const OPERATORS: Record<string, [string | null, Order]> = {
|
|
'ADD': [' + ', Order.ADDITION],
|
|
'MINUS': [' - ', Order.SUBTRACTION],
|
|
'MULTIPLY': [' * ', Order.MULTIPLICATION],
|
|
'DIVIDE': [' / ', Order.DIVISION],
|
|
'POWER': [null, Order.NONE], // Handle power separately.
|
|
};
|
|
type OperatorOption = keyof typeof OPERATORS;
|
|
const tuple = OPERATORS[block.getFieldValue('OP') as OperatorOption];
|
|
const operator = tuple[0];
|
|
const order = tuple[1];
|
|
const argument0 = generator.valueToCode(block, 'A', order) || '0';
|
|
const argument1 = generator.valueToCode(block, 'B', order) || '0';
|
|
let code;
|
|
// Power in JavaScript requires a special case since it has no operator.
|
|
if (!operator) {
|
|
code = 'Math.pow(' + argument0 + ', ' + argument1 + ')';
|
|
return [code, Order.FUNCTION_CALL];
|
|
}
|
|
code = argument0 + operator + argument1;
|
|
return [code, order];
|
|
}
|
|
|
|
export function math_single(
|
|
block: Block,
|
|
generator: JavascriptGenerator,
|
|
): [string, Order] {
|
|
// Math operators with single operand.
|
|
const operator = block.getFieldValue('OP');
|
|
let code;
|
|
let arg;
|
|
if (operator === 'NEG') {
|
|
// Negation is a special case given its different operator precedence.
|
|
arg = generator.valueToCode(block, 'NUM', Order.UNARY_NEGATION) || '0';
|
|
if (arg[0] === '-') {
|
|
// --3 is not legal in JS.
|
|
arg = ' ' + arg;
|
|
}
|
|
code = '-' + arg;
|
|
return [code, Order.UNARY_NEGATION];
|
|
}
|
|
if (operator === 'SIN' || operator === 'COS' || operator === 'TAN') {
|
|
arg = generator.valueToCode(block, 'NUM', Order.DIVISION) || '0';
|
|
} else {
|
|
arg = generator.valueToCode(block, 'NUM', Order.NONE) || '0';
|
|
}
|
|
// First, handle cases which generate values that don't need parentheses
|
|
// wrapping the code.
|
|
switch (operator) {
|
|
case 'ABS':
|
|
code = 'Math.abs(' + arg + ')';
|
|
break;
|
|
case 'ROOT':
|
|
code = 'Math.sqrt(' + arg + ')';
|
|
break;
|
|
case 'LN':
|
|
code = 'Math.log(' + arg + ')';
|
|
break;
|
|
case 'EXP':
|
|
code = 'Math.exp(' + arg + ')';
|
|
break;
|
|
case 'POW10':
|
|
code = 'Math.pow(10,' + arg + ')';
|
|
break;
|
|
case 'ROUND':
|
|
code = 'Math.round(' + arg + ')';
|
|
break;
|
|
case 'ROUNDUP':
|
|
code = 'Math.ceil(' + arg + ')';
|
|
break;
|
|
case 'ROUNDDOWN':
|
|
code = 'Math.floor(' + arg + ')';
|
|
break;
|
|
case 'SIN':
|
|
code = 'Math.sin(' + arg + ' / 180 * Math.PI)';
|
|
break;
|
|
case 'COS':
|
|
code = 'Math.cos(' + arg + ' / 180 * Math.PI)';
|
|
break;
|
|
case 'TAN':
|
|
code = 'Math.tan(' + arg + ' / 180 * Math.PI)';
|
|
break;
|
|
}
|
|
if (code) {
|
|
return [code, Order.FUNCTION_CALL];
|
|
}
|
|
// Second, handle cases which generate values that may need parentheses
|
|
// wrapping the code.
|
|
switch (operator) {
|
|
case 'LOG10':
|
|
code = 'Math.log(' + arg + ') / Math.log(10)';
|
|
break;
|
|
case 'ASIN':
|
|
code = 'Math.asin(' + arg + ') / Math.PI * 180';
|
|
break;
|
|
case 'ACOS':
|
|
code = 'Math.acos(' + arg + ') / Math.PI * 180';
|
|
break;
|
|
case 'ATAN':
|
|
code = 'Math.atan(' + arg + ') / Math.PI * 180';
|
|
break;
|
|
default:
|
|
throw Error('Unknown math operator: ' + operator);
|
|
}
|
|
return [code, Order.DIVISION];
|
|
}
|
|
|
|
export function math_constant(
|
|
block: Block,
|
|
generator: JavascriptGenerator,
|
|
): [string, Order] {
|
|
// Constants: PI, E, the Golden Ratio, sqrt(2), 1/sqrt(2), INFINITY.
|
|
const CONSTANTS: Record<string, [string, Order]> = {
|
|
'PI': ['Math.PI', Order.MEMBER],
|
|
'E': ['Math.E', Order.MEMBER],
|
|
'GOLDEN_RATIO': ['(1 + Math.sqrt(5)) / 2', Order.DIVISION],
|
|
'SQRT2': ['Math.SQRT2', Order.MEMBER],
|
|
'SQRT1_2': ['Math.SQRT1_2', Order.MEMBER],
|
|
'INFINITY': ['Infinity', Order.ATOMIC],
|
|
};
|
|
type ConstantOption = keyof typeof CONSTANTS;
|
|
return CONSTANTS[block.getFieldValue('CONSTANT') as ConstantOption];
|
|
}
|
|
|
|
export function math_number_property(
|
|
block: Block,
|
|
generator: JavascriptGenerator,
|
|
): [string, Order] {
|
|
// Check if a number is even, odd, prime, whole, positive, or negative
|
|
// or if it is divisible by certain number. Returns true or false.
|
|
const PROPERTIES: Record<string, [string | null, Order, Order]> = {
|
|
'EVEN': [' % 2 === 0', Order.MODULUS, Order.EQUALITY],
|
|
'ODD': [' % 2 === 1', Order.MODULUS, Order.EQUALITY],
|
|
'WHOLE': [' % 1 === 0', Order.MODULUS, Order.EQUALITY],
|
|
'POSITIVE': [' > 0', Order.RELATIONAL, Order.RELATIONAL],
|
|
'NEGATIVE': [' < 0', Order.RELATIONAL, Order.RELATIONAL],
|
|
'DIVISIBLE_BY': [null, Order.MODULUS, Order.EQUALITY],
|
|
'PRIME': [null, Order.NONE, Order.FUNCTION_CALL],
|
|
};
|
|
type PropertyOption = keyof typeof PROPERTIES;
|
|
const dropdownProperty = block.getFieldValue('PROPERTY') as PropertyOption;
|
|
const [suffix, inputOrder, outputOrder] = PROPERTIES[dropdownProperty];
|
|
const numberToCheck =
|
|
generator.valueToCode(block, 'NUMBER_TO_CHECK', inputOrder) || '0';
|
|
let code;
|
|
if (dropdownProperty === 'PRIME') {
|
|
// Prime is a special case as it is not a one-liner test.
|
|
const functionName = generator.provideFunction_(
|
|
'mathIsPrime',
|
|
`
|
|
function ${generator.FUNCTION_NAME_PLACEHOLDER_}(n) {
|
|
// https://en.wikipedia.org/wiki/Primality_test#Naive_methods
|
|
if (n == 2 || n == 3) {
|
|
return true;
|
|
}
|
|
// False if n is NaN, negative, is 1, or not whole.
|
|
// And false if n is divisible by 2 or 3.
|
|
if (isNaN(n) || n <= 1 || n % 1 !== 0 || n % 2 === 0 || n % 3 === 0) {
|
|
return false;
|
|
}
|
|
// Check all the numbers of form 6k +/- 1, up to sqrt(n).
|
|
for (var x = 6; x <= Math.sqrt(n) + 1; x += 6) {
|
|
if (n % (x - 1) === 0 || n % (x + 1) === 0) {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
`,
|
|
);
|
|
code = functionName + '(' + numberToCheck + ')';
|
|
} else if (dropdownProperty === 'DIVISIBLE_BY') {
|
|
const divisor =
|
|
generator.valueToCode(block, 'DIVISOR', Order.MODULUS) || '0';
|
|
code = numberToCheck + ' % ' + divisor + ' === 0';
|
|
} else {
|
|
code = numberToCheck + suffix;
|
|
}
|
|
return [code, outputOrder];
|
|
}
|
|
|
|
export function math_change(block: Block, generator: JavascriptGenerator) {
|
|
// Add to a variable in place.
|
|
const argument0 =
|
|
generator.valueToCode(block, 'DELTA', Order.ADDITION) || '0';
|
|
const varName = generator.getVariableName(block.getFieldValue('VAR'));
|
|
return (
|
|
varName +
|
|
' = (typeof ' +
|
|
varName +
|
|
" === 'number' ? " +
|
|
varName +
|
|
' : 0) + ' +
|
|
argument0 +
|
|
';\n'
|
|
);
|
|
}
|
|
|
|
// Rounding functions have a single operand.
|
|
export const math_round = math_single;
|
|
// Trigonometry functions have a single operand.
|
|
export const math_trig = math_single;
|
|
|
|
export function math_on_list(
|
|
block: Block,
|
|
generator: JavascriptGenerator,
|
|
): [string, Order] {
|
|
// Math functions for lists.
|
|
const func = block.getFieldValue('OP');
|
|
let list;
|
|
let code;
|
|
switch (func) {
|
|
case 'SUM':
|
|
list = generator.valueToCode(block, 'LIST', Order.MEMBER) || '[]';
|
|
code = list + '.reduce(function(x, y) {return x + y;}, 0)';
|
|
break;
|
|
case 'MIN':
|
|
list = generator.valueToCode(block, 'LIST', Order.NONE) || '[]';
|
|
code = 'Math.min.apply(null, ' + list + ')';
|
|
break;
|
|
case 'MAX':
|
|
list = generator.valueToCode(block, 'LIST', Order.NONE) || '[]';
|
|
code = 'Math.max.apply(null, ' + list + ')';
|
|
break;
|
|
case 'AVERAGE': {
|
|
// mathMean([null,null,1,3]) === 2.0.
|
|
const functionName = generator.provideFunction_(
|
|
'mathMean',
|
|
`
|
|
function ${generator.FUNCTION_NAME_PLACEHOLDER_}(myList) {
|
|
return myList.reduce(function(x, y) {return x + y;}, 0) / myList.length;
|
|
}
|
|
`,
|
|
);
|
|
list = generator.valueToCode(block, 'LIST', Order.NONE) || '[]';
|
|
code = functionName + '(' + list + ')';
|
|
break;
|
|
}
|
|
case 'MEDIAN': {
|
|
// mathMedian([null,null,1,3]) === 2.0.
|
|
const functionName = generator.provideFunction_(
|
|
'mathMedian',
|
|
`
|
|
function ${generator.FUNCTION_NAME_PLACEHOLDER_}(myList) {
|
|
var localList = myList.filter(function (x) {return typeof x === 'number';});
|
|
if (!localList.length) return null;
|
|
localList.sort(function(a, b) {return b - a;});
|
|
if (localList.length % 2 === 0) {
|
|
return (localList[localList.length / 2 - 1] + localList[localList.length / 2]) / 2;
|
|
} else {
|
|
return localList[(localList.length - 1) / 2];
|
|
}
|
|
}
|
|
`,
|
|
);
|
|
list = generator.valueToCode(block, 'LIST', Order.NONE) || '[]';
|
|
code = functionName + '(' + list + ')';
|
|
break;
|
|
}
|
|
case 'MODE': {
|
|
// As a list of numbers can contain more than one mode,
|
|
// the returned result is provided as an array.
|
|
// Mode of [3, 'x', 'x', 1, 1, 2, '3'] -> ['x', 1].
|
|
const functionName = generator.provideFunction_(
|
|
'mathModes',
|
|
`
|
|
function ${generator.FUNCTION_NAME_PLACEHOLDER_}(values) {
|
|
var modes = [];
|
|
var counts = [];
|
|
var maxCount = 0;
|
|
for (var i = 0; i < values.length; i++) {
|
|
var value = values[i];
|
|
var found = false;
|
|
var thisCount;
|
|
for (var j = 0; j < counts.length; j++) {
|
|
if (counts[j][0] === value) {
|
|
thisCount = ++counts[j][1];
|
|
found = true;
|
|
break;
|
|
}
|
|
}
|
|
if (!found) {
|
|
counts.push([value, 1]);
|
|
thisCount = 1;
|
|
}
|
|
maxCount = Math.max(thisCount, maxCount);
|
|
}
|
|
for (var j = 0; j < counts.length; j++) {
|
|
if (counts[j][1] === maxCount) {
|
|
modes.push(counts[j][0]);
|
|
}
|
|
}
|
|
return modes;
|
|
}
|
|
`,
|
|
);
|
|
list = generator.valueToCode(block, 'LIST', Order.NONE) || '[]';
|
|
code = functionName + '(' + list + ')';
|
|
break;
|
|
}
|
|
case 'STD_DEV': {
|
|
const functionName = generator.provideFunction_(
|
|
'mathStandardDeviation',
|
|
`
|
|
function ${generator.FUNCTION_NAME_PLACEHOLDER_}(numbers) {
|
|
var n = numbers.length;
|
|
if (!n) return null;
|
|
var mean = numbers.reduce(function(x, y) {return x + y;}) / n;
|
|
var variance = 0;
|
|
for (var j = 0; j < n; j++) {
|
|
variance += Math.pow(numbers[j] - mean, 2);
|
|
}
|
|
variance = variance / n;
|
|
return Math.sqrt(variance);
|
|
}
|
|
`,
|
|
);
|
|
list = generator.valueToCode(block, 'LIST', Order.NONE) || '[]';
|
|
code = functionName + '(' + list + ')';
|
|
break;
|
|
}
|
|
case 'RANDOM': {
|
|
const functionName = generator.provideFunction_(
|
|
'mathRandomList',
|
|
`
|
|
function ${generator.FUNCTION_NAME_PLACEHOLDER_}(list) {
|
|
var x = Math.floor(Math.random() * list.length);
|
|
return list[x];
|
|
}
|
|
`,
|
|
);
|
|
list = generator.valueToCode(block, 'LIST', Order.NONE) || '[]';
|
|
code = functionName + '(' + list + ')';
|
|
break;
|
|
}
|
|
default:
|
|
throw Error('Unknown operator: ' + func);
|
|
}
|
|
return [code, Order.FUNCTION_CALL];
|
|
}
|
|
|
|
export function math_modulo(
|
|
block: Block,
|
|
generator: JavascriptGenerator,
|
|
): [string, Order] {
|
|
// Remainder computation.
|
|
const argument0 =
|
|
generator.valueToCode(block, 'DIVIDEND', Order.MODULUS) || '0';
|
|
const argument1 =
|
|
generator.valueToCode(block, 'DIVISOR', Order.MODULUS) || '0';
|
|
const code = argument0 + ' % ' + argument1;
|
|
return [code, Order.MODULUS];
|
|
}
|
|
|
|
export function math_constrain(
|
|
block: Block,
|
|
generator: JavascriptGenerator,
|
|
): [string, Order] {
|
|
// Constrain a number between two limits.
|
|
const argument0 = generator.valueToCode(block, 'VALUE', Order.NONE) || '0';
|
|
const argument1 = generator.valueToCode(block, 'LOW', Order.NONE) || '0';
|
|
const argument2 =
|
|
generator.valueToCode(block, 'HIGH', Order.NONE) || 'Infinity';
|
|
const code =
|
|
'Math.min(Math.max(' +
|
|
argument0 +
|
|
', ' +
|
|
argument1 +
|
|
'), ' +
|
|
argument2 +
|
|
')';
|
|
return [code, Order.FUNCTION_CALL];
|
|
}
|
|
|
|
export function math_random_int(
|
|
block: Block,
|
|
generator: JavascriptGenerator,
|
|
): [string, Order] {
|
|
// Random integer between [X] and [Y].
|
|
const argument0 = generator.valueToCode(block, 'FROM', Order.NONE) || '0';
|
|
const argument1 = generator.valueToCode(block, 'TO', Order.NONE) || '0';
|
|
const functionName = generator.provideFunction_(
|
|
'mathRandomInt',
|
|
`
|
|
function ${generator.FUNCTION_NAME_PLACEHOLDER_}(a, b) {
|
|
if (a > b) {
|
|
// Swap a and b to ensure a is smaller.
|
|
var c = a;
|
|
a = b;
|
|
b = c;
|
|
}
|
|
return Math.floor(Math.random() * (b - a + 1) + a);
|
|
}
|
|
`,
|
|
);
|
|
const code = functionName + '(' + argument0 + ', ' + argument1 + ')';
|
|
return [code, Order.FUNCTION_CALL];
|
|
}
|
|
|
|
export function math_random_float(
|
|
block: Block,
|
|
generator: JavascriptGenerator,
|
|
): [string, Order] {
|
|
// Random fraction between 0 and 1.
|
|
return ['Math.random()', Order.FUNCTION_CALL];
|
|
}
|
|
|
|
export function math_atan2(
|
|
block: Block,
|
|
generator: JavascriptGenerator,
|
|
): [string, Order] {
|
|
// Arctangent of point (X, Y) in degrees from -180 to 180.
|
|
const argument0 = generator.valueToCode(block, 'X', Order.NONE) || '0';
|
|
const argument1 = generator.valueToCode(block, 'Y', Order.NONE) || '0';
|
|
return [
|
|
'Math.atan2(' + argument1 + ', ' + argument0 + ') / Math.PI * 180',
|
|
Order.DIVISION,
|
|
];
|
|
}
|