Eric Bailey
51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
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)
|
|
device.set(['nativeSessionIdLastEventAt'], Date.now())
|
|
return id
|
|
})()
|
|
|
|
export function getInitialSessionId() {
|
|
return sessionId
|
|
}
|
|
|
|
/**
|
|
* Gets the current session ID. Freshness depends on `useSessionId` being
|
|
* mounted, which handles refreshing this value between foreground/background
|
|
* transitions. Since that's mounted in `analytics/index.tsx`, this value can
|
|
* generally be trusted to be up to date.
|
|
*/
|
|
export function getSessionId() {
|
|
return device.get(['nativeSessionId'])
|
|
}
|
|
|
|
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)
|
|
}
|
|
}
|
|
device.set(['nativeSessionIdLastEventAt'], Date.now())
|
|
})
|
|
return () => sub.remove()
|
|
}, [])
|
|
|
|
return id
|
|
}
|