Forum Documentation Showcase Pricing Learn more

Node Graph App Builder in Bubble.is!


#1

This is a functional node graph editor I’m working on that automatically syncs the data with bubble!

It’s going to be for a no-code visual app designer using the Jasonette framework and generating the json data from the nodes and converting it into jasonette formatted json so it can be made into a 100% native cross platform functional application!

Jasonette Framework: https://jasonette.com

Checkout a video demo here: https://drive.google.com/file/d/1GlvanuSyMX33lAF7uxVmZTGT3o_D2gHM/view?usp=sharing


#2

That’s pretty neat. How are you styling the components?


#3

I’ll be creating a property bar on the left as each node is clicked bubble will know what node is clicked and show the correct property bar for filling out style and required attributes.

It’s based off of Rete.js and just a html iframe and api call inside the iframe to send the data to a bubble endpoint


#4

That’s smart! I tinkered with Jasonette a couple years ago. It looks like Ethan isn’t supporting it anymore, or at least the Github appears to have slowed down tremendously. Have you released anything using it before?


#5

Not yet but I use Jasonette for fun quite a bit and know how to develop apps using it, I’m going to mainly offer this service as an SaaS however I’m gonna try and find some people to help develop this and maintain it with me as a partnership, the framework still works and the documentation is very detailed to help with maintaining it.


#6

There’s now another ‘rescue’ support called jasonelle.com
Sadly, something happened to Ethan. Good initiative @battlexgenerations , 2019 will be awesome :slight_smile:


#7

yeah I heard about jasonelle.com, having problems atm but looking into fixing it atm


#8

Update: Finally managed to create a fully dynamic node graph editor that uses a boilerplate style system to create the nodes and adds it onto the editor. This allows for this new app to have a plugin system where people will be able to create custom jasonette plugins to use with this visual editor. It also has an automatic saving feature that saves the node graph data for each app built on my upcoming service :slight_smile:, Only worked on creating the node editor side of things and also the UI nodes, still need to work on the conversion of the nodes to jasonette syntax as well as implementing jasonette actions as nodes


#9

Nice :slight_smile: Great work!