feat: add initial analytics implementation

helpers/fb/analytics.ts

@@ -0,0 +1,48 @@
+import firebase from "firebase"
+import { authEvents$ } from "./auth"
+import { settings$ } from "~/newstore/settings"
+
+let analytics: firebase.analytics.Analytics
+
+type SettingsCustomDimensions = {
+  usesProxy: boolean
+  usesExtension: boolean
+  usesScrollInto: boolean
+  syncCollections: boolean
+  syncEnvironments: boolean
+  syncHistory: boolean
+}
+
+export function initAnalytics() {
+  analytics = firebase.app().analytics()
+
+  initLoginListeners()
+  initSettingsListeners()
+}
+
+function initLoginListeners() {
+  authEvents$.subscribe((ev) => {
+    if (ev.event === "login") {
+      analytics.setUserId(ev.user.uid)
+
+      analytics.logEvent("login", {
+        method: ev.user.providerData[0]?.providerId, // Assume the first provider is the login provider
+      })
+    } else if (ev.event === "logout") {
+      analytics.logEvent("logout")
+    }
+  })
+}
+
+function initSettingsListeners() {
+  settings$.subscribe((settings) => {
+    analytics.setUserProperties(<SettingsCustomDimensions>{
+      usesProxy: settings.PROXY_ENABLED,
+      usesExtension: settings.EXTENSIONS_ENABLED,
+      usesScrollInto: settings.SCROLL_INTO_ENABLED,
+      syncCollections: settings.syncCollections,
+      syncEnvironments: settings.syncEnvironments,
+      syncHistory: settings.syncHistory,
+    })
+  })
+}