build(lib): fix secondary entrypoints and bundle with APF v5 (#940)

* Revert back to APF bundling to resolve build issues
* Incorporate Material build system to handle secondary entrypoints
  and bundling

Author: CaerusKaru

build-config.js

@@ -25,7 +25,7 @@ const buildLicense = `/**
  */`;
 
 /** The namespace for the packages. Instead of @angular, we use @nguniversal */
-const namespace = '@nguniversal';
+const namespace = 'nguniversal';
 
 /** The library entrypoints that are built under the namespace */
 const libNames = [
@@ -40,7 +40,7 @@ module.exports = {
   projectVersion: buildVersion,
   angularVersion: angularVersion,
   projectDir: __dirname,
-  packagesDir: join(__dirname, 'src'),
+  packagesDir: join(__dirname, 'modules'),
   outputDir: join(__dirname, 'dist'),
   licenseBanner: buildLicense,
   namespace,

build-test.ts

@@ -1,13 +1,19 @@
-import {buildConfig, buildLib} from './tools/package-tools';
+import {buildConfig, BuildPackage, packages} from './tools/package-tools';
 
 declare var require: any;
 
 const rimraf = require('rimraf');
 
+const buildPkg = async (pkg: BuildPackage) => {
+  pkg.dependencies.forEach(buildPkg);
+  await pkg.compileTests();
+};
+
+
 rimraf(buildConfig.outputDir, async () => {
-  for (const lib of buildConfig.libNames) {
-    const exitCode = await buildLib(lib, true);
-    console.log(exitCode === 0 ? `Build succeeded for ${lib}` : `Build failed for ${lib}`);
-    console.log();
+  for (const pkg of packages) {
+    console.log(`Building package to test: ${pkg.name}`);
+    await buildPkg(pkg);
+    console.log(`Finished building: ${pkg.name}`);
   }
 });

build.ts

@@ -1,13 +1,21 @@
-import {buildConfig, buildLib} from './tools/package-tools';
+import {buildConfig, BuildPackage, composeRelease, packages} from './tools/package-tools';
 
 declare var require: any;
 
 const rimraf = require('rimraf');
 
+const buildPkg = async (pkg: BuildPackage) => {
+  pkg.dependencies.forEach(buildPkg);
+  await pkg.compile();
+  await pkg.createBundles();
+};
+
+
 rimraf(buildConfig.outputDir, async () => {
-  for (const lib of buildConfig.libNames) {
-    const exitCode = await buildLib(lib);
-    console.log(exitCode === 0 ? `Build succeeded for ${lib}` : `Build failed for ${lib}`);
-    console.log();
+  for (const pkg of packages) {
+    console.log(`Building package: ${pkg.name}`);
+    await buildPkg(pkg);
+    composeRelease(pkg);
+    console.log(`Finished building: ${pkg.name}`);
   }
 });

modules/aspnetcore-engine/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nguniversal/aspnetcore-engine",
-  "version": "5.0.0-beta.6",
+  "version": "0.0.0-PLACEHOLDER",
   "description": "ASP.NET Core Engine for running Server Angular Apps",
   "main": "./bundles/aspnetcore-engine.umd.js",
   "module": "./esm5/aspnetcore-engine.es5.js",
@@ -21,8 +21,8 @@
     "universal"
   ],
   "peerDependencies": {
-    "@angular/common": "^5.0.0",
-    "@angular/core": "^5.0.0"
+    "@angular/common": "0.0.0-NG",
+    "@angular/core": "0.0.0-NG"
   },
   "repository": {
     "type": "git",

modules/aspnetcore-engine/src/main.ts

@@ -5,12 +5,12 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import { Type, NgModuleFactory, CompilerFactory, Compiler } from '@angular/core';
+import {Type, NgModuleFactory, CompilerFactory, Compiler, StaticProvider} from '@angular/core';
 import { platformDynamicServer } from '@angular/platform-server';
 import { DOCUMENT } from '@angular/common';
 import { ResourceLoader } from '@angular/compiler';
 
-import { REQUEST, ORIGIN_URL } from '../tokens';
+import { REQUEST, ORIGIN_URL } from '@nguniversal/aspnetcore-engine/tokens';
 import { FileLoader } from './file-loader';
 import { IEngineOptions } from './interfaces/engine-options';
 import { IEngineRenderResult } from './interfaces/engine-render-result';
@@ -121,16 +121,8 @@ export function ngAspnetCoreEngine(options: IEngineOptions): Promise<IEngineRend
 
       options.providers = options.providers || [];
 
-      const extraProviders = options.providers.concat(
-        [{
-          provide: ORIGIN_URL,
-          useValue: options.request.origin
-        }, {
-          provide: REQUEST,
-          useValue: options.request.data.request
-        }
-        ]
-      );
+      const extraProviders = options.providers.concat(getReqResProviders(options.request.origin,
+        options.request.data.request));
 
       getFactory(moduleOrFactory, compiler)
         .then(factory => {
@@ -167,6 +159,23 @@ export function ngAspnetCoreEngine(options: IEngineOptions): Promise<IEngineRend
 
 }
 
+/**
+ * Get providers of the request and response
+ */
+function getReqResProviders(origin: string, request: string): StaticProvider[] {
+  const providers: StaticProvider[] = [
+    {
+      provide: ORIGIN_URL,
+      useValue: origin
+    },
+    {
+      provide: REQUEST,
+      useValue: request
+    }
+  ];
+  return providers;
+}
+
 /* @internal */
 const factoryCacheMap = new Map<Type<{}>, NgModuleFactory<{}>>();
 function getFactory(

modules/aspnetcore-engine/tokens/index.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './public-api';

modules/aspnetcore-engine/tokens/public-api.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './tokens';

modules/aspnetcore-engine/tokens.ts …dules/aspnetcore-engine/tokens/tokens.tsmodules/aspnetcore-engine/tokens.ts renamed to modules/aspnetcore-engine/tokens/tokens.ts modules/aspnetcore-engine/tokens.ts renamed to modules/aspnetcore-engine/tokens/tokens.ts

@@ -0,0 +1,14 @@
+{
+  "extends": "../tsconfig.lib",
+  "files": [
+    "public-api.ts"
+  ],
+  "angularCompilerOptions": {
+    "annotateForClosureCompiler": true,
+    "strictMetadataEmit": false, // Workaround for Angular #22210
+    "flatModuleOutFile": "index.js",
+    "flatModuleId": "@nguniversal/aspnetcore-engine/tokens",
+    "skipTemplateCodegen": true,
+    "fullTemplateTypeCheck": true
+  }
+}