Added support for media chat messages;

homebase-id · Nov 21, 2023 · 401ce04 · 401ce04
1 parent 76a9ded
commit 401ce04
Show file tree

Hide file tree

Showing 4 changed files with 199 additions and 48 deletions.
diff --git a/packages/chat-app/src/hooks/chat/useChatMessage.ts b/packages/chat-app/src/hooks/chat/useChatMessage.ts
@@ -14,6 +14,7 @@ import {
   updateChatMessage,
   uploadChatMessage,
 } from '../../providers/ChatProvider';
+import { NewMediaFile } from '@youfoundation/js-lib/public';
 
 export const useChatMessage = () => {
   const { getIdentity, getDotYouClient } = useDotYouClient();
@@ -24,10 +25,12 @@ export const useChatMessage = () => {
   const sendMessage = async ({
     conversationId,
     recipients,
+    files,
     message,
   }: {
     conversationId: string;
     recipients: string[];
+    files?: NewMediaFile[];
     message: string;
   }): Promise<NewDriveSearchResult<ChatMessage> | null> => {
     const newChatId = getNewId();
@@ -54,7 +57,7 @@ export const useChatMessage = () => {
       },
     };
 
-    const uploadResult = await uploadChatMessage(dotYouClient, newChat);
+    const uploadResult = await uploadChatMessage(dotYouClient, newChat, files);
     if (!uploadResult) throw new Error('Failed to send the chat message');
 
     newChat.fileId = uploadResult.file.fileId;

diff --git a/packages/chat-app/src/providers/ChatProvider.ts b/packages/chat-app/src/providers/ChatProvider.ts
@@ -1,17 +1,21 @@
 import {
   DotYouClient,
   DriveSearchResult,
+  EmbeddedThumb,
   FileMetadata,
   FileQueryParams,
   GetBatchQueryResultOptions,
   KeyHeader,
   NewDriveSearchResult,
+  PayloadFile,
   ScheduleOptions,
   SecurityGroupType,
   SendContents,
   TargetDrive,
+  ThumbnailFile,
   UploadFileMetadata,
   UploadInstructionSet,
+  createThumbnails,
   getContentFromHeaderOrPayload,
   queryBatch,
   sendCommand,
@@ -25,6 +29,7 @@ import {
   SingleConversation,
 } from './ConversationProvider';
 import { jsonStringify64 } from '@youfoundation/js-lib/helpers';
+import { NewMediaFile } from '@youfoundation/js-lib/dist';
 
 export enum ChatDeliveryStatus {
   // NotSent = 10, // NotSent is not a valid atm, when it's not sent, it doesn't "exist"
@@ -86,6 +91,8 @@ export interface ChatMessage {
   recipients: string[];
 }
 
+const CHAT_MESSAGE_PAYLOAD_KEY = 'chat_web';
+
 export const getChatMessages = async (
   dotYouClient: DotYouClient,
   conversationId: string,
@@ -150,6 +157,7 @@ export const dsrToMessage = async (
 export const uploadChatMessage = async (
   dotYouClient: DotYouClient,
   message: NewDriveSearchResult<ChatMessage>,
+  files: NewMediaFile[] | undefined,
   onVersionConflict?: () => void
 ) => {
   const messageContent = message.fileMetadata.appData.content;
@@ -170,28 +178,55 @@ export const uploadChatMessage = async (
       : undefined,
   };
 
-  const payloadJson: string = jsonStringify64({ ...messageContent, recipients: undefined });
+  const jsonContent: string = jsonStringify64({ ...messageContent, recipients: undefined });
   const uploadMetadata: UploadFileMetadata = {
     versionTag: message?.fileMetadata.versionTag,
     allowDistribution: distribute,
     appData: {
       uniqueId: messageContent.id,
       groupId: messageContent.conversationId,
       fileType: messageContent.messageType,
-      content: payloadJson,
+      content: jsonContent,
     },
     isEncrypted: true,
     accessControlList: message.serverMetadata?.accessControlList || {
       requiredSecurityGroup: SecurityGroupType.Connected,
     },
   };
 
+  const payloads: PayloadFile[] = [];
+  const thumbnails: ThumbnailFile[] = [];
+  let previewThumbnail: EmbeddedThumb | undefined;
+
+  for (let i = 0; files && i < files?.length; i++) {
+    const payloadKey = `${CHAT_MESSAGE_PAYLOAD_KEY}${i}`;
+    const newMediaFile = files[i];
+    if (newMediaFile.file.type.startsWith('video/')) {
+      throw new Error('Video is not supported yet');
+    } else {
+      const { additionalThumbnails, tinyThumb } = await createThumbnails(
+        newMediaFile.file,
+        payloadKey
+      );
+
+      thumbnails.push(...additionalThumbnails);
+      payloads.push({
+        key: payloadKey,
+        payload: newMediaFile.file,
+      });
+
+      if (!previewThumbnail) previewThumbnail = tinyThumb;
+    }
+  }
+
+  uploadMetadata.appData.previewThumbnail = previewThumbnail;
+
   return await uploadFile(
     dotYouClient,
     uploadInstructions,
     uploadMetadata,
-    undefined,
-    undefined,
+    payloads,
+    thumbnails,
     undefined,
     onVersionConflict
   );