Some metrics

src/lib/hooks/useCallOnce.ts

@@ -0,0 +1,20 @@
+import {useCallback} from 'react'
+
+export enum OnceKey {
+  PreferencesThread = 'preferences:thread',
+}
+
+const called: Record<OnceKey, boolean> = {
+  [OnceKey.PreferencesThread]: false,
+}
+
+export function useCallOnce(key: OnceKey) {
+  return useCallback(
+    (cb: () => void) => {
+      if (called[key] === true) return
+      called[key] = true
+      cb()
+    },
+    [key],
+  )
+}

src/logger/metrics.ts

@@ -434,4 +434,12 @@ export type MetricEvents = {
   'share:press:dmSelected': {}
   'share:press:recentDm': {}
   'share:press:embed': {}
+
+  'thread:click:showOtherReplies': {}
+  'thread:preferences:load': {
+    [key: string]: any
+  }
+  'thread:preferences:update': {
+    [key: string]: any
+  }
 }

src/screens/PostThread/components/ThreadItemShowOtherReplies.tsx

@@ -2,6 +2,7 @@ import {View} from 'react-native'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
+import {logger} from '#/logger'
 import {atoms as a, useTheme} from '#/alf'
 import {Button} from '#/components/Button'
 import {EyeSlash_Stroke2_Corner0_Rounded as EyeSlash} from '#/components/icons/EyeSlash'
@@ -13,7 +14,12 @@ export function ThreadItemShowOtherReplies({onPress}: {onPress: () => void}) {
   const label = _(msg`Show more replies`)
 
   return (
-    <Button onPress={onPress} label={label}>
+    <Button
+      onPress={() => {
+        onPress()
+        logger.metric('thread:click:showOtherReplies', {})
+      }}
+      label={label}>
       {({hovered, pressed}) => (
         <View
           style={[

src/state/queries/preferences/useThreadPreferences.ts

@@ -2,6 +2,7 @@ import {useCallback, useMemo, useRef, useState} from 'react'
 import {type AppBskyUnspeccedGetPostThreadV2} from '@atproto/api'
 import debounce from 'lodash.debounce'
 
+import {OnceKey,useCallOnce} from '#/lib/hooks/useCallOnce'
 import {logger} from '#/logger'
 import {
   usePreferencesQuery,
@@ -31,6 +32,7 @@ export function useThreadPreferences({
 }: {save?: boolean} = {}): ThreadPreferences {
   const {data: preferences} = usePreferencesQuery()
   const serverPrefs = preferences?.threadViewPrefs
+  const once = useCallOnce(OnceKey.PreferencesThread)
 
   /*
    * Create local state representations of server state
@@ -63,6 +65,14 @@ export function useThreadPreferences({
         treeViewEnabled: !!serverPrefs.lab_treeViewEnabled,
       }),
     )
+
+    once(() => {
+      logger.metric('thread:preferences:load', {
+        sort: serverPrefs.sort,
+        view: serverPrefs.lab_treeViewEnabled ? 'tree' : 'linear',
+        prioritizeFollowedUsers: serverPrefs.prioritizeFollowedUsers,
+      })
+    })
   }
 
   const userUpdatedPrefs = useRef(false)
@@ -73,6 +83,11 @@ export function useThreadPreferences({
       try {
         setIsSaving(true)
         await mutateAsync(prefs)
+        logger.metric('thread:preferences:update', {
+          sort: prefs.sort,
+          view: prefs.lab_treeViewEnabled ? 'tree' : 'linear',
+          prioritizeFollowedUsers: prefs.prioritizeFollowedUsers,
+        })
       } catch (e) {
         logger.error('useThreadPreferences failed to save', {
           safeMessage: e,