fix: add plugin to fix aot relative path module errors

Author: patrickmichalina

src/commands/serve.ts

@@ -24,6 +24,7 @@ import { renderSassDir } from '../utilities/sass'
 import { exec, execSync } from 'child_process'
 import { NgSwPlugin } from '../fusebox/ng.sw.plugin'
 import { copy } from 'fs-extra'
+import { NgAotRelativePlugin } from '../fusebox/ng.aot-relative.plugin'
 import clearTerminal from '../utilities/clear'
 import readConfig_ from '../utilities/read-config'
 
@@ -95,6 +96,11 @@ export function serve(
         useTypescriptCompiler: true,
         plugins: [
           isAotBuild && NgAotFactoryPlugin(),
+          isAotBuild &&
+            NgAotRelativePlugin({
+              '"./not-found.component"': 'not-found/not-found.component',
+              '"../response.service"': 'response/response.service'
+            }),
           isServiceWorkerEnabled && NgSwPlugin(),
           Ng2TemplatePlugin(),
           ['*.component.html', RawPlugin()],

src/fusebox/ng.aot-relative.plugin.ts

@@ -0,0 +1,41 @@
+import { Plugin, File } from 'fuse-box'
+
+// tslint:disable:no-class
+// tslint:disable:no-this
+// tslint:disable:no-if-statement
+// tslint:disable:no-object-mutation
+// tslint:disable:readonly-keyword
+export interface NgAotRelativePluginOptions {
+  overwriteDict: Dict
+}
+
+interface Dict {
+  [key: string]: string
+}
+
+function fromKeyValToSearchReplaceObject(obj: Dict) {
+  return function(key: string) {
+    return {
+      search: new RegExp(key, 'g'),
+      replace: `"fusing-angular-cli/.build/modules/src/modules/${obj[key]}"`
+    }
+  }
+}
+
+export class NgAotRelativePluginClass implements Plugin {
+  constructor(public opts: Dict = {}) {}
+
+  public test: RegExp = /.js/
+
+  onTypescriptTransform?(file: File) {
+    Object.keys(this.opts)
+      .map(fromKeyValToSearchReplaceObject(this.opts))
+      .filter(a => a.search.test(file.contents))
+      .forEach(a => {
+        file.contents = file.contents.replace(a.search, a.replace)
+      })
+  }
+}
+
+export const NgAotRelativePlugin = (dict?: Dict) =>
+  new NgAotRelativePluginClass(dict)

src/modules/not-found/not-found.component.ts

@@ -1,5 +1,5 @@
 import { Component, ChangeDetectionStrategy } from '@angular/core'
-// import { ResponseService } from '../response/browser'
+import { ResponseService } from '../response/browser'
 
 // tslint:disable-next-line:no-class
 @Component({
@@ -8,7 +8,7 @@ import { Component, ChangeDetectionStrategy } from '@angular/core'
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class NotFoundComponent {
-  // constructor(rs: ResponseService) {
-  // rs.notFound()
-  // }
+  constructor(rs: ResponseService) {
+    rs.notFound()
+  }
 }