refactor: remove bootstrapping responsability to library

Author: marconi1992

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hypernova-angular",
-  "version": "1.0.0",
+  "version": "2.0.0-alpha.0",
   "description": "Angular Bindings for Hypernova",
   "main": "lib/index.js",
   "author": "Felipe Guizar Diaz <felipegaiacharly@gmail.com>",

src/hypernova.module.factory.js

@@ -0,0 +1,32 @@
+import { NgModuleFactory, ReflectiveInjector } from '@angular/core';
+
+export const HYPERNOVA_DATA = 'Hypernova.Data';
+
+export class HypernovaModuleFactory extends NgModuleFactory {
+  constructor(moduleFactory, name, placeholder) {
+    super();
+    this.name = name;
+    this.placeholder = placeholder;
+    this.moduleFactory = moduleFactory;
+    this.moduleType = moduleFactory.moduleType;
+
+    this.create = (parentInjector) => {
+      const newInjector = ReflectiveInjector.resolveAndCreate([
+        {
+          provide: 'Hypernova.Data',
+          useValue: this.placeholder.data,
+        },
+        {
+          provide: 'Hypernova.Name',
+          useValue: this.name,
+        },
+        {
+          provide: 'Hypernova.Node',
+          useValue: this.placeholder.node,
+        },
+      ], parentInjector);
+
+      return this.moduleFactory.create(newInjector);
+    };
+  }
+}

src/index.js

@@ -1,14 +1,9 @@
-import hypernova, { load } from 'hypernova';
-import { BrowserModule } from '@angular/platform-browser';
-
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { NgModule } from '@angular/core';
-
 import { findNode, getData } from 'nova-helpers';
 
 export { load } from 'hypernova';
 
+export { HypernovaModuleFactory, HYPERNOVA_DATA } from './hypernova.module.factory';
+
 export const loadById = (name, id) => {
   const node = findNode(name, id);
   const data = getData(name, id);
@@ -22,52 +17,3 @@ export const loadById = (name, id) => {
 
   return null;
 };
-
-const APP_ID = 'hypernova';
-
-export const HYPERNOVA_DATA = 'Hypernova.Data';
-
-const getBrowserAppModule = (Component, Module, node, propsData) => {
-  function AppModule() {
-    this.ngDoBootstrap = (app) => {
-      app.bootstrap(Component, node);
-    };
-  }
-  return NgModule({
-    imports: [
-      Module,
-      BrowserModule.withServerTransition({ appId: APP_ID }),
-    ],
-    entryComponents: [Component],
-    providers: [
-      {
-        provide: HYPERNOVA_DATA,
-        useValue: propsData,
-      },
-    ],
-  })(AppModule);
-};
-
-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() {
-    throw new Error('Use hypernova-angular/server instead');
-  },
-
-  client() {
-    const payloads = load(name);
-    if (payloads) {
-      payloads.forEach((payload) => {
-        const { node, data: propsData } = payload;
-
-        mountComponent(Component, Module, node, propsData);
-      });
-    }
-    return Component;
-  },
-});