Foblex/f-flow v17.6.0

release 17.6.0

on GitHub

Features

• Improved Connection Reassignment

  • Enhanced the logic and UX for reassigning connections, allowing both source and target to be dynamically changed.
  • Updated class names for clarity and improved drag handle behavior and styling.
    (7aef9f3, bbb6d56, d8de100)

• Signal-based Refactors for Reactivity

  • Refactored the following to use Angular Signals for more efficient change detection and reactivity:
    • fConnectionCenter
      (421b0ef, 439760c)
    • fDefs, fTextComponent
      (06e9457)
    • fId across multiple interfaces and components
      (3034d5d)
    • fPath logic
      (a1b1314)
    • fSelection initialization and management
      (31b6af1)

• Minimap Improvements

  • Restructured the minimap component.
  • Enhanced input handling and upgraded it to support new Angular features.
    (c7a3be9)

• Debounced fCanvasChange Event

  • Added optional debounce to the fCanvasChange event in FCanvasComponent to reduce event noise during rapid updates.
  • Configurable via debounceTime input

• New fDragBlocker Directive

  • Introduced fDragBlocker directive to block drag-and-drop interactions within specific areas of the canvas.
  • Useful for excluding certain zones (like panels or overlays) from initiating node movement or connection creation.

🐞 Bug Fixes

• Drag-and-Drop on macOS
  • Fixed issues with drag-and-drop interactions on macOS by improving event handling.
    (#187, 142745c)

⚠️ Breaking Changes

• Updated FReassignConnectionEvent structure

  • The event model was redesigned to support both source and target reassignment with more detailed context.

  Before:

  new FReassignConnectionEvent(
    fConnectionId: string,
    fOutputId: string,
    oldFInputId: string,
    newFInputId: string | undefined,
    fDropPosition: IPoint
  )

  After:

  new FReassignConnectionEvent(
    connectionId: string,
    isSourceReassign: boolean,
    isTargetReassign: boolean,
    oldSourceId: string,
    newSourceId: string | undefined,
    oldTargetId: string,
    newTargetId: string | undefined,
    dropPoint: IPoint
  )

This change improves the accuracy of reassignment tracking and enables more flexible behavior in advanced flow editors.

Full Changelog: v17.5.5...v17.6.0