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!

[wfcore-manager]

Thanks for asking.

There is no first-party React Flow (or other visual designer) mapper in the pipeline for Workflow Core. The project stays focused on the embeddable engine + DSL (JSON/YAML definitions you load with IDefinitionLoader / UseWorkflowConfiguration).

Community option worth looking at: determinate/wf-core-designer (Next.js + React Flow exporting WorkflowCore DSL JSON) — early alpha, as noted in the thread.

Recommended path: treat the designer export as DSL JSON/YAML and load it the same way you would any other definition. If you hit a specific DSL mapping gap (a step/input the loader rejects), open a narrow issue with a minimal YAML/JSON repro and we can look at that without pulling a UI into the core repo.