Live data from Hacker News

Show HN: NPM package for a visual scripting editor

npmjs.com

1–10 of 18 posts

Show HN: NPM package for a visual scripting editor

#1
Hey guys! I just released a NPM package to integrate a visual scripting editor into any node project (React, Vue, Angular... you name it).

Basically, the goal is to provide your users a way to customize, automate, create new features for your product. Just like an open-source community, but without the barrier of code.

Here's the homepage of the project: https://luna-park.app And a small tutorial for visual scripting: https://luna-park.app/challenge

Show HN: NPM package for a visual scripting editor
npmjs.com

Re: Show HN: NPM package for a visual scripting editor

#5

I can see that your library has a bunch of dependencies on other libraries you've published like "editor", but these don't seem to be accessible on NPM. Honestly wondering if this will even compile locally without your .npmrc file and npm creds...

The dependencies that are not on NPM are dev dependencies, only needed for the compilation of the editor.

The "real" dependencies are FontAwesome (icons), Vue, Pinia (vue store) and Synth Color (a custom package I made to generate color schemes)

In short, the editor is already compiled. So you just need to install the package, it will automatically download the peer dependencies, as any NPM package.

I made a small demo repo here: https://github.com/lunapark/demo (you might need to update the package.json file to point to the actual version of Luna Park thought)

Re: Show HN: NPM package for a visual scripting editor

#6
post #2

This is extremely cool but I'm a bit confused on the licensing/source/pricing story.

Thank you very much! Yeah, it's still a bit confusing...

Basically, the editor is free. You can use it in your app and logic created can be executed by interpretation.

But the compilation of the logic into plain JS will be a paid option. You'll need it if you want to trigger the logic in a performant/headless way.

Re: Show HN: NPM package for a visual scripting editor

#7
post #3

This is very cool. However, most our use cases would be in PHP apps. I see that you’re working on a code generation API. Would that be the step necessary for generating the PHP invokable code?

Thank you very much!

For now, the generated code is in JS, so you'll need Node.js to execute it. Though, it could have other target languages. I keep in mind the PHP usecase, I'll see if/when I can implement this.

In the meantime, you can create custom nodes that call PHP routes of your app. Not the most performant way of doing it, but it should work.

Re: Show HN: NPM package for a visual scripting editor

#10
post #8

How does this compare to the open source behave-graph library? https://github.com/bhouston/behave-graph Is Luna based on behave-graph?

Nop, Luna Park is 100% custom and not based on any third-party lib.

I admit I did not know behave-graph. It's built on the same node-based visual scripting vision, so there are a lot of similarities.

Though, a few key things I did not see in behave-graph that Luna Park provide are:

- create custom nodes with other nodes using functions

- generate standalone JS code

- type and value inspection at runtime

- a lot more nodes

- and a few others features (integrated documentation, node customization, inspector, console, etc...)

In short, behave-graph seems like a lite weight version of Luna Park.

Post reply on HN