fox-send/frontend/src/fileSender.js

121 lines
3.2 KiB
JavaScript
Raw Normal View History

2017-06-02 03:59:27 +00:00
const EventEmitter = require('events');
2017-06-28 18:30:14 +00:00
const { arrayToHex } = require('./utils');
2017-06-02 03:59:27 +00:00
class FileSender extends EventEmitter {
constructor(file) {
super();
this.file = file;
2017-06-20 20:03:04 +00:00
this.iv = window.crypto.getRandomValues(new Uint8Array(12));
2017-07-18 17:52:32 +00:00
this.uploadXHR = new XMLHttpRequest();
2017-06-02 03:59:27 +00:00
}
static delete(fileId, token) {
return new Promise((resolve, reject) => {
if (!fileId || !token) {
2017-06-09 13:45:06 +00:00
return reject();
2017-06-02 03:59:27 +00:00
}
2017-06-09 17:44:12 +00:00
const xhr = new XMLHttpRequest();
2017-06-02 03:59:27 +00:00
xhr.open('post', '/delete/' + fileId, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = () => {
if (xhr.readyState === XMLHttpRequest.DONE) {
resolve();
}
};
xhr.send(JSON.stringify({ delete_token: token }));
});
}
2017-07-18 17:52:32 +00:00
cancel() {
this.uploadXHR.abort();
}
2017-06-02 03:59:27 +00:00
upload() {
const self = this;
2017-08-06 01:06:43 +00:00
self.emit('loading');
2017-06-02 03:59:27 +00:00
return Promise.all([
2017-08-02 23:50:58 +00:00
window.crypto.subtle.generateKey(
{
name: 'AES-GCM',
length: 128
},
true,
['encrypt', 'decrypt']
),
2017-06-02 03:59:27 +00:00
new Promise((resolve, reject) => {
const reader = new FileReader();
reader.readAsArrayBuffer(this.file);
reader.onload = function(event) {
2017-07-10 18:25:03 +00:00
const plaintext = new Uint8Array(this.result);
2017-08-07 21:05:13 +00:00
resolve(plaintext);
2017-06-02 03:59:27 +00:00
};
2017-07-07 14:37:10 +00:00
reader.onerror = function(err) {
reject(err);
2017-07-06 21:11:24 +00:00
};
2017-06-02 03:59:27 +00:00
})
])
2017-08-07 21:05:13 +00:00
.then(([secretKey, plaintext]) => {
self.emit('encrypting');
2017-06-09 17:44:12 +00:00
return Promise.all([
2017-08-06 01:06:43 +00:00
window.crypto.subtle.encrypt(
{
name: 'AES-GCM',
iv: this.iv,
tagLength: 128
},
secretKey,
2017-08-07 21:05:13 +00:00
plaintext
2017-08-06 01:06:43 +00:00
),
2017-08-07 21:05:13 +00:00
window.crypto.subtle.exportKey('jwk', secretKey)
2017-06-09 17:44:12 +00:00
]);
})
2017-08-07 21:05:13 +00:00
.then(([encrypted, keydata]) => {
2017-06-09 17:44:12 +00:00
return new Promise((resolve, reject) => {
const file = this.file;
2017-06-28 18:30:14 +00:00
const fileId = arrayToHex(this.iv);
2017-06-09 17:44:12 +00:00
const dataView = new DataView(encrypted);
const blob = new Blob([dataView], { type: file.type });
const fd = new FormData();
fd.append('data', blob, file.name);
2017-06-02 03:59:27 +00:00
2017-07-18 17:52:32 +00:00
const xhr = self.uploadXHR;
2017-06-02 03:59:27 +00:00
2017-06-09 17:44:12 +00:00
xhr.upload.addEventListener('progress', e => {
if (e.lengthComputable) {
2017-07-13 14:05:45 +00:00
self.emit('progress', [e.loaded, e.total]);
2017-06-09 17:44:12 +00:00
}
});
2017-06-02 03:59:27 +00:00
2017-06-09 17:44:12 +00:00
xhr.onreadystatechange = () => {
if (xhr.readyState === XMLHttpRequest.DONE) {
2017-07-20 19:50:20 +00:00
if (xhr.status === 200) {
const responseObj = JSON.parse(xhr.responseText);
return resolve({
url: responseObj.url,
fileId: responseObj.id,
secretKey: keydata.k,
deleteToken: responseObj.delete
});
}
reject(xhr.status);
2017-06-09 17:44:12 +00:00
}
};
xhr.open('post', '/upload', true);
2017-06-29 17:30:08 +00:00
xhr.setRequestHeader(
'X-File-Metadata',
JSON.stringify({
2017-07-10 19:45:20 +00:00
id: fileId,
2017-07-13 19:53:15 +00:00
filename: encodeURIComponent(file.name)
2017-06-29 17:30:08 +00:00
})
);
2017-06-09 17:44:12 +00:00
xhr.send(fd);
});
2017-06-02 03:59:27 +00:00
});
}
}
module.exports = FileSender;