chore: WIP for making this plugin follow the Angular Package Format and support Ivy

Steps for testing:

- cd nativescript-angular
- npm run pack
- cd yourProj
- npm i your nativescript-angular tgz
- install `next` versions of all Angular deps
- edit `node_modules/@angular/compiler-cli/src/ngcc/src/packages/dependency_resolver.js` in order to comment out the following code:
    // This entry point has dependencies that are missing
    // so remove it from the graph.
    // removeNodes(entryPoint, Array.from(missing)); <--- this line

- enable Ivy in the tsconfig with:
    "angularCompilerOptions": {
        "enableIvy": true,
        "allowEmptyCodegenFiles": true,
    },
- run ./node_modules/.bin/ivy-ngcc

- edit nativescript-angular package.json in order to set `fesm2015/nativescript-angular.js` for both `main` and `module`
- edit `fesm2015/nativescript-angular.js` in order to remove the duplicate `_0_Template`
- edit `fesm2015/nativescript-angular.js` in order to move import { install } from 'tns-core-modules/globals';install(); on the first line

- fix the nativescript-angular imports in your app and the AOT transformer:
  - edit `/Users/tachev/Work/Test/ngIvy/node_modules/nativescript-dev-webpack/transformers/ns-replace-bootstrap.js` and set ...transformers_1.insertStarImport(sourceFile, idPlatformNativeScript, 'nativescript-angular', firstNode, true),
  - edit your main.ts, app.module.ts and everywhere else in your app in order to import from `nativescript-angular'` instead of the deep imports

- tns run android/ios --bundle --env.ios

Author: DimitarTachev

.gitignore

@@ -4,7 +4,7 @@ hooks
 tags
 **/*.js.map
 **/*.metadata.json
-
+dist
 /nativescript-angular/**/*.d.ts
 /nativescript-angular/**/*.js
 

nativescript-angular/forms/forms.module.ts

@@ -5,7 +5,7 @@ import {
     CheckedValueAccessor,
     DateValueAccessor,
     TimeValueAccessor,
-    NumberValueAccessor,
+    NsNumberValueAccessor,
     SelectedIndexValueAccessor
 } from "./value-accessors";
 
@@ -15,7 +15,7 @@ export const FORMS_DIRECTIVES = [
     DateValueAccessor,
     TimeValueAccessor,
     SelectedIndexValueAccessor,
-    NumberValueAccessor,
+    NsNumberValueAccessor,
 ];
 
 @NgModule({

nativescript-angular/forms/value-accessors/number-value-accessor.ts

@@ -5,7 +5,7 @@ import { Slider } from "tns-core-modules/ui/slider";
 
 const NUMBER_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => NumberValueAccessor),
+    useExisting: forwardRef(() => NsNumberValueAccessor),
     multi: true,
 };
 
@@ -27,7 +27,7 @@ const NUMBER_VALUE_ACCESSOR = {
         "(valueChange)": "onChange($event.value)",
     },
 })
