JS editor update: Ability to convert JS code from editor to blocks (simple flow, pitch, tone, and rhythm blocks) (#4591)

* Add functionality to convert JavaScript code to block list format that can be loaded into the MusicBlocks editor.

This is the first commit for such functionality, which allows users to write JavaScript code in the JS Editor directly and convert the code back to music blocks. Blocks supported in this commit are:
1. settimbre
2. newnote
3. pitch (only supports solfege)
4. if
5. for
6. All number blocks. Supports arbitrary expressions like 1 / 2, Math.abs(-1) / 2, MathUtility.doRandom(1, 2) / 4, etc.
7. All boolean blocks. Supports arbitrary boolean expressions like MathUtility.doRandom(0, 1) == 1, false | MathUtility.doRandom(0, 1) == 1, etc.
8. Action (supports recursion)
9. Dictionary (setValue, getValue, function overloading)

New files in the commit:
1. ast2blocklist.js - main logic to convert an AST generated from JavaScript code to block list format that can be loaded into the block editor
2. ast2blocklist.test.js - unit tests that cover all supported blocks conversion
3. acorn.js - library that converts JavaScript code to AST

* Updated UI to include button for converting JS code in the editor to musicblocks.
Updated structure of ast2blocklist.js for better readability, and makes adding more block support easier.
Minor change: Play pitch now supports notes (A-G) in addition to solfege.

* Updated tooltips in jseditor to use _() so that it is available for translation.

* 1. Added logic to calculate the vertical spaces used by blocks and arguments, and adds v-spacers based on the information

2. Instead of console.error for errors, it now throws error and shows in console panel of jseditor

3. Uses minified version of acorn library for faster loading

4. Removed driver code from ast2blocklist

* Updated ast2blocklist, ast2blocklist.test, jseditor, and activity to fix lint errors.

Author: ebeetles

.eslintrc.json

@@ -14,6 +14,7 @@
     }
   },
   "extends": ["eslint:recommended", "prettier"],
+  "ignorePatterns": ["lib/**"],
   "rules": {
     "no-console": "off",
     "no-mixed-spaces-and-tabs": "warn",
@@ -36,4 +37,4 @@
     "no-dupe-keys" : "off",
     "no-useless-catch" : "off"
   }
-}
+}

index.html

@@ -54,7 +54,11 @@
     <script src="lib/codejar/codejar.min.js" defer></script>
     <script src="lib/codejar/highlight.pack.js" defer></script>
     <script src="lib/astring.min.js" defer></script>
-    <link rel="prefetch" type="application/l10n" href="./localization.ini">
+
+    <script src="lib/acorn.min.js" defer></script>
+
+    <link rel="prefetch" type="application/l10n" href="./localization.ini" />
+
     <script data-main="js/loader" src="lib/require.js" defer></script>
     <link type="text/css" href="fonts/material-icons.css" rel="stylesheet">
     <link rel="preload" href="/fonts/material-icons.woff2" as="font" type="font/woff2" crossorigin="anonymous">

js/activity.js

@@ -105,6 +105,7 @@ let MYDEFINES = [
     "activity/js-export/constraints",
     "activity/js-export/ASTutils",
     "activity/js-export/generate",
+    "activity/js-export/ast2blocklist",
     "activity/js-export/API/GraphicsBlocksAPI",
     "activity/js-export/API/PenBlocksAPI",
     "activity/js-export/API/RhythmBlocksAPI",
@@ -2995,7 +2996,7 @@ class Activity {
             // First, check if the pitch slider is open
             if (window.widgetWindows.isOpen("slider") === true) {
                 // If the event is an arrow key, let the PitchSlider handle it
-                if (event.keyCode === 37 || event.keyCode === 38 || 
+                if (event.keyCode === 37 || event.keyCode === 38 ||
                     event.keyCode === 39 || event.keyCode === 40) {
                     // Simply prevent default behavior here
                     // The actual pitch slider handling is done in the PitchSlider class
@@ -4004,8 +4005,9 @@ class Activity {
          * Hide the palettes before update, then deletes everything/sends all to trash.
          * @param {boolean} addStartBlock {if true adds a new start block to new project instance}
          * @param {boolean} doNotSave     {if true discards any changes to project}
+         * @param {boolean} closeAllWidgets  {if true close all open widgets}
          */
-        this.sendAllToTrash = (addStartBlock, doNotSave) => {
+        this.sendAllToTrash = (addStartBlock, doNotSave, closeAllWidgets = true) => {
             // Return to home position after loading new blocks.
             this.blocksContainer.x = 0;
             this.blocksContainer.y = 0;
@@ -4065,7 +4067,9 @@ class Activity {
             this.update = true;
 
             // Close any open widgets.
-            closeWidgets();
+            if (closeAllWidgets) {
+                closeWidgets();
+            }
         };
 
         /*