firewire-angular

firewire-angular | firebase + express + angular

Use in conjunction with firewire - https://www.npmjs.com/package/firewire

firewire + firewire-angular = no wait time for firebase data (providing read access is granted).

how it works

• firewire loads firebase in node.js which is much much faster than client-side firebase load.
• firewire-angular hardwires that data into angular so it doesn't need to wait for firebase on the client-side.
• It then loads firebase up and seamlessly switches the hardwired data to realtime data.

install

Follow instructions @ https://www.npmjs.com/package/firewire

• Install firewire-angular into your public node_modules npm install firewire-angular --save

• Add these dependencies to your jade template (assuming that you're running npm3+)

   // npm 3+  should load firebase + angulafire + firewire-angular into /node_modules ... If using < 3 these directories will need to be altered.
  
   //- firebase
   script(src="/node_modules/firebase/lib/firebase-web.js")
  
   //- angularfire
   script(src="/node_modules/angularfire/dist/angularfire.min.js")
   
   //- firewire-angular
   script(src="/node_modules/firewire-angular/firewire.js")
  

get Started

Paste this script into your jade template before your other scripts.

//- load firewire object
script.
    var fw = !{firewire};

In your angular app add the firewire module

var app = angular.module('app', [
    "firewireModule"
]);

This will assign fw to $rootScope.fw allowing you to just use {{fw.some.data}} in your templates or $rootScope.fw.some.data in your js.

Remember to inject $rootScope into any controllers, services, etc. that you need to access $rootScope.fw

In the background firewire-angular is using angularfire (angular's bindings for firebase) so you can now do things like ng-click = "fw.some.data.$save()" right in your template to save data back to firebase.

Adding arrays

firewire-angular exposes 2 services (fb and fbref).
fb is your firebase url (eg. https://example.firebase.com) and fbref is your firebase reference to it.
Furthermore $rootScope.fwMap contains your firebase data routes.

So you can use angularfire's $firebaseArray(fbref.child($rootScope.fwMap[childRoute]); to assign a firebase array to a firewire route.
You'll just need to inject $firebaseArray and fbref into your controller (etc.)

Auth, login screens, etc.

Check out https://www.npmjs.com/package/firewire-angular-auth