Foblex/f-flow 17.8.5

v17.8.5 Calculated Connectable Sides for Connectors — Manual & Calculated Modes

on GitHub

This release adds fine-grained control over which side of a connector can be used for connections. You can fix sides (LEFT/RIGHT/TOP/BOTTOM), let the system calculate the best side, or restrict calculation to horizontal/vertical axes. There’s also an AUTO mode.

Two modes are showcased in the demo:

• Manual mode — switch input/output sides explicitly to see how links behave when sides are fixed.
• Calculated mode — set side to CALCULATE so it’s picked dynamically based on node positions.

This gives you precise behavior for static layouts and smooth auto-routing for dynamic ones.

API

export enum EFConnectableSide {
  LEFT = 'left',
  TOP = 'top',
  RIGHT = 'right',
  BOTTOM = 'bottom',
  CALCULATE = 'calculate',
  CALCULATE_HORIZONTAL = 'calculate_horizontal',
  CALCULATE_VERTICAL = 'calculate_vertical',
  AUTO = 'auto',
}

Demo

A short video and screenshots are attached to this release showing:

• toggling between Manual / Calculated modes;
• how connections reroute when nodes move;
• differences between CALCULATE, CALCULATE_HORIZONTAL, and CALCULATE_VERTICAL.

💡 If you find this library useful, please consider giving it a ⭐️ on GitHub — it really helps the project grow!