17.9.5 – Unified Installation Flow and Rendering Performance Improvements

[siarheihuzarevich]

🚀 Highlights

This release improves the installation & setup experience across both Angular CLI and Nx workspaces without requiring Nx dependencies, and includes significant rendering and performance optimizations for connections and zooming inside the canvas.

---

✨ Features

• Connectable Side Modes

  • Added automatic and manual connection side resolution.
  • Updated examples demonstrating connector side behavior.

• Connection Rendering Improvements

  • Introduced AdaptiveCurveBuilder for adaptive curve formatting.
  • Updated connection type examples to reflect improved curve handling.

• Performance Enhancements

  • Reduced redraw and recalculation cost for large node graphs.
  • Noticeably smoother dragging and transform interactions.

• Examples & Pages

  • Improved custom 404 page handling and routing consistency.

---

🐛 Bug Fixes

• Canvas & Connection Rendering

  • Fixed Safari (macOS) issue where paths could be partially clipped.
  • Reduced layout thrashing and improved zoom smoothness.
  • Optimized path recalculation logic for stability.

• Dragging

  • Restored and stabilized will-change & transform optimizations on drag.
  • Ensured consistent absolute positioning for nodes and groups.

• Selection

  • Fixed unintended text/element selection when interacting with connections.

---

📚 Documentation

• Updated supported Angular version info.
• Refined FNodeInputDirective documentation narrative.

---

🔧 Install / Update

Angular CLI:

ng add @foblex/flow

NX:

nx g @foblex/flow:add

No additional dependencies required — installation is unified.

🌍 Links
• Docs: https://flow.foblex.com
• Examples: https://flow.foblex.com/examples
• Repo: https://github.com/foblex/flow

---

This discussion was created from the release 17.9.5 – Unified Installation Flow and Rendering Performance Improvements.