sugarlabs · walterbender · Jun 12, 2025 · Jun 8, 2025 · Jun 12, 2025 · Jun 12, 2025
diff --git a/index.html b/index.html
@@ -66,7 +66,12 @@
     <link rel="stylesheet" href="css/themes.css">
     <script src="lib/easeljs.min.js" defer></script>
     <script src="lib/tweenjs.min.js" defer></script>
-
+    <script>
+        let ast2blocklist_config;
+        fetch("js/js-export/ast2blocks.min.json")
+            .then(response => response.json())
+            .then(data => { ast2blocklist_config = data })
+    </script>
 </head>
 
 <body id="body" onload="init();" data-title="index" style="background: #f9f9f9;">

diff --git a/js/js-export/AST_example.png b/js/js-export/AST_example.png
diff --git a/js/js-export/README.md b/js/js-export/README.md
@@ -16,6 +16,11 @@ The code corresponding to the JavaScript Editor widget is in
 * `generate.js` — contains the utilities for generating code from the
   block stacks.
 
+* `ast2blocklist.js` - contains the utilities for generating blocks from the code in the editor
+
+* `ast2blocks.json` - contains the block configurations for code to block conversion.
+  For detailed information on how to add blocks for code to block support see `./conversion_config_guide.md`
+
 * `ASTutils.js` — contains the utilities for generating the *Abstract
   Syntax Tree* (*AST*) in `ESTree` specification, for the corresponding
   code to the block stacks. Used by `JSGenerate` class in `generate.js`.

diff --git a/js/js-export/__tests__/ast2blocklist.test.js b/js/js-export/__tests__/ast2blocklist.test.js
diff --git a/js/js-export/argument_AST_example.png b/js/js-export/argument_AST_example.png
diff --git a/js/js-export/argument_block.png b/js/js-export/argument_block.png
diff --git a/js/js-export/argument_vspace.png b/js/js-export/argument_vspace.png
diff --git a/js/js-export/argument_with_argument.png b/js/js-export/argument_with_argument.png
diff --git a/js/js-export/ast2blocklist.js b/js/js-export/ast2blocklist.js