Support Firebase Performance Monitoring #370

Author: EddyVerbruggen

.gitignore

@@ -17,6 +17,7 @@ src/platforms/android/include.gradle
 !src/references.d.ts
 !src/analytics/analytics.d.ts
 !src/crashlytics/crashlytics.d.ts
+!src/performance/performance.d.ts
 !src/storage/storage.d.ts
 !src/admob/admob.d.ts
 !src/messaging/messaging.d.ts

demo-ng/app/tabs/mlkit/barcodescanning/barcodescanning.component.html

@@ -6,7 +6,7 @@
   <MLKitBarcodeScanner
       width="100%"
       height="100%"
-      formats="QR_CODE, EAN_8, EAN_13"
+      formats="QR_CODE, EAN_8, EAN_13, ISBN"
       android:processEveryNthFrame="5"
       ios:processEveryNthFrame="10"
       [torchOn]="torchOn"

demo-ng/firebase.nativescript.json

@@ -4,6 +4,7 @@
   "realtimedb": false,
   "firestore": true,
   "remote_config": false,
+  "performance_monitoring": true,
   "messaging": false,
   "crash_reporting": false,
   "crashlytics": true,

demo-ng/package.json

@@ -25,7 +25,7 @@
     "nativescript-angular": "^6.1.0",
     "nativescript-camera": "^4.0.2",
     "nativescript-imagepicker": "~6.0.4",
-    "nativescript-plugin-firebase": "file:../publish/package/nativescript-plugin-firebase-7.2.0.tgz",
+    "nativescript-plugin-firebase": "file:../publish/package/nativescript-plugin-firebase-7.3.0.tgz",
     "nativescript-theme-core": "~1.0.4",
     "reflect-metadata": "~0.1.10",
     "rxjs": "~6.0.0 || >=6.1.0",

demo/app/app.css

@@ -77,6 +77,10 @@ button {
   background-color: #1832d5;
 }
 
