Get push key avoiding .then() #624

Author: EddyVerbruggen

CHANGELOG.md

@@ -4,6 +4,13 @@
 [Firebase Android SDK Changelog](https://firebase.google.com/support/release-notes/android)
 
 
+## 5.1.7 (2018, February 11)
+
+### New
+
+- [#624](https://github.com/EddyVerbruggen/nativescript-plugin-firebase/issues/624) Get push key avoiding .then()
+
+
 ## 5.1.6 (2018, February 1)
 
 ### Fixes

demo/app/main-page.xml

@@ -18,7 +18,7 @@
         <TabViewItem.view>
           <ScrollView>
             <GridLayout columns="*, *"
-                        rows="auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto"
+                        rows="auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto"
                         horizontalAlignment="stretch"
                         class="tab-content">
               <Button row="0" colSpan="2" text="init firebase - do this first" tap="{{ doWebInit }}" class="button button-positive"/>
@@ -48,17 +48,17 @@
               <Button row="11" col="0" text="ordered query" tap="{{ doWebQueryBulgarianCompanies }}" class="button button-company"/>
               <Button row="11" col="1" text="remove path" tap="{{ doWebRemoveCompanies }}" class="button button-company"/>
 
-              <Label row="12" col="0" text="Last update path:" class="message"/>
-              <Label row="12" col="1" text="{{ path }}" class="message" textWrap="true"/>
+              <Button row="12" col="0" text="store with key" tap="{{ doWebStoreCompanyByFirstCreatingKey }}" class="button button-company"/>
+              <Button row="12" col="1" text="get server info" tap="{{ doWebGetServerInfo }}" class="button button-company"/>
 
-              <Label row="13" col="0" text="Key:" class="message"/>
-              <Label row="13" col="1" text="{{ key }}" class="message" textWrap="true"/>
+              <Label row="13" col="0" text="Last update path:" class="message"/>
+              <Label row="13" col="1" text="{{ path }}" class="message" textWrap="true"/>
 
-              <Label row="14" col="0" text="Value:" class="message"/>
-              <Label row="14" col="1" text="{{ value }}" class="message" textWrap="true"/>
+              <Label row="14" col="0" text="Key:" class="message"/>
+              <Label row="14" col="1" text="{{ key }}" class="message" textWrap="true"/>
 
-              <!--<Button row="10" col="0" text="query with range" tap="{{ doQueryBulgarianCompanies }}" class="button button-company"/>-->
-              <!--<Button row="10" col="1" text="delete path" tap="{{ doRemoveCompanies }}" class="button button-company"/>-->
+              <Label row="15" col="0" text="Value:" class="message"/>
+              <Label row="15" col="1" text="{{ value }}" class="message" textWrap="true"/>
 
             </GridLayout>
           </ScrollView>

demo/app/main-view-model.ts

@@ -51,6 +51,7 @@ export class HelloWorldModel extends Observable {
   public doWebLoginAnonymously(): void {
     this.ensureWebOnAuthChangedHandler();
     firebaseWebApi.auth().signInAnonymously()
+        .then(() => console.log("User logged in"))
         .catch(err => {
               alert({
                 title: "Login error",
@@ -64,6 +65,7 @@ export class HelloWorldModel extends Observable {
   public doWebLoginByPassword(): void {
     this.ensureWebOnAuthChangedHandler();
     firebaseWebApi.auth().signInWithEmailAndPassword('[email protected]', 'firebase')
+        .then(() => console.log("User logged in"))
         .catch(err => {
               alert({
                 title: "Login error",
@@ -79,7 +81,7 @@ export class HelloWorldModel extends Observable {
     if (!user || !user.email) {
       alert({
         title: "Can't fetch providers",
-        message: "No user with emailaddress logged in.",
+        message: "No user with an emailaddress logged in.",
         okButtonText: "OK, makes sense.."
       });
       return;
@@ -182,6 +184,18 @@ export class HelloWorldModel extends Observable {
     firebaseWebApi.database().ref(path).off("value");
   }
 
+  public doWebGetServerInfo(): void {
+    const path = ".info";
+    firebaseWebApi.database().ref(path)
+        .once("value")
+        .then(result => {
+          this.set("path", path);
+          this.set("key", result.key);
+          this.set("value", JSON.stringify(result.val()));
+        })
+        .catch(error => console.log("doWebGetServerTime error: " + error));
+  }
+
   public doWebGetValueForCompanies(): void {
     const path = "/companies";
     firebaseWebApi.database().ref(path)
@@ -227,6 +241,22 @@ export class HelloWorldModel extends Observable {
     firebaseWebApi.database().ref(path).orderByChild(child);
   }
 
+  public doWebStoreCompanyByFirstCreatingKey(): void {
+    const path = "companies",
+        companyRef = firebaseWebApi.database().ref().child(path),
+        newCompanyKey = companyRef.push().key,
+        storeAtPath = `/${path}/${newCompanyKey}`,
+        value = {
+          name: `Company with key ${newCompanyKey}`,
+          updateTs: firebase.ServerValue.TIMESTAMP
+        };
+
+    firebaseWebApi.database().ref(storeAtPath).set(value).then(() => {
+      this.set("path", storeAtPath);
+      this.set("key", newCompanyKey);
+      this.set("value", JSON.stringify(value));
+    });
+  }
 
 
   /***********************************************

docs/AUTHENTICATION.md

@@ -29,6 +29,16 @@ All login functions below, as well as `getCurrentUser` return a 'User' object wi
 
 
 ## Functions
+You can either use the Native API, or the Web API. It's just a matter of personal background or preference. Under the hood the implementations are identical.
+
+You can also mix and match the API calls.
+
+The relevant imports would be:
+
+```typescript
+const firebase = require("nativescript-plugin-firebase");
+const firebaseWebApi = require("nativescript-plugin-firebase/app");
+```
 
 ### Listening to auth state changes
 As stated [here](https://firebase.google.com/docs/auth/ios/manage-users#get_the_currently_signed-in_user):
@@ -73,39 +83,56 @@ If - for some reason - you want more control over the listener you can use these
 ```
 
 ### Get Current User
-Once the user is logged in you can retrieve the currently logged in user.
+Once the user is logged in you can retrieve the currently logged in user:
 
-##### JavaScript
-```js
-  firebase.getCurrentUser().then(
-    function (result) {
-      console.log(JSON.stringify(result));
-    },
-    function (errorMessage) {
-      console.log(errorMessage);
-    }
-  );
+<details>
+ <summary>Native API</summary>
+
+```typescript
+  firebase.getCurrentUser()
+      .then(user => console.log("User uid: " + user.uid))
+      .catch(error => console.log("Trouble in paradise: " + error));
 ```
+</details>
+
+<details>
+ <summary>Web API</summary>
 
-##### TypeScript
 ```typescript
-  firebase.getCurrentUser().then(user => {
-      alert("User uid: " + user.uid);
-  }, error => {
-      alert("Trouble in paradise: " + error);
-  });
+  const user = firebaseWebApi.auth().currentUser;
 ```
+</details>
 
 ### Fetch providers for email
 Want to know which auth providers are associated with an emailaddress?
 
-##### TypeScript
+
+<details>
+ <summary>Native API</summary>
+
 ```typescript
   const emailAddress = "[email protected]";
   firebase.fetchProvidersForEmail(emailAddress).then((providers: Array<string>) => {
     console.log(`Providers for ${emailAddress}: ${JSON.stringify(providers)}`);
   });
 ```
+</details>
+
+<details>
+ <summary>Web API</summary>
+
+```js
+  const user = firebaseWebApi.auth().currentUser;
+  if (!user || !user.email) {
+    console.log("Can't fetch providers; no user with an emailaddress logged in.");
+    return;
+  }
+
+  firebaseWebApi.auth().fetchProvidersForEmail(user.email)
+      .then(result => console.log(`Providers for ${user.email}: ${JSON.stringify(result)}`))
+      .catch(error => console.log("Fetch Providers for Email error: " + error));
+```
+</details>
 
 ### Updating a profile
 Pass in at least one of `displayName` and `photoURL`.
@@ -128,55 +155,68 @@ The logged in user will be updated, but for `getCurrentUser` to reflect the chan
 ### Anonymous login
 Don't forget to enable anonymous login in your firebase instance.
 
-##### JavaScript
-```js
-  firebase.login({
-    type: firebase.LoginType.ANONYMOUS
-  }).then(
-      function (result) {
-        console.log(JSON.stringify(result));
-      },
-      function (errorMessage) {
-        console.log(errorMessage);
-      }
-  );
+<details>
+ <summary>Native API</summary>
+
+```typescript
+  firebase.login(
+      {
+        type: firebase.LoginType.ANONYMOUS
+      })
+      .then(user => console.log("User uid: " + user.uid))
+      .catch(error => console.log("Trouble in paradise: " + error));
 ```
+</details>
+
+<details>
+ <summary>Web API</summary>
 
-##### TypeScript
 ```typescript
-  firebase.login({
-      type: firebase.LoginType.ANONYMOUS
-  }).then(user => {
-      alert("User uid: " + user.uid);
-  }, error => {
-      alert("Trouble in paradise: " + error);
-  });
+  firebaseWebApi.auth().signInAnonymously()
+      .then(() => console.log("User logged in"))
+      .catch(err => console.log("Login error: " + JSON.stringify(err)));
 ```
+</details>
 
 ### Email-Password login
 Don't forget to enable email-password login in your firebase instance.
 
-```js
-  firebase.login({
-    type: firebase.LoginType.PASSWORD,
-    passwordOptions: {
-      email: '[email protected]',
-      password: 'theirpassword'
-    }
-  }).then(
-      function (result) {
-        JSON.stringify(result);
-      },
-      function (errorMessage) {
-        console.log(errorMessage);
-      }
-  );
+<details>
+ <summary>Native API</summary>
+
+```typescript
+  firebase.login(
+      {
+        type: firebase.LoginType.PASSWORD,
+        passwordOptions: {
+          email: '[email protected]',
+          password: 'theirpassword'
+        }
+      })
+      .then(result => JSON.stringify(result))
+      .catch(error => console.log(error));
+```
+</details>
+
+<details>
+ <summary>Web API</summary>
+
+```typescript
+  firebaseWebApi.auth().signInWithEmailAndPassword('[email protected]', 'firebase')
+      .then(() => console.log("User logged in"))
+      .catch(err => console.log("Login error: " + JSON.stringify(err)));
 ```
+</details>
+
 
 #### Managing email-password accounts
+
 ##### Creating a Password account
 This may not work on an (Android) simulator. See #463.
 
+<details>
+ <summary>Native API</summary>
+
 ```js
   firebase.createUser({
     email: '[email protected]',
@@ -198,6 +238,19 @@ This may not work on an (Android) simulator. See #463.
       }
   );
 ```
+</details>
+
+<details>
+ <summary>Web API</summary>
+
+```typescript
+  firebaseWebApi.auth().signOut()
+      .then(() => console.log("Logout OK"))
+      .catch(error => "Logout error: " + JSON.stringify(error));
+```
+</details>
+
+
 
 #### Resetting a password
 ```js
@@ -415,9 +468,23 @@ a Firebase auth token for the currently logged in user.
 ### logout
 Shouldn't be more complicated than:
 
+<details>
+ <summary>Native API</summary>
+
 ```js
   firebase.logout();
 ```
+</details>
+
+<details>
+ <summary>Web API</summary>
+
+```js
+  firebaseWebApi.auth().signOut()
+      .then(() => console.log("Logout OK"))
+      .catch(error => console.log("Logout error: " + JSON.stringify(error)));
+```
+</details>
 
 ### reauthenticate
 Some security-sensitive actions (deleting an account, changing a password) require that the user has recently signed in.