@rpcbase/client 0.154.0 → 0.155.0

package/AppProvider/AnalyticsContainer.js

@@ -0,0 +1,56 @@
+/* @flow */
+import {useEffect} from "react"
+import {usePostHog} from "posthog-js/react"
+import FingerprintJS from "@fingerprintjs/fingerprintjs"
+
+import getUid from "../auth/getUid"
+
+// TMP: RB_TENANT_ID must come from the server, not be set in env here
+import {RB_TENANT_ID, POSTHOG_KEY} from "env"
+
+
+const AnalyticsContainer = ({children}) => {
+  const {hostname} = window.location
+  if (__DEV__ || hostname === "localhost" || hostname.endsWith(".local")) return null
+  if (!POSTHOG_KEY) return null
+
+  const posthog = usePostHog()
+
+  const uid = getUid()
+
+  useEffect(() => {
+    if (!posthog) return
+
+    if (uid) {
+      posthog.identify(uid, {
+        uid,
+        env: __DEV__ ? "dev" : "prod",
+      })
+      posthog.group("customer", RB_TENANT_ID, {
+        name: "default",
+      })
+      posthog.group("env", __DEV__ ? "dev" : "prod")
+    }
+    // user isn't identified, use fingerprint instead
+    else {
+      const run = async() => {
+        const fp = await FingerprintJS.load()
+        const fpResult = await fp.get()
+
+        posthog.identify(fpResult.visitorId, {
+          type: "fingerprint",
+          env: __DEV__ ? "dev" : "prod",
+        })
+      }
+
+      run()
+    }
+  }, [posthog, uid])
+
+
+  return (
+    <>{children}</>
+  )
+}
+
+export default AnalyticsContainer

package/AppProvider/index.js

@@ -5,13 +5,15 @@ import {PostHogProvider} from "posthog-js/react"
 
 import {HashStateProvider} from "../hashState"
 
+import AnalyticsContainer from "./AnalyticsContainer"
+
 // TODO: flags here should be optional
 import {flagValues} from "config/flags"
 
 import {POSTHOG_KEY} from "env"
 
 
-const AnalyticsWrapper = ({children, ...props}) => {
+const PostHogWrapper = ({children, ...props}) => {
 
   const {hostname} = window.location
 
@@ -33,7 +35,9 @@ const AnalyticsWrapper = ({children, ...props}) => {
           },
         }}
       >
-        {children}
+        <AnalyticsContainer>
+          {children}
+        </AnalyticsContainer>
       </PostHogProvider>
     )
   }
@@ -43,11 +47,11 @@ const AnalyticsWrapper = ({children, ...props}) => {
 const AppProvider = ({children, ...props}) => {
 
   return (
-    <AnalyticsWrapper>
+    <PostHogWrapper>
       <HashStateProvider>
         {children}
       </HashStateProvider>
-    </AnalyticsWrapper>
+    </PostHogWrapper>
   )
 
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpcbase/client",
-  "version": "0.154.0",
+  "version": "0.155.0",
   "scripts": {
     "test": "../../node_modules/.bin/wireit"
   },