fix-next(transformer): insert imports at the beginning of the file

It's very important for one of the two imports that we're inserting (`nativescript-angular/platform-static`) to be the first executed line of the app. fixes #639

Author: sis0k0

.gitignore

@@ -11,6 +11,10 @@ transformers/ns-replace-bootstrap.d.ts
 transformers/ns-replace-bootstrap.js
 transformers/ns-replace-bootstrap.js.map
 
+transformers/ast-utils.d.ts
+transformers/ast-utils.js
+transformers/ast-utils.js.map
+
 plugins/PlatformFSPlugin.d.ts
 plugins/PlatformFSPlugin.js
 plugins/PlatformFSPlugin.js.map

transformers/ast-utils.ts

@@ -0,0 +1,8 @@
+import * as ts from 'typescript';
+
+export function getFirstNode(sourceFile: ts.SourceFile): ts.Node {
+ if (sourceFile.statements.length > 0) {
+ return sourceFile.statements[0];
+ }
+ return sourceFile.getChildAt(0);
+}

transformers/ns-replace-bootstrap.ts

@@ -11,6 +11,8 @@ import {
 import { workaroundResolve } from '@ngtools/webpack/src/compiler_host';
 import { AngularCompilerPlugin } from '@ngtools/webpack';
 
+import { getFirstNode } from './ast-utils';
+
 export function nsReplaceBootstrap(getNgCompiler: () => AngularCompilerPlugin): ts.TransformerFactory<ts.SourceFile> {
  const shouldTransform = (fileName) => !fileName.endsWith('.ngfactory.ts') && !fileName.endsWith('.ngstyle.ts');
  const getTypeChecker = () => getNgCompiler().typeChecker;
@@ -77,23 +79,37 @@ export function nsReplaceBootstrap(getNgCompiler: () => AngularCompilerPlugin):
  const idPlatformBrowser = ts.createUniqueName('__NgCli_bootstrap_');
  const idNgFactory = ts.createUniqueName('__NgCli_bootstrap_');
 
+ const firstNode = getFirstNode(sourceFile);
+
  // Add the transform operations.
  const factoryClassName = entryModule.className + 'NgFactory';
  const factoryModulePath = normalizedEntryModulePath + '.ngfactory';
  ops.push(
- // Insert an import of the module factory:
+ // Insert an import of the {N} Angular static bootstrap module in the beginning of the file:
+ // import * as __NgCli_bootstrap_2 from "nativescript-angular/platform-static";
+ ...insertStarImport(
+ sourceFile,
+ idPlatformBrowser,
+ 'nativescript-angular/platform-static',
+ firstNode,
+ true,
+ ),
+
+ // Insert an import of the module factory in the beginning of the file:
  // import * as __NgCli_bootstrap_1 from "./app.module.ngfactory";
- ...insertStarImport(sourceFile, idNgFactory, factoryModulePath),
+ ...insertStarImport(
+ sourceFile,
+ idNgFactory,
+ factoryModulePath,
+ firstNode,
+ true,
+ ),
 
  // Replace the NgModule nodes with NgModuleFactory nodes
  // from 'AppModule' to 'AppModuleNgFactory'
  new ReplaceNodeOperation(sourceFile, entryModuleIdentifier,
  ts.createPropertyAccess(idNgFactory, ts.createIdentifier(factoryClassName))),
 
- // Insert an import of the {N} Angular static bootstrap module:
- // import * as __NgCli_bootstrap_2 from "nativescript-angular/platform-static";
- ...insertStarImport(sourceFile, idPlatformBrowser, 'nativescript-angular/platform-static'),
-
  // Replace 'platformNativeScriptDynamic' with 'platformNativeScript'
  // and elide all imports of 'platformNativeScriptDynamic'
  new ReplaceNodeOperation(sourceFile, platformBrowserDynamicIdentifier,

tsconfig.json

@@ -11,6 +11,7 @@
  "plugins/PlatformFSPlugin.ts",
  "plugins/WatchStateLoggerPlugin.ts",
  "transformers/ns-replace-bootstrap.ts",
+ "transformers/ast-utils.ts",
  "host/resolver.ts"
  ]
 }