Adding more handles to nodes, workspace_id missing from activeFlow bug

Author: baebranch

.gitignore

@@ -17,6 +17,7 @@ dist-ssr
 dist/*.exe
 build/*
 *.db
+settings.p
 
 # Editor directories and files
 !.vscode/extensions.json

src/custom/card.tsx

@@ -23,6 +23,10 @@ function CardNode({ data, selected }: { data: any, selected: any }) {
         <Handle type="source" position={Position.Bottom} id="b" />
         <Handle type="source" position={Position.Top} id="c" />
         <Handle type="target" position={Position.Bottom} id="d" />
+        <Handle type="target" position={Position.Left} id="e" />
+        <Handle type="source" position={Position.Right} id="f" />
+        <Handle type="source" position={Position.Left} id="g" />
+        <Handle type="target" position={Position.Right} id="h" />
       </div>
     </>
   );

src/custom/default.tsx

@@ -18,6 +18,10 @@ function Default({ data, selected }: { data: any, selected: any }) {
         <Handle type="source" position={Position.Bottom} id="b" />
         <Handle type="source" position={Position.Top} id="c" />
         <Handle type="target" position={Position.Bottom} id="d" />
+        <Handle type="target" position={Position.Left} id="e" />
+        <Handle type="source" position={Position.Right} id="f" />
+        <Handle type="source" position={Position.Left} id="g" />
+        <Handle type="target" position={Position.Right} id="h" />
       </div>
     </>
   );

src/custom/input.tsx

@@ -16,6 +16,8 @@ function Input({ data, selected }: { data: any, selected: any }) {
           {data.label}
         <Handle type="source" position={Position.Bottom} id="a" />
         <Handle type="target" position={Position.Bottom} id="b" />
+        <Handle type="source" position={Position.Top} id="c" />
+        <Handle type="target" position={Position.Top} id="d" />
       </div>
     </>
   );

src/custom/output.tsx

@@ -16,6 +16,8 @@ function Output({ data, selected }: { data: any, selected: any }) {
           {data.label}
         <Handle type="target" position={Position.Top} id="a" />
         <Handle type="source" position={Position.Top} id="b" />
+        <Handle type="target" position={Position.Bottom} id="c" />
+        <Handle type="source" position={Position.Bottom} id="d" />
       </div>
     </>
   );

src/custom/subflow.tsx

@@ -41,6 +41,10 @@ function SubFlowNode({ data, selected }: { data: any, selected: any }) {
         <Handle type="source" position={Position.Bottom} id="b" />
         <Handle type="source" position={Position.Top} id="c" />
         <Handle type="target" position={Position.Bottom} id="d" />
+        <Handle type="target" position={Position.Left} id="e" />
+        <Handle type="source" position={Position.Right} id="f" />
+        <Handle type="source" position={Position.Left} id="g" />
+        <Handle type="target" position={Position.Right} id="h" />
       </div>
     </>
   );

src/designer/designer.tsx

@@ -238,7 +238,7 @@ export default function Designer({ activeWorkspace, setActiveWorkspace, flow }:
       }
 
       // Set the viewport
-      if (f.position !== null || f.position !== undefined) {
+      if (f.position !== null && f.position !== undefined) {
         setViewport(f.position);
       }
     })

src/home/home.tsx

@@ -34,6 +34,7 @@ export default function Home({setActiveWorkspace, flow}: {setActiveWorkspace: an
             id
             name
             slug
+            workspace_id
             description
             created_at
             updated_at