feat(): angular ivy support (#3309)

* init

* cleanup packagelock

* testing

* chore(package): refresh package-lock.json

* updates

* chore(): fix builds

* chore(): rework package-lock

* chore(): lint

Co-authored-by: Daniel Sogl <daniel@sogls.de>

scripts/build/helpers.ts

@@ -35,7 +35,7 @@ export function getDecoratorArgs(decorator: any) {
   const args = {};
 
   properties.forEach(prop => {
-    let val;
+    let val: number | boolean;
 
     switch (prop.initializer.kind) {
       case ts.SyntaxKind.StringLiteral:

scripts/build/ngx.ts

@@ -1,29 +1,30 @@
 import * as ts from 'typescript';
 import * as fs from 'fs-extra';
 import * as path from 'path';
-import * as ngc from '@angular/compiler-cli';
 import * as rimraf from 'rimraf';
 import { generateDeclarations } from './transpile';
 import { clone } from 'lodash';
-import { EmitFlags } from '@angular/compiler-cli';
+import { EmitFlags, createCompilerHost, CompilerOptions, CompilerHost, createProgram } from '@angular/compiler-cli';
 import { importsTransformer } from './transformers/imports';
 import { pluginClassTransformer } from './transformers/plugin-class';
 import { COMPILER_OPTIONS, PLUGIN_PATHS, ROOT } from './helpers';
 
 export function getProgram(rootNames: string[] = createSourceFiles()) {
-  const options: ngc.CompilerOptions = clone(COMPILER_OPTIONS);
+  const options: CompilerOptions = clone(COMPILER_OPTIONS);
   options.basePath = ROOT;
   options.moduleResolution = ts.ModuleResolutionKind.NodeJs;
   options.module = ts.ModuleKind.ES2015;
   options.target = ts.ScriptTarget.ES5;
   options.lib = ['dom', 'es2017'];
   options.inlineSourceMap = true;
+  options.importHelpers = true;
   options.inlineSources = true;
+  options.enableIvy = false;
+
   delete options.baseUrl;
 
-  const host: ngc.CompilerHost = ngc.createCompilerHost({ options });
-
-  return ngc.createProgram({
+  const host: CompilerHost = createCompilerHost({ options });
+  return createProgram({
     rootNames,
     options,
     host
@@ -34,8 +35,9 @@ export function getProgram(rootNames: string[] = createSourceFiles()) {
 export function transpileNgxCore() {
   getProgram([path.resolve(ROOT, 'src/@ionic-native/core/index.ts')]).emit({
     emitFlags: EmitFlags.Metadata,
-    emitCallback: ({ program, writeFile, customTransformers, cancellationToken, targetSourceFile }) =>
-      program.emit(targetSourceFile, writeFile, cancellationToken, true, customTransformers)
+    emitCallback: ({ program, writeFile, customTransformers, cancellationToken, targetSourceFile }) => {
+      return program.emit(targetSourceFile, writeFile, cancellationToken, true, customTransformers);
+    }
   });
 }
 
@@ -57,10 +59,11 @@ export function generateDeclarationFiles() {
 
 // remove reference to @ionic-native/core decorators
 export function modifyMetadata() {
+  debugger;
   PLUGIN_PATHS.map(p => p.replace(path.join(ROOT, 'src'), path.join(ROOT, 'dist')).replace('index.ts', 'ngx/index.metadata.json'))
     .forEach(p => {
       const content = fs.readJSONSync(p);
-      let _prop;
+      let _prop: { members: { [x: string]: any[]; }; };
       for (const prop in content[0].metadata) {
         _prop = content[0].metadata[prop];
         removeIonicNativeDecorators(_prop);
@@ -78,7 +81,7 @@ export function modifyMetadata() {
 
 function removeIonicNativeDecorators(node: any) {
   if (node.decorators && node.decorators.length) {
-    node.decorators = node.decorators.filter((d, i) => d.expression.module !== '@ionic-native/core');
+    node.decorators = node.decorators.filter((d: { expression: { module: string; }; }) => d.expression.module !== '@ionic-native/core');
   }
 
   if (node.decorators && !node.decorators.length) delete node.decorators;

scripts/tasks/publish.ts

@@ -37,6 +37,7 @@ const PLUGIN_PEER_DEPENDENCIES = {
   rxjs: RXJS_VERSION
 };
 
+
 function getPackageJsonContent(name: string, peerDependencies = {}, dependencies = {}) {
   return merge(PACKAGE_JSON_BASE, {
     name: '@ionic-native/' + name,
@@ -64,8 +65,9 @@ function prepare() {
     const pluginName = pluginPath.split(/[\/\\]+/).slice(-2)[0];
     const packageJsonContents = getPackageJsonContent(pluginName, PLUGIN_PEER_DEPENDENCIES);
     const dir = path.resolve(DIST, 'plugins', pluginName);
-
+    const ngxDir = path.join(dir, 'ngx');
     writePackageJson(packageJsonContents, dir);
+    writePackageJson(packageJsonContents, ngxDir);
   });
 }