Allow using this plugin as a standalone 'push notification client' - without loading the Firebase SDK #909

Author: EddyVerbruggen

demo-push/app/main-page.ts

@@ -1,8 +1,8 @@
 import * as observable from 'tns-core-modules/data/observable';
 import * as pages from 'tns-core-modules/ui/page';
-import { HelloWorldModel } from './main-view-model';
+import { PushViewModel } from './push-view-model';
 
-const model = new HelloWorldModel();
+const model = new PushViewModel();
 
 // Event handler for Page 'loaded' event attached in main-page.xml
 export function pageLoaded(args: observable.EventData) {

demo-push/app/main-page.xml

@@ -16,16 +16,18 @@
     <TabViewItem title="Push demo">
       <TabViewItem.view>
         <ScrollView>
-          <GridLayout rows="auto, auto, auto, auto, auto, auto, auto" horizontalAlignment="stretch" class="tab-content" marginTop="20">
+          <GridLayout rows="auto, auto, auto, auto, auto, auto, auto, auto, auto" horizontalAlignment="stretch" class="tab-content" marginTop="20">
             <Label row="0" text="Note that none of these functions work on the simulator. Use a real device!" textWrap="true" />
-            <Button row="1" text="Are notifications enabled?" tap="{{ doGetAreNotificationsEnabled }}" class="button button-messaging"/>
-            <Button row="2" text="Get current push token" tap="{{ doGetCurrentPushToken }}" class="button button-messaging"/>
-            <iOS>
-              <Button row="3" text="Register for interactive push" tap="{{ doRegisterForInteractivePush }}" class="button button-messaging"/>
+            <Button row="1" text="Request user consent - do this first!" tap="{{ doRequestConsent }}" class="button button-messaging"/>
 
-              <Button row="4" text="Unregister for push" tap="{{ doUnregisterForPushNotifications }}" class="button button-messaging"/>
-              <Label row="5" text="After unregistering you can register again with this function:" textWrap="true" />
-              <Button row="6" text="Register for push again" tap="{{ doRegisterForPushNotificationsAgain }}" class="button button-messaging"/>
+            <Label row="2" text="Note that none of these functions work on the simulator. Use a real device!" textWrap="true" />
+            <Button row="3" text="Are notifications enabled?" tap="{{ doGetAreNotificationsEnabled }}" class="button button-messaging"/>
+            <Button row="4" text="Get current push token" tap="{{ doGetCurrentPushToken }}" class="button button-messaging"/>
+            <iOS>
+              <Button row="5" text="Register for interactive push" tap="{{ doRegisterForInteractivePush }}" class="button button-messaging"/>
+              <Button row="6" text="Unregister for push" tap="{{ doUnregisterForPushNotifications }}" class="button button-messaging"/>
+              <Label row="7" text="After unregistering you can register again with this function:" textWrap="true" />
+              <Button row="8" text="Register for push again" tap="{{ doRegisterForPushNotificationsAgain }}" class="button button-messaging"/>
             </iOS>
           </GridLayout>
         </ScrollView>

demo-push/app/main-view-model.ts renamed to demo-push/app/push-view-model.ts

@@ -1,8 +1,9 @@
 import { Observable } from "tns-core-modules/data/observable";
 import * as firebase from "nativescript-plugin-firebase";
 import { messaging } from "nativescript-plugin-firebase/messaging";
-import { alert } from "tns-core-modules/ui/dialogs";
+import { alert, confirm } from "tns-core-modules/ui/dialogs";
 import * as platform from "tns-core-modules/platform";
+import * as applicationSettings from "tns-core-modules/application-settings";
 
 const getCircularReplacer = () => {
   const seen = new WeakSet;
@@ -17,21 +18,38 @@ const getCircularReplacer = () => {
   };
 };
 
-export class HelloWorldModel extends Observable {
+export class PushViewModel extends Observable {
+
+  private static APP_REGISTERED_FOR_NOTIFICATIONS = "APP_REGISTERED_FOR_NOTIFICATIONS";
 
   constructor() {
     super();
-    this.doRegisterPushHandlers();
+    if (applicationSettings.getBoolean(PushViewModel.APP_REGISTERED_FOR_NOTIFICATIONS, false)) {
+      this.doRegisterPushHandlers();
+    }
+  }
+
+  public doRequestConsent(): void {
+    confirm({
+      title: "We'd like to send notifications",
+      message: "Do you agree? Please do, we won't spam you. Promised.",
+      okButtonText: "Yep!",
+      cancelButtonText: "Nooo"
+    }).then(pushAllowed => {
+      if (pushAllowed) {
+        applicationSettings.setBoolean(PushViewModel.APP_REGISTERED_FOR_NOTIFICATIONS, true);
+        this.doRegisterPushHandlers();
+      }
+    });
   }
 
   public doGetCurrentPushToken(): void {
     firebase.getCurrentPushToken()
         .then(token => {
-          // may be null if not known yet
-          console.log("Current push token: " + token);
+          // may be null/undefined if not known yet
           alert({
             title: "Current Push Token",
-            message: (token === null ? "Not received yet" : token + ("\n\nSee the console log if you want to copy-paste it.")),
+            message: (!token ? "Not received yet (note that on iOS this does not work on a simulator)" : token + ("\n\nSee the console log if you want to copy-paste it.")),
             okButtonText: "OK, thx"
           });
         })