Add/remove Components In Noflo-ui Version 0.18.0

I am running noflo-ui locally and trying to replace default set of components with my own set. This is very similar to the question add/remove components in noflo-ui, but provided

Solution 1:

I assume you're talking about how to add/remove components available in the NoFlo browser runtime?

If you create a project you can add components for that project and they'll be registered with the runtime.

If you want to add components from existing NPM modules, the easiest way is by making a fork of the noflo-browser-app project template.

Then add whatever dependencies you want into package.json. You can then either build and host it locally, or use the integrated functionality to push host the generated runtime at GitHub Pages.

Once you have your custom runtime URL available, you can switch to that in Flowhub with the following steps.

First click the "switch runtime" button on top right corner:

Then go to runtime selector:

Choose "custom iframe URL"

Enter the URL to your custom runtime's HTML file:

Some more information on the browser builds in this blog post