Dfxio NPM | npm.io

DFXIO

DFXIO is a module for injecting angular components created in Dreamface.

Installation

To install dfxio simple type in the command line:

npm install dfxio

This includes all the components required for a dreamface component to function. Including:

angular material
ng-knob
ng-quill
d3
nv.d3
angular-nvd3
angular-route
angular-animate
angular-aria
angular-material
angular-material-icons
angular-messages
angular-sanitize
...

Usage

Use dfxio as you would any other express middleware:

var express = require('express'); 
var app = express(); 

var dfxio = require('dfxio');

app.use(dfxio);

Create a directory dfxio_components at the root level of your project directory. Make sure you add each component's javascript file to a json file called components.json like this:

["hello_world_component/hello_world_component.js", "other_component/other_component.js"]

For your Angular application, ng-app and initial ng-controller needs to be at the level of the body elemnt at least, so <body ng-app="appName" ng-controller="ctrlName">....

Make sure to statically serve the directory for dfxio components:

app.use(express.static(path.join(__dirname, '../dfxio_components')));

Add this to your index.html (or any page you wish to load dfx components on):

<script src="/example/angular.js"></script>
<!-- this should be after the angular script tag -->
<script src="/dfxio/inject.js"></script>
<!-- should be before your own javascript files -->