From 75a4fb9fb2191d1c9f8e93235cebb85cd72868e2 Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 00:12:01 +0100
Subject: [PATCH 01/29] fix lint

---
 src/app/(auth)/(tabs)/camera.tsx       |  2 +-
 src/app/(auth)/(tabs)/index.tsx        | 17 ++++--
 src/app/(auth)/profile/likes/index.tsx |  2 +-
 src/app/(auth)/settings/profile.tsx    | 73 +++++++++++++++-----------
 src/app/(auth)/settings/updateBio.tsx  |  4 +-
 src/components/common/EmptyFeed.tsx    | 22 ++++----
 src/components/common/LikeButton.tsx   |  4 +-
 src/components/icons/GhostIcon.tsx     | 11 ++--
 src/components/post/FeedPost.tsx       | 47 +++++++++++------
 src/hooks/mutations/useLikeMutation.ts |  4 +-
 10 files changed, 108 insertions(+), 78 deletions(-)

diff --git a/src/app/(auth)/(tabs)/camera.tsx b/src/app/(auth)/(tabs)/camera.tsx
index 2eb25af6..a0efbf73 100644
--- a/src/app/(auth)/(tabs)/camera.tsx
+++ b/src/app/(auth)/(tabs)/camera.tsx
@@ -700,7 +700,7 @@ export default function Camera() {
                 defaultValue={curAltText}
                 onChangeText={setCurAltText}
                 placeholder="Add optional alt text to describe the media for visually impaired"
-                autoCapitalize='sentences'
+                autoCapitalize="sentences"
                 numberOfLines={3}
               />
               <YStack mt="$1" mb="$3">
diff --git a/src/app/(auth)/(tabs)/index.tsx b/src/app/(auth)/(tabs)/index.tsx
index 9d57d4c2..6a002428 100644
--- a/src/app/(auth)/(tabs)/index.tsx
+++ b/src/app/(auth)/(tabs)/index.tsx
@@ -1,5 +1,11 @@
 import { useCallback, useEffect, useState, useRef, useMemo } from 'react'
-import { FlatList, StyleSheet, ActivityIndicator, Platform, ListRenderItemInfo } from 'react-native'
+import {
+  FlatList,
+  StyleSheet,
+  ActivityIndicator,
+  Platform,
+  type ListRenderItemInfo,
+} from 'react-native'
 import { Text, View, XStack, Spinner, YStack } from 'tamagui'
 import FeedPost from 'src/components/post/FeedPost'
 import { StatusBar } from 'expo-status-bar'
@@ -34,7 +40,7 @@ import { useShareIntentContext } from 'expo-share-intent'
 import { useVideo } from 'src/hooks/useVideoProvider'
 import { useFocusEffect } from '@react-navigation/native'
 import { useUserCache } from 'src/state/AuthProvider'
-import { Status } from 'src/lib/api-types'
+import type { Status } from 'src/lib/api-types'
 
 export function ErrorBoundary(props: ErrorBoundaryProps) {
   return (
@@ -280,7 +286,8 @@ export default function HomeScreen() {
   }
 
   const renderFeed = (data: Array<Status>) => {
-    return <FlatList
+    return (
+      <FlatList
         ref={flatListRef}
         data={data}
         keyExtractor={keyExtractor}
@@ -298,6 +305,7 @@ export default function HomeScreen() {
         onEndReachedThreshold={0.5}
         ListFooterComponent={() => (isFetchingNextPage ? <ActivityIndicator /> : null)}
       />
+    )
   }
 
   return (
@@ -336,7 +344,6 @@ export default function HomeScreen() {
       </BottomSheetModal>
 
       {renderFeed(data?.pages.flatMap((page) => page.data))}
-      
     </SafeAreaView>
   )
 }
@@ -366,5 +373,5 @@ const styles = StyleSheet.create({
     textAlign: 'center',
     color: 'white',
     fontWeight: '800',
-  }
+  },
 })
diff --git a/src/app/(auth)/profile/likes/index.tsx b/src/app/(auth)/profile/likes/index.tsx
index b48b1e5f..4cbb6017 100644
--- a/src/app/(auth)/profile/likes/index.tsx
+++ b/src/app/(auth)/profile/likes/index.tsx
@@ -14,7 +14,7 @@ export default function LikesScreen() {
   useLayoutEffect(() => {
     navigation.setOptions({ title: 'My Likes', headerBackTitle: 'Back' })
   }, [navigation])
-  
+
   const user = useUserCache()
   const renderItem = useCallback(
     ({ item }) => (
diff --git a/src/app/(auth)/settings/profile.tsx b/src/app/(auth)/settings/profile.tsx
index 4d9078d1..de4155f3 100644
--- a/src/app/(auth)/settings/profile.tsx
+++ b/src/app/(auth)/settings/profile.tsx
@@ -1,4 +1,11 @@
-import { ActivityIndicator, Alert, type AlertButton, Platform, Pressable, StyleSheet } from 'react-native'
+import {
+  ActivityIndicator,
+  Alert,
+  type AlertButton,
+  Platform,
+  Pressable,
+  StyleSheet,
+} from 'react-native'
 import {
   ScrollView,
   Separator,
@@ -105,21 +112,25 @@ export default function ProfilePage() {
   }
 
   const LinkField = ({ label, value, placeholder, path }: LinkFieldProps) => (
-    <XStack px='$3' py='$3' alignItems='flex-start' justifyContent='center'>
-      <Text w='25%' fontSize='$5' color='$gray9' paddingTop="$3">
+    <XStack px="$3" py="$3" alignItems="flex-start" justifyContent="center">
+      <Text w="25%" fontSize="$5" color="$gray9" paddingTop="$3">
         {label}
       </Text>
 
       <Link href={path} asChild>
         <View
           flex={1}
-          borderColor='$gray4'
+          borderColor="$gray4"
           borderWidth={1}
-          borderRadius='$4'
-          flexDirection='row'
+          borderRadius="$4"
+          flexDirection="row"
           pressStyle={styles.pressStyle}
         >
-          <Text fontSize='$5' p='$3' style={value ? styles.fieldValue : styles.placeholder}>
+          <Text
+            fontSize="$5"
+            p="$3"
+            style={value ? styles.fieldValue : styles.placeholder}
+          >
             {value || placeholder}
           </Text>
         </View>
@@ -136,22 +147,24 @@ export default function ProfilePage() {
         }}
       />
       <ZStack flex={1}>
-        {isFetching && <ActivityIndicator style={styles.activityIndicator} color='#000'/>}
+        {isFetching && (
+          <ActivityIndicator style={styles.activityIndicator} color="#000" />
+        )}
 
         <ScrollView flexShrink={1}>
-          <XStack padding='$3' gap='$4' alignItems='center'>
-            <Avatar circular size='$10' borderWidth={1} borderColor='$gray6'>
+          <XStack padding="$3" gap="$4" alignItems="center">
+            <Avatar circular size="$10" borderWidth={1} borderColor="$gray6">
               <Avatar.Image accessibilityLabel={user?.username} src={user?.avatar} />
-              <Avatar.Fallback backgroundColor='$gray6' />
+              <Avatar.Fallback backgroundColor="$gray6" />
             </Avatar>
 
             <YStack>
               <Text style={styles.username}>@{user?.username}</Text>
               <Button
-                p='0'
+                p="0"
                 chromeless
-                color='$blue9'
-                fontWeight='bold'
+                color="$blue9"
+                fontWeight="bold"
                 onPress={() => updateProfilePhoto()}
               >
                 {user?.avatar.endsWith('default.jpg')
@@ -163,25 +176,25 @@ export default function ProfilePage() {
 
           <Separator />
 
-          <YStack gap='$0'>
+          <YStack gap="$0">
             <LinkField
-              label='Name'
+              label="Name"
               value={user?.display_name}
-              path='/settings/updateName'
-              placeholder='Real name'
+              path="/settings/updateName"
+              placeholder="Real name"
             />
             <LinkField
-              label='Bio'
+              label="Bio"
               value={user?.note_text}
-              path='settings/updateBio'
-              placeholder='Profile description'
+              path="settings/updateBio"
+              placeholder="Profile description"
             />
 
             <LinkField
-              label='Website'
+              label="Website"
               value={user?.website}
-              path='settings/updateWebsite'
-              placeholder='https://'
+              path="settings/updateWebsite"
+              placeholder="https://"
             />
           </YStack>
 
@@ -194,11 +207,11 @@ export default function ProfilePage() {
 
 const styles = StyleSheet.create({
   activityIndicator: {
-    padding: 8
+    padding: 8,
   },
   background: {
     flex: 1,
-    backgroundColor: '#fff'
+    backgroundColor: '#fff',
   },
   username: {
     fontWeight: 'bold',
@@ -206,14 +219,14 @@ const styles = StyleSheet.create({
   },
   fieldValue: {
     flex: 1,
-    flexWrap: 'wrap'
+    flexWrap: 'wrap',
   },
   placeholder: {
     flex: 1,
     flexWrap: 'wrap',
-    color: 'gray'
+    color: 'gray',
   },
   pressStyle: {
-    backgroundColor: 'rgba(0, 0, 0, 0.1)'
-  }
+    backgroundColor: 'rgba(0, 0, 0, 0.1)',
+  },
 })
diff --git a/src/app/(auth)/settings/updateBio.tsx b/src/app/(auth)/settings/updateBio.tsx
index a685b8db..7ebbee94 100644
--- a/src/app/(auth)/settings/updateBio.tsx
+++ b/src/app/(auth)/settings/updateBio.tsx
@@ -67,12 +67,12 @@ export default function Page() {
             </Text>
           </View>
         </XStack>
-        
+
         <TextArea
           value={bio}
           bg="white"
           placeholder="Add an optional bio"
-          p='0'
+          p="0"
           mx="$3"
           numberOfLines={8}
           maxLength={maxLen}
diff --git a/src/components/common/EmptyFeed.tsx b/src/components/common/EmptyFeed.tsx
index 476c6863..d6ccd3cd 100644
--- a/src/components/common/EmptyFeed.tsx
+++ b/src/components/common/EmptyFeed.tsx
@@ -7,17 +7,15 @@ const almostBlack = 'rgb(64, 64, 64)'
 export default function EmptyFeed() {
   return (
     <YStack
-      p='$4'
-      pt='$12'
-      alignContent='center'
-      justifyContent='center'
-      alignItems='center'
+      p="$4"
+      pt="$12"
+      alignContent="center"
+      justifyContent="center"
+      alignItems="center"
     >
-      <GhostIcon width={200} height={200} color={almostBlack}/>
+      <GhostIcon width={200} height={200} color={almostBlack} />
 
-      <Text style={styles.noPostsHeader}>
-        Ghosts have taken over this timeline! 
-      </Text>
+      <Text style={styles.noPostsHeader}>Ghosts have taken over this timeline!</Text>
       <Text style={styles.noPostsText}>
         Try following some accounts to get rid of them!
       </Text>
@@ -31,10 +29,10 @@ const styles = StyleSheet.create({
     fontWeight: 'bold',
     fontSize: 24,
     color: 'darkgray',
-    paddingTop: 24
+    paddingTop: 24,
   },
   noPostsText: {
     textAlign: 'center',
-    color: 'darkgray'
-  }
+    color: 'darkgray',
+  },
 })
diff --git a/src/components/common/LikeButton.tsx b/src/components/common/LikeButton.tsx
index 91a16304..6213820e 100644
--- a/src/components/common/LikeButton.tsx
+++ b/src/components/common/LikeButton.tsx
@@ -16,10 +16,10 @@ type LikeButtonProps = {
 }
 
 export default function LikeButton(props: LikeButtonProps) {
-  const likeAnimation = useSharedValue(props.hasLiked ? 1 : 0);
+  const likeAnimation = useSharedValue(props.hasLiked ? 1 : 0)
 
   useEffect(() => {
-    likeAnimation.value = withSpring<number>(props.hasLiked ? 1 : 0);
+    likeAnimation.value = withSpring<number>(props.hasLiked ? 1 : 0)
   }, [props.hasLiked])
 
   const outlineStyle = useAnimatedStyle(() => {
diff --git a/src/components/icons/GhostIcon.tsx b/src/components/icons/GhostIcon.tsx
index e9c58677..18bb52a0 100644
--- a/src/components/icons/GhostIcon.tsx
+++ b/src/components/icons/GhostIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from "react"
-import { ColorValue } from "react-native"
+import * as React from 'react'
+import type { ColorValue } from 'react-native'
 import Svg, { Path } from 'react-native-svg'
 
 // Source: https://free-icons.github.io/free-icons/
@@ -11,12 +11,7 @@ interface GhostIconProps {
 }
 
 const GhostIcon = (props: GhostIconProps) => (
-  <Svg
-    fill={props.color}
-    viewBox="0 0 512 512"
-    width={props.width}
-    height={props.height}
-  >
+  <Svg fill={props.color} viewBox="0 0 512 512" width={props.width} height={props.height}>
     <Path d="M307 506q5 6 13 6t13-6l30-33q9-10 22-11 12 0 22 9l2 2q7 7 16 7 21-2 23-23V192q-2-82-56-136T256 0q-82 2-136 56T64 192v265q2 21 23 23 9 0 16-7l2-2q10-9 22-9 13 1 22 11l30 33q5 6 13 6t13-6l27-30q10-11 24-11t24 11l27 30ZM91 462q-2 2-4 2-6-1-7-7V192q2-75 52-124 49-50 124-52 75 2 124 52 50 49 52 124v265q-1 6-7 7-2 0-4-2l-3-2q-15-14-34-14-19 1-33 16l-30 34h-2l-27-31q-15-16-36-16t-36 16l-27 31h-2l-29-34q-15-15-34-16t-34 14l-3 2Zm101-246q-22-2-24-24 2-22 24-24 22 2 24 24-2 22-24 24Zm-40-24q1 23 20 35 20 10 40 0 19-12 20-35-1-23-20-35-20-10-40 0-19 12-20 35Zm192 0q-2 22-24 24-22-2-24-24 2-22 24-24 22 2 24 24Zm-24-40q-23 1-35 20-10 20 0 40 12 19 35 20 23-1 35-20 10-20 0-40-12-19-35-20Z" />
   </Svg>
 )
diff --git a/src/components/post/FeedPost.tsx b/src/components/post/FeedPost.tsx
index 5ffb5ae3..93405999 100644
--- a/src/components/post/FeedPost.tsx
+++ b/src/components/post/FeedPost.tsx
@@ -26,7 +26,12 @@ import { Blurhash } from 'react-native-blurhash'
 import { PressableOpacity } from 'react-native-pressable-opacity'
 import VideoPlayer from './VideoPlayer'
 import { Storage } from 'src/state/cache'
-import { State, PinchGestureHandler, GestureDetector, Gesture } from 'react-native-gesture-handler'
+import {
+  State,
+  PinchGestureHandler,
+  GestureDetector,
+  Gesture,
+} from 'react-native-gesture-handler'
 import Animated, {
   runOnJS,
   type SharedValue,
@@ -40,7 +45,15 @@ import type {
   HandlerStateChangeEvent,
   PinchGestureHandlerEventPayload,
 } from 'react-native-gesture-handler'
-import type { LoginUserResponse, MediaAttachment, Status, StatusLikedBy, Tag, Timestamp, Visibility } from 'src/lib/api-types'
+import type {
+  LoginUserResponse,
+  MediaAttachment,
+  Status,
+  StatusLikedBy,
+  Tag,
+  Timestamp,
+  Visibility,
+} from 'src/lib/api-types'
 import { useLikeMutation } from 'src/hooks/mutations/useLikeMutation'
 
 const AnimatedFastImage = Animated.createAnimatedComponent(FastImage)
@@ -685,32 +698,32 @@ export default function FeedPost({
     []
   )
 
-  const [likeCount, setLikeCount] = useState(post?.favourites_count ?? 0);
-  const [hasLiked, setLiked] = useState(post.favourited ?? false);
+  const [likeCount, setLikeCount] = useState(post?.favourites_count ?? 0)
+  const [hasLiked, setLiked] = useState(post.favourited ?? false)
 
   // toggles 'hasLiked' value, updates states and calls mutation
   const handleLikeAction = () => {
-    let currentHasLiked = !hasLiked;
+    let currentHasLiked = !hasLiked
 
-    setLiked(currentHasLiked);
-    setLikeCount(currentHasLiked ? likeCount + 1 : likeCount - 1);
+    setLiked(currentHasLiked)
+    setLikeCount(currentHasLiked ? likeCount + 1 : likeCount - 1)
 
-    handleLike(post?.id, currentHasLiked);
+    handleLike(post?.id, currentHasLiked)
   }
 
   const handleDoubleTap = () => {
     // only allow liking with double tap, not unliking
     if (!hasLiked) {
-      handleLikeAction();
+      handleLikeAction()
     }
   }
 
   const doubleTap = Gesture.Tap()
-  .maxDuration(250)
-  .numberOfTaps(2)
-  .onStart(() => {
-    runOnJS(handleDoubleTap)();
-  });
+    .maxDuration(250)
+    .numberOfTaps(2)
+    .onStart(() => {
+      runOnJS(handleDoubleTap)()
+    })
 
   const _onDeletePost = (id: string) => {
     bottomSheetModalRef.current?.close()
@@ -786,7 +799,11 @@ export default function FeedPost({
       />
       <GestureDetector gesture={Gesture.Exclusive(doubleTap)}>
         {post.media_attachments?.length > 1 ? (
-          <PostAlbumMedia media={post.media_attachments} post={post} progress={progress} />
+          <PostAlbumMedia
+            media={post.media_attachments}
+            post={post}
+            progress={progress}
+          />
         ) : post.media_attachments?.length === 1 ? (
           <PostMedia media={post.media_attachments} post={post} />
         ) : null}
diff --git a/src/hooks/mutations/useLikeMutation.ts b/src/hooks/mutations/useLikeMutation.ts
index b3af501b..cd6ce479 100644
--- a/src/hooks/mutations/useLikeMutation.ts
+++ b/src/hooks/mutations/useLikeMutation.ts
@@ -26,9 +26,9 @@ export function useLikeMutation({ onSuccess }: { onSuccess?: onSuccessType } = {
   })
 
   /**
-   * handler function for 'like' mutations that occur when a post is 
+   * handler function for 'like' mutations that occur when a post is
    * liked or unliked
-   * 
+   *
    * @param id string id of the post that has been liked/unliked
    * @param liked value of the posts like status, true = 'like', false = 'unlike'
    */

From e257f2fb66873ebfc5c5308cb4a2d5b1954de8ab Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 00:12:35 +0100
Subject: [PATCH 02/29] log and present error dialog when DM chat message
 failed to send

---
 src/app/(auth)/chats/conversation/[id].tsx | 53 ++++++++++++++--------
 1 file changed, 33 insertions(+), 20 deletions(-)

diff --git a/src/app/(auth)/chats/conversation/[id].tsx b/src/app/(auth)/chats/conversation/[id].tsx
index 701143d7..58bbdd39 100644
--- a/src/app/(auth)/chats/conversation/[id].tsx
+++ b/src/app/(auth)/chats/conversation/[id].tsx
@@ -6,16 +6,13 @@ import { Stack, useLocalSearchParams, useNavigation, useRouter } from 'expo-rout
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
 import { fetchChatThread, sendChatMessage, deleteChatMessage } from 'src/lib/api'
 import { _timeAgo, enforceLen } from 'src/utils'
-import {
-  GiftedChat,
-  Bubble,
-  Send,
-  type BubbleProps,
-  type IMessage,
-} from 'react-native-gifted-chat'
+import { GiftedChat, Bubble, Send } from 'react-native-gifted-chat'
+
 import { Feather } from '@expo/vector-icons'
 import { useUserCache } from 'src/state/AuthProvider'
 
+import type { BubbleProps, IMessage } from 'react-native-gifted-chat'
+
 function renderBubble<TMessage extends IMessage>(props: BubbleProps<TMessage>) {
   return (
     <Bubble
@@ -45,20 +42,36 @@ export default function Page() {
 
   const sendMutation = useMutation({
     mutationFn: async (message) => {
-      const res = await sendChatMessage(id, message[0].text)
-      const msg = {
-        _id: res.id,
-        id: res.id,
-        createdAt: new Date(),
-        sent: true,
-        text: message[0].text,
-        user: {
-          _id: selfUser.id,
-          name: selfUser.username,
-          avatar: selfUser.avatar,
-        },
+      console.log('send message', { message, id })
+      try {
+        const res = await sendChatMessage(id, message[0].text)
+        console.log('send message - server answered:', { res })
+
+        if (typeof res.error !== undefined) {
+          throw new Error(res.error)
+        }
+
+        const msg = {
+          _id: res.id,
+          id: res.id,
+          createdAt: new Date(),
+          sent: true,
+          text: message[0].text,
+          user: {
+            _id: selfUser.id,
+            name: selfUser.username,
+            avatar: selfUser.avatar,
+          },
+        }
+        setMessages((previousMessages) => GiftedChat.append(previousMessages, msg))
+      } catch (err: any) {
+        console.log('Failed to send message', err)
+        Alert.alert('Failed to send message', err?.message || err)
       }
-      setMessages((previousMessages) => GiftedChat.append(previousMessages, msg))
+    },
+    onError: (err) => {
+      console.log('sendMutation: Failed to send message', err)
+      Alert.alert('Failed to send message', err.message)
     },
   })
 

From 557e73f53640cd9284dfcbec6ada4989af874d6e Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 00:19:23 +0100
Subject: [PATCH 03/29] introduce ApiContext (simplify/refactor api) - replace
 selfPut (was used only in editing a post - I tested it with new method and it
 still works) - and change getStatusById to get id directly - because thats
 easier to understand and type

---
 src/app/(auth)/post/[id].tsx        |  2 +-
 src/app/(auth)/post/edit/[id].tsx   |  2 +
 src/app/(auth)/post/likes/[id].tsx  |  2 +-
 src/app/(auth)/post/shares/[id].tsx |  2 +-
 src/lib/api-context.ts              | 90 +++++++++++++++++++++++++++++
 src/lib/api.ts                      | 57 ++++--------------
 src/lib/randomKey.ts                | 11 ++++
 7 files changed, 116 insertions(+), 50 deletions(-)
 create mode 100644 src/lib/api-context.ts
 create mode 100644 src/lib/randomKey.ts

diff --git a/src/app/(auth)/post/[id].tsx b/src/app/(auth)/post/[id].tsx
index 242dbea8..ef98facd 100644
--- a/src/app/(auth)/post/[id].tsx
+++ b/src/app/(auth)/post/[id].tsx
@@ -83,7 +83,7 @@ export default function Page() {
 
   const { isPending, isError, data, error } = useQuery({
     queryKey: ['getStatusById', id],
-    queryFn: getStatusById,
+    queryFn: () => getStatusById(id),
   })
   if (isPending) {
     return (
diff --git a/src/app/(auth)/post/edit/[id].tsx b/src/app/(auth)/post/edit/[id].tsx
index 4e8fe54d..2e07ce94 100644
--- a/src/app/(auth)/post/edit/[id].tsx
+++ b/src/app/(auth)/post/edit/[id].tsx
@@ -111,6 +111,8 @@ export default function Page() {
       return m.description !== ogm.description
     })
 
+    // TODO: error handling
+    // TODO: invalidate react query cache of this post so it is updated in the UI
     await Promise.all(mediaChanges.map(updateMedia))
       .then(async (res) => {
         return await putEditPost(data?.id, {
diff --git a/src/app/(auth)/post/likes/[id].tsx b/src/app/(auth)/post/likes/[id].tsx
index d9a943e7..4d1ee42d 100644
--- a/src/app/(auth)/post/likes/[id].tsx
+++ b/src/app/(auth)/post/likes/[id].tsx
@@ -35,7 +35,7 @@ export default function Page() {
 
   const { data: status } = useQuery({
     queryKey: ['getStatusById', id],
-    queryFn: getStatusById,
+    queryFn: () => getStatusById(id),
   })
 
   const statusId = status?.id
diff --git a/src/app/(auth)/post/shares/[id].tsx b/src/app/(auth)/post/shares/[id].tsx
index a77adcac..434916ac 100644
--- a/src/app/(auth)/post/shares/[id].tsx
+++ b/src/app/(auth)/post/shares/[id].tsx
@@ -35,7 +35,7 @@ export default function Page() {
 
   const { data: status } = useQuery({
     queryKey: ['getStatusById', id],
-    queryFn: getStatusById,
+    queryFn: () => getStatusById(id),
   })
 
   const statusId = status?.id
diff --git a/src/lib/api-context.ts b/src/lib/api-context.ts
new file mode 100644
index 00000000..aea23cca
--- /dev/null
+++ b/src/lib/api-context.ts
@@ -0,0 +1,90 @@
+import { Storage } from 'src/state/cache'
+import { randomKey } from './randomKey'
+
+type ApiRequestOptions = {
+  idempotency?: true
+}
+
+export class ApiContext {
+  constructor(
+    public readonly instanceHostName: string,
+    public readonly token: string
+  ) {
+    if (instanceHostName.length === 0) {
+      throw new Error('failed to create ApiContext: instance host name missing')
+    }
+    if (token.length === 0) {
+      throw new Error('failed to create ApiContext: token missing')
+    }
+  }
+
+  // TODO: private
+  async request(
+    path: string,
+    fetch_options: RequestInit,
+    options?: ApiRequestOptions
+  ): Promise<Response> {
+    const url = `https://${this.instanceHostName}/${path}`
+    fetch_options.headers = {
+      ...fetch_options.headers,
+      Accept: 'application/json',
+      Authorization: `Bearer ${this.token}`,
+      ...(options?.idempotency ? { 'Idempotency-Key': randomKey(40) } : {}),
+    }
+
+    let response = await fetch(url, fetch_options)
+    if (!response.ok) {
+      let errorResponse
+      try {
+        errorResponse = await response.json()
+        console.log('API Request Failed', { errorResponse })
+        if (
+          typeof errorResponse.error === 'undefined' ||
+          errorResponse.error.length === 0
+        ) {
+          throw new Error('request failed, but error field is empty')
+        }
+      } catch (error) {
+        console.error('API Request Failed - Failed to decode error:', error)
+        throw new Error('API Request Failed without error message')
+      }
+      throw new Error(`API Request Failed: ${errorResponse}`)
+    }
+
+    return response
+  }
+
+  /** request in json data and gets back json data */
+  async jsonRequest(
+    method: 'GET' | 'POST' | 'PUT' | 'DELETE',
+    path: string,
+    params = {}
+  ) {
+    return await (
+      await this.request(path, {
+        method,
+        body: JSON.stringify(params),
+        headers: { 'Content-Type': 'application/json' },
+      })
+    ).json()
+  }
+
+  async get(url: string) {
+    const response = await this.request(url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    })
+    return await response.json()
+  }
+}
+
+export function ContextFromStorage(): ApiContext {
+  const instance = Storage.getString('app.instance')
+  const token = Storage.getString('app.token')
+  if (!instance || !token) {
+    throw new Error('api token or instance undefined')
+  }
+  return new ApiContext(instance, token)
+}
diff --git a/src/lib/api.ts b/src/lib/api.ts
index b40f39b0..55d81e17 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -2,18 +2,8 @@ import { objectToForm } from 'src/requests'
 import { Storage } from 'src/state/cache'
 import { parseLinkHeader } from 'src/utils'
 import type { PaginatedStatus, Relationship } from './api-types'
-
-export function randomKey(length: number) {
-  let result = ''
-  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
-  const charactersLength = characters.length
-  let counter = 0
-  while (counter < length) {
-    result += characters.charAt(Math.floor(Math.random() * charactersLength))
-    counter += 1
-  }
-  return result
-}
+import { randomKey } from './randomKey'
+import { ContextFromStorage } from './api-context'
 
 function removeDuplicateObjects(array: any[], keyProps: string[]) {
   return array.filter(
@@ -59,35 +49,6 @@ export async function selfPost(
   return rawRes ? resp : resp.json()
 }
 
-export async function selfPut(
-  path: string,
-  params = {},
-  asForm = false,
-  rawRes = false,
-  idempotency = false
-) {
-  let headers: Record<string, string> = {}
-  const instance = Storage.getString('app.instance')
-  const token = Storage.getString('app.token')
-  const url = `https://${instance}/${path}`
-
-  headers['Authorization'] = `Bearer ${token}`
-  headers['Accept'] = 'application/json'
-  headers['Content-Type'] = asForm ? 'multipart/form-data' : 'application/json'
-
-  if (idempotency) {
-    headers['Idempotency-Key'] = randomKey(40)
-  }
-
-  const resp = await fetch(url, {
-    method: 'PUT',
-    body: asForm ? objectToForm(params) : JSON.stringify(params),
-    headers,
-  })
-
-  return rawRes ? resp : resp.json()
-}
-
 export async function selfDelete(
   path: string,
   params = {},
@@ -183,6 +144,8 @@ async function fetchCursorPagination(url: string) {
 }
 
 async function fetchData(url: string) {
+  console.log("deprected fetchData called", url);
+  
   const token = Storage.getString('app.token')
 
   const response = await fetch(url, {
@@ -294,10 +257,9 @@ export async function getAccountFollowing(id: string, cursor) {
   return await fetchPaginatedData(url)
 }
 
-export async function getStatusById({ queryKey }) {
-  const instance = Storage.getString('app.instance')
-  const url = `https://${instance}/api/v1/statuses/${queryKey[1]}?_pe=1`
-  return await fetchData(url)
+export async function getStatusById(id: string) {
+  const api = ContextFromStorage()
+  return await api.get(`api/v1/statuses/${id}?_pe=1`)
 }
 
 export async function getAccountById({ queryKey }) {
@@ -694,7 +656,7 @@ export async function deleteChatMessage(id: string) {
   return await selfDelete(path)
 }
 
-export async function sendChatMessage(id: string, message) {
+export async function sendChatMessage(id: string, message: string) {
   const path = `api/v1.1/direct/thread/send`
   return await selfPost(path, {
     to_id: id,
@@ -862,7 +824,8 @@ export async function getSelfBookmarks({ pageParam = false }) {
 }
 
 export async function putEditPost(id: string, params) {
-  return await selfPut(`api/v1/statuses/${id}`, params)
+  let api = ContextFromStorage()
+  return await api.jsonRequest('PUT', `api/v1/statuses/${id}`, params)
 }
 
 export async function getStoryCarousel() {
diff --git a/src/lib/randomKey.ts b/src/lib/randomKey.ts
new file mode 100644
index 00000000..161e9433
--- /dev/null
+++ b/src/lib/randomKey.ts
@@ -0,0 +1,11 @@
+export function randomKey(length: number) {
+  let result = ''
+  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
+  const charactersLength = characters.length
+  let counter = 0
+  while (counter < length) {
+    result += characters.charAt(Math.floor(Math.random() * charactersLength))
+    counter += 1
+  }
+  return result
+}

From 6299aadb81dcc6241663bf1ca46fd673436f4220 Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 00:44:23 +0100
Subject: [PATCH 04/29] api: getAccountById

---
 src/app/(auth)/profile/[id].tsx           | 5 +++--
 src/app/(auth)/profile/about/[id].tsx     | 4 ++--
 src/app/(auth)/profile/followers/[id].tsx | 4 ++--
 src/app/(auth)/profile/following/[id].tsx | 4 ++--
 src/lib/api.ts                            | 7 +++----
 src/state/AuthProvider.tsx                | 2 +-
 6 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/app/(auth)/profile/[id].tsx b/src/app/(auth)/profile/[id].tsx
index fb1e4cab..337297c4 100644
--- a/src/app/(auth)/profile/[id].tsx
+++ b/src/app/(auth)/profile/[id].tsx
@@ -48,7 +48,8 @@ const SCREEN_WIDTH = Dimensions.get('screen').width
 
 export default function ProfileScreen() {
   const navigation = useNavigation()
-  const { id, byUsername } = useLocalSearchParams()
+  // TODO: figgure out how byUsername is set or is it ever set at all?
+  const { id, byUsername } = useLocalSearchParams<{ id: string, byUsername }>()
   const queryClient = useQueryClient()
   const bottomSheetModalRef = useRef<BottomSheetModal | null>(null)
   const snapPoints = useMemo(() => ['50%', '55%'], [])
@@ -458,7 +459,7 @@ export default function ProfileScreen() {
       byUsername !== undefined && id == 0
         ? ['getAccountByUsername', byUsername]
         : ['getAccountById', id],
-    queryFn: byUsername !== undefined && id == 0 ? getAccountByUsername : getAccountById,
+    queryFn: byUsername !== undefined && id == 0 ? getAccountByUsername : () => getAccountById(id),
   })
 
   useEffect(() => {
diff --git a/src/app/(auth)/profile/about/[id].tsx b/src/app/(auth)/profile/about/[id].tsx
index 59b77e6a..d967e0fa 100644
--- a/src/app/(auth)/profile/about/[id].tsx
+++ b/src/app/(auth)/profile/about/[id].tsx
@@ -9,7 +9,7 @@ import { getAccountById, getAccountRelationship } from 'src/lib/api'
 import { formatTimestampMonthYear, formatTimestamp, getDomain } from 'src/utils'
 
 export default function ProfileScreen() {
-  const { id } = useLocalSearchParams()
+  const { id } = useLocalSearchParams<{ id: string }>()
   const router = useRouter()
 
   const {
@@ -18,7 +18,7 @@ export default function ProfileScreen() {
     isFetching: isFetchingUser,
   } = useQuery({
     queryKey: ['getAccountById', id],
-    queryFn: getAccountById,
+    queryFn: () => getAccountById(id),
   })
 
   if (userError) {
diff --git a/src/app/(auth)/profile/followers/[id].tsx b/src/app/(auth)/profile/followers/[id].tsx
index 1d2243e5..dd23f040 100644
--- a/src/app/(auth)/profile/followers/[id].tsx
+++ b/src/app/(auth)/profile/followers/[id].tsx
@@ -9,7 +9,7 @@ import UserAvatar from 'src/components/common/UserAvatar'
 import Feather from '@expo/vector-icons/Feather'
 
 export default function FollowersScreen() {
-  const { id } = useLocalSearchParams()
+  const { id } = useLocalSearchParams<{ id: string }>()
   const navigation = useNavigation()
   useLayoutEffect(() => {
     navigation.setOptions({ title: 'Followers', headerBackTitle: 'Back' })
@@ -36,7 +36,7 @@ export default function FollowersScreen() {
 
   const { data: profile } = useQuery({
     queryKey: ['getAccountById', id],
-    queryFn: getAccountById,
+    queryFn: () => getAccountById(id),
   })
 
   const profileId = profile?.id
diff --git a/src/app/(auth)/profile/following/[id].tsx b/src/app/(auth)/profile/following/[id].tsx
index d7fa2927..aac90a84 100644
--- a/src/app/(auth)/profile/following/[id].tsx
+++ b/src/app/(auth)/profile/following/[id].tsx
@@ -9,7 +9,7 @@ import UserAvatar from 'src/components/common/UserAvatar'
 import Feather from '@expo/vector-icons/Feather'
 
 export default function FollowingScreen() {
-  const { id } = useLocalSearchParams()
+  const { id } = useLocalSearchParams<{ id: string }>()
   const navigation = useNavigation()
   useLayoutEffect(() => {
     navigation.setOptions({ title: 'Following', headerBackTitle: 'Back' })
@@ -36,7 +36,7 @@ export default function FollowingScreen() {
 
   const { data: profile } = useQuery({
     queryKey: ['getAccountById', id],
-    queryFn: getAccountById,
+    queryFn: () => getAccountById(id),
   })
 
   const profileId = profile?.id
diff --git a/src/lib/api.ts b/src/lib/api.ts
index 55d81e17..4b3de90a 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -262,10 +262,9 @@ export async function getStatusById(id: string) {
   return await api.get(`api/v1/statuses/${id}?_pe=1`)
 }
 
-export async function getAccountById({ queryKey }) {
-  const instance = Storage.getString('app.instance')
-  const url = `https://${instance}/api/v1/accounts/${queryKey[1]}?_pe=1`
-  return await fetchData(url)
+export async function getAccountById(id: string) {
+  const api = ContextFromStorage()
+  return await api.get(`api/v1/accounts/${id}?_pe=1`)
 }
 
 export async function followAccountById(id: string) {
diff --git a/src/state/AuthProvider.tsx b/src/state/AuthProvider.tsx
index 5856bb82..198d828d 100644
--- a/src/state/AuthProvider.tsx
+++ b/src/state/AuthProvider.tsx
@@ -241,7 +241,7 @@ export function useQuerySelfProfile() {
     isFetchedAfterMount,
   } = useQuery<Account>({
     queryKey: ['profileById', userCache.id],
-    queryFn: getAccountById,
+    queryFn: () => getAccountById(id),
     placeholderData: userCache,
   })
 

From 246dc728619a1114ccc37aca5d76e1773e182ead Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 00:44:49 +0100
Subject: [PATCH 05/29] fix issue from last commit

---
 src/state/AuthProvider.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/state/AuthProvider.tsx b/src/state/AuthProvider.tsx
index 198d828d..1182aa04 100644
--- a/src/state/AuthProvider.tsx
+++ b/src/state/AuthProvider.tsx
@@ -241,7 +241,7 @@ export function useQuerySelfProfile() {
     isFetchedAfterMount,
   } = useQuery<Account>({
     queryKey: ['profileById', userCache.id],
-    queryFn: () => getAccountById(id),
+    queryFn: () => getAccountById(userCache.id),
     placeholderData: userCache,
   })
 

From 1cc3fe6524b5f668e93d2da9f2e4a3f53d3d66f6 Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 00:45:24 +0100
Subject: [PATCH 06/29] run biome lint

---
 src/app/(auth)/profile/[id].tsx | 7 +++++--
 src/lib/api.ts                  | 4 ++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app/(auth)/profile/[id].tsx b/src/app/(auth)/profile/[id].tsx
index 337297c4..64f7528e 100644
--- a/src/app/(auth)/profile/[id].tsx
+++ b/src/app/(auth)/profile/[id].tsx
@@ -49,7 +49,7 @@ const SCREEN_WIDTH = Dimensions.get('screen').width
 export default function ProfileScreen() {
   const navigation = useNavigation()
   // TODO: figgure out how byUsername is set or is it ever set at all?
-  const { id, byUsername } = useLocalSearchParams<{ id: string, byUsername }>()
+  const { id, byUsername } = useLocalSearchParams<{ id: string; byUsername }>()
   const queryClient = useQueryClient()
   const bottomSheetModalRef = useRef<BottomSheetModal | null>(null)
   const snapPoints = useMemo(() => ['50%', '55%'], [])
@@ -459,7 +459,10 @@ export default function ProfileScreen() {
       byUsername !== undefined && id == 0
         ? ['getAccountByUsername', byUsername]
         : ['getAccountById', id],
-    queryFn: byUsername !== undefined && id == 0 ? getAccountByUsername : () => getAccountById(id),
+    queryFn:
+      byUsername !== undefined && id == 0
+        ? getAccountByUsername
+        : () => getAccountById(id),
   })
 
   useEffect(() => {
diff --git a/src/lib/api.ts b/src/lib/api.ts
index 4b3de90a..52136f94 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -144,8 +144,8 @@ async function fetchCursorPagination(url: string) {
 }
 
 async function fetchData(url: string) {
-  console.log("deprected fetchData called", url);
-  
+  console.log('deprected fetchData called', url)
+
   const token = Storage.getString('app.token')
 
   const response = await fetch(url, {

From 8a7dc1b47503645f605a5ccf6fef41b672b36727 Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 00:59:32 +0100
Subject: [PATCH 07/29] some smaller fixes and typings

---
 src/app/(auth)/(tabs)/index.tsx | 41 +++++++++++++--------------------
 src/app/(auth)/profile/[id].tsx |  4 ++--
 2 files changed, 18 insertions(+), 27 deletions(-)

diff --git a/src/app/(auth)/(tabs)/index.tsx b/src/app/(auth)/(tabs)/index.tsx
index 6a002428..c8653d46 100644
--- a/src/app/(auth)/(tabs)/index.tsx
+++ b/src/app/(auth)/(tabs)/index.tsx
@@ -1,22 +1,10 @@
 import { useCallback, useEffect, useState, useRef, useMemo } from 'react'
-import {
-  FlatList,
-  StyleSheet,
-  ActivityIndicator,
-  Platform,
-  type ListRenderItemInfo,
-} from 'react-native'
-import { Text, View, XStack, Spinner, YStack } from 'tamagui'
+import { FlatList, StyleSheet, ActivityIndicator, Platform } from 'react-native'
+import { Text, View, XStack, Spinner } from 'tamagui'
 import FeedPost from 'src/components/post/FeedPost'
 import { StatusBar } from 'expo-status-bar'
 import { SafeAreaView } from 'react-native-safe-area-context'
-import {
-  type ErrorBoundaryProps,
-  Stack,
-  useLocalSearchParams,
-  useNavigation,
-  useRouter,
-} from 'expo-router'
+import { Stack, useLocalSearchParams, useNavigation, useRouter } from 'expo-router'
 import {
   useInfiniteQuery,
   useMutation,
@@ -40,7 +28,10 @@ import { useShareIntentContext } from 'expo-share-intent'
 import { useVideo } from 'src/hooks/useVideoProvider'
 import { useFocusEffect } from '@react-navigation/native'
 import { useUserCache } from 'src/state/AuthProvider'
+
 import type { Status } from 'src/lib/api-types'
+import type { ListRenderItemInfo } from 'react-native'
+import type { ErrorBoundaryProps } from 'expo-router'
 
 export function ErrorBoundary(props: ErrorBoundaryProps) {
   return (
@@ -159,12 +150,12 @@ export default function HomeScreen() {
 
   const keyExtractor = useCallback((item) => item?.id, [])
 
-  const onDeletePost = (id) => {
+  const onDeletePost = (id: string) => {
     deletePostMutation.mutate(id)
   }
 
   const deletePostMutation = useMutation({
-    mutationFn: async (id) => {
+    mutationFn: async (id: string) => {
       return await deleteStatusV1(id)
     },
     onSuccess: (data, variables) => {
@@ -182,16 +173,16 @@ export default function HomeScreen() {
   })
 
   const bookmarkMutation = useMutation({
-    mutationFn: async (id) => {
+    mutationFn: async (id: string) => {
       return await postBookmark(id)
     },
   })
 
-  const onBookmark = (id) => {
+  const onBookmark = (id: string) => {
     bookmarkMutation.mutate(id)
   }
 
-  const onShare = (id, state) => {
+  const onShare = (id: string, state) => {
     try {
       shareMutation.mutate({ type: state == true ? 'unreblog' : 'reblog', id: id })
     } catch (error) {
@@ -220,22 +211,22 @@ export default function HomeScreen() {
     router.push(`/post/likes/${id}`)
   }
 
-  const handleGotoProfile = (id) => {
+  const handleGotoProfile = (id: string) => {
     bottomSheetModalRef.current?.close()
     router.push(`/profile/${id}`)
   }
 
-  const handleGotoUsernameProfile = (id) => {
+  const handleGotoUsernameProfile = (username: string) => {
     bottomSheetModalRef.current?.close()
-    router.push(`/profile/0?byUsername=${id}`)
+    router.push(`/profile/0?byUsername=${username}`)
   }
 
-  const gotoHashtag = (id) => {
+  const gotoHashtag = (id: string) => {
     bottomSheetModalRef.current?.close()
     router.push(`/hashtag/${id}`)
   }
 
-  const handleCommentReport = (id) => {
+  const handleCommentReport = (id: string) => {
     bottomSheetModalRef.current?.close()
     router.push(`/post/report/${id}`)
   }
diff --git a/src/app/(auth)/profile/[id].tsx b/src/app/(auth)/profile/[id].tsx
index 64f7528e..ad70fcc9 100644
--- a/src/app/(auth)/profile/[id].tsx
+++ b/src/app/(auth)/profile/[id].tsx
@@ -456,11 +456,11 @@ export default function ProfileScreen() {
 
   const { data: user, error: userError } = useQuery({
     queryKey:
-      byUsername !== undefined && id == 0
+      byUsername !== undefined && id === '0'
         ? ['getAccountByUsername', byUsername]
         : ['getAccountById', id],
     queryFn:
-      byUsername !== undefined && id == 0
+      byUsername !== undefined && id === '0'
         ? getAccountByUsername
         : () => getAccountById(id),
   })

From d1213885130aea4b5a74ad4e1d0be4fd413c100a Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 01:06:11 +0100
Subject: [PATCH 08/29] remove `_` prefix from method names -> in js this means
 not private, but ignore unused

also fix report action when Profile screen is opened via username instead of id
---
 src/app/(auth)/profile/[id].tsx | 40 ++++++++++++++++-----------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/app/(auth)/profile/[id].tsx b/src/app/(auth)/profile/[id].tsx
index ad70fcc9..16ae126e 100644
--- a/src/app/(auth)/profile/[id].tsx
+++ b/src/app/(auth)/profile/[id].tsx
@@ -48,8 +48,7 @@ const SCREEN_WIDTH = Dimensions.get('screen').width
 
 export default function ProfileScreen() {
   const navigation = useNavigation()
-  // TODO: figgure out how byUsername is set or is it ever set at all?
-  const { id, byUsername } = useLocalSearchParams<{ id: string; byUsername }>()
+  const { id, byUsername } = useLocalSearchParams<{ id: string; byUsername?:string }>()
   const queryClient = useQueryClient()
   const bottomSheetModalRef = useRef<BottomSheetModal | null>(null)
   const snapPoints = useMemo(() => ['50%', '55%'], [])
@@ -320,7 +319,7 @@ export default function ProfileScreen() {
     bottomSheetModalRef.current?.close()
 
     if (action === 'report') {
-      router.push('/profile/report/' + id)
+      router.push('/profile/report/' + userId)
     }
 
     if (action === 'block') {
@@ -335,7 +334,7 @@ export default function ProfileScreen() {
           {
             text: 'Block',
             style: 'destructive',
-            onPress: () => _handleBlock(),
+            onPress: () => handleBlock(),
           },
         ]
       )
@@ -350,7 +349,7 @@ export default function ProfileScreen() {
         {
           text: 'Unblock',
           style: 'destructive',
-          onPress: () => _handleUnblock(),
+          onPress: () => handleUnblock(),
         },
       ])
     }
@@ -367,7 +366,7 @@ export default function ProfileScreen() {
           {
             text: 'Mute',
             style: 'destructive',
-            onPress: () => _handleMute(),
+            onPress: () => handleMute(),
           },
         ]
       )
@@ -382,7 +381,7 @@ export default function ProfileScreen() {
         {
           text: 'Unmute',
           style: 'destructive',
-          onPress: () => _handleUnmute(),
+          onPress: () => handleUnmute(),
         },
       ])
     }
@@ -414,35 +413,35 @@ export default function ProfileScreen() {
     }
   }
 
-  const _handleBlock = () => {
+  const handleBlock = () => {
     blockMutation.mutate()
   }
 
-  const _handleUnblock = () => {
+  const handleUnblock = () => {
     unblockMutation.mutate()
   }
 
-  const _handleMute = () => {
+  const handleMute = () => {
     muteMutation.mutate()
   }
 
-  const _handleUnmute = () => {
+  const handleUnmute = () => {
     unmuteMutation.mutate()
   }
 
-  const _handleFollow = () => {
+  const handleFollow = () => {
     followMutation.mutate()
   }
 
-  const _handleUnfollow = () => {
+  const handleUnfollow = () => {
     unfollowMutation.mutate()
   }
 
-  const _handleCancelFollowRequest = () => {
+  const handleCancelFollowRequest = () => {
     unfollowMutation.mutate()
   }
 
-  const _handleOnShare = async () => {
+  const handleOnShare = async () => {
     try {
       const result = await Share.share({
         message: user.url,
@@ -465,6 +464,8 @@ export default function ProfileScreen() {
         : () => getAccountById(id),
   })
 
+  const userId = user?.id
+
   useEffect(() => {
     if (user && Platform.OS == 'android') {
       navigation.setOptions({
@@ -478,7 +479,6 @@ export default function ProfileScreen() {
     }
   }, [navigation, user])
 
-  const userId = user?.id
 
   const { data: relationship, isError: relationshipError } = useQuery({
     queryKey: ['getAccountRelationship', userId],
@@ -498,10 +498,10 @@ export default function ProfileScreen() {
         profile={user}
         relationship={relationship}
         openMenu={onOpenMenu}
-        onFollow={() => _handleFollow()}
-        onUnfollow={() => _handleUnfollow()}
-        onCancelFollowRequest={() => _handleCancelFollowRequest()}
-        onShare={() => _handleOnShare()}
+        onFollow={() => handleFollow()}
+        onUnfollow={() => handleUnfollow()}
+        onCancelFollowRequest={() => handleCancelFollowRequest()}
+        onShare={() => handleOnShare()}
         mutuals={mutuals}
       />
     ),

From b5dba4844d9e4ceca750866ed3a19d07017101f6 Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 01:09:44 +0100
Subject: [PATCH 09/29] type `useLocalSearchParams`

---
 src/app/(auth)/chats/conversation/[id].tsx | 2 +-
 src/app/(auth)/hashtag/[id].tsx            | 2 +-
 src/app/(auth)/post/[id].tsx               | 2 +-
 src/app/(auth)/post/edit/[id].tsx          | 2 +-
 src/app/(auth)/post/history/[id].tsx       | 2 +-
 src/app/(auth)/post/likes/[id].tsx         | 2 +-
 src/app/(auth)/post/report/[id].tsx        | 2 +-
 src/app/(auth)/post/shares/[id].tsx        | 2 +-
 src/app/(auth)/profile/[id].tsx            | 3 +--
 src/app/(auth)/profile/report/[id].tsx     | 2 +-
 10 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/app/(auth)/chats/conversation/[id].tsx b/src/app/(auth)/chats/conversation/[id].tsx
index 58bbdd39..a0d9c7a9 100644
--- a/src/app/(auth)/chats/conversation/[id].tsx
+++ b/src/app/(auth)/chats/conversation/[id].tsx
@@ -24,7 +24,7 @@ function renderBubble<TMessage extends IMessage>(props: BubbleProps<TMessage>) {
 }
 
 export default function Page() {
-  const { id } = useLocalSearchParams()
+  const { id } = useLocalSearchParams<{ id: string }>()
   const router = useRouter()
   const queryClient = useQueryClient()
   const navigation = useNavigation()
diff --git a/src/app/(auth)/hashtag/[id].tsx b/src/app/(auth)/hashtag/[id].tsx
index 3843a567..a40e8d7c 100644
--- a/src/app/(auth)/hashtag/[id].tsx
+++ b/src/app/(auth)/hashtag/[id].tsx
@@ -54,7 +54,7 @@ const RenderItem = ({ item }) =>
   ) : null
 
 export default function Page() {
-  const { id } = useLocalSearchParams()
+  const { id } = useLocalSearchParams<{ id: string }>()
   const queryClient = useQueryClient()
 
   const RelatedTags = useCallback(
diff --git a/src/app/(auth)/post/[id].tsx b/src/app/(auth)/post/[id].tsx
index ef98facd..18e76e8b 100644
--- a/src/app/(auth)/post/[id].tsx
+++ b/src/app/(auth)/post/[id].tsx
@@ -12,7 +12,7 @@ import CommentFeed from 'src/components/post/CommentFeed'
 import { useUserCache } from 'src/state/AuthProvider'
 
 export default function Page() {
-  const { id } = useLocalSearchParams()
+  const { id } = useLocalSearchParams<{ id: string }>()
   const navigation = useNavigation()
 
   useLayoutEffect(() => {
diff --git a/src/app/(auth)/post/edit/[id].tsx b/src/app/(auth)/post/edit/[id].tsx
index 2e07ce94..3ca50908 100644
--- a/src/app/(auth)/post/edit/[id].tsx
+++ b/src/app/(auth)/post/edit/[id].tsx
@@ -63,7 +63,7 @@ const RenderItem = React.memo(({ item, onUpdateMediaAlt }) => (
 ))
 
 export default function Page() {
-  const { id } = useLocalSearchParams()
+  const { id } = useLocalSearchParams<{ id: string }>()
   const navigation = useNavigation()
   const [caption, setCaption] = useState('')
   const [isSensitive, setSensitive] = useState(false)
diff --git a/src/app/(auth)/post/history/[id].tsx b/src/app/(auth)/post/history/[id].tsx
index 2f7b9129..618e589d 100644
--- a/src/app/(auth)/post/history/[id].tsx
+++ b/src/app/(auth)/post/history/[id].tsx
@@ -9,7 +9,7 @@ import { _timeAgo, htmlToTextWithLineBreaks } from 'src/utils'
 import ReadMore from 'src/components/common/ReadMore'
 
 export default function Page() {
-  const { id } = useLocalSearchParams()
+  const { id } = useLocalSearchParams<{ id: string }>()
   const navigation = useNavigation()
 
   useLayoutEffect(() => {
diff --git a/src/app/(auth)/post/likes/[id].tsx b/src/app/(auth)/post/likes/[id].tsx
index 4d1ee42d..0e762474 100644
--- a/src/app/(auth)/post/likes/[id].tsx
+++ b/src/app/(auth)/post/likes/[id].tsx
@@ -7,7 +7,7 @@ import { getStatusById, getStatusLikes } from 'src/lib/api'
 import UserAvatar from 'src/components/common/UserAvatar'
 
 export default function Page() {
-  const { id } = useLocalSearchParams()
+  const { id } = useLocalSearchParams<{ id: string }>()
 
   const RenderItem = ({ item }) => {
     return (
diff --git a/src/app/(auth)/post/report/[id].tsx b/src/app/(auth)/post/report/[id].tsx
index ae8fd181..acd6f5cd 100644
--- a/src/app/(auth)/post/report/[id].tsx
+++ b/src/app/(auth)/post/report/[id].tsx
@@ -7,7 +7,7 @@ import { reportStatus } from 'src/lib/api'
 import { ActivityIndicator, Pressable } from 'react-native'
 
 export default function Page() {
-  const { id } = useLocalSearchParams()
+  const { id } = useLocalSearchParams<{ id: string }>()
   const router = useRouter()
 
   const reportTypes = [
diff --git a/src/app/(auth)/post/shares/[id].tsx b/src/app/(auth)/post/shares/[id].tsx
index 434916ac..88332360 100644
--- a/src/app/(auth)/post/shares/[id].tsx
+++ b/src/app/(auth)/post/shares/[id].tsx
@@ -7,7 +7,7 @@ import { getStatusById, getStatusReblogs } from 'src/lib/api'
 import UserAvatar from 'src/components/common/UserAvatar'
 
 export default function Page() {
-  const { id } = useLocalSearchParams()
+  const { id } = useLocalSearchParams<{ id: string }>()
 
   const RenderItem = ({ item }) => {
     return (
diff --git a/src/app/(auth)/profile/[id].tsx b/src/app/(auth)/profile/[id].tsx
index 16ae126e..d3e0edd3 100644
--- a/src/app/(auth)/profile/[id].tsx
+++ b/src/app/(auth)/profile/[id].tsx
@@ -48,7 +48,7 @@ const SCREEN_WIDTH = Dimensions.get('screen').width
 
 export default function ProfileScreen() {
   const navigation = useNavigation()
-  const { id, byUsername } = useLocalSearchParams<{ id: string; byUsername?:string }>()
+  const { id, byUsername } = useLocalSearchParams<{ id: string; byUsername?: string }>()
   const queryClient = useQueryClient()
   const bottomSheetModalRef = useRef<BottomSheetModal | null>(null)
   const snapPoints = useMemo(() => ['50%', '55%'], [])
@@ -479,7 +479,6 @@ export default function ProfileScreen() {
     }
   }, [navigation, user])
 
-
   const { data: relationship, isError: relationshipError } = useQuery({
     queryKey: ['getAccountRelationship', userId],
     queryFn: getAccountRelationship,
diff --git a/src/app/(auth)/profile/report/[id].tsx b/src/app/(auth)/profile/report/[id].tsx
index fc71bfa9..e718d983 100644
--- a/src/app/(auth)/profile/report/[id].tsx
+++ b/src/app/(auth)/profile/report/[id].tsx
@@ -7,7 +7,7 @@ import { reportProfile } from 'src/lib/api'
 import { ActivityIndicator, Pressable } from 'react-native'
 
 export default function Page() {
-  const { id } = useLocalSearchParams()
+  const { id } = useLocalSearchParams<{ id: string }>()
   const router = useRouter()
 
   const reportTypes = [

From 2438ddc72ce5157c1d407afef438297a988f5202 Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 01:15:08 +0100
Subject: [PATCH 10/29] commit file that I forgot to commit in last commit

---
 src/app/(auth)/admin/users/show/[id].tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(auth)/admin/users/show/[id].tsx b/src/app/(auth)/admin/users/show/[id].tsx
index ff52de90..37599156 100644
--- a/src/app/(auth)/admin/users/show/[id].tsx
+++ b/src/app/(auth)/admin/users/show/[id].tsx
@@ -11,7 +11,7 @@ import UserAvatar from 'src/components/common/UserAvatar'
 import { PressableOpacity } from 'react-native-pressable-opacity'
 
 export default function Screen() {
-  const { id } = useLocalSearchParams()
+  const { id } = useLocalSearchParams<{id:string}>()
   const router = useRouter()
   const instance = Storage.getString('app.instance')
 

From 8f485cb300db8cbaa7a40f6b7de37a3c03a7586a Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 01:31:46 +0100
Subject: [PATCH 11/29] api: `getAccountByUsername`

closes #239
---
 src/app/(auth)/admin/users/show/[id].tsx |  2 +-
 src/app/(auth)/profile/[id].tsx          | 21 +++++++++++----------
 src/lib/api.ts                           |  7 +++----
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/app/(auth)/admin/users/show/[id].tsx b/src/app/(auth)/admin/users/show/[id].tsx
index 37599156..c5a89141 100644
--- a/src/app/(auth)/admin/users/show/[id].tsx
+++ b/src/app/(auth)/admin/users/show/[id].tsx
@@ -11,7 +11,7 @@ import UserAvatar from 'src/components/common/UserAvatar'
 import { PressableOpacity } from 'react-native-pressable-opacity'
 
 export default function Screen() {
-  const { id } = useLocalSearchParams<{id:string}>()
+  const { id } = useLocalSearchParams<{ id: string }>()
   const router = useRouter()
   const instance = Storage.getString('app.instance')
 
diff --git a/src/app/(auth)/profile/[id].tsx b/src/app/(auth)/profile/[id].tsx
index d3e0edd3..f1abcd7b 100644
--- a/src/app/(auth)/profile/[id].tsx
+++ b/src/app/(auth)/profile/[id].tsx
@@ -453,16 +453,17 @@ export default function ProfileScreen() {
     }
   }
 
-  const { data: user, error: userError } = useQuery({
-    queryKey:
-      byUsername !== undefined && id === '0'
-        ? ['getAccountByUsername', byUsername]
-        : ['getAccountById', id],
-    queryFn:
-      byUsername !== undefined && id === '0'
-        ? getAccountByUsername
-        : () => getAccountById(id),
-  })
+  const { data: user, error: userError } = useQuery(
+    byUsername !== undefined && id === '0'
+      ? {
+          queryKey: ['getAccountByUsername', byUsername],
+          queryFn: () => getAccountByUsername(byUsername),
+        }
+      : {
+          queryKey: ['getAccountById', id],
+          queryFn: () => getAccountById(id),
+        }
+  )
 
   const userId = user?.id
 
diff --git a/src/lib/api.ts b/src/lib/api.ts
index 52136f94..2d892678 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -298,10 +298,9 @@ export async function reportProfile({ id, type }) {
   return await response.json()
 }
 
-export async function getAccountByUsername({ queryKey }) {
-  const instance = Storage.getString('app.instance')
-  const url = `https://${instance}/api/v1.1/accounts/username/${queryKey[1]}?_pe=1`
-  return await fetchData(url)
+export async function getAccountByUsername(username: string) {
+  const api = ContextFromStorage()
+  return await api.get(`api/v1.1/accounts/username/${username}?_pe=1`)
 }
 
 export async function getAccountStatusesById(id: string, page) {

From 4de131920f9bc895ed32779f2086c2bedd15e14d Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 01:32:20 +0100
Subject: [PATCH 12/29] add global `API` method for testing the api from the
 dev console

---
 src/lib/api-context.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/lib/api-context.ts b/src/lib/api-context.ts
index aea23cca..0a55f63f 100644
--- a/src/lib/api-context.ts
+++ b/src/lib/api-context.ts
@@ -88,3 +88,6 @@ export function ContextFromStorage(): ApiContext {
   }
   return new ApiContext(instance, token)
 }
+
+// For debugging
+(global as any).API = ContextFromStorage()
\ No newline at end of file

From 19fcf6eedc8c65d1f4e85bb2b069b4ce82704c3c Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 02:13:20 +0100
Subject: [PATCH 13/29] detect account not found error

---
 src/lib/api.ts | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/lib/api.ts b/src/lib/api.ts
index 2d892678..b0c3ee89 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -1,7 +1,7 @@
 import { objectToForm } from 'src/requests'
 import { Storage } from 'src/state/cache'
 import { parseLinkHeader } from 'src/utils'
-import type { PaginatedStatus, Relationship } from './api-types'
+import type { Account, PaginatedStatus, Relationship } from './api-types'
 import { randomKey } from './randomKey'
 import { ContextFromStorage } from './api-context'
 
@@ -298,9 +298,13 @@ export async function reportProfile({ id, type }) {
   return await response.json()
 }
 
-export async function getAccountByUsername(username: string) {
+export async function getAccountByUsername(username: string): Promise<Account> {
   const api = ContextFromStorage()
-  return await api.get(`api/v1.1/accounts/username/${username}?_pe=1`)
+  let account = await api.get(`api/v1.1/accounts/username/${username}?_pe=1`)
+  if (Array.isArray(account) && account.length === 0) {
+    throw new Error(`Account "${username}" not found`)
+  }
+  return account
 }
 
 export async function getAccountStatusesById(id: string, page) {

From 66fddfb25e21666e5c202a5393679e6570343a8e Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 02:14:01 +0100
Subject: [PATCH 14/29] display error and offer a button to search for the
 username instead

---
 src/app/(auth)/profile/[id].tsx | 28 ++++++++++++++++++++++++++++
 src/app/(auth)/search/index.tsx |  7 +++++--
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/src/app/(auth)/profile/[id].tsx b/src/app/(auth)/profile/[id].tsx
index f1abcd7b..950effb8 100644
--- a/src/app/(auth)/profile/[id].tsx
+++ b/src/app/(auth)/profile/[id].tsx
@@ -548,6 +548,34 @@ export default function ProfileScreen() {
     enabled: !!userId,
   })
 
+  if (userError) {
+    return (
+      <SafeAreaView edges={['top']}>
+        <Stack.Screen
+          options={{
+            headerShown: true,
+            title: byUsername || id,
+            headerBackTitle: 'Back',
+          }}
+        />
+        <View style={{ flexGrow: 1, justifyContent: 'center', alignItems: 'center' }}>
+          <Text fontSize="$8">{userError.message}</Text>
+          {byUsername && (
+            <Button
+              bg="$blue9"
+              size="$5"
+              color="white"
+              marginBlockStart="$5"
+              onPress={() =>
+                router.push({ pathname: '/search', params: { initialQuery: byUsername } })
+              }
+            >{`Search for ${byUsername}`}</Button>
+          )}
+        </View>
+      </SafeAreaView>
+    )
+  }
+
   if (status !== 'success' || (isFetching && !isFetchingNextPage)) {
     return (
       <SafeAreaView edges={['top']}>
diff --git a/src/app/(auth)/search/index.tsx b/src/app/(auth)/search/index.tsx
index 321406c1..46d632e6 100644
--- a/src/app/(auth)/search/index.tsx
+++ b/src/app/(auth)/search/index.tsx
@@ -1,4 +1,4 @@
-import { Link, Stack } from 'expo-router'
+import { Link, Stack, useLocalSearchParams } from 'expo-router'
 import { FlatList, ActivityIndicator, Keyboard, Pressable } from 'react-native'
 import { SafeAreaView } from 'react-native-safe-area-context'
 import { Text, View, YStack, Input, XStack } from 'tamagui'
@@ -13,7 +13,10 @@ import ReadMore from '../../../components/common/ReadMore'
 import { formatTimestampMonthYear, postCountLabel } from '../../../utils'
 
 export default function SearchScreen() {
-  const [query, setQuery] = useState('')
+  const { initialQuery } = useLocalSearchParams<{ initialQuery?: string }>()
+  console.log('i', { initialQuery })
+
+  const [query, setQuery] = useState(initialQuery || '')
 
   const { data, isLoading, isError, error, isFetching } = useQuery({
     queryKey: ['search', query],

From 9d07d4d623b96d1cc8a2483604f178389ba6ada1 Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 02:14:08 +0100
Subject: [PATCH 15/29] fix lint

---
 src/lib/api-context.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/lib/api-context.ts b/src/lib/api-context.ts
index 0a55f63f..e4ed013c 100644
--- a/src/lib/api-context.ts
+++ b/src/lib/api-context.ts
@@ -88,6 +88,5 @@ export function ContextFromStorage(): ApiContext {
   }
   return new ApiContext(instance, token)
 }
-
 // For debugging
-(global as any).API = ContextFromStorage()
\ No newline at end of file
+;(global as any).API = ContextFromStorage()

From 3006435320d8ca2be48b8bfef01e6dc96ec1b15f Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 14:06:42 +0100
Subject: [PATCH 16/29] remove log line that we don't need anymore, because we
 know the code works until that point

---
 src/app/(auth)/chats/conversation/[id].tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/app/(auth)/chats/conversation/[id].tsx b/src/app/(auth)/chats/conversation/[id].tsx
index a0d9c7a9..00f7e50f 100644
--- a/src/app/(auth)/chats/conversation/[id].tsx
+++ b/src/app/(auth)/chats/conversation/[id].tsx
@@ -42,7 +42,6 @@ export default function Page() {
 
   const sendMutation = useMutation({
     mutationFn: async (message) => {
-      console.log('send message', { message, id })
       try {
         const res = await sendChatMessage(id, message[0].text)
         console.log('send message - server answered:', { res })

From 884e75d4f75cb2a0cb738c3c5adb55e7968aa20e Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 15:49:02 +0100
Subject: [PATCH 17/29] api: convert getAccountStatusesById to ApiContext and
 type it

---
 src/app/(auth)/(tabs)/profile.tsx |  5 ++++-
 src/lib/api-context.ts            | 29 ++++++++++++++++++++++-------
 src/lib/api-types.d.ts            | 12 ++++++------
 src/lib/api.ts                    | 27 ++++++++++++++++++++++-----
 4 files changed, 54 insertions(+), 19 deletions(-)

diff --git a/src/app/(auth)/(tabs)/profile.tsx b/src/app/(auth)/(tabs)/profile.tsx
index 267eb09d..f376b2d9 100644
--- a/src/app/(auth)/(tabs)/profile.tsx
+++ b/src/app/(auth)/(tabs)/profile.tsx
@@ -40,7 +40,10 @@ export default function ProfileScreen() {
   } = useInfiniteQuery({
     queryKey: ['statusesById', userId],
     queryFn: async ({ pageParam }) => {
-      const data = await getAccountStatusesById(userId, pageParam)
+      if (!userId) {
+        throw new Error('getAccountStatusesById: user id missing')
+      }
+      const data = await getAccountStatusesById(userId, { max_id: pageParam })
       return data.filter((p) => {
         return (
           ['photo', 'photo:album', 'video'].includes(p.pf_type) &&
diff --git a/src/lib/api-context.ts b/src/lib/api-context.ts
index e4ed013c..2f968177 100644
--- a/src/lib/api-context.ts
+++ b/src/lib/api-context.ts
@@ -3,6 +3,7 @@ import { randomKey } from './randomKey'
 
 type ApiRequestOptions = {
   idempotency?: true
+  searchParams?: Record<string, string | number | boolean>
 }
 
 export class ApiContext {
@@ -24,7 +25,17 @@ export class ApiContext {
     fetch_options: RequestInit,
     options?: ApiRequestOptions
   ): Promise<Response> {
-    const url = `https://${this.instanceHostName}/${path}`
+    const url = new URL(`${path}`, `https://${this.instanceHostName}`)
+
+    if (options?.searchParams) {
+      let { searchParams } = options
+      for (const key in searchParams) {
+        if (Object.prototype.hasOwnProperty.call(searchParams, key)) {
+          url.searchParams.append(key, String(searchParams[key]))
+        }
+      }
+    }
+
     fetch_options.headers = {
       ...fetch_options.headers,
       Accept: 'application/json',
@@ -69,13 +80,17 @@ export class ApiContext {
     ).json()
   }
 
-  async get(url: string) {
-    const response = await this.request(url, {
-      method: 'GET',
-      headers: {
-        'Content-Type': 'application/json',
+  async get(url: string, searchParams: ApiRequestOptions['searchParams'] = {}) {
+    const response = await this.request(
+      url,
+      {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
       },
-    })
+      { searchParams }
+    )
     return await response.json()
   }
 }
diff --git a/src/lib/api-types.d.ts b/src/lib/api-types.d.ts
index f9fa2b8c..951ae6fd 100644
--- a/src/lib/api-types.d.ts
+++ b/src/lib/api-types.d.ts
@@ -207,12 +207,12 @@ export type Status = {
 }
 
 export type StatusLikedBy = {
-  id: string,
-  others: boolean,
-  total_count: number,
-  total_count_pretty: number,
-  url: string,
-  username: string,
+  id: string
+  others: boolean
+  total_count: number
+  total_count_pretty: number
+  url: string
+  username: string
 }
 
 /* ========================== Infinite query types ========================== */
diff --git a/src/lib/api.ts b/src/lib/api.ts
index b0c3ee89..958b3070 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -1,7 +1,7 @@
 import { objectToForm } from 'src/requests'
 import { Storage } from 'src/state/cache'
 import { parseLinkHeader } from 'src/utils'
-import type { Account, PaginatedStatus, Relationship } from './api-types'
+import type { Account, PaginatedStatus, Relationship, Status } from './api-types'
 import { randomKey } from './randomKey'
 import { ContextFromStorage } from './api-context'
 
@@ -307,10 +307,27 @@ export async function getAccountByUsername(username: string): Promise<Account> {
   return account
 }
 
-export async function getAccountStatusesById(id: string, page) {
-  const instance = Storage.getString('app.instance')
-  const url = `https://${instance}/api/v1/accounts/${id}/statuses?_pe=1&limit=24&max_id=${page}`
-  return await fetchData(url)
+interface getAccountStatusesByIdParameters {
+  // https://github.com/pixelfed/pixelfed/blob/fa4474bc38d64b1d96272f9d45e90289020fcb11/app/Http/Controllers/Api/ApiV1Controller.php#L699
+  only_media?: true
+  pinned?: true
+  exclude_replies?: true
+  media_type?: 'photo' | 'video'
+  limit?: number
+  max_id?: number
+  since_id?: number
+  min_id?: number
+}
+
+export async function getAccountStatusesById(
+  id: string,
+  parameters: getAccountStatusesByIdParameters
+):Promise<Status[]> {
+  const api = ContextFromStorage()
+  return await api.get(`api/v1/accounts/${id}/statuses`, {
+    _pe: 1, // todo document what _pe means
+    ...parameters,
+  })
 }
 
 export async function getHashtagByName({ queryKey }) {

From fc87be0f585310e2f3fccbb2310d51699a4eb58a Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 15:50:13 +0100
Subject: [PATCH 18/29] ui: make profile tab content fill whole screen when
 there are not enough images (the scroll area was cuting off in the middle of
 the screen)

---
 src/app/(auth)/(tabs)/profile.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(auth)/(tabs)/profile.tsx b/src/app/(auth)/(tabs)/profile.tsx
index f376b2d9..8e9b4042 100644
--- a/src/app/(auth)/(tabs)/profile.tsx
+++ b/src/app/(auth)/(tabs)/profile.tsx
@@ -100,7 +100,7 @@ export default function ProfileScreen() {
     ) : null
 
   return (
-    <SafeAreaView edges={['top']}>
+    <SafeAreaView edges={['top']} style={{ flexGrow: 1 }}>
       {isFetching && <ActivityIndicator color={'#000'} />}
       <FlatList
         data={feed?.pages.flat()}

From 6ea05a56bec7e83b04ea93caac3aabbe074a9da8 Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 15:50:57 +0100
Subject: [PATCH 19/29] fix fmt

---
 src/lib/api.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/api.ts b/src/lib/api.ts
index 958b3070..e1da09fb 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -322,7 +322,7 @@ interface getAccountStatusesByIdParameters {
 export async function getAccountStatusesById(
   id: string,
   parameters: getAccountStatusesByIdParameters
-):Promise<Status[]> {
+): Promise<Status[]> {
   const api = ContextFromStorage()
   return await api.get(`api/v1/accounts/${id}/statuses`, {
     _pe: 1, // todo document what _pe means

From dcda86380ca18fb91312715778b45ec092b2c0a0 Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 15:58:42 +0100
Subject: [PATCH 20/29] type `reportProfile` api params and
 `profile/report/[id]`

---
 src/app/(auth)/profile/report/[id].tsx | 12 +++++++-----
 src/lib/api.ts                         |  4 +++-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/app/(auth)/profile/report/[id].tsx b/src/app/(auth)/profile/report/[id].tsx
index e718d983..c91714dd 100644
--- a/src/app/(auth)/profile/report/[id].tsx
+++ b/src/app/(auth)/profile/report/[id].tsx
@@ -3,14 +3,16 @@ import { SafeAreaView } from 'react-native-safe-area-context'
 import { ScrollView, Text, View, XStack, YStack } from 'tamagui'
 import { Feather } from '@expo/vector-icons'
 import { useMutation } from '@tanstack/react-query'
-import { reportProfile } from 'src/lib/api'
+import { type NewReport, reportProfile } from 'src/lib/api'
 import { ActivityIndicator, Pressable } from 'react-native'
 
 export default function Page() {
   const { id } = useLocalSearchParams<{ id: string }>()
   const router = useRouter()
 
-  const reportTypes = [
+  type ReportType = { name: string; title: string }
+
+  const reportTypes: ReportType[] = [
     { name: 'spam', title: "It's spam" },
     { name: 'sensitive', title: 'Nudity or sexual activity' },
     { name: 'abusive', title: 'Bullying or harassment' },
@@ -22,7 +24,7 @@ export default function Page() {
     { name: 'terrorism', title: 'Terrorism or terrorism-related content' },
   ]
 
-  const RenderOption = ({ title, name }) => (
+  const RenderOption = ({ title, name }: ReportType) => (
     <Pressable onPress={() => handleAction(name)}>
       <XStack
         px="$5"
@@ -39,12 +41,12 @@ export default function Page() {
     </Pressable>
   )
 
-  const handleAction = (type) => {
+  const handleAction = (type: string) => {
     mutation.mutate({ id: id, type: type })
   }
 
   const mutation = useMutation({
-    mutationFn: (newReport) => {
+    mutationFn: (newReport: NewReport) => {
       return reportProfile(newReport)
     },
     onSuccess: (data, variables, context) => {
diff --git a/src/lib/api.ts b/src/lib/api.ts
index e1da09fb..7daac5b8 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -277,7 +277,9 @@ export async function unfollowAccountById(id: string) {
   return await selfPost(path)
 }
 
-export async function reportProfile({ id, type }) {
+export type NewReport = { id: string; type: string }
+
+export async function reportProfile({ id, type }: NewReport) {
   const instance = Storage.getString('app.instance')
   const token = Storage.getString('app.token')
 

From 8efbe565b2aff590522411f1540d93381a915fc8 Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 16:10:15 +0100
Subject: [PATCH 21/29] use API context in: reportProfile, reportStatus

---
 src/lib/api-context.ts |  7 ++++---
 src/lib/api.ts         | 45 +++++++++++-------------------------------
 2 files changed, 16 insertions(+), 36 deletions(-)

diff --git a/src/lib/api-context.ts b/src/lib/api-context.ts
index 2f968177..a8e26250 100644
--- a/src/lib/api-context.ts
+++ b/src/lib/api-context.ts
@@ -69,14 +69,15 @@ export class ApiContext {
   async jsonRequest(
     method: 'GET' | 'POST' | 'PUT' | 'DELETE',
     path: string,
-    params = {}
+    data = {},
+    searchParams: ApiRequestOptions['searchParams'] = {}
   ) {
     return await (
       await this.request(path, {
         method,
-        body: JSON.stringify(params),
+        body: JSON.stringify(data),
         headers: { 'Content-Type': 'application/json' },
-      })
+      }, {searchParams})
     ).json()
   }
 
diff --git a/src/lib/api.ts b/src/lib/api.ts
index 7daac5b8..caf55689 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -280,26 +280,26 @@ export async function unfollowAccountById(id: string) {
 export type NewReport = { id: string; type: string }
 
 export async function reportProfile({ id, type }: NewReport) {
-  const instance = Storage.getString('app.instance')
-  const token = Storage.getString('app.token')
-
-  const params = new URLSearchParams({
+  const api = ContextFromStorage()
+  const response = await api.jsonRequest("POST", "api/v1.1/report", {}, {
     report_type: type,
     object_type: 'user',
     object_id: id,
   })
-  const url = `https://${instance}/api/v1.1/report?${params}`
-  const response = await fetch(url, {
-    method: 'post',
-    headers: new Headers({
-      Authorization: `Bearer ${token}`,
-      Accept: 'application/json',
-      'Content-Type': 'application/json',
-    }),
+  return await response.json()
+}
+
+export async function reportStatus({ id, type }: NewReport) {
+  const api = ContextFromStorage()
+  const response = await api.jsonRequest("POST", "api/v1.1/report", {}, {
+    report_type: type,
+    object_type: 'post',
+    object_id: id,
   })
   return await response.json()
 }
 
+
 export async function getAccountByUsername(username: string): Promise<Account> {
   const api = ContextFromStorage()
   let account = await api.get(`api/v1.1/accounts/username/${username}?_pe=1`)
@@ -508,27 +508,6 @@ export async function unreblogStatus({ id }: { id: string }) {
   return await selfPost(`api/v1/statuses/${id}/unreblog`)
 }
 
-export async function reportStatus({ id, type }) {
-  const instance = Storage.getString('app.instance')
-  const token = Storage.getString('app.token')
-
-  const params = new URLSearchParams({
-    report_type: type,
-    object_type: 'post',
-    object_id: id,
-  })
-  const url = `https://${instance}/api/v1.1/report?${params}`
-  const response = await fetch(url, {
-    method: 'post',
-    headers: new Headers({
-      Authorization: `Bearer ${token}`,
-      Accept: 'application/json',
-      'Content-Type': 'application/json',
-    }),
-  })
-  return await response.json()
-}
-
 export async function deleteStatus({ id }: { id: string }) {
   const instance = Storage.getString('app.instance')
   const token = Storage.getString('app.token')

From b7d6882877bd50d67f97d132806ff4f1e2b80367 Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 16:28:23 +0100
Subject: [PATCH 22/29] unify reportStatus and reportProfile and redoce some
 more code duplication

---
 src/app/(auth)/post/report/[id].tsx    | 28 +++++++++-----------------
 src/app/(auth)/profile/report/[id].tsx | 17 ++--------------
 src/lib/api-context.ts                 | 14 ++++++++-----
 src/lib/api.ts                         | 23 ++++++---------------
 src/lib/reportTypes.ts                 | 13 ++++++++++++
 5 files changed, 40 insertions(+), 55 deletions(-)
 create mode 100644 src/lib/reportTypes.ts

diff --git a/src/app/(auth)/post/report/[id].tsx b/src/app/(auth)/post/report/[id].tsx
index acd6f5cd..29f81386 100644
--- a/src/app/(auth)/post/report/[id].tsx
+++ b/src/app/(auth)/post/report/[id].tsx
@@ -3,26 +3,18 @@ import { SafeAreaView } from 'react-native-safe-area-context'
 import { ScrollView, Text, XStack, YStack } from 'tamagui'
 import { Feather } from '@expo/vector-icons'
 import { useMutation } from '@tanstack/react-query'
-import { reportStatus } from 'src/lib/api'
+import { report } from 'src/lib/api'
 import { ActivityIndicator, Pressable } from 'react-native'
+import { reportTypes } from 'src/lib/reportTypes'
+
+import type { NewReport } from 'src/lib/api'
+import type { ReportType } from 'src/lib/reportTypes'
 
 export default function Page() {
   const { id } = useLocalSearchParams<{ id: string }>()
   const router = useRouter()
 
-  const reportTypes = [
-    { name: 'spam', title: "It's spam" },
-    { name: 'sensitive', title: 'Nudity or sexual activity' },
-    { name: 'abusive', title: 'Bullying or harassment' },
-    { name: 'underage', title: 'I think this account is underage' },
-    { name: 'violence', title: 'Violence or dangerous organizations' },
-    { name: 'copyright', title: 'Copyright infringement' },
-    { name: 'impersonation', title: 'Impersonation' },
-    { name: 'scam', title: 'Scam or fraud' },
-    { name: 'terrorism', title: 'Terrorism or terrorism-related content' },
-  ]
-
-  const RenderOption = ({ title, name }) => (
+  const RenderOption = ({ title, name }: ReportType) => (
     <Pressable onPress={() => handleAction(name)}>
       <XStack
         px="$5"
@@ -39,13 +31,13 @@ export default function Page() {
     </Pressable>
   )
 
-  const handleAction = (type) => {
-    mutation.mutate({ id: id, type: type })
+  const handleAction = (type: string) => {
+    mutation.mutate({ object_id: id, object_type: 'post', report_type: type })
   }
 
   const mutation = useMutation({
-    mutationFn: (newReport) => {
-      return reportStatus(newReport)
+    mutationFn: (newReport: NewReport) => {
+      return report(newReport)
     },
     onSuccess: (data, variables, context) => {
       router.replace('/post/report/sent')
diff --git a/src/app/(auth)/profile/report/[id].tsx b/src/app/(auth)/profile/report/[id].tsx
index c91714dd..108adec1 100644
--- a/src/app/(auth)/profile/report/[id].tsx
+++ b/src/app/(auth)/profile/report/[id].tsx
@@ -5,25 +5,12 @@ import { Feather } from '@expo/vector-icons'
 import { useMutation } from '@tanstack/react-query'
 import { type NewReport, reportProfile } from 'src/lib/api'
 import { ActivityIndicator, Pressable } from 'react-native'
+import { type ReportType, reportTypes } from 'src/lib/reportTypes'
 
 export default function Page() {
   const { id } = useLocalSearchParams<{ id: string }>()
   const router = useRouter()
 
-  type ReportType = { name: string; title: string }
-
-  const reportTypes: ReportType[] = [
-    { name: 'spam', title: "It's spam" },
-    { name: 'sensitive', title: 'Nudity or sexual activity' },
-    { name: 'abusive', title: 'Bullying or harassment' },
-    { name: 'underage', title: 'I think this account is underage' },
-    { name: 'violence', title: 'Violence or dangerous organizations' },
-    { name: 'copyright', title: 'Copyright infringement' },
-    { name: 'impersonation', title: 'Impersonation' },
-    { name: 'scam', title: 'Scam or fraud' },
-    { name: 'terrorism', title: 'Terrorism or terrorism-related content' },
-  ]
-
   const RenderOption = ({ title, name }: ReportType) => (
     <Pressable onPress={() => handleAction(name)}>
       <XStack
@@ -42,7 +29,7 @@ export default function Page() {
   )
 
   const handleAction = (type: string) => {
-    mutation.mutate({ id: id, type: type })
+    mutation.mutate({ object_id: id, object_type: 'user', report_type: type })
   }
 
   const mutation = useMutation({
diff --git a/src/lib/api-context.ts b/src/lib/api-context.ts
index a8e26250..c9cee943 100644
--- a/src/lib/api-context.ts
+++ b/src/lib/api-context.ts
@@ -73,11 +73,15 @@ export class ApiContext {
     searchParams: ApiRequestOptions['searchParams'] = {}
   ) {
     return await (
-      await this.request(path, {
-        method,
-        body: JSON.stringify(data),
-        headers: { 'Content-Type': 'application/json' },
-      }, {searchParams})
+      await this.request(
+        path,
+        {
+          method,
+          body: JSON.stringify(data),
+          headers: { 'Content-Type': 'application/json' },
+        },
+        { searchParams }
+      )
     ).json()
   }
 
diff --git a/src/lib/api.ts b/src/lib/api.ts
index caf55689..03b20e8d 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -277,29 +277,18 @@ export async function unfollowAccountById(id: string) {
   return await selfPost(path)
 }
 
-export type NewReport = { id: string; type: string }
-
-export async function reportProfile({ id, type }: NewReport) {
-  const api = ContextFromStorage()
-  const response = await api.jsonRequest("POST", "api/v1.1/report", {}, {
-    report_type: type,
-    object_type: 'user',
-    object_id: id,
-  })
-  return await response.json()
+export type NewReport = {
+  object_id: string
+  report_type: string
+  object_type: 'user' | 'post'
 }
 
-export async function reportStatus({ id, type }: NewReport) {
+export async function report(report: NewReport) {
   const api = ContextFromStorage()
-  const response = await api.jsonRequest("POST", "api/v1.1/report", {}, {
-    report_type: type,
-    object_type: 'post',
-    object_id: id,
-  })
+  const response = await api.jsonRequest('POST', 'api/v1.1/report', {}, report)
   return await response.json()
 }
 
-
 export async function getAccountByUsername(username: string): Promise<Account> {
   const api = ContextFromStorage()
   let account = await api.get(`api/v1.1/accounts/username/${username}?_pe=1`)
diff --git a/src/lib/reportTypes.ts b/src/lib/reportTypes.ts
new file mode 100644
index 00000000..b4b573f0
--- /dev/null
+++ b/src/lib/reportTypes.ts
@@ -0,0 +1,13 @@
+export type ReportType = { name: string; title: string }
+
+export const reportTypes: ReportType[] = [
+  { name: 'spam', title: "It's spam" },
+  { name: 'sensitive', title: 'Nudity or sexual activity' },
+  { name: 'abusive', title: 'Bullying or harassment' },
+  { name: 'underage', title: 'I think this account is underage' },
+  { name: 'violence', title: 'Violence or dangerous organizations' },
+  { name: 'copyright', title: 'Copyright infringement' },
+  { name: 'impersonation', title: 'Impersonation' },
+  { name: 'scam', title: 'Scam or fraud' },
+  { name: 'terrorism', title: 'Terrorism or terrorism-related content' },
+]

From 8517e93f35b963386e1cbc18d4a042ee9357de12 Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 16:38:51 +0100
Subject: [PATCH 23/29] fix error message extraction in ApiContext

---
 src/lib/api-context.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/lib/api-context.ts b/src/lib/api-context.ts
index c9cee943..a8258753 100644
--- a/src/lib/api-context.ts
+++ b/src/lib/api-context.ts
@@ -49,6 +49,10 @@ export class ApiContext {
       try {
         errorResponse = await response.json()
         console.log('API Request Failed', { errorResponse })
+        if (errorResponse.error_code) {
+          throw new Error(`${errorResponse.error_code}: ${errorResponse.msg}`)
+        }
+
         if (
           typeof errorResponse.error === 'undefined' ||
           errorResponse.error.length === 0

From 649bf2461676a8a23134cfb91188a62b97f153ef Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 16:58:54 +0100
Subject: [PATCH 24/29] add error alert on failed report and Fix error
 ectraction from api result again

---
 src/app/(auth)/post/report/[id].tsx    |  5 ++++-
 src/app/(auth)/profile/report/[id].tsx | 14 ++++++++++----
 src/lib/api-context.ts                 | 18 ++++++++++--------
 3 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/src/app/(auth)/post/report/[id].tsx b/src/app/(auth)/post/report/[id].tsx
index 29f81386..a8847971 100644
--- a/src/app/(auth)/post/report/[id].tsx
+++ b/src/app/(auth)/post/report/[id].tsx
@@ -4,7 +4,7 @@ import { ScrollView, Text, XStack, YStack } from 'tamagui'
 import { Feather } from '@expo/vector-icons'
 import { useMutation } from '@tanstack/react-query'
 import { report } from 'src/lib/api'
-import { ActivityIndicator, Pressable } from 'react-native'
+import { ActivityIndicator, Alert, Pressable } from 'react-native'
 import { reportTypes } from 'src/lib/reportTypes'
 
 import type { NewReport } from 'src/lib/api'
@@ -42,6 +42,9 @@ export default function Page() {
     onSuccess: (data, variables, context) => {
       router.replace('/post/report/sent')
     },
+    onError: (err) => {
+      Alert.alert("Report Failed", err.message)
+    },
   })
 
   return (
diff --git a/src/app/(auth)/profile/report/[id].tsx b/src/app/(auth)/profile/report/[id].tsx
index 108adec1..eecafa5e 100644
--- a/src/app/(auth)/profile/report/[id].tsx
+++ b/src/app/(auth)/profile/report/[id].tsx
@@ -3,9 +3,12 @@ import { SafeAreaView } from 'react-native-safe-area-context'
 import { ScrollView, Text, View, XStack, YStack } from 'tamagui'
 import { Feather } from '@expo/vector-icons'
 import { useMutation } from '@tanstack/react-query'
-import { type NewReport, reportProfile } from 'src/lib/api'
-import { ActivityIndicator, Pressable } from 'react-native'
-import { type ReportType, reportTypes } from 'src/lib/reportTypes'
+import { report } from 'src/lib/api'
+import { ActivityIndicator, Alert, Pressable } from 'react-native'
+import { reportTypes } from 'src/lib/reportTypes'
+
+import type { NewReport } from 'src/lib/api'
+import type { ReportType } from 'src/lib/reportTypes'
 
 export default function Page() {
   const { id } = useLocalSearchParams<{ id: string }>()
@@ -34,11 +37,14 @@ export default function Page() {
 
   const mutation = useMutation({
     mutationFn: (newReport: NewReport) => {
-      return reportProfile(newReport)
+      return report(newReport)
     },
     onSuccess: (data, variables, context) => {
       router.replace('/profile/report/sent')
     },
+    onError: (err) => {
+      Alert.alert("Report Failed", err.message)
+    },
   })
 
   return (
diff --git a/src/lib/api-context.ts b/src/lib/api-context.ts
index a8258753..b1b97eef 100644
--- a/src/lib/api-context.ts
+++ b/src/lib/api-context.ts
@@ -48,14 +48,10 @@ export class ApiContext {
       let errorResponse
       try {
         errorResponse = await response.json()
-        console.log('API Request Failed', { errorResponse })
-        if (errorResponse.error_code) {
-          throw new Error(`${errorResponse.error_code}: ${errorResponse.msg}`)
-        }
-
+        console.warn('API Request Failed', { errorResponse })
         if (
-          typeof errorResponse.error === 'undefined' ||
-          errorResponse.error.length === 0
+          !errorResponse.error_code &&
+          (typeof errorResponse.error === 'undefined' || errorResponse.error.length === 0)
         ) {
           throw new Error('request failed, but error field is empty')
         }
@@ -63,7 +59,13 @@ export class ApiContext {
         console.error('API Request Failed - Failed to decode error:', error)
         throw new Error('API Request Failed without error message')
       }
-      throw new Error(`API Request Failed: ${errorResponse}`)
+      if (errorResponse.error_code) {
+        throw new Error(
+          `API Request Failed: ${errorResponse.error_code}: ${errorResponse.msg}`
+        )
+      } else {
+        throw new Error(`API Request Failed: ${errorResponse.error}`)
+      }
     }
 
     return response

From 40ac0758598f46433eac063c90ef5d52a890e9cf Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 16:59:16 +0100
Subject: [PATCH 25/29] fix fmt

---
 src/app/(auth)/post/report/[id].tsx    | 2 +-
 src/app/(auth)/profile/report/[id].tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/(auth)/post/report/[id].tsx b/src/app/(auth)/post/report/[id].tsx
index a8847971..0077709d 100644
--- a/src/app/(auth)/post/report/[id].tsx
+++ b/src/app/(auth)/post/report/[id].tsx
@@ -43,7 +43,7 @@ export default function Page() {
       router.replace('/post/report/sent')
     },
     onError: (err) => {
-      Alert.alert("Report Failed", err.message)
+      Alert.alert('Report Failed', err.message)
     },
   })
 
diff --git a/src/app/(auth)/profile/report/[id].tsx b/src/app/(auth)/profile/report/[id].tsx
index eecafa5e..a2648d50 100644
--- a/src/app/(auth)/profile/report/[id].tsx
+++ b/src/app/(auth)/profile/report/[id].tsx
@@ -43,7 +43,7 @@ export default function Page() {
       router.replace('/profile/report/sent')
     },
     onError: (err) => {
-      Alert.alert("Report Failed", err.message)
+      Alert.alert('Report Failed', err.message)
     },
   })
 

From 8409fc54e5338767ebdc7e1082d8683cf5e9b59e Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 17:03:14 +0100
Subject: [PATCH 26/29] log more of the error to console

---
 src/app/(auth)/chats/conversation/[id].tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(auth)/chats/conversation/[id].tsx b/src/app/(auth)/chats/conversation/[id].tsx
index 00f7e50f..f33b50b6 100644
--- a/src/app/(auth)/chats/conversation/[id].tsx
+++ b/src/app/(auth)/chats/conversation/[id].tsx
@@ -64,7 +64,7 @@ export default function Page() {
         }
         setMessages((previousMessages) => GiftedChat.append(previousMessages, msg))
       } catch (err: any) {
-        console.log('Failed to send message', err)
+        console.log('Failed to send message', err, err?.msg || err?.message)
         Alert.alert('Failed to send message', err?.message || err)
       }
     },

From 9150c200307b9bf4bb375905fde3fb5d877f26db Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 17:24:41 +0100
Subject: [PATCH 27/29] api: followAccountById, unfollowAccountById

---
 src/lib/api-types.d.ts | 21 +++++++++++++++++----
 src/lib/api.ts         | 14 +++++++-------
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/src/lib/api-types.d.ts b/src/lib/api-types.d.ts
index 951ae6fd..8805829c 100644
--- a/src/lib/api-types.d.ts
+++ b/src/lib/api-types.d.ts
@@ -100,16 +100,29 @@ export type Relationship = {
   blocking: boolean
   domain_blocking
   endorsed: boolean
-  followed_by?
-  following
+  followed_by?: boolean
+  following: boolean
   following_since
   id
-  muting
+  muting: boolean
   muting_notifications
-  requested
+  requested: boolean
   showing_reblogs
 }
 
+export type RelationshipFromFollowAPIResponse = {
+  blocking: boolean
+  domain_blocking: any | null
+  endorsed: boolean
+  followed_by?: boolean
+  following: boolean
+  id: string
+  muting: boolean
+  muting_notifications: any | null
+  requested: boolean
+  showing_reblogs: any | null
+}
+
 export type Account = {
   /** value is username */
   acct: string
diff --git a/src/lib/api.ts b/src/lib/api.ts
index 03b20e8d..dbbdd48a 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -1,7 +1,7 @@
 import { objectToForm } from 'src/requests'
 import { Storage } from 'src/state/cache'
 import { parseLinkHeader } from 'src/utils'
-import type { Account, PaginatedStatus, Relationship, Status } from './api-types'
+import type { Account, PaginatedStatus, Relationship, RelationshipFromFollowAPIResponse, Status } from './api-types'
 import { randomKey } from './randomKey'
 import { ContextFromStorage } from './api-context'
 
@@ -267,14 +267,14 @@ export async function getAccountById(id: string) {
   return await api.get(`api/v1/accounts/${id}?_pe=1`)
 }
 
-export async function followAccountById(id: string) {
-  let path = `api/v1/accounts/${id}/follow`
-  return await selfPost(path)
+export async function followAccountById(id: string):Promise<RelationshipFromFollowAPIResponse> {
+  const api = ContextFromStorage()
+  return await api.jsonRequest('POST',`api/v1/accounts/${id}/follow`)
 }
 
-export async function unfollowAccountById(id: string) {
-  let path = `api/v1/accounts/${id}/unfollow`
-  return await selfPost(path)
+export async function unfollowAccountById(id: string):Promise<RelationshipFromFollowAPIResponse> {
+  const api = ContextFromStorage()
+  return await api.jsonRequest('POST',`api/v1/accounts/${id}/unfollow`)
 }
 
 export type NewReport = {

From 5a068d8db1ce709ca33c21a48c8245211396a57a Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Mon, 27 Jan 2025 17:38:59 +0100
Subject: [PATCH 28/29] fix some lint issues

---
 src/app/(auth)/chats/conversation/[id].tsx |  2 +-
 src/app/(auth)/search/index.tsx            |  1 -
 src/lib/api-context.ts                     |  3 +--
 src/lib/api.ts                             | 27 +++++++++++++++-------
 4 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/app/(auth)/chats/conversation/[id].tsx b/src/app/(auth)/chats/conversation/[id].tsx
index f33b50b6..ca71c860 100644
--- a/src/app/(auth)/chats/conversation/[id].tsx
+++ b/src/app/(auth)/chats/conversation/[id].tsx
@@ -46,7 +46,7 @@ export default function Page() {
         const res = await sendChatMessage(id, message[0].text)
         console.log('send message - server answered:', { res })
 
-        if (typeof res.error !== undefined) {
+        if (typeof res.error !== 'undefined') {
           throw new Error(res.error)
         }
 
diff --git a/src/app/(auth)/search/index.tsx b/src/app/(auth)/search/index.tsx
index 46d632e6..93783929 100644
--- a/src/app/(auth)/search/index.tsx
+++ b/src/app/(auth)/search/index.tsx
@@ -14,7 +14,6 @@ import { formatTimestampMonthYear, postCountLabel } from '../../../utils'
 
 export default function SearchScreen() {
   const { initialQuery } = useLocalSearchParams<{ initialQuery?: string }>()
-  console.log('i', { initialQuery })
 
   const [query, setQuery] = useState(initialQuery || '')
 
diff --git a/src/lib/api-context.ts b/src/lib/api-context.ts
index b1b97eef..8d7d3317 100644
--- a/src/lib/api-context.ts
+++ b/src/lib/api-context.ts
@@ -63,9 +63,8 @@ export class ApiContext {
         throw new Error(
           `API Request Failed: ${errorResponse.error_code}: ${errorResponse.msg}`
         )
-      } else {
-        throw new Error(`API Request Failed: ${errorResponse.error}`)
       }
+      throw new Error(`API Request Failed: ${errorResponse.error}`)
     }
 
     return response
diff --git a/src/lib/api.ts b/src/lib/api.ts
index dbbdd48a..ca7f80c0 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -1,7 +1,13 @@
 import { objectToForm } from 'src/requests'
 import { Storage } from 'src/state/cache'
 import { parseLinkHeader } from 'src/utils'
-import type { Account, PaginatedStatus, Relationship, RelationshipFromFollowAPIResponse, Status } from './api-types'
+import type {
+  Account,
+  PaginatedStatus,
+  Relationship,
+  RelationshipFromFollowAPIResponse,
+  Status,
+} from './api-types'
 import { randomKey } from './randomKey'
 import { ContextFromStorage } from './api-context'
 
@@ -267,14 +273,18 @@ export async function getAccountById(id: string) {
   return await api.get(`api/v1/accounts/${id}?_pe=1`)
 }
 
-export async function followAccountById(id: string):Promise<RelationshipFromFollowAPIResponse> {
+export async function followAccountById(
+  id: string
+): Promise<RelationshipFromFollowAPIResponse> {
   const api = ContextFromStorage()
-  return await api.jsonRequest('POST',`api/v1/accounts/${id}/follow`)
+  return await api.jsonRequest('POST', `api/v1/accounts/${id}/follow`)
 }
 
-export async function unfollowAccountById(id: string):Promise<RelationshipFromFollowAPIResponse> {
+export async function unfollowAccountById(
+  id: string
+): Promise<RelationshipFromFollowAPIResponse> {
   const api = ContextFromStorage()
-  return await api.jsonRequest('POST',`api/v1/accounts/${id}/unfollow`)
+  return await api.jsonRequest('POST', `api/v1/accounts/${id}/unfollow`)
 }
 
 export type NewReport = {
@@ -576,9 +586,10 @@ export async function getFollowRequests() {
 }
 
 export async function getSelfAccount() {
-  const instance = Storage.getString('app.instance')
-  let url = `https://${instance}/api/v1/accounts/verify_credentials?_pe=1`
-  return await fetchData(url)
+  const api = ContextFromStorage()
+  return await api.get('api/v1/accounts/verify_credentials', {
+    _pe: 1, // todo document what _pe means
+  })
 }
 
 export async function updateCredentials(data) {

From 5fcac80381772d3d1c415891d9239e27edc6d24f Mon Sep 17 00:00:00 2001
From: Simon Laux <mobile.info@simonlaux.de>
Date: Tue, 28 Jan 2025 23:22:20 +0100
Subject: [PATCH 29/29] fix login problem

---
 src/lib/api-context.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/lib/api-context.ts b/src/lib/api-context.ts
index 8d7d3317..48807248 100644
--- a/src/lib/api-context.ts
+++ b/src/lib/api-context.ts
@@ -113,5 +113,6 @@ export function ContextFromStorage(): ApiContext {
   }
   return new ApiContext(instance, token)
 }
+
 // For debugging
-;(global as any).API = ContextFromStorage()
+;(global as any).API = ContextFromStorage