keep icon indicating copy to clipboard operation
keep copied to clipboard

[🔨 Enhancement]: Refactoring workflow builder to use React Flow

Open talboren opened this issue 1 year ago • 3 comments

https://reactflow.dev/

Overall, the workflow builder works as expected today, but the code is spaghetti, it's hard to add new features and validations are quite bad. We want to keep the same state with Workflow Builder but adopting React Flow to enhance overall experience, cleaner code and making future features easier.

Since this task does not have Figma, imagination and use of current Keep theme is required :)

  1. Enhance users Workflow Builder experience by look and feel
  2. Add more validations
  3. Clean code and make it easy to enhance/change things in the future

TBD

talboren avatar Jul 24 '24 09:07 talboren

@talboren I would like to work on this along with @rajeshj11. Please assign!

Bhavyajain21 avatar Jul 25 '24 06:07 Bhavyajain21

pls take a look at this https://n8n.io/workflows/ for some inspiration.

pradip-allwyn avatar Jul 25 '24 15:07 pradip-allwyn

@Bhavyajain21 Please check the pending things. To Do:

  • [x] handle switch and for-each deletion.

  • [x] reconstruct the new flow into the definition(using nodes and edges)

  • [x] Minor Ui improvements.

let me know which changes you are picking.

rajesh-jonnalagadda avatar Aug 08 '24 00:08 rajesh-jonnalagadda