Refactor to activity detail page

angular.json

@@ -29,15 +29,23 @@
             "styles": [
               "src/styles.css"
             ],
-            "scripts": []
+            "scripts": [
+              "assets/libs/js-interpreter.js"
+            ],
+            "allowedCommonJsDependencies": [
+              "blockly",
+              "blockly/core",
+              "blockly/msg/en",
+              "blockly/blocks"
+            ]
           },
           "configurations": {
             "production": {
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "500kB",
-                  "maximumError": "1MB"
+                  "maximumWarning": "2MB",
+                  "maximumError": "5MB"
                 },
                 {
                   "type": "anyComponentStyle",

assets/blocks.json

@@ -0,0 +1,184 @@
+[
+  {
+    "type": "event_start",
+    "message0": "Start program %1 %2",
+    "style": {
+      "hat": "cap"
+    },
+    "args0": [
+      {
+        "type": "field_image",
+        "src": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWZsYWctaWNvbiBsdWNpZGUtZmxhZyI+PHBhdGggZD0iTTQgMTVzMS0xIDQtMSA1IDIgOCAyIDQtMSA0LTFWM3MtMSAxLTQgMS01LTItOC0yLTQgMS00IDF6Ii8+PGxpbmUgeDE9IjQiIHgyPSI0IiB5MT0iMjIiIHkyPSIxNSIvPjwvc3ZnPg==",
+        "width": 20,
+        "height": 20,
+        "alt": "*",
+        "flipRtl": "FALSE"
+      },
+      {
+        "type": "input_dummy",
+        "name": "jump"
+      }
+    ],
+    "nextStatement": null,
+    "colour": "#ffb309"
+  },
+  {
+    "type": "movement_jump",
+    "tooltip": "",
+    "helpUrl": "",
+    "message0": "jump to x: %1 y: %2 %3",
+    "args0": [
+      {
+        "type": "field_number",
+        "name": "x",
+        "value": 0
+      },
+      {
+        "type": "field_number",
+        "name": "y",
+        "value": 0
+      },
+      {
+        "type": "input_dummy",
+        "name": "jump"
+      }
+    ],
+    "previousStatement": null,
+    "nextStatement": null,
+    "colour": 285,
+    "inputsInline": true
+  },
+  {
+    "type": "movement_turn_left",
+    "tooltip": "",
+    "helpUrl": "",
+    "message0": "turn left %1 %2 %3º",
+    "args0": [
+      {
+        "type": "field_image",
+        "src": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXJvdGF0ZS1jY3ctaWNvbiBsdWNpZGUtcm90YXRlLWNjdyI+PHBhdGggZD0iTTMgMTJhOSA5IDAgMSAwIDktOSA5Ljc1IDkuNzUgMCAwIDAtNi43NCAyLjc0TDMgOCIvPjxwYXRoIGQ9Ik0zIDN2NWg1Ii8+PC9zdmc+",
+        "width": 20,
+        "height": 20,
+        "alt": "*",
+        "flipRtl": "FALSE"
+      },
+      {
+        "type": "field_number",
+        "name": "angle",
+        "value": 0
+      },
+      {
+        "type": "input_dummy"
+      }
+    ],
+    "previousStatement": null,
+    "nextStatement": null,
+    "colour": 285,
+    "inputsInline": true
+  },
+  {
+    "type": "movement_turn_right",
+    "tooltip": "",
+    "helpUrl": "",
+    "message0": "turn right %1 %2 %3º",
+    "args0": [
+      {
+        "type": "field_image",
+        "src": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXJvdGF0ZS1jdy1pY29uIGx1Y2lkZS1yb3RhdGUtY3ciPjxwYXRoIGQ9Ik0yMSAxMmE5IDkgMCAxIDEtOS05YzIuNTIgMCA0LjkzIDEgNi43NCAyLjc0TDIxIDgiLz48cGF0aCBkPSJNMjEgM3Y1aC01Ii8+PC9zdmc+",
+        "width": 20,
+        "height": 20,
+        "alt": "*",
+        "flipRtl": "FALSE"
+      },
+      {
+        "type": "field_number",
+        "name": "angle",
+        "value": 0
+      },
+      {
+        "type": "input_dummy"
+      }
+    ],
+    "previousStatement": null,
+    "nextStatement": null,
+    "colour": 285,
+    "inputsInline": true
+  },
+  {
+    "type": "movement_forward",
+    "tooltip": "",
+    "helpUrl": "",
+    "message0": "forward %1 %2",
+    "args0": [
+      {
+        "type": "field_number",
+        "name": "steps",
+        "value": 0
+      },
+      {
+        "type": "input_dummy",
+        "name": "forward"
+      }
+    ],
+    "previousStatement": null,
+    "nextStatement": null,
+    "colour": 285
+  },
+  {
+    "type": "controls_wait",
+    "tooltip": "",
+    "helpUrl": "",
+    "message0": "wait %1 seconds %2",
+    "args0": [
+      {
+        "type": "field_number",
+        "name": "seconds",
+        "value": 0
+      },
+      {
+        "type": "input_dummy",
+        "name": "NAME"
+      }
+    ],
+    "previousStatement": null,
+    "nextStatement": null,
+    "colour": 210
+  },
+  {
+    "type": "movement_set_direction",
+    "tooltip": "",
+    "helpUrl": "",
+    "message0": "set direction %1 %2",
+    "args0": [
+      {
+        "type": "field_number",
+        "name": "angle",
+        "value": 0
+      },
+      {
+        "type": "input_dummy",
+        "name": "direction"
+      }
+    ],
+    "previousStatement": null,
+    "nextStatement": null,
+    "colour": 285
+  },
+  {
+    "type": "controls_repeat_forever",
+    "tooltip": "",
+    "helpUrl": "",
+    "message0": "repeat forever %1 do %2",
+    "args0": [
+      {
+        "type": "input_dummy"
+      },
+      {
+        "type": "input_statement",
+        "name": "statement"
+      }
+    ],
+    "previousStatement": null,
+    "colour": 120
+  }
+]