feat: add mountComponent and helpers

Author: marconi1992

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hypernova-angular",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Angular Bindings for Hypernova",
   "main": "lib/index.js",
   "author": "Felipe Guizar Diaz <felipegaiacharly@gmail.com>",
@@ -21,18 +21,21 @@
     "build": "babel src -d lib"
   },
   "devDependencies": {
-    "babel-cli": "^6.26.0",
-    "babel-preset-airbnb": "^2.5.3",
+    "@babel/cli": "^7.7.0",
+    "@babel/core": "^7.7.2",
+    "@babel/runtime": "^7.7.2",
+    "babel-preset-airbnb": "^4.1.0",
     "eslint": "^5.14.1",
     "eslint-config-airbnb-base": "^13.1.0",
     "eslint-plugin-import": "^2.16.0"
   },
   "peerDependencies": {
     "@angular/core": ">=5.0.0",
     "@angular/platform-browser": ">=5.0.0",
-    "@angular/platform-server": ">=5.0.0",
     "@angular/platform-browser-dynamic": ">=5.0.0",
+    "@angular/platform-server": ">=5.0.0",
     "hypernova": "^2.5.0",
+    "nova-helpers": "^1.0.1-alpha.0",
     "rxjs": ">=5.0.0"
   }
 }

src/index.js

@@ -12,6 +12,24 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { NgModule, ApplicationRef } from '@angular/core';
 
+import { findNode, getData } from 'nova-helpers';
+
+export { load } from 'hypernova';
+
+export const loadById = (name, id) => {
+  const node = findNode(name, id);
+  const data = getData(name, id);
+
+  if (node && data) {
+    return {
+      node,
+      data,
+    };
+  }
+
+  return null;
+};
+
 const APP_ID = 'hypernova';
 
 export const HYPERNOVA_DATA = 'Hypernova.Data';
@@ -81,6 +99,12 @@ const renderServer = (ServerAppModule, propsData) => {
     });
 };
 
+export const mountComponent = (Component, Module, node, propsData) => {
+  const BrowserAppModule = getBrowserAppModule(Component, Module, node, propsData);
+
+  platformBrowserDynamic().bootstrapModule(BrowserAppModule);
+};
+
 export const renderAngular = (name, Component, Module) => hypernova({
   server() {
     return async (propsData) => {
@@ -98,9 +122,7 @@ export const renderAngular = (name, Component, Module) => hypernova({
       payloads.forEach((payload) => {
         const { node, data: propsData } = payload;
 
-        const BrowserAppModule = getBrowserAppModule(Component, Module, node, propsData);
-
-        platformBrowserDynamic().bootstrapModule(BrowserAppModule);
+        mountComponent(Component, Module, node, propsData);
       });
     }
     return Component;