Skip to content

Conversation

@iberdinsky-skilld
Copy link
Contributor

@iberdinsky-skilld iberdinsky-skilld commented Mar 20, 2025

In the current flow implementation, we have a lot of custom calculations for each action, each padding and each folder
and they happen every render, which is

  1. not optimal.
  2. not flexible for development
  3. inconvenient for testing

In this PR, I suggest using
https://github.com/dagrejs/dagre
For autolayout as shown in https://reactflow.dev/learn/layouting/layouting

And also lay out only top-level nodes in the layout, and lay out child nodes inside the parent using regular CSS and HTML

I also removed the customization of nodes and actions, since this can be done through regular MUI and ReactFlow elements.

The following problems should be solved in this PR:
#103
#111

Image from Gyazo

@iberdinsky-skilld iberdinsky-skilld force-pushed the flow-update branch 4 times, most recently from 09410f5 to 2615f4d Compare March 27, 2025 05:55
@davidferlay davidferlay merged commit f95e360 into main Mar 27, 2025
@lexbritvin lexbritvin deleted the flow-update branch May 30, 2025 14:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants