Merge pull request #472 from TaggiD-Inc/poc-video

[POC] PoC Video

1 files changed, 114 insertions, 7 deletions

diff --git a/src/services/MomentService.ts b/src/services/MomentService.ts
index b837585a..0c93876a 100644
--- a/src/services/MomentService.ts
+++ b/src/services/MomentService.ts
@@ -5,12 +5,17 @@ import {
   MOMENTTAG_ENDPOINT,
   MOMENT_TAGS_ENDPOINT,
   MOMENT_THUMBNAIL_ENDPOINT,
+  PRESIGNED_URL_ENDPOINT,
+  TAGG_CUSTOMER_SUPPORT,
 } from '../constants';
-import {MomentPostType, MomentTagType} from '../types';
+import {
+  ERROR_SOMETHING_WENT_WRONG,
+  ERROR_SOMETHING_WENT_WRONG_REFRESH,
+} from '../constants/strings';
+import {MomentPostType, MomentTagType, PresignedURLResponse} from '../types';
 import {checkImageUploadStatus} from '../utils';
 
 export const postMoment = async (
-  fileName: string,
   uri: string,
   caption: string,
   category: string,
@@ -18,13 +23,10 @@ export const postMoment = async (
 ) => {
   try {
     const request = new FormData();
-    //Manipulating filename to end with .jpg instead of .heic
-    if (fileName.endsWith('.heic') || fileName.endsWith('.HEIC')) {
-      fileName = fileName.split('.')[0] + '.jpg';
-    }
+
     request.append('image', {
       uri: uri,
-      name: fileName,
+      name: 'moment.jpg',
       type: 'image/jpg',
     });
     request.append('moment', category);
@@ -208,3 +210,108 @@ export const deleteMomentTag = async (moment_tag_id: string) => {
     return false;
   }
 };
+/**
+ * This function makes a request to the server in order to provide the client with a presigned URL.
+ * This is called first, in order for the client to directly upload a file to S3
+ * @param value: string | undefined
+ * @returns a PresignedURLResponse object
+ */
+export const handlePresignedURL = async (momentCategory: string) => {
+  try {
+    // TODO: just a random filename for video poc, we should not need to once complete
+    const randHash = Math.random().toString(36).substring(7);
+    const filename = `pc_${randHash}.mov`;
+    const token = await AsyncStorage.getItem('token');
+    const response = await fetch(PRESIGNED_URL_ENDPOINT, {
+      method: 'POST',
+      headers: {
+        Authorization: 'Token ' + token,
+      },
+      body: JSON.stringify({
+        filename,
+        category: momentCategory,
+      }),
+    });
+    const status = response.status;
+    let data: PresignedURLResponse = await response.json();
+    if (status === 200) {
+      return data;
+    } else {
+      if (status === 404) {
+        console.log(
+          `Please make sure that the email / username entered is registered with us. You may contact our customer support at ${TAGG_CUSTOMER_SUPPORT}`,
+        );
+      } else {
+        console.log(ERROR_SOMETHING_WENT_WRONG_REFRESH);
+      }
+      console.log(response);
+    }
+  } catch (error) {
+    console.log(error);
+    console.log(ERROR_SOMETHING_WENT_WRONG);
+  }
+};
+/**
+ * This util function takes in the file object and the PresignedURLResponse object, creates form data from the latter,
+ * and makes a post request to the presigned URL, sending the file object inside of the form data.
+ * @param filePath: the path to the file, including filename
+ * @param urlObj  PresignedURLResponse | undefined
+ * @returns responseURL or boolean
+ */
+export const handleVideoUpload = async (
+  filePath: string,
+  urlObj: PresignedURLResponse | undefined,
+) => {
+  try {
+    if (urlObj === null || urlObj === undefined) {
+      console.log('Invalid urlObj');
+      return false;
+    }
+    const form = new FormData();
+    form.append('key', urlObj.response_url.fields.key);
+    form.append(
+      'x-amz-algorithm',
+      urlObj.response_url.fields['x-amz-algorithm'],
+    );
+    form.append(
+      'x-amz-credential',
+      urlObj.response_url.fields['x-amz-credential'],
+    );
+    form.append('x-amz-date', urlObj.response_url.fields['x-amz-date']);
+    form.append('policy', urlObj.response_url.fields.policy);
+    form.append(
+      'x-amz-signature',
+      urlObj.response_url.fields['x-amz-signature'],
+    );
+    form.append('file', {
+      uri: filePath,
+      // other types such as 'quicktime' 'image' etc exist, and we can programmatically type this, but for now sticking with simple 'video'
+      type: 'video',
+      name: urlObj.response_url.fields.key,
+    });
+    const response = await fetch(urlObj.response_url.url, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'multipart/form-data',
+      },
+      body: form,
+    });
+    const status = response.status;
+    if (status === 200 || status === 204) {
+      console.log('complete');
+      return true;
+    } else {
+      if (status === 404) {
+        console.log(
+          `Please make sure that the email / username entered is registered with us. You may contact our customer support at ${TAGG_CUSTOMER_SUPPORT}`,
+        );
+      } else {
+        console.log(ERROR_SOMETHING_WENT_WRONG_REFRESH);
+      }
+    }
+  } catch (error) {
+    console.log(error);
+    console.log(ERROR_SOMETHING_WENT_WRONG);
+  }
+  return false;
+};