Add ReactFlow as dep

Signed-off-by: Tyler Ohlsen <[email protected]>
ohltyler · Sep 22, 2023 · 0e61dd4 · 0e61dd4
1 parent ac60ae0
commit 0e61dd4
Show file tree

Hide file tree

Showing 3 changed files with 384 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -29,7 +29,9 @@
       "git add"
     ]
   },
-  "dependencies": {},
+  "dependencies": {
+    "reactflow": "^11.8.3"
+  },
   "devDependencies": {
     "pre-commit": "^1.2.2"
   },

diff --git a/public/pages/workflow_builder/workflow_builder.tsx b/public/pages/workflow_builder/workflow_builder.tsx
@@ -15,6 +15,9 @@ import {
 import { BREADCRUMBS } from '../../utils';
 import { getCore } from '../../services';
 
+//TODO: remove. just adding to test import for now
+import { Handle, Position } from 'reactflow';
+
 export function WorkflowBuilder() {
   useEffect(() => {
     getCore().chrome.setBreadcrumbs([
@@ -31,6 +34,12 @@ export function WorkflowBuilder() {
             <EuiTitle size="l">
               <h1>Workflow Builder</h1>
             </EuiTitle>
+            {/** TODO: remove. just adding to test import for now */}
+            <Handle
+              type="target"
+              position={Position.Left}
+              isConnectable={true}
+            />
           </EuiFlexItem>
         </EuiFlexGroup>
       </EuiPageHeader>