Update example project

Author: cbrevik

example/.flowconfig

@@ -12,14 +12,19 @@
 ; For RN Apps installed via npm, "Libraries" folder is inside
 ; "node_modules/react-native" but in the source repo it is in the root
 .*/Libraries/react-native/React.js
-.*/Libraries/react-native/ReactNative.js
+
+; Ignore polyfills
+.*/Libraries/polyfills/.*
+
+; Ignore metro
+.*/node_modules/metro/.*
 
 [include]
 
 [libs]
 node_modules/react-native/Libraries/react-native/react-native-interface.js
-node_modules/react-native/flow
-flow/
+node_modules/react-native/flow/
+node_modules/react-native/flow-github/
 
 [options]
 emoji=true
@@ -30,16 +35,22 @@ munge_underscores=true
 
 module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
 
+module.file_ext=.js
+module.file_ext=.jsx
+module.file_ext=.json
+module.file_ext=.native.js
+
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
-suppress_type=$FixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
 
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(4[0-7]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(4[0-7]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
 suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
 suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
 
 unsafe.enable_getters_and_setters=true
 
 [version]
-^0.47.0
+^0.61.0

example/.gitignore

@@ -46,8 +46,8 @@ buck-out/
 # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
 # screenshots whenever they are needed.
 # For more information about the recommended setup visit:
-# https://github.com/fastlane/fastlane/blob/master/fastlane/docs/Gitignore.md
+# https://docs.fastlane.tools/best-practices/source-control/
 
-fastlane/report.xml
-fastlane/Preview.html
-fastlane/screenshots
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots

example/App.js

@@ -0,0 +1,145 @@
+import React, { Component } from "react";
+import { AppRegistry, StyleSheet, Text, View } from "react-native";
+
+import {
+  GoogleAnalyticsTracker,
+  GoogleAnalyticsSettings,
+  GoogleTagManager
+} from "react-native-google-analytics-bridge";
+export default class App extends Component {
+  render() {
+    // Recommend you set this much higher in real app! 30 seconds+
+    // GoogleAnalyticsSettings has static methods and is applied
+    // for all trackers
+    GoogleAnalyticsSettings.setDispatchInterval(2);
+    //GoogleAnalyticsSettings.setDryRun(true);
+    //GoogleAnalyticsSettings.setOptOut(true);
+
+    // The tracker is constructed
+    let tracker = new GoogleAnalyticsTracker("UA-12345-3");
+    // You can have multiple trackers
+    //let tracker2 = new GoogleAnalyticsTracker("UA-12345-3", { demo: 1 });
+
+    //tracker2.trackScreenViewWithCustomDimensionValues("Home", { demo: "Yes" });
+
+    tracker.trackEvent("testcategory", "Hello iOS");
+
+    tracker.trackScreenView("Home");
+
+    tracker.trackEvent("testcategory", "Hello iOS", {
+      label: "notdry",
+      value: 1
+    });
+
+    tracker.trackTiming("testcategory", 13000, {
+      label: "notdry",
+      name: "testduration"
+    });
+
+    tracker.setTrackUncaughtExceptions(true);
+    tracker.trackPurchaseEvent(
+      {
+        id: "P12345",
+        name: "Android Warhol T-Shirt",
+        category: "Apparel/T-Shirts",
+        brand: "Apple",
+        variant: "Black",
+        price: 29.2,
+        quantity: 1,
+        couponCode: "APPARELSALE"
+      },
+      {
+        id: "T12345",
+        affiliation: "Apple Store - Online",
+        revenue: 37.39,
+        tax: 2.85,
+        shipping: 5.34,
+        couponCode: "SUMMER2013"
+      }
+    );
+
+    tracker.trackMultiProductsPurchaseEvent(
+      [
+        {
+          id: "2224711",
+          name: "Top Ilem",
+          category: "Women/Kleidung/Tops/Spitzentops",
+          brand: "THE label",
+          variant: "rot",
+          price: 39.9,
+          quantity: 1
+        },
+        {
+          id: "2224706",
+          name: "Shorts Isto",
+          category: "Women/Kleidung/Hosen/Shirts",
+          brand: "THE label",
+          variant: "grau",
+          price: 59.9,
+          quantity: 1
+        }
+      ],
+      {
+        id: "T12345",
+        affiliation: "THE label Shop",
+        revenue: 83.87,
+        tax: 15.93,
+        shipping: 0.0,
+        couponCode: "SUMMER2016"
+      }
+    );
+
+    tracker.trackException("This is an error message", false);
+
+    tracker.trackSocialInteraction("Twitter", "Post");
+
+    tracker.setUser("12345678");
+
+    tracker.allowIDFA(true);
+
+    tracker.setAnonymizeIp(true);
+
+    tracker.trackScreenView("Hello");
+
+    /*GoogleTagManager.openContainerWithId("GT-NZT48")
+      .then(() => {
+        return GoogleTagManager.stringForKey("pack");
+      })
+      .then(str => {
+        console.log("Str: ", str);
+        return GoogleTagManager.boolForKey("wat");
+      })
+      .then(wat => {
+        console.log("Wat: ", wat);
+        return GoogleTagManager.doubleForKey("orly");
+      })
+      .then(orly => {
+        console.log("Orly: ", orly);
+      })
+      .catch(err => {
+        console.log(err);
+      });*/
+
+    return (
+      <View style={styles.container}>
+        <Text style={styles.welcome}>
+          Welcome to React Native Google Analytics Bridge!
+        </Text>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF"
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: "center",
+    margin: 10
+  }
+});

example/__tests__/index.ios.js renamed to example/__tests__/App.js

@@ -1,12 +1,12 @@
 import 'react-native';
 import React from 'react';
-import Index from '../index.ios.js';
+import App from '../App';
 
 // Note: test renderer must be required after react-native.
 import renderer from 'react-test-renderer';
 
 it('renders correctly', () => {
   const tree = renderer.create(
-    <Index />
+    <App />
   );
 });

example/__tests__/index.android.js

@@ -72,6 +72,10 @@ import com.android.build.OutputFile
  * ]
  */
 
+project.ext.react = [
+    entryFile: "index.js"
+]
+
 apply from: "../../node_modules/react-native/react.gradle"
 
 /**

example/android/app/build.gradle

@@ -27,6 +27,11 @@ protected List<ReactPackage> getPackages() {
             new GoogleAnalyticsBridgePackage()
       );
     }
+
+    @Override
+    protected String getJSMainModuleName() {
+      return "index";
+    }
   };
 
   @Override