+.button-performance {
+  background-color: #d57c13;
+}
+
 .barcodescanner {
   height: 420;
   margin-top: 16;

demo/app/main-page.xml

@@ -85,7 +85,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, auto, auto, auto, auto, auto, auto, auto, 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, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, 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">
 
@@ -225,6 +225,15 @@
             <Label row="49" colSpan="2" text="Firebase Invites" class="subtitle"/>
             <Button row="50" col="0" text="send invitation" tap="{{ sendInvitation }}" class="button button-invites"/>
             <Button row="50" col="1" text="get invitation" tap="{{ getInvitation }}" class="button button-invites"/>
+
+            <Label row="51" colSpan="2" text="Performance Monitoring" class="subtitle"/>
+            <Button row="52" col="0" text="start trace" tap="{{ startPerformanceMonitoringTrace }}" class="button button-performance"/>
+            <Button row="52" col="1" text="stop trace" tap="{{ stopPerformanceMonitoringTrace }}" class="button button-performance"/>
+            <Button row="53" col="0" text="set value trace" tap="{{ setValuePerformanceMonitoring }}" class="button button-performance"/>
+            <Button row="53" col="1" text="get value" tap="{{ getValuePerformanceMonitoring }}" class="button button-performance"/>
+            <Button row="54" col="0" text="get attributes" tap="{{ getAttributesPerformanceMonitoring }}" class="button button-performance"/>
+            <Button row="54" col="1" text="removeAttribute" tap="{{ removeAttributePerformanceMonitoring }}" class="button button-performance"/>
+            <Button row="55" colSpan="2" text="increment metric" tap="{{ incrementMetricPerformanceMonitoring }}" class="button button-performance"/>
           </GridLayout>
 
         </ScrollView>

demo/app/main-view-model.ts

@@ -6,11 +6,13 @@ import {
   AddEventListenerResult,
   admob as firebaseAdMob,
   crashlytics as firebaseCrashlytics,
+  performance as firebasePerformance,
   storage as firebaseStorage,
   User
 } from "nativescript-plugin-firebase";
 import * as fs from "tns-core-modules/file-system";
 import { MessagingViewModel } from './messaging-view-model';
+import { FirebaseTrace } from "nativescript-plugin-firebase/performance/performance";
 
 const firebaseWebApi = require("nativescript-plugin-firebase/app");
 
@@ -24,6 +26,7 @@ export class HelloWorldModel extends Observable {
   private userListenerWrapper: AddEventListenerResult;
   private companiesListenerWrapper: AddEventListenerResult;
   private onAuthStateChangedHandlerSet = false;
+  private firebaseTrace: FirebaseTrace;
 
   /***********************************************
    * Web API usage examples
@@ -1599,6 +1602,52 @@ export class HelloWorldModel extends Observable {
     );
   }
 
+  public startPerformanceMonitoringTrace(): void {
+    this.firebaseTrace = firebasePerformance.startTrace("myTrace");
+    console.log(">> trace started");
+  }
+
+  public stopPerformanceMonitoringTrace(): void {
+    if (this.firebaseTrace) {
+      this.firebaseTrace.stop();
+      this.firebaseTrace = undefined;
+      console.log(">> trace stopped");
+    }
+  }
+
+  public setValuePerformanceMonitoring(): void {
+    if (this.firebaseTrace) {
+      this.firebaseTrace.setValue("foo", "bar");
+      console.log(">> value set");
+    }
+  }
+
+  public getValuePerformanceMonitoring(): void {
+    if (this.firebaseTrace) {
+      console.log(">> value: " + this.firebaseTrace.getValue("foo"));
+    }
+  }
+
+  public getAttributesPerformanceMonitoring(): void {
+    if (this.firebaseTrace) {
+      console.log(">> attributes: " + JSON.stringify(this.firebaseTrace.getAttributes()));
+    }
+  }
+
+  public removeAttributePerformanceMonitoring(): void {
+    if (this.firebaseTrace) {
+      this.firebaseTrace.removeAttribute("foo");
+      console.log(">> attribute removed");
+    }
+  }
+
+  public incrementMetricPerformanceMonitoring(): void {
+    if (this.firebaseTrace) {
+      this.firebaseTrace.incrementMetric("foo_metric", 1);
+      console.log(">> metric incremented");
+    }
+  }
+
   public doLogMessage(): void {
     firebase.sendCrashLog({
       message: "Hey, I was logged!",

demo/firebase.nativescript.json

@@ -6,6 +6,7 @@
     "realtimedb": true,
     "authentication": true,
     "remote_config": true,
+    "performance_monitoring": true,
     "messaging": true,
     "crashlytics": true,
     "crash_reporting": true,

demo/package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "firebase-functions": "^2.0.5",
-    "nativescript-plugin-firebase": "file:../publish/package/nativescript-plugin-firebase-7.2.0.tgz",
+    "nativescript-plugin-firebase": "file:../publish/package/nativescript-plugin-firebase-7.3.0.tgz",
     "nativescript-theme-core": "^1.0.4",
     "nativescript-unit-test-runner": "^0.3.4",
     "tns-core-modules": "^4.2.1"

publish/scripts/installer.js

@@ -157,6 +157,10 @@ function promptQuestions() {
     name: 'remote_config',
     description: 'Are you using Firebase RemoteConfig? (y/n)',
     default: 'n'
+  }, {
+    name: 'performance_monitoring',
+    description: 'Are you using Performance Monitoring? (y/n)',
+    default: 'n'
   }, {
     name: 'messaging',
     description: 'Are you using Firebase Messaging? (y/n)',
@@ -340,6 +344,9 @@ pod 'GoogleUtilities', '5.2.3'
 # Remote Config
 ` + (isSelected(result.remote_config) ? `` : `#`) + `pod 'Firebase/RemoteConfig'
 
+# Performance Monitoring
+` + (isSelected(result.performance_monitoring) ? `` : `#`) + `pod 'Firebase/Performance'
+
 # Crash Reporting
 ` + (isSelected(result.crash_reporting) && !isSelected(result.crashlytics) ? `` : `#`) + `pod 'Firebase/Crash'
 
@@ -576,7 +583,7 @@ repositories {
 }
 
 def supportVersion = project.hasProperty("supportVersion") ? project.supportVersion : "26.0.0"
-def googlePlayServicesVersion = project.hasProperty('googlePlayServicesVersion') ? project.googlePlayServicesVersion : "15.0.1"
+def googlePlayServicesVersion = project.hasProperty('googlePlayServicesVersion') ? project.googlePlayServicesVersion : "16.0.1"
 
 if (VersionNumber.parse(googlePlayServicesVersion) < VersionNumber.parse('15.0.+')) {
     throw new GradleException(" googlePlayServicesVersion set too low, please update to at least 15.0.0 / 15.0.+ (currently set to $googlePlayServicesVersion)");
@@ -590,44 +597,47 @@ dependencies {
     compile "com.android.support:support-compat:$supportVersion"
 
     // make sure you have these versions by updating your local Android SDK's (Android Support repo and Google repo)
-    compile "com.google.firebase:firebase-core:16.0.3"
+    compile "com.google.firebase:firebase-core:16.0.4"
 
     // for reading google-services.json and configuration
     compile "com.google.android.gms:play-services-base:$googlePlayServicesVersion"
 
     // Authentication
-    ` + (!externalPushClientOnly && (!isPresent(result.authentication) || isSelected(result.authentication)) ? `` : `//`) + ` compile "com.google.firebase:firebase-auth:16.0.3"
+    ` + (!externalPushClientOnly && (!isPresent(result.authentication) || isSelected(result.authentication)) ? `` : `//`) + ` compile "com.google.firebase:firebase-auth:16.0.4"
 
     // Realtime DB
-    ` + (!externalPushClientOnly && (!isPresent(result.realtimedb) || isSelected(result.realtimedb)) ? `` : `//`) + ` compile "com.google.firebase:firebase-database:16.0.1"
+    ` + (!externalPushClientOnly && (!isPresent(result.realtimedb) || isSelected(result.realtimedb)) ? `` : `//`) + ` compile "com.google.firebase:firebase-database:16.0.3"
 
     // Cloud Firestore
-    ` + (isSelected(result.firestore) ? `` : `//`) + ` compile "com.google.firebase:firebase-firestore:17.1.0"
+    ` + (isSelected(result.firestore) ? `` : `//`) + ` compile "com.google.firebase:firebase-firestore:17.1.1"
 
     // Remote Config
-    ` + (isSelected(result.remote_config) ? `` : `//`) + ` compile "com.google.firebase:firebase-config:16.0.0"
+    ` + (isSelected(result.remote_config) ? `` : `//`) + ` compile "com.google.firebase:firebase-config:16.1.0"
+
+    // Performance Monitoring
+    ` + (isSelected(result.performance_monitoring) ? `` : `//`) + ` compile "com.google.firebase:firebase-perf:16.1.2"
 
     // Crash Reporting
-    ` + (isSelected(result.crash_reporting) && !isSelected(result.crashlytics) ? `` : `//`) + ` compile "com.google.firebase:firebase-crash:16.2.0"
+    ` + (isSelected(result.crash_reporting) && !isSelected(result.crashlytics) ? `` : `//`) + ` compile "com.google.firebase:firebase-crash:16.2.1"
 
     // Crashlytics
-    ` + (isSelected(result.crashlytics) ? `` : `//`) + ` compile "com.crashlytics.sdk.android:crashlytics:2.9.3"
+    ` + (isSelected(result.crashlytics) ? `` : `//`) + ` compile "com.crashlytics.sdk.android:crashlytics:2.9.5"
 
     // Firebase Cloud Messaging (FCM)
-    ` + (isSelected(result.messaging) || externalPushClientOnly ? `` : `//`) + ` compile "com.google.firebase:firebase-messaging:17.3.0"
+    ` + (isSelected(result.messaging) || externalPushClientOnly ? `` : `//`) + ` compile "com.google.firebase:firebase-messaging:17.3.4"
 
     // Cloud Storage
-    ` + (isSelected(result.storage) ? `` : `//`) + ` compile "com.google.firebase:firebase-storage:16.0.1"
+    ` + (isSelected(result.storage) ? `` : `//`) + ` compile "com.google.firebase:firebase-storage:16.0.3"
 
     // Cloud Functions
-    ` + (isSelected(result.functions) ? `` : `//`) + ` compile "com.google.firebase:firebase-functions:16.1.0"
+    ` + (isSelected(result.functions) ? `` : `//`) + ` compile "com.google.firebase:firebase-functions:16.1.1"
 
     // AdMob / Ads
     ` + (isSelected(result.admob) ? `` : `//`) + ` compile "com.google.firebase:firebase-ads:15.0.1"
 
     // ML Kit
-    ` + (isSelected(result.ml_kit) ? `` : `//`) + ` compile "com.google.firebase:firebase-ml-vision:17.0.0"
-    ` + (isSelected(result.ml_kit_image_labeling) ? `` : `//`) + ` compile "com.google.firebase:firebase-ml-vision-image-label-model:15.0.0"
+    ` + (isSelected(result.ml_kit) ? `` : `//`) + ` compile "com.google.firebase:firebase-ml-vision:18.0.1"
+    ` + (isSelected(result.ml_kit_image_labeling) ? `` : `//`) + ` compile "com.google.firebase:firebase-ml-vision-image-label-model:17.0.2"
 
     // Facebook Authentication
     ` + (isSelected(result.facebook_auth) ? `` : `//`) + ` compile ("com.facebook.android:facebook-android-sdk:4.35.0"){ exclude group: 'com.google.zxing' }
@@ -636,10 +646,10 @@ dependencies {
     ` + (isSelected(result.google_auth) ? `` : `//`) + ` compile "com.google.android.gms:play-services-auth:16.0.0"
 
     // Firebase Invites
-    ` + (isSelected(result.invites) ? `` : `//`) + ` compile "com.google.firebase:firebase-invites:16.0.3"
+    ` + (isSelected(result.invites) ? `` : `//`) + ` compile "com.google.firebase:firebase-invites:16.0.4"
 
     // Firebase Dynamic Links
-    ` + (isSelected(result.dynamic_links) ? `` : `//`) + ` compile "com.google.firebase:firebase-dynamic-links:16.1.1"
+    ` + (isSelected(result.dynamic_links) ? `` : `//`) + ` compile "com.google.firebase:firebase-dynamic-links:16.1.2"
 }
 
 apply plugin: "com.google.gms.google-services"