robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
[APP-1805] Analytics tweaks and tracking callbacks (#9861)
authored by
Eric Bailey
and committed by
GitHub
4e3c3e99
1565e071
+2
-1
package.json
+2
-1
package.json
···
93
"@fortawesome/free-regular-svg-icons": "^6.1.1",
94
"@fortawesome/free-solid-svg-icons": "^6.1.1",
95
"@fortawesome/react-native-fontawesome": "^0.3.2",
96
-
"@growthbook/growthbook-react": "^1.6.2",
97
"@haileyok/bluesky-video": "0.3.2",
98
"@ipld/dag-cbor": "^9.2.0",
99
"@lingui/react": "^4.14.1",
···
93
"@fortawesome/free-regular-svg-icons": "^6.1.1",
94
"@fortawesome/free-solid-svg-icons": "^6.1.1",
95
"@fortawesome/react-native-fontawesome": "^0.3.2",
96
+
"@growthbook/growthbook": "^1.6.5",
97
+
"@growthbook/growthbook-react": "^1.6.5",
98
"@haileyok/bluesky-video": "0.3.2",
99
"@ipld/dag-cbor": "^9.2.0",
100
"@lingui/react": "^4.14.1",
+10
src/analytics/identifiers/session.ts
+10
src/analytics/identifiers/session.ts
···
18
return sessionId
19
}
20
21
+
/**
22
+
* Gets the current session ID. Freshness depends on `useSessionId` being
23
+
* mounted, which handles refreshing this value between foreground/background
24
+
* transitions. Since that's mounted in `analytics/index.tsx`, this value can
25
+
* generally be trusted to be up to date.
26
+
*/
27
+
export function getSessionId() {
28
+
return device.get(['nativeSessionId'])
29
+
}
30
+
31
export function useSessionId() {
32
const [id, setId] = useState(() => sessionId)
33
+10
src/analytics/identifiers/session.web.ts
+10
src/analytics/identifiers/session.web.ts
···
21
return sessionId
22
}
23
24
+
/**
25
+
* Gets the current session ID. Freshness depends on `useSessionId` being
26
+
* mounted, which handles refreshing this value between foreground/background
27
+
* transitions. Since that's mounted in `analytics/index.tsx`, this value can
28
+
* generally be trusted to be up to date.
29
+
*/
30
+
export function getSessionId() {
31
+
return window.sessionStorage.getItem(SESSION_ID_KEY)
32
+
}
33
+
34
export function useSessionId() {
35
const [id, setId] = useState(() => sessionId)
36
+20
-15
src/analytics/index.tsx
+20
-15
src/analytics/index.tsx
···
1
-
import {createContext, useContext, useEffect, useMemo} from 'react'
2
import {Platform} from 'react-native'
3
4
import {Logger} from '#/logger'
···
24
import {type Metrics, metrics} from '#/analytics/metrics'
25
import * as refParams from '#/analytics/misc/refParams'
26
import * as env from '#/env'
27
-
import {useGeolocation} from '#/geolocation'
28
import {device} from '#/storage'
29
30
export * as utils from '#/analytics/utils'
···
104
referrerSrc: refParams.src,
105
referrerUrl: refParams.url,
106
},
107
-
geolocation: device.get(['mergedGeolocation']) || {
108
countryCode: '',
109
regionCode: '',
110
},
···
137
}
138
}
139
const sessionId = useSessionId()
140
-
const geolocation = useGeolocation()
141
const parentContext = useContext(Context)
142
const childContext = useMemo(() => {
143
const combinedMetadata = {
···
181
const parentContext = useContext(Context)
182
183
/**
184
-
* Side-effect: we need to synchronously set this during the
185
-
* same render cycle. It does not trigger a re-render, it just
186
-
* sets properties on the singleton GrowthBook instance.
187
*/
188
setAttributes(parentContext.metadata)
189
-
190
-
useEffect(() => {
191
-
feats.setTrackingCallback((experiment, result) => {
192
-
parentContext.metric('experiment:viewed', {
193
-
experimentId: experiment.key,
194
-
variationId: result.key,
195
-
})
196
})
197
-
}, [parentContext.metric])
198
199
const childContext = useMemo<AnalyticsContextType>(() => {
200
return {
···
1
+
import {createContext, useContext, useMemo} from 'react'
2
import {Platform} from 'react-native'
3
4
import {Logger} from '#/logger'
···
24
import {type Metrics, metrics} from '#/analytics/metrics'
25
import * as refParams from '#/analytics/misc/refParams'
26
import * as env from '#/env'
27
+
import {useGeolocationServiceResponse} from '#/geolocation/service'
28
import {device} from '#/storage'
29
30
export * as utils from '#/analytics/utils'
···
104
referrerSrc: refParams.src,
105
referrerUrl: refParams.url,
106
},
107
+
geolocation: device.get(['geolocationServiceResponse']) || {
108
countryCode: '',
109
regionCode: '',
110
},
···
137
}
138
}
139
const sessionId = useSessionId()
140
+
const geolocation = useGeolocationServiceResponse()
141
const parentContext = useContext(Context)
142
const childContext = useMemo(() => {
143
const combinedMetadata = {
···
181
const parentContext = useContext(Context)
182
183
/**
184
+
* Side-effects: we need to synchronously set these during the same render
185
+
* cycle. These calls do not trigger re-renders, they just set properties on
186
+
* the singleton GrowthBook instance.
187
*/
188
setAttributes(parentContext.metadata)
189
+
feats.setTrackingCallback((experiment, result) => {
190
+
parentContext.metric('experiment:viewed', {
191
+
experimentId: experiment.key,
192
+
variationId: result.key,
193
+
})
194
+
})
195
+
feats.setFeatureUsageCallback((feature, result) => {
196
+
parentContext.metric('feature:viewed', {
197
+
featureId: feature,
198
+
featureResultValue: result.value,
199
+
experimentId: result.experiment?.key,
200
+
variationId: result.experimentResult?.key,
201
})
202
+
})
203
204
const childContext = useMemo<AnalyticsContextType>(() => {
205
return {
+3
-1
src/analytics/metrics/client.ts
+3
-1
src/analytics/metrics/client.ts
+8
src/analytics/metrics/types.ts
+8
src/analytics/metrics/types.ts
···
15
experimentId: string
16
variationId: string
17
}
18
+
'feature:viewed': {
19
+
featureId: string
20
+
featureResultValue: unknown
21
+
/** Only available if feature has experiment rules applied */
22
+
experimentId?: string
23
+
/** Only available if feature has experiment rules applied */
24
+
variationId?: string
25
+
}
26
27
'account:loggedIn': {
28
logContext:
+24
src/geolocation/util.ts
+24
src/geolocation/util.ts
···
3
import {IS_ANDROID} from '#/env'
4
import {logger} from '#/geolocation/logger'
5
import {type Geolocation} from '#/geolocation/types'
6
+
import {device} from '#/storage'
7
8
/**
9
* Maps full US region names to their short codes.
···
126
})
127
return geolocation
128
}
129
+
130
+
/**
131
+
* Gets the IP-based geolocation as a string in the format of
132
+
* "countryCode-regionCode", or just "countryCode" if regionCode is not
133
+
* available.
134
+
*
135
+
* IMPORTANT: this method should only return IP-based data, not the user's GPS
136
+
* based data. IP-based data we can already infer from requests, but for
137
+
* consistency between frontend and backend, we sometimes want to share the
138
+
* value we have on the frontend with the backend.
139
+
*/
140
+
export function getIPGeolocationString() {
141
+
const geo = device.get(['geolocationServiceResponse'])
142
+
if (!geo) return
143
+
const {countryCode, regionCode} = geo
144
+
if (countryCode) {
145
+
if (regionCode) {
146
+
return `${countryCode}-${regionCode}`
147
+
} else {
148
+
return countryCode
149
+
}
150
+
}
151
+
}
+12
-5
yarn.lock
+12
-5
yarn.lock
···
4592
dependencies:
4593
nanoid "^3.3.1"
4594
4595
-
"@growthbook/growthbook-react@^1.6.2":
4596
-
version "1.6.2"
4597
-
resolved "https://registry.yarnpkg.com/@growthbook/growthbook-react/-/growthbook-react-1.6.2.tgz#847135be0c46b167f980dbe6015e5f4ed010475c"
4598
-
integrity sha512-96Bo2Jwd4NBn/kBLN4ceF299PhTw8fQltRykD32hu2xMW8/LXhB8swxbPshGK+Xfa2gjgt24kpZ5oSvaVLLT7w==
4599
dependencies:
4600
-
"@growthbook/growthbook" "^1.6.2"
4601
4602
"@growthbook/growthbook@^1.6.2":
4603
version "1.6.2"
4604
resolved "https://registry.yarnpkg.com/@growthbook/growthbook/-/growthbook-1.6.2.tgz#6a25122deac8a09955f6bddeb134af62b209809b"
4605
integrity sha512-x3sK6Lff4BVusIzcdBeHZqA3B4kLs3kM/pJ7vvLTJwb6N/+Yn99EF1yc0XU6cfDVqFq6uFkvIFhMwDWUaKD73g==
4606
dependencies:
4607
dom-mutator "^0.6.0"
4608
···
4592
dependencies:
4593
nanoid "^3.3.1"
4594
4595
+
"@growthbook/growthbook-react@^1.6.5":
4596
+
version "1.6.5"
4597
+
resolved "https://registry.yarnpkg.com/@growthbook/growthbook-react/-/growthbook-react-1.6.5.tgz#e849cff64a54e56d5c566512bdc839148ae613ed"
4598
+
integrity sha512-afi/RUbwazVNKv2acn6wDQz4BJNRAEpwIuHfggQup2/aE5PLAxy3+95gjjRMgCcPR0Pf3sFmhYGvOmxLD0ZRbQ==
4599
dependencies:
4600
+
"@growthbook/growthbook" "^1.6.5"
4601
4602
"@growthbook/growthbook@^1.6.2":
4603
version "1.6.2"
4604
resolved "https://registry.yarnpkg.com/@growthbook/growthbook/-/growthbook-1.6.2.tgz#6a25122deac8a09955f6bddeb134af62b209809b"
4605
integrity sha512-x3sK6Lff4BVusIzcdBeHZqA3B4kLs3kM/pJ7vvLTJwb6N/+Yn99EF1yc0XU6cfDVqFq6uFkvIFhMwDWUaKD73g==
4606
+
dependencies:
4607
+
dom-mutator "^0.6.0"
4608
+
4609
+
"@growthbook/growthbook@^1.6.5":
4610
+
version "1.6.5"
4611
+
resolved "https://registry.yarnpkg.com/@growthbook/growthbook/-/growthbook-1.6.5.tgz#c9e2119187ee3288525a77a7c64353276f5ba91b"
4612
+
integrity sha512-mUaMsgeUTpRIUOTn33EUXHRK6j7pxBjwqH4WpQyq+pukjd1AIzWlEa6w7i6bInJUcweGgP2beXZmaP6b6UPn7A==
4613
dependencies:
4614
dom-mutator "^0.6.0"
4615