WIP revamp

src/analytics/identifiers/device.ts

@@ -0,0 +1,26 @@
+import uuid from 'react-native-uuid'
+import AsyncStorage from '@react-native-async-storage/async-storage'
+
+import {device} from '#/storage'
+
+const LEGACY_STABLE_ID = 'STATSIG_LOCAL_STORAGE_STABLE_ID'
+
+export async function getAndMigrateDeviceId() {
+  const migrated = getDeviceId()
+  if (migrated) return migrated
+  const id = (await AsyncStorage.getItem(LEGACY_STABLE_ID)) || uuid.v4()
+  device.set(['deviceId'], id)
+  return id
+}
+
+export function getDeviceId() {
+  return device.get(['deviceId'])
+}
+
+export function getDeviceIdOrThrow() {
+  const id = device.get(['deviceId'])
+  if (!id) {
+    throw new Error(`deviceId is not set, call getAndMigrateDeviceId first`)
+  }
+  return id
+}

src/analytics/identifiers/index.ts

@@ -0,0 +1,2 @@
+export * from '#/analytics/identifiers/device'
+export * from '#/analytics/identifiers/session'

src/analytics/identifiers/session.ts

@@ -0,0 +1,40 @@
+import {useEffect, useState} from 'react'
+import uuid from 'react-native-uuid'
+
+import {onAppStateChange} from '#/lib/appState'
+import {isSessionIdExpired} from '#/analytics/identifiers/util'
+import {device} from '#/storage'
+
+let sessionId = (() => {
+  const existing = device.get(['nativeSessionId'])
+  const lastEvent = device.get(['nativeSessionIdLastEventAt'])
+  const id = existing && !isSessionIdExpired(lastEvent) ? existing : uuid.v4()
+  device.set(['nativeSessionId'], id)
+  return id
+})()
+
+export function getInitialSessionId() {
+  return sessionId
+}
+
+export function useSessionId() {
+  const [id, setId] = useState(() => sessionId)
+
+  useEffect(() => {
+    const sub = onAppStateChange(state => {
+      if (state === 'active') {
+        const lastEvent = device.get(['nativeSessionIdLastEventAt'])
+        if (isSessionIdExpired(lastEvent)) {
+          sessionId = uuid.v4()
+          device.set(['nativeSessionId'], sessionId)
+          setId(sessionId)
+        }
+      } else {
+        device.set(['nativeSessionIdLastEventAt'], Date.now())
+      }
+    })
+    return () => sub.remove()
+  }, [])
+
+  return id
+}

src/analytics/identifiers/session.web.ts

@@ -0,0 +1,44 @@
+import {useEffect, useState} from 'react'
+import uuid from 'react-native-uuid'
+
+import {onAppStateChange} from '#/lib/appState'
+import {isSessionIdExpired} from '#/analytics/identifiers/util'
+
+const SESSION_ID_KEY = 'bsky_session_id'
+const LAST_EVENT_KEY = 'bsky_session_id_last_event_at'
+
+let sessionId = (() => {
+  const existing = window.sessionStorage.getItem(SESSION_ID_KEY)
+  const lastEventStr = window.sessionStorage.getItem(LAST_EVENT_KEY)
+  const lastEvent = lastEventStr ? Number(lastEventStr) : undefined
+  const id = existing && !isSessionIdExpired(lastEvent) ? existing : uuid.v4()
+  window.sessionStorage.setItem(SESSION_ID_KEY, id)
+  return id
+})()
+
+export function getInitialSessionId() {
+  return sessionId
+}
+
+export function useSessionId() {
+  const [id, setId] = useState(() => sessionId)
+
+  useEffect(() => {
+    const sub = onAppStateChange(state => {
+      if (state === 'active') {
+        const lastEventStr = window.sessionStorage.getItem(LAST_EVENT_KEY)
+        const lastEvent = lastEventStr ? Number(lastEventStr) : undefined
+        if (isSessionIdExpired(lastEvent)) {
+          sessionId = uuid.v4()
+          window.sessionStorage.setItem(SESSION_ID_KEY, sessionId)
+          setId(sessionId)
+        }
+      } else {
+        window.sessionStorage.setItem(LAST_EVENT_KEY, String(Date.now()))
+      }
+    })
+    return () => sub.remove()
+  }, [])
+
+  return id
+}

src/analytics/identifiers/util.ts

@@ -0,0 +1,9 @@
+import * as env from '#/env'
+
+const ONE_MIN = 60 * 1e3
+const TTL = (env.IS_NATIVE ? 5 : 30) * ONE_MIN // 5 min on native
+
+export function isSessionIdExpired(since: number | undefined) {
+  if (since === undefined) return false
+  return Date.now() - since >= TTL
+}