refactor(repo): use turbo + rollup + vite

packages/core/src/container/EdgeRenderer/utils.ts

@@ -78,11 +78,11 @@ export function getHandle(bounds: HandleElement[], handleId: string | null): Han
 
   // there is no handleId when there are no multiple handles/ handles with ids
   // so we just pick the first one
-  let handle = null;
+  let handle: HandleElement | null = null;
   if (bounds.length === 1 || !handleId) {
     handle = bounds[0];
   } else if (handleId) {
-    handle = bounds.find((d) => d.id === handleId);
+    handle = bounds.find((d) => d.id === handleId)!;
   }
 
   return typeof handle === 'undefined' ? null : handle;

packages/core/src/hooks/useDrag/index.ts

@@ -131,7 +131,7 @@ function useDrag({
               }
             }
           })
-          .on('end', (event) => {
+          .on('end', (event: UseDragEvent) => {
             setDragging(false);
             if (dragItems.current) {
               const { updateNodePositions, nodeInternals, onNodeDragStop, onSelectionDragStop } = store.getState();

packages/core/src/styles/style.css

@@ -26,6 +26,7 @@
   border-width: 1px;
   border-style: solid;
   border-color: #1a192b;
+  background-color: white;
 
   &.selectable {
     &:hover {
@@ -42,8 +43,7 @@
 }
 
 .react-flow__node-group {
-  background: rgba(240, 240, 240, 0.25);
-  border-color: #1a192b;
+  background-color: rgba(240, 240, 240, 0.25);
 }
 
 .react-flow__nodesselection-rect,

packages/core/src/utils/graph.ts

@@ -171,13 +171,13 @@ export const getNodesInside = (
   const visibleNodes: Node[] = [];
 
   nodeInternals.forEach((node) => {
-    const { positionAbsolute, width, height, selectable = true } = node;
+    const { positionAbsolute = { x: 0, y: 0 }, width, height, selectable = true } = node;
 
     if (excludeNonSelectableNodes && !selectable) {
       return false;
     }
 
-    const nBox = rectToBox({ ...positionAbsolute!, width: width || 0, height: height || 0 });
+    const nBox = rectToBox({ ...positionAbsolute, width: width || 0, height: height || 0 });
     const xOverlap = Math.max(0, Math.min(rBox.x2, nBox.x2) - Math.max(rBox.x, nBox.x));
     const yOverlap = Math.max(0, Math.min(rBox.y2, nBox.y2) - Math.max(rBox.y, nBox.y));
     const overlappingArea = Math.ceil(xOverlap * yOverlap);