reactflow-edge-routing 0.1.9 → 0.1.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactflow-edge-routing",
-  "version": "0.1.9",
+  "version": "0.1.12",
   "description": "Orthogonal edge routing for React Flow using obstacle-router. Edges route around nodes while pins stay fixed at their anchor points.",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/edge-routing-store.ts

@@ -5,11 +5,14 @@ export interface EdgeRoutingState {
   loaded: boolean;
   routes: Record<string, AvoidRoute>;
   connectorType: ConnectorType;
+  /** Length (px) of the perpendicular stub exit segment from the node border */
+  stubSize: number;
   /** Node IDs currently being dragged — edges connected to these show fallback */
   draggingNodeIds: Set<string>;
   setLoaded: (loaded: boolean) => void;
   setRoutes: (routes: Record<string, AvoidRoute>) => void;
   setConnectorType: (type: ConnectorType) => void;
+  setStubSize: (size: number) => void;
   setDraggingNodeIds: (ids: Set<string>) => void;
 }
 
@@ -17,10 +20,12 @@ export const useEdgeRoutingStore = create<EdgeRoutingState>((set) => ({
   loaded: false,
   routes: {},
   connectorType: "orthogonal",
+  stubSize: 20,
   draggingNodeIds: new Set(),
   setLoaded: (loaded) => set({ loaded }),
   setRoutes: (routes) => set({ routes }),
   setConnectorType: (connectorType) => set({ connectorType }),
+  setStubSize: (stubSize) => set({ stubSize }),
   setDraggingNodeIds: (draggingNodeIds) => set({ draggingNodeIds }),
 }));
 

package/src/routing-core.ts

@@ -200,7 +200,7 @@ function getConnType(connectorType: ConnectorType | undefined): number {
 /** Get the Router flags for the connector type. */
 function getRouterFlags(connectorType: ConnectorType | undefined): number {
   switch (connectorType) {
-    case "polyline": return PolyLineRouting | OrthogonalRouting;
+    case "polyline": return PolyLineRouting;
     default: return OrthogonalRouting;
   }
 }
@@ -737,13 +737,16 @@ function configureRouter(router: AvoidRouter, options: AvoidRouterOptions): void
   }
 
   // --- Routing options ---
-  router.setRoutingOption(nudgeOrthogonalSegmentsConnectedToShapesOpt, options.nudgeOrthogonalSegmentsConnectedToShapes ?? true);
-  router.setRoutingOption(nudgeSharedPathsWithCommonEndPointOpt, options.nudgeSharedPathsWithCommonEndPoint ?? true);
-  router.setRoutingOption(performUnifyingNudgingPreprocessingStepOpt, options.performUnifyingNudgingPreprocessingStep ?? true);
-  router.setRoutingOption(nudgeOrthogonalTouchingColinearSegmentsOpt, options.nudgeOrthogonalTouchingColinearSegments ?? false);
-  router.setRoutingOption(improveHyperedgeRoutesMovingJunctionsOpt, options.improveHyperedgeRoutesMovingJunctions ?? true);
-  router.setRoutingOption(penaliseOrthogonalSharedPathsAtConnEndsOpt, options.penaliseOrthogonalSharedPathsAtConnEnds ?? false);
-  router.setRoutingOption(improveHyperedgeRoutesMovingAddingAndDeletingJunctionsOpt, options.improveHyperedgeRoutesMovingAddingAndDeletingJunctions ?? false);
+  // Orthogonal nudging options only apply to orthogonal/bezier routing.
+  // Enabling them for polyline connectors corrupts the routed paths.
+  const isPolyline = options.connectorType === "polyline";
+  router.setRoutingOption(nudgeOrthogonalSegmentsConnectedToShapesOpt, isPolyline ? false : (options.nudgeOrthogonalSegmentsConnectedToShapes ?? true));
+  router.setRoutingOption(nudgeSharedPathsWithCommonEndPointOpt, isPolyline ? false : (options.nudgeSharedPathsWithCommonEndPoint ?? true));
+  router.setRoutingOption(performUnifyingNudgingPreprocessingStepOpt, isPolyline ? false : (options.performUnifyingNudgingPreprocessingStep ?? true));
+  router.setRoutingOption(nudgeOrthogonalTouchingColinearSegmentsOpt, isPolyline ? false : (options.nudgeOrthogonalTouchingColinearSegments ?? false));
+  router.setRoutingOption(improveHyperedgeRoutesMovingJunctionsOpt, isPolyline ? false : (options.improveHyperedgeRoutesMovingJunctions ?? true));
+  router.setRoutingOption(penaliseOrthogonalSharedPathsAtConnEndsOpt, isPolyline ? false : (options.penaliseOrthogonalSharedPathsAtConnEnds ?? false));
+  router.setRoutingOption(improveHyperedgeRoutesMovingAddingAndDeletingJunctionsOpt, isPolyline ? false : (options.improveHyperedgeRoutesMovingAddingAndDeletingJunctions ?? false));
 }
 
 // ---- Routing helpers ----

package/src/use-edge-routing.ts

@@ -159,12 +159,14 @@ export function useEdgeRouting(
 
   const setRoutes = useEdgeRoutingStore((s) => s.setRoutes);
   const setConnectorType = useEdgeRoutingStore((s) => s.setConnectorType);
+  const setStubSize = useEdgeRoutingStore((s) => s.setStubSize);
   const setDraggingNodeIds = useEdgeRoutingStore((s) => s.setDraggingNodeIds);
   const setActions = useEdgeRoutingActionsStore((s) => s.setActions);
 
-  // Keep store in sync with current connector type
+  // Keep store in sync with current connector type and stub size
   const connType = opts.connectorType ?? "orthogonal";
   if (connType) setConnectorType(connType);
+  setStubSize(opts.stubSize ?? 20);
 
   const { post, workerLoaded } = useRoutingWorker({ create: true });