React flow workflow to core mapper

[chandraarora]

Hi

We are planning to change from custom ui to react flow ui which will deliver the exported json as workflow schema.
We would need to map to workflow core Definition. I was wondering if there is something in the pipeline or if not react flow any other ui which can be integrated with workflow.

Thank you

[determinate]

Hi @chandraarora!

I ran into the exact same challenge recently—writing large JSON definitions by hand was too tedious, and there wasn't a modern visual tool for WorkflowCore.

To try and solve this, I put together an open-source visual drag-and-drop editor called Workflow Core Designer, using Next.js and React Flow. It lets you build processes visually (Actions, If-conditions, Loops) and attempts to export WorkflowCore.DSL JSON.

You can check it out here: https://github.com/determinate/wf-core-designer

Current Status: It is very much in an early Alpha right now. To be completely honest, while it generates the JSON, I'm not 100% sure if it maps everything correctly for all edge cases yet. It definitely needs a lot more testing.

My plan for next week is to dive into bug fixes, run proper tests against the native engine, and verify if everything actually holds up.

Feel free to take a look! I would be super grateful if you tried mapping some of your schemas and let me know where it breaks. Any issues, feedback, or PRs would be huge right now. Hope it's at least a helpful starting point for your migration!