2021-02-17 05:01:31 +00:00
|
|
|
import { getToken } from 'utils/common/key';
|
|
|
|
import { file } from './fileService';
|
|
|
|
import HTTPService from './HTTPService';
|
2021-04-03 04:36:15 +00:00
|
|
|
import { getFileUrl, getThumbnailUrl } from 'utils/common/apiUtil';
|
2021-04-03 04:43:13 +00:00
|
|
|
import { getFileExtension, runningInBrowser } from 'utils/common';
|
2021-04-03 04:36:15 +00:00
|
|
|
import CryptoWorker from 'utils/crypto';
|
2021-02-17 05:01:31 +00:00
|
|
|
|
2021-02-23 10:11:46 +00:00
|
|
|
const TYPE_HEIC = 'heic';
|
|
|
|
|
2021-02-17 05:01:31 +00:00
|
|
|
class DownloadManager {
|
2021-02-17 07:17:36 +00:00
|
|
|
private fileDownloads = new Map<number, Promise<string>>();
|
|
|
|
private thumbnailDownloads = new Map<number, Promise<string>>();
|
|
|
|
|
2021-02-17 05:01:31 +00:00
|
|
|
public async getPreview(file: file) {
|
|
|
|
try {
|
2021-03-16 06:49:34 +00:00
|
|
|
const token = getToken();
|
|
|
|
if (!token) {
|
|
|
|
return null;
|
|
|
|
}
|
2021-02-17 05:01:31 +00:00
|
|
|
const cache = await caches.open('thumbs');
|
|
|
|
const cacheResp: Response = await cache.match(file.id.toString());
|
|
|
|
if (cacheResp) {
|
|
|
|
return URL.createObjectURL(await cacheResp.blob());
|
|
|
|
}
|
2021-02-17 07:17:36 +00:00
|
|
|
if (!this.thumbnailDownloads.get(file.id)) {
|
|
|
|
const download = (async () => {
|
|
|
|
const resp = await HTTPService.get(
|
2021-02-27 23:34:11 +00:00
|
|
|
getThumbnailUrl(file.id),
|
2021-02-17 07:17:36 +00:00
|
|
|
null,
|
2021-03-16 06:49:34 +00:00
|
|
|
{ 'X-Auth-Token': token },
|
2021-02-17 07:17:36 +00:00
|
|
|
{ responseType: 'arraybuffer' }
|
|
|
|
);
|
|
|
|
const worker = await new CryptoWorker();
|
|
|
|
const decrypted: any = await worker.decryptThumbnail(
|
|
|
|
new Uint8Array(resp.data),
|
|
|
|
await worker.fromB64(file.thumbnail.decryptionHeader),
|
|
|
|
file.key
|
|
|
|
);
|
|
|
|
try {
|
|
|
|
await cache.put(
|
|
|
|
file.id.toString(),
|
|
|
|
new Response(new Blob([decrypted]))
|
|
|
|
);
|
|
|
|
} catch (e) {
|
|
|
|
// TODO: handle storage full exception.
|
|
|
|
}
|
|
|
|
|
|
|
|
return URL.createObjectURL(new Blob([decrypted]));
|
|
|
|
})();
|
|
|
|
this.thumbnailDownloads.set(file.id, download);
|
2021-02-17 05:01:31 +00:00
|
|
|
}
|
2021-02-17 07:17:36 +00:00
|
|
|
return await this.thumbnailDownloads.get(file.id);
|
2021-02-17 05:01:31 +00:00
|
|
|
} catch (e) {
|
2021-03-08 12:36:10 +00:00
|
|
|
console.error('get preview Failed', e);
|
2021-02-17 05:01:31 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
getFile = async (file: file) => {
|
2021-03-14 13:20:00 +00:00
|
|
|
try {
|
|
|
|
if (!this.fileDownloads.get(file.id)) {
|
|
|
|
const download = (async () => {
|
2021-03-29 05:13:59 +00:00
|
|
|
const fileStream = await this.downloadFile(file);
|
|
|
|
return URL.createObjectURL(
|
|
|
|
await new Response(fileStream).blob()
|
|
|
|
);
|
2021-03-14 13:20:00 +00:00
|
|
|
})();
|
|
|
|
this.fileDownloads.set(file.id, download);
|
|
|
|
}
|
|
|
|
return await this.fileDownloads.get(file.id);
|
|
|
|
} catch (e) {
|
|
|
|
console.error('Failed to get File', e);
|
2021-02-17 05:01:31 +00:00
|
|
|
}
|
|
|
|
};
|
2021-02-23 10:11:46 +00:00
|
|
|
|
2021-03-29 05:13:59 +00:00
|
|
|
async downloadFile(file: file) {
|
2021-03-08 06:30:27 +00:00
|
|
|
const worker = await new CryptoWorker();
|
2021-03-16 06:49:34 +00:00
|
|
|
const token = getToken();
|
|
|
|
if (!token) {
|
|
|
|
return null;
|
|
|
|
}
|
2021-03-08 06:30:27 +00:00
|
|
|
if (file.metadata.fileType === 0) {
|
|
|
|
const resp = await HTTPService.get(
|
|
|
|
getFileUrl(file.id),
|
2021-03-11 07:19:19 +00:00
|
|
|
null,
|
2021-03-16 06:49:34 +00:00
|
|
|
{ 'X-Auth-Token': token },
|
2021-03-11 07:19:19 +00:00
|
|
|
{ responseType: 'arraybuffer' }
|
2021-03-08 06:30:27 +00:00
|
|
|
);
|
|
|
|
const decrypted: any = await worker.decryptFile(
|
|
|
|
new Uint8Array(resp.data),
|
|
|
|
await worker.fromB64(file.file.decryptionHeader),
|
2021-03-11 07:19:19 +00:00
|
|
|
file.key
|
2021-03-08 06:30:27 +00:00
|
|
|
);
|
|
|
|
let decryptedBlob = new Blob([decrypted]);
|
|
|
|
|
|
|
|
if (getFileExtension(file.metadata.title) === TYPE_HEIC) {
|
2021-03-11 07:19:19 +00:00
|
|
|
decryptedBlob = await this.convertHEIC2JPEG(decryptedBlob);
|
2021-03-08 06:30:27 +00:00
|
|
|
}
|
2021-03-29 05:13:59 +00:00
|
|
|
return new ReadableStream({
|
2021-03-29 11:29:01 +00:00
|
|
|
async start(controller: ReadableStreamDefaultController) {
|
2021-03-31 12:15:37 +00:00
|
|
|
controller.enqueue(
|
|
|
|
new Uint8Array(await decryptedBlob.arrayBuffer())
|
|
|
|
);
|
2021-03-29 05:13:59 +00:00
|
|
|
controller.close();
|
|
|
|
},
|
|
|
|
});
|
2021-03-08 06:30:27 +00:00
|
|
|
} else {
|
|
|
|
const resp = await fetch(getFileUrl(file.id), {
|
|
|
|
headers: {
|
2021-03-16 06:49:34 +00:00
|
|
|
'X-Auth-Token': token,
|
2021-03-11 07:19:19 +00:00
|
|
|
},
|
2021-03-08 06:30:27 +00:00
|
|
|
});
|
|
|
|
const reader = resp.body.getReader();
|
|
|
|
const stream = new ReadableStream({
|
|
|
|
async start(controller) {
|
2021-03-11 07:19:19 +00:00
|
|
|
const decryptionHeader = await worker.fromB64(
|
|
|
|
file.file.decryptionHeader
|
|
|
|
);
|
2021-03-08 06:30:27 +00:00
|
|
|
const fileKey = await worker.fromB64(file.key);
|
2021-03-11 07:19:19 +00:00
|
|
|
let {
|
|
|
|
pullState,
|
|
|
|
decryptionChunkSize,
|
|
|
|
tag,
|
|
|
|
} = await worker.initDecryption(decryptionHeader, fileKey);
|
2021-03-08 06:30:27 +00:00
|
|
|
let data = new Uint8Array();
|
|
|
|
// The following function handles each data chunk
|
|
|
|
function push() {
|
|
|
|
// "done" is a Boolean and value a "Uint8Array"
|
|
|
|
reader.read().then(async ({ done, value }) => {
|
|
|
|
// Is there more data to read?
|
|
|
|
if (!done) {
|
2021-03-11 07:19:19 +00:00
|
|
|
const buffer = new Uint8Array(
|
|
|
|
data.byteLength + value.byteLength
|
|
|
|
);
|
2021-03-08 06:30:27 +00:00
|
|
|
buffer.set(new Uint8Array(data), 0);
|
2021-03-11 07:19:19 +00:00
|
|
|
buffer.set(
|
|
|
|
new Uint8Array(value),
|
|
|
|
data.byteLength
|
|
|
|
);
|
2021-03-08 06:30:27 +00:00
|
|
|
if (buffer.length > decryptionChunkSize) {
|
2021-03-11 07:19:19 +00:00
|
|
|
const fileData = buffer.slice(
|
|
|
|
0,
|
|
|
|
decryptionChunkSize
|
|
|
|
);
|
|
|
|
const {
|
|
|
|
decryptedData,
|
|
|
|
newTag,
|
|
|
|
} = await worker.decryptChunk(
|
|
|
|
fileData,
|
|
|
|
pullState
|
|
|
|
);
|
2021-03-08 06:30:27 +00:00
|
|
|
controller.enqueue(decryptedData);
|
|
|
|
tag = newTag;
|
|
|
|
data = buffer.slice(decryptionChunkSize);
|
|
|
|
} else {
|
|
|
|
data = buffer;
|
|
|
|
}
|
|
|
|
push();
|
|
|
|
} else {
|
|
|
|
if (data) {
|
2021-03-11 07:19:19 +00:00
|
|
|
const {
|
|
|
|
decryptedData,
|
|
|
|
} = await worker.decryptChunk(
|
|
|
|
data,
|
|
|
|
pullState
|
|
|
|
);
|
2021-03-08 06:30:27 +00:00
|
|
|
controller.enqueue(decryptedData);
|
|
|
|
data = null;
|
|
|
|
}
|
|
|
|
controller.close();
|
|
|
|
}
|
|
|
|
});
|
2021-03-11 07:19:19 +00:00
|
|
|
}
|
2021-03-08 06:30:27 +00:00
|
|
|
|
|
|
|
push();
|
2021-03-11 07:19:19 +00:00
|
|
|
},
|
2021-03-08 06:30:27 +00:00
|
|
|
});
|
2021-03-29 05:13:59 +00:00
|
|
|
return stream;
|
2021-03-08 06:30:27 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-02-23 10:11:46 +00:00
|
|
|
private async convertHEIC2JPEG(fileBlob): Promise<Blob> {
|
2021-03-21 14:18:38 +00:00
|
|
|
const heic2any = runningInBrowser() && require('heic2any');
|
2021-02-23 10:11:46 +00:00
|
|
|
return await heic2any({
|
|
|
|
blob: fileBlob,
|
|
|
|
toType: 'image/jpeg',
|
|
|
|
quality: 1,
|
|
|
|
});
|
|
|
|
}
|
2021-02-17 05:01:31 +00:00
|
|
|
}
|
|
|
|
|
2021-03-11 07:19:19 +00:00
|
|
|
export default new DownloadManager();
|