feat: NS7 update (#456)

* chore: migration

* fix: @nativescript/core imports

* fix: nativescript-angular imports

* fix: imports

* chore: add skipLibCheck to tsconfig.json

* fix: nativeClass

* fix: imports and tsconfig update

Author: janoshrubos

app/app.component.ts

@@ -1,7 +1,6 @@
 import { Component, AfterViewInit } from "@angular/core";
-import { hasKey, getString, remove } from "tns-core-modules/application-settings";
-import { RouterExtensions } from "nativescript-angular/router";
-import * as app from "tns-core-modules/application";
+import { RouterExtensions } from "@nativescript/angular";
+import { Application, ApplicationEventData, ApplicationSettings } from "@nativescript/core";
 import { DeepLinkData } from "./shared/deep-link-data";
 @Component({
     moduleId: module.id,
@@ -13,7 +12,7 @@ export class AppComponent implements AfterViewInit {
     constructor(private router: RouterExtensions) { }
 
     ngAfterViewInit() {
-        app.on(app.resumeEvent, (args: app.ApplicationEventData) => {
+        Application.on(Application.resumeEvent, (args: ApplicationEventData) => {
             if (args.android) {
                 const dld = new DeepLinkData("", args.android);
                 this.launchExample();
@@ -23,9 +22,9 @@ export class AppComponent implements AfterViewInit {
         });
     }
     public launchExample() {
-        if (hasKey("gotoexample")) {
-            let value = getString("gotoexample");
-            remove("gotoexample");
+        if (ApplicationSettings.hasKey("gotoexample")) {
+            let value = ApplicationSettings.getString("gotoexample");
+            ApplicationSettings.remove("gotoexample");
             this.router.navigate([value]);
         }
     }

app/app.module.ts

@@ -1,12 +1,12 @@
 // >> ngmodule-config
 // this import should be first in order to load some required settings (like globals and reflect-metadata)
-import { NativeScriptModule } from "nativescript-angular/nativescript.module";
+import { NativeScriptModule } from "@nativescript/angular";
 import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
-import { NativeScriptRouterModule } from "nativescript-angular/router";
-import { NativeScriptFormsModule } from "nativescript-angular/forms";
+import { NativeScriptRouterModule } from "@nativescript/angular";
+import { NativeScriptFormsModule } from "@nativescript/angular";
 import { routes } from "./app.routes";
 import { AppComponent } from "./app.component";
-import { ModalDialogService } from "nativescript-angular/modal-dialog";
+import { ModalDialogService } from "@nativescript/angular";
 
 @NgModule({
     schemas: [NO_ERRORS_SCHEMA],

app/delegate/my-delegate.ios.ts

@@ -1,5 +1,7 @@
 import { DeepLinkData } from "../shared/deep-link-data";
-export class MyDelegate extends UIResponder implements UIApplicationDelegate {
+
+@NativeClass
+class MyDelegate extends UIResponder implements UIApplicationDelegate {
     // tslint:disable-next-line
     public static ObjCProtocols = [UIApplicationDelegate];
 
@@ -8,3 +10,6 @@ export class MyDelegate extends UIResponder implements UIApplicationDelegate {
         return true;
     }
 }
+
+export {MyDelegate};
+

app/directives/example.directive.ts

@@ -1,6 +1,6 @@
 import { Directive } from "@angular/core";
 import { ActivatedRoute } from "@angular/router";
-import { Page } from "tns-core-modules/ui/page";
+import { Page } from "@nativescript/core";
 
 @Directive({
     selector: "[sdkExampleTitle]"

app/directives/toggle-nav-button.directive.ts

@@ -1,10 +1,7 @@
 import { ActivatedRoute } from "@angular/router";
 import { Directive, OnInit } from "@angular/core";
-import { EventData } from "tns-core-modules/data/observable";
-import { NavigationButton } from "tns-core-modules/ui/action-bar";
-import { Page } from "tns-core-modules/ui/page";
-import { RouterExtensions } from "nativescript-angular/router";
-import * as app from "tns-core-modules/application";
+import { EventData, NavigationButton, Page, isAndroid, isIOS } from "@nativescript/core";
+import { RouterExtensions } from "@nativescript/angular";
 
 @Directive({
     selector: "[sdkToggleNavButton]"
@@ -23,12 +20,12 @@ export class ToggleNavButtonDirective implements OnInit {
         let navigationButton = new NavigationButton();
         navigationButton.visibility = "visible";
 
-        if (app.android) {
+        if (isAndroid) {
             navigationButton.icon = "res://ic_arrow_back_black_24dp";
             navigationButton.on("tap", (args: EventData) => {
                 this.routerExtensions.backToPreviousPage();
             });
-        } else if (app.ios) {
+        } else if (isIOS) {
             navigationButton.text = "";
         }
 

app/examples-list.module.ts

@@ -1,6 +1,6 @@
 import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
-import { NativeScriptRouterModule } from "nativescript-angular/router";
-import { NativeScriptCommonModule } from "nativescript-angular/common";
+import { NativeScriptRouterModule } from "@nativescript/angular";
+import { NativeScriptCommonModule } from "@nativescript/angular";
 import { ExamplesListComponent } from "./examples-list.component";
 import { TitleAndNavButtonModule } from "./directives/title-and-nav-button.module";
 

app/main.ts

@@ -1,10 +1,10 @@
-import { platformNativeScriptDynamic } from "nativescript-angular/platform";
+import { platformNativeScriptDynamic } from "@nativescript/angular";
 import { AppModule } from "./app.module";
-import { ios } from "tns-core-modules/application";
-import { isIOS } from "tns-core-modules/platform";
+import { Application } from "@nativescript/core";
+import { isIOS } from "@nativescript/core";
 import { MyDelegate } from "./delegate/my-delegate";
 
 if (isIOS) {
-    ios.delegate = MyDelegate;
+    Application.ios.delegate = MyDelegate;
 }
 platformNativeScriptDynamic().bootstrapModule(AppModule);

app/ng-framework-modules-category/application-settings/application-settings-examples.module.ts

@@ -1,6 +1,6 @@
 import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
-import { NativeScriptRouterModule } from "nativescript-angular/router";
-import { NativeScriptCommonModule } from "nativescript-angular/common";
+import { NativeScriptRouterModule } from "@nativescript/angular";
+import { NativeScriptCommonModule } from "@nativescript/angular";
 import { ApplicationSettingsExamplesComponent } from "./application-settings-examples.component";
 import { UsageComponent } from "./usage/usage.component";
 import { TitleAndNavButtonModule } from "../../directives/title-and-nav-button.module";

app/ng-framework-modules-category/application-settings/usage/usage.component.ts

@@ -1,16 +1,6 @@
 // >> app-settings-code
 import { Component } from "@angular/core";
-import {
-    getBoolean,
-    setBoolean,
-    getNumber,
-    setNumber,
-    getString,
-    setString,
-    hasKey,
-    remove,
-    clear
-} from "tns-core-modules/application-settings";
+import { ApplicationSettings } from "@nativescript/core";
 
 @Component({
     moduleId: module.id,
@@ -19,27 +9,27 @@ import {
 export class UsageComponent {
 
     constructor() {
-        setBoolean("isTurnedOn", true);
-        setString("username", "Wolfgang");
-        setNumber("locationX", 54.321);
+        ApplicationSettings.setBoolean("isTurnedOn", true);
+        ApplicationSettings.setString("username", "Wolfgang");
+        ApplicationSettings.setNumber("locationX", 54.321);
 
-        const isTurnedOn: boolean = getBoolean("isTurnedOn");
-        const username: string = getString("username");
-        const locationX: number = getNumber("locationX");
+        const isTurnedOn: boolean = ApplicationSettings.getBoolean("isTurnedOn");
+        const username: string = ApplicationSettings.getString("username");
+        const locationX: number = ApplicationSettings.getNumber("locationX");
 
         // Will return "No string value" if there is no value for "noSuchKey"
-        const someKey: string = getString("noSuchKey", "No string value");
+        const someKey: string = ApplicationSettings.getString("noSuchKey", "No string value");
 
         // Will return false if there is no key with name "noSuchKey"
-        let isKeExisting: boolean = hasKey("noSuchKey");
+        let isKeExisting: boolean = ApplicationSettings.hasKey("noSuchKey");
     }
 
     onClearß() {
         // Removing a single entry via its key name
-        remove("isTurnedOn");
+        ApplicationSettings.remove("isTurnedOn");
 
         // Clearing the whole application-settings for this app
-        clear();
+        ApplicationSettings.clear();
     }
 }
 // << app-settings-code

app/ng-framework-modules-category/application/app-checking-target/app-checking-target.component.ts

@@ -1,6 +1,6 @@
 // >> app-check-target-code
 import { Component } from "@angular/core";
-import { android as androidApp, ios as iosApp } from "tns-core-modules/application";
+import { isAndroid, isIOS } from "@nativescript/core";
 
 @Component({
     moduleId: module.id,
@@ -10,10 +10,10 @@ export class AppCheckingTargetExampleComponent {
     public isItemVisible: boolean;
 
     constructor() {
-        if (androidApp) {
+        if (isAndroid) {
             console.log("We are running on Android device!");
             this.isItemVisible = true;
-        } else if (iosApp) {
+        } else if (isIOS) {
             console.log("We are running on iOS device");
             this.isItemVisible = false;
         }