p5.js-web-editor/client/modules/IDE/actions/uploader.js

119 lines
4.1 KiB
JavaScript
Raw Normal View History

2016-07-16 01:05:18 +02:00
import axios from 'axios';
import { createFile } from './files';
2018-05-31 00:23:32 +02:00
import { TEXT_FILE_REGEX } from '../../../../server/utils/fileUtils';
2016-07-16 01:05:18 +02:00
const __process = (typeof global !== 'undefined' ? global : window).process;
const s3BucketHttps = __process.env.S3_BUCKET_URL_BASE ||
`https://s3-${__process.env.AWS_REGION}.amazonaws.com/${__process.env.S3_BUCKET}/`;
const ROOT_URL = __process.env.API_URL;
const MAX_LOCAL_FILE_SIZE = 80000; // bytes, aka 80 KB
2016-07-16 01:05:18 +02:00
2016-08-25 06:18:28 +02:00
function localIntercept(file, options = {}) {
return new Promise((resolve, reject) => {
if (!options.readType) {
// const mime = file.type;
// const textType = a(_textTypes).any(type => {
// const re = new RegExp(type);
// return re.test(mime);
// });
// options.readType = textType ? 'readAsText' : 'readAsDataURL';
options.readType = 'readAsText'; // eslint-disable-line
}
const reader = new window.FileReader();
reader.onload = () => {
resolve(reader.result);
};
reader.onerror = () => {
reject(reader.result);
};
// run the reader
reader[options.readType](file);
});
}
export function dropzoneAcceptCallback(userId, file, done) {
2016-12-14 02:08:10 +01:00
return () => {
2018-05-31 00:23:32 +02:00
// if a user would want to edit this file as text, local interceptor
if (file.name.match(TEXT_FILE_REGEX) && file.size < MAX_LOCAL_FILE_SIZE) {
localIntercept(file).then((result) => {
2016-08-25 06:18:28 +02:00
file.content = result; // eslint-disable-line
done('Uploading plaintext file locally.');
2016-08-25 06:18:28 +02:00
})
2018-05-05 02:22:39 +02:00
.catch((result) => {
done(`Failed to download file ${file.name}: ${result}`);
console.warn(file);
});
2016-08-25 06:18:28 +02:00
} else {
file.postData = []; // eslint-disable-line
2018-05-05 02:22:39 +02:00
axios.post(
`${ROOT_URL}/S3/sign`, {
name: file.name,
type: file.type,
size: file.size,
userId
2016-08-25 06:18:28 +02:00
// _csrf: document.getElementById('__createPostToken').value
2018-05-05 02:22:39 +02:00
},
2016-08-25 06:18:28 +02:00
{
withCredentials: true
2018-05-05 02:22:39 +02:00
}
)
.then((response) => {
2016-08-25 06:18:28 +02:00
file.custom_status = 'ready'; // eslint-disable-line
file.postData = response.data; // eslint-disable-line
file.s3 = response.data.key; // eslint-disable-line
file.previewTemplate.className += ' uploading'; // eslint-disable-line
2018-05-05 02:22:39 +02:00
done();
})
.catch((response) => {
2016-08-25 06:18:28 +02:00
file.custom_status = 'rejected'; // eslint-disable-line
2018-05-05 02:22:39 +02:00
if (response.data.responseText && response.data.responseText.message) {
done(response.data.responseText.message);
}
done('error preparing the upload');
});
2016-08-25 06:18:28 +02:00
}
};
2016-07-16 01:05:18 +02:00
}
export function dropzoneSendingCallback(file, xhr, formData) {
return () => {
2018-05-31 00:23:32 +02:00
if (!file.name.match(TEXT_FILE_REGEX) || file.size >= MAX_LOCAL_FILE_SIZE) {
Object.keys(file.postData).forEach((key) => {
2016-08-25 06:18:28 +02:00
formData.append(key, file.postData[key]);
});
formData.append('Content-type', '');
formData.append('Content-length', '');
formData.append('acl', 'public-read');
}
};
2016-07-16 01:05:18 +02:00
}
export function dropzoneCompleteCallback(file) {
return (dispatch, getState) => { // eslint-disable-line
2018-05-31 00:23:32 +02:00
if ((!file.name.match(TEXT_FILE_REGEX) || file.size >= MAX_LOCAL_FILE_SIZE) && file.status !== 'error') {
2016-08-25 06:18:28 +02:00
let inputHidden = '<input type="hidden" name="attachments[]" value="';
const json = {
2016-09-09 04:15:29 +02:00
url: `${s3BucketHttps}${file.postData.key}`,
2016-08-25 06:18:28 +02:00
originalFilename: file.name
};
2016-09-09 04:02:42 +02:00
// console.log(json, JSON.stringify(json), JSON.stringify(json).replace('"', '\\"'));
2016-08-25 06:18:28 +02:00
inputHidden += `${window.btoa(JSON.stringify(json))}" />`;
// document.getElementById('uploader').appendChild(inputHidden);
document.getElementById('uploader').innerHTML += inputHidden;
2016-08-25 06:18:28 +02:00
const formParams = {
name: file.name,
2016-09-09 04:02:42 +02:00
url: `${s3BucketHttps}${file.postData.key}`
2016-08-25 06:18:28 +02:00
};
createFile(formParams)(dispatch, getState);
2016-10-25 03:15:32 +02:00
} else if (file.content !== undefined) {
2016-08-25 06:18:28 +02:00
const formParams = {
name: file.name,
content: file.content
};
createFile(formParams)(dispatch, getState);
}
2016-07-16 01:05:18 +02:00
};
}