logging

packages/mobile/src/components/Chat/ChatDetail.tsx

@@ -90,6 +90,7 @@ import { tryJsonParse } from '@homebase-id/js-lib/helpers';
 import { EmptyChatContainer } from './EmptyChatContainer';
 import { getPlainTextFromRichText } from 'homebase-id-app-common';
 import { ImageSource } from '../../provider/image/RNImageProvider';
+import { ErrorNotification } from '../ui/Alert/ErrorNotification';
 
 export type ChatMessageIMessage = IMessage & HomebaseFile<ChatMessage>;
 
@@ -1138,7 +1139,7 @@ const RenderBubble = memo(
 );
 
 const RenderReplyMessageView = memo((props: BubbleProps<ChatMessageIMessage>) => {
-  const { data: replyMessage } = useChatMessage({
+  const { data: replyMessage, error } = useChatMessage({
     conversationId: props.currentMessage?.fileMetadata.appData.groupId,
     messageId: props.currentMessage?.fileMetadata.appData.content.replyId,
   }).get;
@@ -1160,6 +1161,7 @@ const RenderReplyMessageView = memo((props: BubbleProps<ChatMessageIMessage>) =>
           },
         ]}
       >
+        <ErrorNotification error={error} onlyLogging={true} />
         <View style={chatStyles.replyText}>
           {replyMessage ? (
             <>

packages/mobile/src/components/Feed/MainContent/SocialFeed.tsx

@@ -23,6 +23,8 @@ import {
   PostEmojiPickerModalMethods,
 } from '../Interacts/Reactions/PostEmojiPickerModal';
 
+import { ErrorNotification } from '../../ui/Alert/ErrorNotification';
+
 const PAGE_SIZE = 10;
 
 const SocialFeedMainContent = memo(() => {
@@ -33,6 +35,7 @@ const SocialFeedMainContent = memo(() => {
     fetchNextPage,
     isFetchingNextPage,
     refetch: refreshFeed,
+    error,
   } = useSocialFeed({ pageSize: PAGE_SIZE }).fetchAll;
 
   // Flatten all pages, sorted descending and slice on the max number expected
@@ -127,6 +130,7 @@ const SocialFeedMainContent = memo(() => {
 
   return (
     <>
+      <ErrorNotification error={error} />
       <Host>
         <Animated.FlatList
           ref={scrollRef}

packages/mobile/src/components/ui/Alert/ErrorNotification.tsx

@@ -1,14 +1,20 @@
 import { useEffect } from 'react';
 import { useErrors } from '../../../hooks/errors/useErrors';
 
-export const ErrorNotification = ({ error }: { error: Error | unknown }) => {
+export const ErrorNotification = ({
+  error,
+  onlyLogging,
+}: {
+  error: Error | unknown;
+  onlyLogging?: boolean;
+}) => {
   const addError = useErrors().add;
 
   useEffect(() => {
     if (error) {
-      addError(error);
+      addError(error, undefined, undefined, onlyLogging);
     }
-  }, [addError, error]);
+  }, [addError, error, onlyLogging]);
 
   return <></>;
 };

packages/mobile/src/hooks/errors/useErrors.tsx

@@ -5,6 +5,7 @@ import {
   getKnownOdinErrorMessages,
   getOdinErrorDetails,
 } from '@homebase-id/js-lib/core';
+import { addLogs } from '../../provider/log/logger';
 
 export interface Error {
   type: 'warning' | 'critical';
@@ -17,7 +18,8 @@ export const addError = (
   queryClient: QueryClient,
   error: unknown,
   title?: string,
-  message?: string
+  message?: string,
+  onlyLogging?: boolean
 ) => {
   const currentErrors = queryClient.getQueryData<Error[]>(['errors']);
   const knownErrorMessage = getKnownOdinErrorMessages(error);
@@ -35,6 +37,8 @@ export const addError = (
     details,
   };
 
+  addLogs(newError);
+  if (onlyLogging) return;
   const updatedErrors = [...(currentErrors || []), newError];
   queryClient.setQueryData(['errors'], updatedErrors);
 };
@@ -46,12 +50,11 @@ export const useErrors = () => {
     fetch: useQuery({
       queryKey: ['errors'],
       queryFn: () => [] as Error[],
-
       gcTime: Infinity,
       staleTime: Infinity,
     }),
-    add: (error: unknown, title?: string, message?: string) =>
-      addError(queryClient, error, title, message),
+    add: (error: unknown, title?: string, message?: string, onlyLogging?: boolean) =>
+      addError(queryClient, error, title, message, onlyLogging),
     dismiss: (error: Error) => {
       const currentErrors = queryClient.getQueryData<Error[]>(['errors']);
       const updatedErrors = currentErrors?.filter((e) => e !== error);

packages/mobile/src/hooks/feed/useSocialFeed.ts

@@ -111,8 +111,8 @@ export const useSocialFeed = ({ pageSize = 10 }: { pageSize: number }) => {
       queryFn: ({ pageParam }) => fetchAll({ pageParam }),
       getNextPageParam: (lastPage) =>
         lastPage &&
-        lastPage?.results?.length >= 1 &&
-        (lastPage?.cursorState || lastPage?.ownerCursorState)
+          lastPage?.results?.length >= 1 &&
+          (lastPage?.cursorState || lastPage?.ownerCursorState)
           ? { cursorState: lastPage.cursorState, ownerCursorState: lastPage.ownerCursorState }
           : undefined,
       refetchOnMount: false,

packages/mobile/src/pages/profile/profile-page.tsx

@@ -4,6 +4,7 @@ import {
   ActivityIndicator,
   Alert,
   ScrollView,
+  Share,
   StyleProp,
   TouchableOpacity,
   ViewStyle,
@@ -18,6 +19,7 @@ import { Container } from '../../components/ui/Container/Container';
 import {
   AddressBook,
   Download,
+  Gear,
   Logout,
   People,
   RecycleBin,
@@ -30,6 +32,8 @@ import { useAuthenticatedPushNotification } from '../../hooks/push-notification/
 
 import { ProfileInfo } from '../../components/Profile/ProfileInfo';
 import { t } from 'homebase-id-app-common';
+import { getLogs } from '../../provider/log/logger';
+import Toast from 'react-native-toast-message';
 
 type SettingsProps = NativeStackScreenProps<ProfileStackParamList, 'Overview'>;
 
@@ -212,6 +216,38 @@ export const ProfilePage = (_props: SettingsProps) => {
             </Text>
             {logoutPending ? <ActivityIndicator style={{ marginLeft: 'auto' }} /> : null}
           </TouchableOpacity>
+          <TouchableOpacity
+            onPress={async () => {
+              const path = await getLogs();
+              if (!path) {
+                Toast.show({
+                  type: 'info',
+                  text1: 'No Logs recorded',
+                  position: 'bottom',
+                });
+                return;
+              }
+              Share.share({
+                url: path,
+              });
+            }}
+            style={{
+              display: 'flex',
+              flexDirection: 'row',
+              alignItems: 'center',
+              paddingVertical: 12,
+              width: '100%',
+            }}
+          >
+            <Gear size={'lg'} />
+            <Text
+              style={{
+                marginLeft: 16,
+              }}
+            >
+              Share Debug Logs
+            </Text>
+          </TouchableOpacity>
           <TouchableOpacity
             onPress={() => {
               Alert.alert(

packages/mobile/src/provider/log/logger.tsx

@@ -1,13 +1,19 @@
 import { appendFile, CachesDirectoryPath, exists, writeFile } from 'react-native-fs';
 import { Error } from '../../hooks/errors/useErrors';
 
-const fileName = 'homebase-id-app-logs.txt';
+const path = `${CachesDirectoryPath}/homebase-id-app-logs.txt`;
 
 export async function addLogs(error: Error) {
-  const path = `${CachesDirectoryPath}/${fileName}`;
   const err = `${new Date().toISOString()}: ${error.title} - ${error.message}\n Details: ${JSON.stringify(error.details)}\n\n`;
   if (!(await exists(path))) {
     return writeFile(path, err);
   }
   return appendFile(path, err);
 }
+
+export async function getLogs() {
+  if (await exists(path)) {
+    return `file://${path}`;
+  }
+  return;
+}