Started the flowBuilder file

Author: Louis Kuczykowski

extension.js

@@ -22,7 +22,7 @@ function activate(context) {
 		const tree = new Parser(fileArray[0].path);
 		tree.parse();
 		const data = tree.getTree();
-		// console.log('Data sent back: ', data);
+		console.log('Data sent back: \n', data);
 		createPanel(context, data);
 	});
 	context.subscriptions.push(disposable, result);

src/webview/flowBuilder.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { MarkerType } from "reactflow";
+
+class FlowBuilder {
+  constructor(data){
+    this.parsedData = data;
+  }
+  buildNodesArray(){
+    
+  }
+  BuildedgesArray(){
+
+  }
+  
+
+
+}

src/webview/initial.js

@@ -12,7 +12,7 @@ export const nodes = [
         </>
       )
     },
-    position: { x: 250, y: 0 }
+    // position: { x: 250, y: 0 }
   },
   {
     id: "2",
@@ -23,7 +23,7 @@ export const nodes = [
         </>
       )
     },
-    position: { x: 100, y: 100 }
+    // position: { x: 100, y: 100 }
   },
   {
     id: "3",
@@ -34,7 +34,7 @@ export const nodes = [
         </>
       )
     },
-    position: { x: 400, y: 100 },
+    // position: { x: 400, y: 100 },
     style: {
       background: "#D6D5E6",
       color: "#333",
@@ -44,7 +44,7 @@ export const nodes = [
   },
   {
     id: "4",
-    position: { x: 250, y: 200 },
+    // position: { x: 250, y: 200 },
     data: {
       label: "Another default node"
     }
@@ -54,7 +54,7 @@ export const nodes = [
     data: {
       label: "Node id: 5"
     },
-    position: { x: 250, y: 325 }
+    // position: { x: 250, y: 325 }
   },
   {
     id: "6",
@@ -66,13 +66,13 @@ export const nodes = [
         </>
       )
     },
-    position: { x: 100, y: 480 }
+    // position: { x: 100, y: 480 }
   },
   {
     id: "7",
     type: "output",
     data: { label: "Another output node" },
-    position: { x: 400, y: 450 }
+    // position: { x: 400, y: 450 }
   }
 ];