chore: update demos

Author: triniwiz

apps/demo-angular/package.json

@@ -1,18 +1,19 @@
 {
   "main": "./src/main.ts",
   "dependencies": {
-    "@nativescript/core": "file:../../node_modules/@nativescript/core",
-    "@nativescript/canvas-media": "file:../../dist/packages/canvas-media",
     "@nativescript/canvas": "file:../../dist/packages/canvas",
     "@nativescript/canvas-babylon": "file:../../dist/packages/canvas-babylon",
+    "@nativescript/canvas-media": "file:../../dist/packages/canvas-media",
     "@nativescript/canvas-phaser": "file:../../dist/packages/canvas-phaser",
     "@nativescript/canvas-phaser-ce": "file:../../dist/packages/canvas-phaser-ce",
     "@nativescript/canvas-pixi": "file:../../dist/packages/canvas-pixi",
     "@nativescript/canvas-polyfill": "file:../../dist/packages/canvas-polyfill",
-    "@nativescript/canvas-three": "file:../../dist/packages/canvas-three"
+    "@nativescript/canvas-three": "file:../../dist/packages/canvas-three",
+    "@nativescript/core": "file:../../node_modules/@nativescript/core",
+    "three": "file:../../node_modules/three"
   },
   "devDependencies": {
-    "@nativescript/android": "8.0.0",
+    "@nativescript/android": "8.2.0-alpha.2",
     "@nativescript/ios": "8.0.0"
   }
-}
+}

apps/demo-angular/src/app.module.ts

@@ -4,11 +4,12 @@ import { NativeScriptModule } from '@nativescript/angular';
 import { AppComponent } from './app.component';
 import { AppRoutingModule } from './app-routing.module';
 import { HomeComponent } from './home.component';
+import { CanvasModule } from '@nativescript/canvas/angular';
 
 @NgModule({
 	schemas: [NO_ERRORS_SCHEMA],
 	declarations: [AppComponent, HomeComponent],
 	bootstrap: [AppComponent],
-	imports: [NativeScriptModule, AppRoutingModule],
+	imports: [NativeScriptModule, AppRoutingModule, CanvasModule],
 })
 export class AppModule {}

apps/demo-angular/src/home.component.html

@@ -2,10 +2,10 @@
 	<ActionBar title="Demos"></ActionBar>
 </ActionBar>
 <GridLayout>
-	<ListView [items]="demos">
+	<ListView [items]="demos" (itemTap)="onTap($event)">
 		<ng-template let-item="item" let-i="index">
 			<GridLayout class="p-y-10">
-				<Label [text]="item.name" [nsRouterLink]="['/' + item.name]"></Label>
+				<Label [text]="item.name"></Label>
 			</GridLayout>
 		</ng-template>
 	</ListView>

apps/demo-angular/src/home.component.ts

@@ -1,34 +1,42 @@
 import { Component } from '@angular/core';
-
+import { RouterExtensions } from '@nativescript/angular';
 @Component({
 	selector: 'demo-home',
 	templateUrl: 'home.component.html',
 })
 export class HomeComponent {
+
+	constructor(private router: RouterExtensions){}
+
 	demos = [
-	{
-		name: 'canvas'
-	},
-	{
-		name: 'canvas-babylon'
-	},
-	{
-		name: 'canvas-media'
-	},
-	{
-		name: 'canvas-phaser'
-	},
-	{
-		name: 'canvas-phaser-ce'
-	},
-	{
-		name: 'canvas-pixi'
-	},
-	{
-		name: 'canvas-polyfill'
-	},
-	{
-		name: 'canvas-three'
+		{
+			name: 'canvas',
+		},
+		{
+			name: 'canvas-babylon',
+		},
+		{
+			name: 'canvas-media',
+		},
+		{
+			name: 'canvas-phaser',
+		},
+		{
+			name: 'canvas-phaser-ce',
+		},
+		{
+			name: 'canvas-pixi',
+		},
+		{
+			name: 'canvas-polyfill',
+		},
+		{
+			name: 'canvas-three',
+		},
+	];
+
+	onTap(event){
+		const item = this.demos[event.index];
+		this.router.navigate(['/' + item.name]);
 	}
-];
-}
+}

apps/demo-angular/src/plugin-demos/canvas-babylon.component.html

@@ -1,8 +1,4 @@
 <ActionBar title="canvas-babylon" class="action-bar"> </ActionBar>
 <StackLayout class="p-20">
-	<ScrollView class="h-full">
-		<StackLayout>
-			<Button text="Test canvas-babylon" (tap)="demoShared.testIt()" class="btn btn-primary"></Button>
-		</StackLayout>
-	</ScrollView>
+
 </StackLayout>

apps/demo-angular/src/plugin-demos/canvas-babylon.component.ts

@@ -1,6 +1,5 @@
 import { Component, NgZone } from '@angular/core';
 import { DemoSharedCanvasBabylon } from '@demo/shared';
-import {} from '@nativescript/canvas-babylon';
 
 @Component({
 	selector: 'demo-canvas-babylon',

apps/demo-angular/src/plugin-demos/canvas-media.component.html

@@ -1,8 +1,4 @@
 <ActionBar title="canvas-media" class="action-bar"> </ActionBar>
 <StackLayout class="p-20">
-	<ScrollView class="h-full">
-		<StackLayout>
-			<Button text="Test canvas-media" (tap)="demoShared.testIt()" class="btn btn-primary"></Button>
-		</StackLayout>
-	</ScrollView>
+	
 </StackLayout>

apps/demo-angular/src/plugin-demos/canvas-media.component.ts

@@ -1,6 +1,5 @@
 import { Component, NgZone } from '@angular/core';
 import { DemoSharedCanvasMedia } from '@demo/shared';
-import {} from '@nativescript/canvas-media';
 
 @Component({
 	selector: 'demo-canvas-media',

apps/demo-angular/src/plugin-demos/canvas-phaser-ce.component.html

@@ -1,8 +1,4 @@
 <ActionBar title="canvas-phaser-ce" class="action-bar"> </ActionBar>
 <StackLayout class="p-20">
-	<ScrollView class="h-full">
-		<StackLayout>
-			<Button text="Test canvas-phaser-ce" (tap)="demoShared.testIt()" class="btn btn-primary"></Button>
-		</StackLayout>
-	</ScrollView>
+	
 </StackLayout>

apps/demo-angular/src/plugin-demos/canvas-phaser-ce.component.ts

@@ -1,6 +1,5 @@
 import { Component, NgZone } from '@angular/core';
 import { DemoSharedCanvasPhaserCe } from '@demo/shared';
-import {} from '@nativescript/canvas-phaser-ce';
 
 @Component({
 	selector: 'demo-canvas-phaser-ce',