1.0.3 API docs


It has always been easy to wrap existing JavaScript code into NoFlo graphs — just write a component that exposes its functionality via some ports.

Going the other way and exposing a NoFlo graph to an existing JavaScript codebase can be accomplished easily using the noflo.asCallback API. This can also be useful for utilizing NoFlo graphs in serverless environments like AWS Lambda.

Including NoFlo in your project

For Node.js projects, including NoFlo is easy — simply add NoFlo and any component libraries you need to your NPM dependencies.

On browser, you additionally need to configure webpack to find NoFlo components.


Let’s say you have a graph (or just a component) with the typical IN, OUT and ERROR ports, you can wrap it like this:

// Load the NoFlo module
const noflo = require('noflo');

// Use NoFlo's asCallback helper to prepare a JS function that wraps the graph
const wrappedGraph = noflo.asCallback('myproject/MyComponent', {
  // Provide the project base directory where NoFlo seeks graphs and components
  baseDir: '/path/to/my/project',

// Call the wrapped graph. Can be done multiple times
  // Provide data to be sent to inports
  in: 'foo',
}, (err, result) => {
  // If component sent to its error port, then we'll have err
  if (err) { throw err; }
  // Do something with the results

If the graph has multiple inports, you can provide each of them a value in that input object. Similarly, the results sent to each outport will be in the result object. If a port sent multiple packets, their values will be in an array.

Using with an arbitrary graph

If you have a graph that is constructed at runtime, and hence not registered as a component, you can still run it with asCallback. Simply call noflo.asCallback with the Graph instance instead of a component name:

const noflo = require('noflo');
// Create a graph instance
const graph = new noflo.Graph('My graph');
// Add some nodes
graph.addNode('Read', 'filesystem/ReadFile');
graph.addNode('Parse', 'yaml/ParseYaml');
graph.addNode('Errors', 'core/Merge');
// Connect the nodes together
graph.addEdge('Read', 'out', 'Parse', 'in');
graph.addEdge('Read', 'error', 'Errors', 'in');
graph.addEdge('Parse', 'error', 'Errors', 'in');
// Export the ports you want to interface with
graph.addInport('in', 'Read', 'in');
graph.addOutport('out', 'Parse', 'out');
graph.addOutport('error', 'Errors', 'out');

// Then just wrap it via asCallback
const wrappedGraph = noflo.asCallback(graph);

// And run it as many times as needed
wrappedGraph('somefile.yml', (err, result) => {
  // Do something with the results

Please note that instead of constructing graph programatically, you can also load it from a FBP or JSON definition using noflo.graph.loadFBP or noflo.graph.loadJSON.

Use cases

With asCallback, you can implement parts of your system as NoFlo graphs without having to jump in all the way. Even with a normal Node.js or client-side JS application it is easy to see places where NoFlo fits in nicely:

  • Making complex Express.js or Redux middleware chains manageable
  • Adding customizable workflows to some part of the system
  • Implementing Extract, Transform, Load (ETL) pipelines
  • Porting a system into NoFlo piece-by-piece
  • Exposing a pure-JS API for an NPM module built in NoFlo

It also makes it easier to test NoFlo graphs and components using standard, non-FBP-aware testing tools like Mocha.

Network lifecycle

Each invocation of a callbackified NoFlo graph creates its own Network instance. The function collects result packet until network finishes, and then calls its callback.

Since these networks are isolated, you can call the function as many times as you like without any risk of packet collisions.


Since the callbackified NoFlo graph looks like a typical Node.js function, you can use all the normal flow control mechanisms like Promises or async with it.

For example, you can convert it to a Promise either manually, with Node.js util.promisify, or with a library like Bluebird:

// Load Bluebird
const bluebird = require('bluebird');

// Convert the wrapped function into a Promise
const promisedGraph = bluebird.promisify(wrappedGraph);

// Run it
  in: 'baz'
.then ((result) => {

Once your asCallback is Promisified, you can also use it with JavaScript async/await.

Continuous networks

The asCallback interface works great for batch-style operation where a NoFlo graph executes once, produces results (or errors) and then finishes. If you want to run a persistent network that may contain generators, and can receive data at multiple stages, then the best way is to use the NoFlo Network API.

const loader = new noflo.ComponentLoader();
loader.load('my-project/MyGraph', (err, instance) => {
  instance.start((err) => {
    // Here you can bind to ports. Using just in/out as example, but can be more
    const out = noflo.internalSocket.createSocket();
    const ins = noflo.internalSocket.createSocket();

    // React to results from outport
    out.on('ip', (ip) => {
      // Received an information packet
    // Send something
    ins.send('Some data');