noflo | Flow-based programming for JavaScript | BPM library

I want to dynamically use some master data in noflo components. For example In my graph I will use same component in different ids. based on that I will also change the data. How to access the metada in graph into my component?

I'm pretty new to noflo, so this is probably due to me doing something dumb.

I'm getting an issue when trying to start a noflo graph from the noflo-ui. Basically I get a EADDRINUSE error (the port is in use) from the first xpress/Server node in my graph, I believe. I'm running the ui locally if that matters (I don't think it should).

Usually, if I was running a normal Express service, I would just kill the 'runaway' process which is hogging the port, but I'm having problems finding it. I've tried things like "netstat -p tcp | grep " and "ps -ef | grep " to no avail.

I've also tried a couple of 'noflo' things, which may or may not be a good idea. 1) First I tried deleting the browser database completely (I'm still not 100% sure how this relates to the runtime environment and have tried variations of passing parameters to the noflo-nodejs command and using the json config created using the noflo-nodejs-init). 2) Second, I created a new graph which uses a different port. By stopping/restarting the new graph in the ui and testing the expected endpoints through postman, I have realised that actually the process of starting seems to start an xpressServer for both the new and the old port, so I can do a GET on both http://localhost:8000/hello and http://localhost:8001/hello and get 'hello' back.

Could anyone tell me what I've done wrong and the best approach for resolving it if possible.

NOTE: I did try restarting my Mac which did not seem to help initially either, so I can only assume chrome is caching something I have missed perhaps ... (a guess). Having done a hard reboot this morning and making sure all my apps are closed, this does seem to have resolved itself but I would still like to understand what is going on, so I don't end up in this situation again.

Thanks

I am trying to integrate noflo in my browser application. To understand the send and receive of the IIP, I have created a 'forwarder component' which will just output whatever is input to it. I am creating a graph with just one component and trying to send IIP to it to extract a response.

My fbp code for testGraph is following:

I am trying to run noflo in browser, with a twist that it will be an Angular App. Noflo documentation mentions following:

NoFlo projects can also run in web browsers. You can use the webpack tool create a browser-runnable build of a NoFlo project.

In nutshell, making a browser build of a NoFlo project involves the following steps:

Find all installed browser-compatible components using the fbp-manifest tool

Generate a custom NoFlo component loader that requires all the component files and registers them for NoFlo to load

Configure and run webpack with the application entry point, replacing NoFlo’s standard component loader with the generated custom one

To automate these steps we have grunt-noflo-browser, a plugin for the Grunt task runner that we use for build automation.

I have doubts regarding shortest and least painful path to take for this task:

Option 1:

I am using Angular CLI. Webpack comes integrated with angular cli which can be moved to webpack based configuration by using "ng eject" command, and then I can use Grunt task runner to set it up. I have never before used Grunt. I have no idea how will it work out. Another headache that thereafter I will have to manage webpack configurations going further into development.

Option 2:

Same as above but do everything manually. Removes the headache of going Grunt path. Creates new questions and complexities about how to use fbp-manifest tool and how to generate custom NoFlo Component loader. Also maintaining webpack configurations is an added task going further into development.

Option 3:

If any other path exists specific to Angular CLI

I will be integrating Noflo and customizing it heavily for my application. My nodes will be new as well as there will be no server running and I will have my own system of pushing IP. The idea is to integrate Noflo and Noflo UI, reuse as much as possible and develop the rest.

I will appreciate any advice regarding this.

Thanks

I am trying to integrate noflo ui 'the-graph' with a React based front end. I am trying to wrap demo-simple.html example into a react component as simple-demo.js and thereafter build on top of it.

On building and running I get the following errors:

Uncaught ReferenceError: React is not defined at Object.module.exports.register (bundle.js:42029).......

On looking into bundle.js, I find that the cause is:

TheGraph.SVGImage = React.createFactory( React.createClass({......

my simple-demo.js has just the following code and basic boiler-plate: