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": {