I’m working on a project(built in node.js) which converts figma design to react source code and Currently we are building functionality where user can generate code with all the actions they integrated like navigation, API integration, firebase, supabase etc.
At initial level, it was super easy to handle with small actions like navigation (same page, different page, back navigation), where i just had to inject one line code into generated JSX page like below before return of JSX.
window.location.href="www.google.com"
But now it’s getting complicated where we need to handle more complex actions & also 3rd party integrations.
How can i define system in such a way that there’s no dependencies of actions with each other & easy to inject code of API integration or any other 3rd party libraries template.
I read one blog which had similar pattern, look at it here. But still wanted to know if there is any other solution or workaround available.
If not code example, any reference system would help also from github.