refactor: separate entry points for server and browser

Author: marconi1992

server.js

@@ -0,0 +1 @@
+module.exports = require('./lib/server.js');

src/index.js

@@ -1,16 +1,9 @@
-import hypernova, { serialize, load } from 'hypernova';
-import { first } from 'rxjs/operators';
+import hypernova, { load } from 'hypernova';
 import { BrowserModule } from '@angular/platform-browser';
-import {
-  ServerModule,
-  platformDynamicServer,
-  INITIAL_CONFIG,
-  PlatformState,
-} from '@angular/platform-server';
 
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import { NgModule, ApplicationRef } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { findNode, getData } from 'nova-helpers';
 
@@ -34,22 +27,6 @@ const APP_ID = 'hypernova';
 
 export const HYPERNOVA_DATA = 'Hypernova.Data';
 
-const getServerAppModule = (Component, Module) => {
-  function AppModule() {
-    this.ngDoBootstrap = (app) => {
-      app.bootstrap(Component, `#${APP_ID}`);
-    };
-  }
-  return NgModule({
-    imports: [
-      Module,
-      BrowserModule,
-      ServerModule,
-    ],
-    entryComponents: [Component],
-  })(AppModule);
-};
-
 const getBrowserAppModule = (Component, Module, node, propsData) => {
   function AppModule() {
     this.ngDoBootstrap = (app) => {
@@ -71,34 +48,6 @@ const getBrowserAppModule = (Component, Module, node, propsData) => {
   })(AppModule);
 };
 
-const renderServer = (ServerAppModule, propsData) => {
-  const platform = platformDynamicServer([
-    {
-      provide: INITIAL_CONFIG,
-      useValue: {
-        document: `<div id="${APP_ID}"></div>`,
-      },
-    },
-    {
-      provide: HYPERNOVA_DATA,
-      useValue: propsData,
-    },
-  ]);
-
-  return platform.bootstrapModule(ServerAppModule)
-    .then((moduleRef) => {
-      const applicationRef = moduleRef.injector.get(ApplicationRef);
-      return applicationRef.isStable.pipe(first(isStable => isStable))
-        .toPromise()
-        .then(() => {
-          const platformState = platform.injector.get(PlatformState);
-
-          platform.destroy();
-          return platformState.getDocument().getElementById(APP_ID).serialize();
-        });
-    });
-};
-
 export const mountComponent = (Component, Module, node, propsData) => {
   const BrowserAppModule = getBrowserAppModule(Component, Module, node, propsData);
 
@@ -107,13 +56,7 @@ export const mountComponent = (Component, Module, node, propsData) => {
 
 export const renderAngular = (name, Component, Module) => hypernova({
   server() {
-    return async (propsData) => {
-      const ServerAppModule = getServerAppModule(Component, Module);
-
-      const html = await renderServer(ServerAppModule, propsData);
-
-      return serialize(name, html, propsData);
-    };
+    throw new Error('Use hypernova-angular/server instead');
   },
 
   client() {

src/server.js

@@ -0,0 +1,78 @@
+import hypernova, { serialize } from 'hypernova';
+
+import {
+  ServerModule,
+  platformDynamicServer,
+  INITIAL_CONFIG,
+  PlatformState,
+} from '@angular/platform-server';
+
+import { BrowserModule } from '@angular/platform-browser';
+
+import { NgModule, ApplicationRef } from '@angular/core';
+
+import { first } from 'rxjs/operators';
+
+const APP_ID = 'hypernova';
+
+export const HYPERNOVA_DATA = 'Hypernova.Data';
+
+const getServerAppModule = (Component, Module) => {
+  function AppModule() {
+    this.ngDoBootstrap = (app) => {
+      app.bootstrap(Component, `#${APP_ID}`);
+    };
+  }
+  return NgModule({
+    imports: [
+      Module,
+      BrowserModule,
+      ServerModule,
+    ],
+    entryComponents: [Component],
+  })(AppModule);
+};
+
+const renderServer = (ServerAppModule, propsData) => {
+  const platform = platformDynamicServer([
+    {
+      provide: INITIAL_CONFIG,
+      useValue: {
+        document: `<div id="${APP_ID}"></div>`,
+      },
+    },
+    {
+      provide: HYPERNOVA_DATA,
+      useValue: propsData,
+    },
+  ]);
+
+  return platform.bootstrapModule(ServerAppModule)
+    .then((moduleRef) => {
+      const applicationRef = moduleRef.injector.get(ApplicationRef);
+      return applicationRef.isStable.pipe(first(isStable => isStable))
+        .toPromise()
+        .then(() => {
+          const platformState = platform.injector.get(PlatformState);
+
+          platform.destroy();
+          return platformState.getDocument().getElementById(APP_ID).serialize();
+        });
+    });
+};
+
+export const renderAngular = (name, Component, Module) => hypernova({
+  server() {
+    return async (propsData) => {
+      const ServerAppModule = getServerAppModule(Component, Module);
+
+      const html = await renderServer(ServerAppModule, propsData);
+
+      return serialize(name, html, propsData);
+    };
+  },
+
+  client() {
+    throw new Error('Use hypernova-angular instead');
+  },
+});