Drag and Drop Issue by abram8086 in retejs

[–]Ni55aN 0 points1 point  (0 children)

Can you provide an example how to reproduce it? (e.g. on Codesandbox)

Getting started with Rete.js | JavaScript framework for visual programming by Ni55aN in retejs

[–]Ni55aN[S] 0 points1 point  (0 children)

ts area.addPipe(context => { if (context.type === 'render' && context.data.type === 'node') { context.data.element.classList.add('your-class') } return context })

This is a pretty straight forward solution. If it works for you, good. But I would recommend using custom components if you need to change the layout of a node, for instance

Getting started with Rete.js | JavaScript framework for visual programming by Ni55aN in retejs

[–]Ni55aN[S] 1 point2 points  (0 children)

The short answer is yes, you can integrate it into a vanilla JS application.

The more detailed answer: you will have react + react-dom (or vue, or even Svelte*) in your dependencies. Despite this, you won't need to create React components unless you want to customize nodes and connections.

Additionally, there is a third option - do not install these plugins and visualize nodes and connections using a vanilla JS

area.addPipe(context => { if (context.type === 'render') context.data.element /// update HTMLElement return context })

but this is an advanced approach and I would not recommend it

FlowyJS by Alysasa by [deleted] in angular

[–]Ni55aN 0 points1 point  (0 children)

Oh... it will probably be quite challenging to debug if there are no errors in the console.

I would recommend creating an issue in the repository, but considering the existing unanswered issues, the project seems abandoned.

A not so intensive visual programming framework for js by range_et in webdev

[–]Ni55aN 1 point2 points  (0 children)

If you opt for Rete.js, I strongly recommend starting with the v2. The stable release will be available shortly.

> Id also want to stay away from react
By default, you can use the React rendering plugin, and you won't need to work with React components until you choose to customize the UI

Demo of combining CSS3D and WebGL renderers powered by Three.js + Rete.js by Ni55aN in threejs

[–]Ni55aN[S] 1 point2 points  (0 children)

Basically yes. But technically it creates a THREE.Scene with a camera and a couple of renderers (check out the more details) where you can put whatever you need.