chore: dep updates

Author: NathanWalker

e2e/animation-examples/app/main.ts

@@ -8,36 +8,24 @@ Trace.enable();
 
 class LaunchAnimation extends GridLayout implements AppLaunchView {
   circle: GridLayout;
-  animatedContainer: GridLayout;
   finished = false;
   complete: () => void;
 
   constructor() {
     super();
+    this.backgroundColor = "#4caef7";
+    this.className = "w-full h-full";
 
-    // setup container to house launch animation
-    this.animatedContainer = new GridLayout();
-    this.animatedContainer.style.zIndex = 100;
-    this.animatedContainer.backgroundColor = "#4caef7";
-    this.animatedContainer.className = "w-full h-full";
-
-    // any creative animation can be put inside
+    // construct any creative animation
     this.circle = new GridLayout();
     this.circle.width = 30;
     this.circle.height = 30;
     this.circle.borderRadius = 15;
     this.circle.horizontalAlignment = "center";
     this.circle.verticalAlignment = "middle";
     this.circle.backgroundColor = "#fff";
-    this.animatedContainer.addRow(new ItemSpec(1, GridUnitType.STAR));
-    this.animatedContainer.addRow(new ItemSpec(1, GridUnitType.AUTO));
-    this.animatedContainer.addRow(new ItemSpec(1, GridUnitType.STAR));
-    GridLayout.setRow(this.circle, 1);
-    this.animatedContainer.addChild(this.circle);
 
-    // add animation to top row since booted app will insert into bottom row
-    GridLayout.setRow(this.animatedContainer, 1);
-    this.addChild(this.animatedContainer);
+    this.addChild(this.circle);
   }
 
   async startAnimation() {
@@ -71,14 +59,10 @@ class LaunchAnimation extends GridLayout implements AppLaunchView {
   }
 
   async fadeOut() {
-    await this.animatedContainer.animate({
+    await this.animate({
       opacity: 0,
       duration: 400,
     });
-    // done with animation, can safely remove to reveal bootstrapped app
-    this.removeChild(this.animatedContainer);
-    this.animatedContainer = null;
-    this.circle = null;
     this.complete();
   }
 }

nativescript-angular-package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "nativescript-angular",
-    "version": "10.0.0-rc.5",
+    "version": "10.0.0",
     "description": "Compatibility with old style nativescript-angular imports.",
     "homepage": "https://www.nativescript.org/",
     "bugs": "https://github.com/NativeScript/nativescript-angular/issues",
@@ -44,7 +44,7 @@
         "@angular/platform-browser": "~10.0.0",
         "@angular/platform-browser-dynamic": "~10.0.0",
         "@angular/router": "~10.0.0",
-        "@nativescript/angular": "rc",
+        "@nativescript/angular": "~10.0.0",
         "@nativescript/core": "rc",
         "ng-packagr": "^10.0.1",
         "rxjs": "~6.5.5",

nativescript-angular/common/detached-loader.ts

@@ -1,11 +1,6 @@
 import { ComponentRef, ComponentFactory, ViewContainerRef, Component, Type, ComponentFactoryResolver, ChangeDetectorRef } from '@angular/core';
 import { Trace } from '@nativescript/core';
 
-export const CATEGORY = 'detached-loader';
-function log(message: string) {
-	Trace.write(message, CATEGORY);
-}
-
 /**
  * Wrapper component used for loading components when navigating
  * It uses DetachedContainer as selector so that it is containerRef is not attached to
@@ -27,7 +22,7 @@ export class DetachedLoader {
 		// inside component with OnPush CD strategy. Mark us for check to be sure CD will reach us.
 		// We are inside a promise here so no need for setTimeout - CD should trigger
 		// after the promise.
-		log('DetachedLoader.loadInLocation component loaded -> markForCheck');
+		Trace.write('DetachedLoader.loadInLocation component loaded -> markForCheck', 'detached-loader');
 
 		return Promise.resolve(componentRef);
 	}
@@ -38,7 +33,7 @@ export class DetachedLoader {
 
 	// TODO: change this API -- async promises not needed here anymore.
 	public loadComponent(componentType: Type<any>): Promise<ComponentRef<any>> {
-		log('DetachedLoader.loadComponent');
+		Trace.write('DetachedLoader.loadComponent', 'detached-loader');
 		return this.loadInLocation(componentType);
 	}
 

nativescript-angular/common/utils.ts

@@ -1,9 +1,18 @@
+/**
+ * Utility method to ensure a NgModule is only imported once in a codebase, otherwise will throw to help prevent accidental double importing
+ * @param parentModule Parent module name
+ * @param moduleName The module name
+ */
 export function throwIfAlreadyLoaded(parentModule: any, moduleName: string) {
 	if (parentModule) {
 		throw new Error(`${moduleName} has already been loaded. Import ${moduleName} in the AppModule only.`);
 	}
 }
 
+/**
+ * Utility method which will only fire the callback once ever
+ * @param fn callback to call only once
+ */
 export function once(fn: Function) {
 	let wasCalled = false;
 

nativescript-angular/index.ts

@@ -16,6 +16,8 @@ export * from './resource-loader';
 
 export * from './nativescript.module';
 export * from './common';
+export * from './common/detached-loader';
+export * from './common/utils';
 
 export { NativeScriptAnimationsModule } from './animations';
 export * from './file-system';
@@ -24,9 +26,13 @@ export * from './forms';
 export * from './directives';
 export * from './router';
 export * from './frame.service';
-export { NativeScriptDebug } from './trace';
 
 export { NativeScriptRenderer } from './renderer';
 export { EmulatedRenderer } from './renderer-emulated';
 export { NativeScriptRendererFactory } from './renderer-factory';
-export { ViewClass, ViewClassMeta, ViewResolver, getViewClass, getViewMeta, isKnownView, registerElement, NgView, CommentNode, getSingleViewRecursive } from './element-registry';
+
+// utils
+export { NativeScriptDebug } from './trace';
+export * from './app-host-view';
+export { getViewClass, getViewMeta, isKnownView, registerElement, CommentNode, getSingleViewRecursive, isInvisibleNode, isView } from './element-registry';
+export type { NgView, ViewClass, ViewClassMeta, ViewResolver, ViewExtensions } from './element-registry';

nativescript-angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nativescript/angular",
-  "version": "10.0.0-rc.8",
+  "version": "10.0.0",
   "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",
@@ -58,7 +58,7 @@
   },
   "dependencies": {
     "@nativescript/zone-js": "~1.0.0",
-    "nativescript-angular": "rc",
+    "nativescript-angular": "~10.0.0",
     "nativescript-intl": "^4.0.0"
   },
   "peerDependencies": {