chore: cleanup portal testing notes

Author: NathanWalker

apps/demo/src/app.ts

@@ -12,11 +12,16 @@ import { Application } from '@nativescript/core';
 // LoginManager.init();
 
 // uncomment to test Ionic Portals
-// import { IonicPortalManager } from '@nativescript/ionic-portals';
+import { IonicPortalManager } from '@nativescript/ionic-portals';
+// IonicPortalManager.configureLiveUpdates('ionicWebPortalSample', {
+//     appId: 'e29e2c2e',
+//     channel: 'production',
+//     syncOnAdd: true
+// })
 
-// Application.on(Application.launchEvent, () => {
-// 	// Register IonicPortals
-// 	IonicPortalManager.register('<portal-api-key>');
-// });
+Application.on(Application.launchEvent, () => {
+	// Register IonicPortals
+	IonicPortalManager.register('<portal-api-key>');
+});
 
 Application.run({ moduleName: 'app-root' });

apps/demo/src/plugin-demos/ionic-portals.ts

@@ -1,12 +1,67 @@
-import { Observable, EventData, Page } from '@nativescript/core';
+import { Observable, EventData, Page, GridLayout, CoreTypes, Screen, Dialogs } from '@nativescript/core';
 import { DemoSharedIonicPortals } from '@demo/shared';
-import { } from '@nativescript/ionic-portals';
+import {} from '@nativescript/ionic-portals';
+// import { LoadingIndicator } from '@nstudio/nativescript-loading-indicator';
 
 export function navigatingTo(args: EventData) {
 	const page = <Page>args.object;
 	page.bindingContext = new DemoModel(page);
 }
 
 export class DemoModel extends DemoSharedIonicPortals {
-
+	// Note: can uncomment following to test more with live updates
+	// top: GridLayout;
+	// progress = new LoadingIndicator();
+	// tryThis() {
+	// 	if (this.top) {
+	// 		// this.top.animate({
+	// 		// 	opacity: 0,
+	// 		// 	duration: 2000,
+	// 		// 	curve: CoreTypes.AnimationCurve.easeInOut
+	// 		// });
+	// 		if (this.portal) {
+	// 			this.top.ios.alpha = 1;
+	// 			this.page.actionBarHidden = true;
+	// 			UIView.animateWithDurationAnimationsCompletion(2, () => {
+	// 				// this.portal.marginTop = 0;
+	// 				this.top.ios.alpha = 0;
+	// 				// this.portal.marginTop = 150;
+	// 				this.portal.ios.frame = CGRectMake(0, 0,Screen.mainScreen.widthDIPs, Screen.mainScreen.heightDIPs)
+	// 			}, ()=> {
+	// 			})
+	// 		}
+	// 	}
+	// }
+	// syncNow() {
+	// 	this.progress.show({
+	// 		message: 'Syncing Portal to Ionic AppFlow...'
+	// 	})
+	// 	return new Promise<void>(() => {
+	// 		super.syncNow().then(() => {
+	// 			setTimeout(() => {
+	// 				this.progress.hide();
+	// 				Dialogs.confirm({
+	// 					title: 'Portal Synced!',
+	// 					message: 'Would you like to reload it now?',
+	// 					okButtonText: `Yes!`
+	// 				}).then(ok => {
+	// 					this.reload();
+	// 					setTimeout(() => {
+	// 						this.tryThis();
+	// 					}, 500);
+	// 				})
+	// 			}, 3000)
+	// 		})
+	// 	})
+	// }
+	// loadedTop(args) {
+	// 	this.top = args.object;
+	// }
+	// loadedPortal(args: any): void {
+	// 	// args.object.ios.frame = CGRectMake(0, 300,Screen.mainScreen.widthDIPs, Screen.mainScreen.heightDIPs-300)
+	// 	super.loadedPortal(args);
+	// 	setTimeout(() => {
+	// 		args.object.ios.frame = CGRectMake(0, 190,Screen.mainScreen.widthDIPs, Screen.mainScreen.heightDIPs-190)
+	// 	})
+	// }
 }

apps/demo/src/plugin-demos/ionic-portals.xml

@@ -5,12 +5,14 @@
     </ActionBar>
   </Page.actionBar>
   <GridLayout rows="auto,*">
-    <StackLayout row="0" class="p-t-20 p-l-20 p-r-20">
+    <StackLayout row="0" class="p-t-20 p-l-20 p-r-20"><!--loaded="{{loadedTop}}"-->
       <Label text="Ionic Portal inside NativeScript" class="text-center font-weight-bold m-b-5" fontSize="22"></Label>
       <Label text="Mix native and webviews for unlimited creativity" fontSize="15" class="font-italic m-b-10 text-center" color="green"></Label>
       <Button text="Bounce with Joy 🎉" tap="{{ testIt }}" margin="0" padding="0" color="blue" height="24"/>
-      <Button text="Sync Now" tap="{{ syncNow }}" margin="0" padding="0" color="blue" height="24"/>
-      <Button text="Reload" tap="{{ reload }}" margin="0" padding="0" color="blue" height="24"/>
+      <!-- <Button text="Sync Now and Display Update" tap="{{ syncNow }}" margin="0" padding="0" color="blue" height="24"/> -->
+      <!-- <Button text="Reload" tap="{{ reload }}" margin="0" padding="0" color="blue" height="24"/> -->
+
+      <!-- <Button text="Try It" tap="{{ tryThis }}" margin="0" padding="0" color="blue" height="24"/> -->
     </StackLayout>
 
     <!-- backgroundColor is used to ensure the Portal sizes itself on orientation change - when working properly the yellow should never show when changing size -->

tools/demo/ionic-portals/index.ts

@@ -12,8 +12,11 @@ export class DemoSharedIonicPortals extends DemoSharedBase {
 	}
 
 	syncNow() {
-		IonicPortalManager.syncNow(['e29e2c2e'], false, (status) => {
-			console.log('sync complete:', status);
+		return new Promise<void>((resolve) => {
+			IonicPortalManager.syncNow(['e29e2c2e'], false, (status) => {
+				console.log('sync complete:', status);
+				resolve();
+			});
 		});
 	}