Hello everyone! 👋 I am thrilled to share the progress made with Flyde with this community of like-minded individuals. Flyde is an open-source, flow-based, and visual programming toolkit that prioritizes exceptional UX/DX and seamless integration with existing code. The toolkit features a VSCode extension, visual debugging, full TypeScript support, a rich standard library, and is designed to work in tandem with existing codebases. In essence, Flyde is similar to NodeRED, but geared towards web development. This is the first time I am sharing Flyde with a broader community, and I believe feedback from such a talented, inquisitive, and passionate group of people would be invaluable to the project. Check out the interactive playground here - https://www.flyde.dev/playground/! I look forward to hearing your thoughts and feedback! Additionally, a star on GitHub would be greatly appreciated! 😊

Looks nice, but it took me forever to figure out how to connect and disconnect things. I think the interaction could use some more visual cues. Also, noticed that the counter is not very responsive, but only increments by say 2 if I click plus 5 times quickly. Is this only an issue if you have the canvas open? How's the performance generally?

Thanks @Jarno Montonen! Connecting things is indeed unintuitive right now. Plan is to allow dragging inputs and outputs to create new connections. Regarding the counter - works pretty smooth here (even on mobile). Perhaps you had the “debut delay” slider to the max? It isn’t optimized for best performance yet, but as most use-cases I found it useful for involved many async calls, the runtime perf. toll was negligible.

Well, now that I tried the counter again it seems to work fine. 👍 I don't think it was the debug delay though.

Thanks for trying again! will keep an eye for that issue 👀

Nice, much better! 🙂

It seems like an interesting system. I tried rebuilding the HTTP Request example in the playground but it kept crashing. With shortcut discoverability, maybe you could have a help modal with the most common ones?

@Ibro thanks for trying! Will see what went wrong there Regarding the hotkeys suggestions - definitely, will prioritize this

yeah something like holding down

shift + /

(“?”) to pop up available hotkeys given the state (current selection, hover or whatever) is something i’ve seen in a few apps