src/pages/VisProgPage/VisProg.tsx

@@ -109,9 +109,20 @@ function VisualProgrammingUI() {
 
 // currently outputs the prepared program to the console
 function runProgram() {
-  const program = graphReducer();
+  const phases = graphReducer();
-  console.log(program);
+  const program = {phases}
   console.log(JSON.stringify(program, null, 2));
+  fetch(
+    "http://localhost:8000/program",
+    {
+      method: "POST",
+      headers: {"Content-Type": "application/json"},
+      body: JSON.stringify(program),
+    }
+  ).then((res) => {
+    if (!res.ok) throw new Error("Failed communicating with the backend.")
+    console.log("Successfully sent the program to the backend.");
+  }).catch(() => console.log("Failed to send program to the backend."));
 }
 
 /**

src/pages/VisProgPage/visualProgrammingUI/nodes/TriggerNode.tsx

@@ -88,11 +88,21 @@ export function TriggerReduce(node: Node, nodes: Node[]) {
   if (nodes.length <= -1) { 
     console.warn("Impossible nodes length in TriggerReduce") 
   } 
-  const data = node.data as TriggerNodeData;
+  const data = node.data;
-    return {
+  switch (data.triggerType) {
-      label: data.label,
+    case "keywords":
-      list: data.triggers,
+      return {
-    }
+        id: node.id,
+        type: "keywords",
+        label: data.label,
+        keywords: data.triggers,
+      };
+    default:
+      return {
+        ...data,
+        id: node.id,
+      };
+  }
 }
 
 /**
@@ -129,7 +139,6 @@ export type KeywordTriggerNodeProps = {
 /** Union type for all possible Trigger node configurations. */
 export type TriggerNodeProps = EmotionTriggerNodeProps | KeywordTriggerNodeProps;
 
-
 /**
  * Renders an input element that allows users to add new keyword triggers.
  *