verdnatura-mirror/Rocket.Chat.ReactNative
verdnatura-mirror
/
Rocket.Chat.ReactNative
mirror of https://github.com/RocketChat/Rocket.Chat.ReactNative
2
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

fix upload progress

This commit is contained in:
Diego Mello 2024-05-17 15:29:56 -03:00
parent 2b18d276c4
commit 0f731976c0
1 changed files with 87 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

139
app/lib/methods/sendFileMessage.ts
View File

@ -9,12 +9,7 @@ import { Encryption } from '../encryption';
import { IUpload, IUser, TUploadModel } from '../../definitions'; import { IUpload, IUser, TUploadModel } from '../../definitions';
import i18n from '../../i18n'; import i18n from '../../i18n';
import database from '../database'; import database from '../database';
import FileUpload from './helpers/fileUpload';
import { IFileUpload } from './helpers/fileUpload/interfaces';
import log from './helpers/log'; import log from './helpers/log';
import { E2E_MESSAGE_TYPE } from '../constants';
import { store } from '../store/auxStore';
import { compareServerVersion } from './helpers';
const uploadQueue: { [index: string]: StatefulPromise<FetchBlobResponse> } = {}; const uploadQueue: { [index: string]: StatefulPromise<FetchBlobResponse> } = {};
@ -60,11 +55,12 @@ const createUploadRecord = async ({
const db = database.active; const db = database.active;
const uploadsCollection = db.get('uploads'); const uploadsCollection = db.get('uploads');
const uploadPath = getUploadPath(fileInfo.path, rid); const uploadPath = getUploadPath(fileInfo.path, rid);
let uploadRecord: TUploadModel; let uploadRecord: TUploadModel | null = null;
try { try {
uploadRecord = await uploadsCollection.find(uploadPath); uploadRecord = await uploadsCollection.find(uploadPath);
if (uploadRecord.id && !isForceTryAgain) { if (uploadRecord.id && !isForceTryAgain) {
return Alert.alert(i18n.t('FileUpload_Error'), i18n.t('Upload_in_progress')); Alert.alert(i18n.t('FileUpload_Error'), i18n.t('Upload_in_progress'));
return [null, null];
} }
} catch (error) { } catch (error) {
try { try {
@ -84,6 +80,7 @@ const createUploadRecord = async ({
throw e; throw e;
} }
} }
return [uploadPath, uploadRecord] as const;
}; };
export function sendFileMessage( export function sendFileMessage(
@ -94,14 +91,15 @@ export function sendFileMessage(
user: Partial<Pick<IUser, 'id' | 'token'>>, user: Partial<Pick<IUser, 'id' | 'token'>>,
isForceTryAgain?: boolean isForceTryAgain?: boolean
): Promise<FetchBlobResponse | void> { ): Promise<FetchBlobResponse | void> {
console.log('🚀 ~ rid: string, fileInfo, tmid, server,', rid, fileInfo, tmid, server);
return new Promise(async (resolve, reject) => { return new Promise(async (resolve, reject) => {
try { try {
const { id, token } = user; const { id, token } = user;
fileInfo.rid = rid; fileInfo.rid = rid;
fileInfo.path = fileInfo.path.startsWith('file://') ? fileInfo.path.substring(7) : fileInfo.path; fileInfo.path = fileInfo.path.startsWith('file://') ? fileInfo.path.substring(7) : fileInfo.path;
await createUploadRecord({ rid, fileInfo, tmid, isForceTryAgain }); const [uploadPath, uploadRecord] = await createUploadRecord({ rid, fileInfo, tmid, isForceTryAgain });
if (!uploadPath || !uploadRecord) {
return;
}
const encryptedFileInfo = await Encryption.encryptFile(rid, fileInfo); const encryptedFileInfo = await Encryption.encryptFile(rid, fileInfo);
const { encryptedFile, getContent } = encryptedFileInfo; const { encryptedFile, getContent } = encryptedFileInfo;
@ -112,7 +110,7 @@ export function sendFileMessage(
'X-User-Id': id 'X-User-Id': id
}; };
try { const db = database.active;
const data = [ const data = [
{ {
name: 'file', name: 'file',
@ -121,13 +119,19 @@ export function sendFileMessage(
data: RNFetchBlob.wrap(decodeURI(encryptedFile)) data: RNFetchBlob.wrap(decodeURI(encryptedFile))
} }
]; ];
const response = await RNFetchBlob.fetch('POST', `${server}/api/v1/rooms.media/${rid}`, headers, data);
uploadQueue[uploadPath] = RNFetchBlob.fetch('POST', `${server}/api/v1/rooms.media/${rid}`, headers, data);
uploadQueue[uploadPath].then(async response => {
// If response is all good...
if (response.respInfo.status >= 200 && response.respInfo.status < 400) {
try {
const json = response.json(); const json = response.json();
let content; let content;
if (getContent) { if (getContent) {
content = await getContent(json.file._id, json.file.url); content = await getContent(json.file._id, json.file.url);
} }
const mediaConfirm = await fetch(`${server}/api/v1/rooms.mediaConfirm/${rid}/${json.file._id}`, { await fetch(`${server}/api/v1/rooms.mediaConfirm/${rid}/${json.file._id}`, {
method: 'POST', method: 'POST',
headers: { headers: {
...headers, ...headers,
@ -141,73 +145,56 @@ export function sendFileMessage(
content content
}) })
}); });
console.log('🚀 ~ returnnewPromise ~ mediaConfirm :', mediaConfirm);
await db.write(async () => {
await uploadRecord.destroyPermanently();
});
resolve(response);
} catch (e) { } catch (e) {
console.error(e); log(e);
} }
} else {
try {
await db.write(async () => {
await uploadRecord.update(u => {
u.error = true;
});
});
} catch (e) {
log(e);
}
try {
reject(response);
} catch (e) {
reject(e);
}
}
});
// uploadQueue[uploadPath] = FileUpload.fetch('POST', uploadUrl, headers, formData); uploadQueue[uploadPath].catch(async error => {
try {
await db.write(async () => {
await uploadRecord.update(u => {
u.error = true;
});
});
} catch (e) {
log(e);
}
reject(error);
});
// uploadQueue[uploadPath].uploadProgress(async (loaded: number, total: number) => { uploadQueue[uploadPath].uploadProgress(async (loaded: number, total: number) => {
// try { try {
// await db.write(async () => { await db.write(async () => {
// await uploadRecord.update(u => { await uploadRecord.update(u => {
// u.progress = Math.floor((loaded / total) * 100); u.progress = Math.floor((loaded / total) * 100);
// }); });
// }); });
// } catch (e) { } catch (e) {
// log(e); log(e);
// } }
// }); });
// uploadQueue[uploadPath].then(async response => {
// // If response is all good...
// if (response.respInfo.status >= 200 && response.respInfo.status < 400) {
// try {
// console.log('🚀 ~ returnnewPromise ~ response:', response);
// console.log('🚀 ~ returnnewPromise ~ response:', response.data);
// // if (getContent) {
// // const content = getContent(response.json().file._id, response.json().file.url);
// // console.log('🚀 ~ returnnewPromise ~ content:', content);
// // }
// await db.write(async () => {
// await uploadRecord.destroyPermanently();
// });
// resolve(response);
// } catch (e) {
// log(e);
// }
// } else {
// try {
// await db.write(async () => {
// await uploadRecord.update(u => {
// u.error = true;
// });
// });
// } catch (e) {
// log(e);
// }
// try {
// reject(response);
// } catch (e) {
// reject(e);
// }
// }
// });
// uploadQueue[uploadPath].catch(async error => {
// try {
// await db.write(async () => {
// await uploadRecord.update(u => {
// u.error = true;
// });
// });
// } catch (e) {
// log(e);
// }
// reject(error);
// });
} catch (e) { } catch (e) {
log(e); log(e);
} }