-export class NumberValueAccessor extends BaseValueAccessor<Slider> { // tslint:disable-line:directive-class-suffix
+export class NsNumberValueAccessor extends BaseValueAccessor<Slider> { // tslint:disable-line:directive-class-suffix
     constructor(elementRef: ElementRef) {
         super(elementRef.nativeElement);
     }

nativescript-angular/index.ts

@@ -1,3 +1,5 @@
+import { install } from "tns-core-modules/globals";
+install();
 import "tns-core-modules/application";
 
 export * from "./platform-common";
@@ -15,6 +17,7 @@ export * from "./modal-dialog";
 export * from "./renderer";
 export * from "./view-util";
 export * from "./resource-loader";
+export * from "./nativescript.module";
 
 export {
     ViewClass,

nativescript-angular/nativescript.module/index.ts

@@ -0,0 +1,3 @@
+// TODO: export nativescript.module for backwards compatibility
+const a = 0;
+export default a;

nativescript-angular/nativescript.module/package.json

@@ -0,0 +1,9 @@
+{
+    "name": "nativescript-angular/nativescript.module",
+    "main": "index",
+    "ngPackage": {
+        "lib": {
+            "entryFile": "index.ts"
+        }
+    }
+}

nativescript-angular/package.json

@@ -1,6 +1,16 @@
 {
   "name": "nativescript-angular",
   "version": "7.3.0",
+  "$schema": "./node_modules/ng-packagr/package.schema.json",
+  "ngPackage": {
+    "whitelistedNonPeerDependencies": [
+      "nativescript-intl",
+      "reflect-metadata"
+    ],
+    "lib": {
+      "entryFile": "index.ts"
+    }
+  },
   "description": "An Angular renderer that lets you build mobile apps with NativeScript.",
   "homepage": "https://www.nativescript.org/",
   "bugs": "https://github.com/NativeScript/nativescript-angular/issues",
@@ -28,16 +38,7 @@
     "url": "https://github.com/NativeScript/nativescript-angular.git"
   },
   "scripts": {
-    "tslint": "tslint --project tsconfig.json --config tslint.json",
-    "postinstall": "node postinstall.js",
-    "tsc": "tsc -p tsconfig.json",
-    "tsc-w": "tsc -p tsconfig.json -w",
-    "ngc": "ngc -p tsconfig.json",
-    "prepare": "npm run ngc",
-    "version": "rm -rf package-lock.json && conventional-changelog -p angular -i ../CHANGELOG.md -s && git add ../CHANGELOG.md"
-  },
-  "bin": {
-    "update-app-ng-deps": "./bin/update-app-ng-deps"
+    "pack": "ng-packagr -p package.json && cp -rf hooks dist/hooks && cd dist && npm pack"
   },
   "dependencies": {
     "nativescript-intl": "^3.0.0",
@@ -69,10 +70,12 @@
     "@angular/platform-browser-dynamic": "~7.2.0",
     "@angular/router": "~7.2.0",
     "codelyzer": "^4.5.0",
+    "ng-packagr": "^4.7.1",
     "rxjs": "~6.3.3",
     "tns-core-modules": "next",
+    "tsickle": "^0.34.3",
     "tslint": "^5.5.0",
     "typescript": "~3.1.1",
     "zone.js": "^0.8.4"
   }
-}
+}

nativescript-angular/router/router.module.ts

@@ -12,6 +12,8 @@ import { NativeScriptCommonModule } from "../common";
 import { FrameService } from "../platform-providers";
 import { NSEmptyOutletComponent } from "./ns-empty-outlet.component";
 
+export { NSRouterLink } from "./ns-router-link";
+export { NSRouterLinkActive } from "./ns-router-link-active";
 export { PageRoute } from "./page-router-outlet";
 export { RouterExtensions } from "./router-extensions";
 export { NSModuleFactoryLoader } from "./ns-module-factory-loader";

nativescript-angular/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
-    "target": "es5",
-    "module": "commonjs",
+    "module": "es2015",
+    "target": "es2015",
     "moduleResolution": "node",
     "sourceMap": true,
     "emitDecoratorMetadata": true,
@@ -13,22 +13,25 @@
     "noEmitOnError": true,
     "noImplicitAny": false,
     "lib": [
-        "dom",
-        "es6",
-        "es2015.iterable"
+      "dom",
+      "es6",
+      "es2015.iterable"
     ],
     "baseUrl": ".",
     "paths": {
-        "*": [
-            "./node_modules/tns-core-modules/*",
-            "./node_modules/*"
-        ]
+      "*": [
+        "./node_modules/tns-core-modules/*",
+        "./node_modules/*"
+      ]
     }
   },
   "angularCompilerOptions": {
     "genDir": ".",
     "skipMetadataEmit": false,
     "skipTemplateCodegen": true,
-    "strictMetadataEmit": true
+    "annotateForClosureCompiler": true,
+    "strictMetadataEmit": false,
+    "flatModuleOutFile": "nativescript-angular.js",
+    "flatModuleId": "nativescript-angular"
   }
-}
+}