494 lines
14 KiB
JavaScript
494 lines
14 KiB
JavaScript
import Presentations, { UploadingPresentations } from '/imports/api/presentations';
|
|
import PresentationUploadToken from '/imports/api/presentation-upload-token';
|
|
import Auth from '/imports/ui/services/auth';
|
|
import Poll from '/imports/api/polls/';
|
|
import { Meteor } from 'meteor/meteor';
|
|
import { makeCall } from '/imports/ui/services/api';
|
|
import logger from '/imports/startup/client/logger';
|
|
import { partition } from '/imports/utils/array-utils';
|
|
import update from 'immutability-helper';
|
|
import { Random } from 'meteor/random';
|
|
import Meetings from '/imports/api/meetings';
|
|
import { uniqueId } from '/imports/utils/string-utils';
|
|
import { isPresentationEnabled } from '/imports/ui/services/features';
|
|
import { notify } from '/imports/ui/services/notification';
|
|
|
|
const CONVERSION_TIMEOUT = 300000;
|
|
const TOKEN_TIMEOUT = 5000;
|
|
const PRESENTATION_CONFIG = Meteor.settings.public.presentation;
|
|
|
|
// fetch doesn't support progress. So we use xhr which support progress.
|
|
const futch = (url, opts = {}, onProgress) => new Promise((res, rej) => {
|
|
const xhr = new XMLHttpRequest();
|
|
|
|
xhr.open(opts.method || 'get', url);
|
|
|
|
Object.keys(opts.headers || {})
|
|
.forEach((k) => xhr.setRequestHeader(k, opts.headers[k]));
|
|
|
|
xhr.onload = (e) => {
|
|
if (e.target.status !== 200) {
|
|
return rej(new Error({ code: e.target.status, message: e.target.statusText }));
|
|
}
|
|
|
|
return res(e.target.responseText);
|
|
};
|
|
xhr.onerror = rej;
|
|
if (xhr.upload && onProgress) {
|
|
xhr.upload.addEventListener('progress', onProgress, false);
|
|
}
|
|
xhr.send(opts.body);
|
|
});
|
|
|
|
const getPresentations = () => Presentations
|
|
.find({
|
|
'conversion.error': false,
|
|
})
|
|
.fetch()
|
|
.map((presentation) => {
|
|
const {
|
|
conversion,
|
|
current,
|
|
downloadable,
|
|
removable,
|
|
renderedInToast,
|
|
temporaryPresentationId,
|
|
id,
|
|
name,
|
|
exportation,
|
|
} = presentation;
|
|
|
|
const uploadTimestamp = id.split('-').pop();
|
|
|
|
return {
|
|
id,
|
|
filename: name,
|
|
renderedInToast,
|
|
temporaryPresentationId,
|
|
isCurrent: current || false,
|
|
upload: { done: true, error: false },
|
|
isDownloadable: downloadable,
|
|
isRemovable: removable,
|
|
conversion: conversion || { done: true, error: false },
|
|
uploadTimestamp,
|
|
exportation: exportation || { error: false },
|
|
};
|
|
});
|
|
|
|
const dispatchTogglePresentationDownloadable = (presentation, newState) => {
|
|
makeCall('setPresentationDownloadable', presentation.id, newState);
|
|
};
|
|
|
|
const observePresentationConversion = (
|
|
meetingId,
|
|
temporaryPresentationId,
|
|
onConversion,
|
|
) => new Promise((resolve) => {
|
|
// The token is placed as an id before the original one is generated
|
|
// in the back-end;
|
|
const tokenId = PresentationUploadToken.findOne({ temporaryPresentationId })?.authzToken;
|
|
|
|
const conversionTimeout = setTimeout(() => {
|
|
onConversion({
|
|
done: true,
|
|
error: true,
|
|
status: 'TIMEOUT',
|
|
});
|
|
}, CONVERSION_TIMEOUT);
|
|
|
|
const didValidate = (doc) => {
|
|
clearTimeout(conversionTimeout);
|
|
resolve(doc);
|
|
};
|
|
|
|
Tracker.autorun((c) => {
|
|
const query = Presentations.find({ meetingId });
|
|
|
|
query.observe({
|
|
added: (doc) => {
|
|
if (doc.temporaryPresentationId !== temporaryPresentationId && doc.id !== tokenId) return;
|
|
|
|
if (doc.conversion.status === 'FILE_TOO_LARGE' || doc.conversion.status === 'UNSUPPORTED_DOCUMENT'
|
|
|| doc.conversion.status === 'CONVERSION_TIMEOUT' || doc.conversion.status === 'INVALID_MIME_TYPE') {
|
|
Presentations.update(
|
|
{ id: tokenId }, { $set: { temporaryPresentationId, renderedInToast: false } },
|
|
);
|
|
onConversion(doc.conversion);
|
|
c.stop();
|
|
clearTimeout(conversionTimeout);
|
|
}
|
|
},
|
|
changed: (newDoc) => {
|
|
if (newDoc.temporaryPresentationId !== temporaryPresentationId) return;
|
|
|
|
onConversion(newDoc.conversion);
|
|
|
|
if (newDoc.conversion.error) {
|
|
c.stop();
|
|
clearTimeout(conversionTimeout);
|
|
}
|
|
|
|
if (newDoc.conversion.done) {
|
|
c.stop();
|
|
didValidate(newDoc);
|
|
}
|
|
},
|
|
});
|
|
});
|
|
});
|
|
|
|
const requestPresentationUploadToken = (
|
|
temporaryPresentationId,
|
|
podId,
|
|
meetingId,
|
|
filename,
|
|
) => new Promise((resolve, reject) => {
|
|
makeCall('requestPresentationUploadToken', podId, filename, temporaryPresentationId);
|
|
|
|
let computation = null;
|
|
const timeout = setTimeout(() => {
|
|
computation.stop();
|
|
reject(new Error({ code: 408, message: 'requestPresentationUploadToken timeout' }));
|
|
}, TOKEN_TIMEOUT);
|
|
|
|
Tracker.autorun((c) => {
|
|
computation = c;
|
|
const sub = Meteor.subscribe('presentation-upload-token', podId, filename, temporaryPresentationId);
|
|
if (!sub.ready()) return;
|
|
|
|
const PresentationToken = PresentationUploadToken.findOne({
|
|
podId,
|
|
meetingId,
|
|
temporaryPresentationId,
|
|
used: false,
|
|
});
|
|
|
|
if (!PresentationToken || !('failed' in PresentationToken)) return;
|
|
|
|
if (!PresentationToken.failed) {
|
|
clearTimeout(timeout);
|
|
resolve(PresentationToken.authzToken);
|
|
}
|
|
|
|
if (PresentationToken.failed) {
|
|
reject(new Error({ code: 401, message: `requestPresentationUploadToken token ${PresentationToken.authzToken} failed` }));
|
|
}
|
|
});
|
|
});
|
|
|
|
const uploadAndConvertPresentation = (
|
|
file,
|
|
downloadable,
|
|
podId,
|
|
meetingId,
|
|
endpoint,
|
|
onUpload,
|
|
onProgress,
|
|
onConversion,
|
|
) => {
|
|
const temporaryPresentationId = uniqueId(Random.id(20));
|
|
|
|
const data = new FormData();
|
|
data.append('fileUpload', file);
|
|
data.append('conference', meetingId);
|
|
data.append('room', meetingId);
|
|
data.append('temporaryPresentationId', temporaryPresentationId);
|
|
|
|
// TODO: Currently the uploader is not related to a POD so the id is fixed to the default
|
|
data.append('pod_id', podId);
|
|
|
|
data.append('is_downloadable', downloadable);
|
|
|
|
const opts = {
|
|
method: 'POST',
|
|
body: data,
|
|
};
|
|
|
|
// If the presentation is from sharedNotes I don't want to
|
|
// insert another one, I just need to update it.
|
|
UploadingPresentations.upsert({
|
|
filename: file.name,
|
|
lastModifiedUploader: false,
|
|
}, {
|
|
$set: {
|
|
temporaryPresentationId,
|
|
progress: 0,
|
|
filename: file.name,
|
|
lastModifiedUploader: true,
|
|
upload: {
|
|
done: false,
|
|
error: false,
|
|
},
|
|
uploadTimestamp: new Date(),
|
|
},
|
|
});
|
|
|
|
return requestPresentationUploadToken(temporaryPresentationId, podId, meetingId, file.name)
|
|
.then((token) => {
|
|
makeCall('setUsedToken', token);
|
|
UploadingPresentations.upsert({
|
|
temporaryPresentationId,
|
|
}, {
|
|
$set: {
|
|
id: token,
|
|
},
|
|
});
|
|
return futch(endpoint.replace('upload', `${token}/upload`), opts, (e) => {
|
|
onProgress(e);
|
|
const pr = (e.loaded / e.total) * 100;
|
|
if (pr !== 100) {
|
|
UploadingPresentations.upsert({ temporaryPresentationId }, { $set: { progress: pr } });
|
|
} else {
|
|
UploadingPresentations.upsert({ temporaryPresentationId }, {
|
|
$set: {
|
|
progress: pr,
|
|
upload: {
|
|
done: true,
|
|
error: false,
|
|
},
|
|
},
|
|
});
|
|
}
|
|
});
|
|
})
|
|
.then(() => observePresentationConversion(meetingId, temporaryPresentationId, onConversion))
|
|
// Trap the error so we can have parallel upload
|
|
.catch((error) => {
|
|
logger.debug({
|
|
logCode: 'presentation_uploader_service',
|
|
extraInfo: {
|
|
error,
|
|
},
|
|
}, 'Generic presentation upload exception catcher');
|
|
observePresentationConversion(meetingId, temporaryPresentationId, onConversion);
|
|
onUpload({ error: true, done: true, status: error.code });
|
|
return Promise.resolve();
|
|
});
|
|
};
|
|
|
|
const uploadAndConvertPresentations = (
|
|
presentationsToUpload,
|
|
meetingId,
|
|
podId,
|
|
uploadEndpoint,
|
|
) => Promise.all(presentationsToUpload.map((p) => uploadAndConvertPresentation(
|
|
p.file, p.isDownloadable, podId, meetingId, uploadEndpoint,
|
|
p.onUpload, p.onProgress, p.onConversion,
|
|
)));
|
|
|
|
const setPresentation = (presentationId, podId) => {
|
|
makeCall('setPresentation', presentationId, podId);
|
|
};
|
|
|
|
const removePresentation = (presentationId, podId) => {
|
|
const hasPoll = Poll.find({}, { fields: {} }).count();
|
|
if (hasPoll) makeCall('stopPoll');
|
|
makeCall('removePresentation', presentationId, podId);
|
|
};
|
|
|
|
const removePresentations = (
|
|
presentationsToRemove,
|
|
podId,
|
|
) => Promise.all(presentationsToRemove.map((p) => removePresentation(p.id, podId)));
|
|
|
|
const persistPresentationChanges = (oldState, newState, uploadEndpoint, podId) => {
|
|
const presentationsToUpload = newState.filter((p) => !p.upload.done);
|
|
const presentationsToRemove = oldState.filter((p) => !newState.find((u) => { return u.id === p.id }));
|
|
|
|
let currentPresentation = newState.find((p) => p.isCurrent);
|
|
|
|
return uploadAndConvertPresentations(presentationsToUpload, Auth.meetingID, podId, uploadEndpoint)
|
|
.then((presentations) => {
|
|
if (!presentations.length && !currentPresentation) return Promise.resolve();
|
|
|
|
// Update the presentation with their new ids
|
|
presentations.forEach((p, i) => {
|
|
if (p === undefined) return;
|
|
presentationsToUpload[i].onDone(p.id);
|
|
});
|
|
|
|
return Promise.resolve(presentations);
|
|
})
|
|
.then((presentations) => {
|
|
if (currentPresentation === undefined) {
|
|
setPresentation('', podId);
|
|
return Promise.resolve();
|
|
}
|
|
|
|
// If its a newly uploaded presentation we need to get it from promise result
|
|
if (!currentPresentation.conversion.done) {
|
|
const currentIndex = presentationsToUpload.findIndex((p) => p === currentPresentation);
|
|
currentPresentation = presentations[currentIndex];
|
|
}
|
|
|
|
// skip setting as current if error happened
|
|
if (currentPresentation.conversion.error) {
|
|
return Promise.resolve();
|
|
}
|
|
|
|
return setPresentation(currentPresentation.id, podId);
|
|
})
|
|
.then(removePresentations.bind(null, presentationsToRemove, podId));
|
|
};
|
|
|
|
const handleSavePresentation = (
|
|
presentations = [], isFromPresentationUploaderInterface = true, newPres = {},
|
|
) => {
|
|
if (!isPresentationEnabled()) {
|
|
return null;
|
|
}
|
|
|
|
const currentPresentations = getPresentations();
|
|
if (!isFromPresentationUploaderInterface) {
|
|
if (presentations.length === 0) {
|
|
presentations = [...currentPresentations];
|
|
}
|
|
presentations = presentations.map((p) => update(p, {
|
|
isCurrent: {
|
|
$set: false,
|
|
},
|
|
}));
|
|
newPres.isCurrent = true;
|
|
presentations.push(newPres);
|
|
}
|
|
return persistPresentationChanges(
|
|
currentPresentations,
|
|
presentations,
|
|
PRESENTATION_CONFIG.uploadEndpoint,
|
|
'DEFAULT_PRESENTATION_POD',
|
|
);
|
|
};
|
|
|
|
const getExternalUploadData = () => {
|
|
const { meetingProp } = Meetings.findOne(
|
|
{ meetingId: Auth.meetingID },
|
|
{
|
|
fields: {
|
|
'meetingProp.presentationUploadExternalDescription': 1,
|
|
'meetingProp.presentationUploadExternalUrl': 1,
|
|
},
|
|
},
|
|
);
|
|
|
|
const { presentationUploadExternalDescription, presentationUploadExternalUrl } = meetingProp;
|
|
|
|
return {
|
|
presentationUploadExternalDescription,
|
|
presentationUploadExternalUrl,
|
|
};
|
|
};
|
|
|
|
const exportPresentation = (presentationId, observer, type) => {
|
|
let lastStatus = {};
|
|
|
|
Tracker.autorun((c) => {
|
|
const cursor = Presentations.find({ id: presentationId });
|
|
|
|
const checkStatus = (exportation) => {
|
|
const shouldStop = ['RUNNING', 'PROCESSING'].includes(lastStatus.status) && exportation.status === 'EXPORTED';
|
|
|
|
if (shouldStop) {
|
|
observer(exportation, true);
|
|
c.stop();
|
|
return;
|
|
}
|
|
|
|
observer(exportation, false);
|
|
lastStatus = exportation;
|
|
};
|
|
|
|
cursor.observe({
|
|
added: (doc) => {
|
|
checkStatus(doc.exportation);
|
|
},
|
|
changed: (doc) => {
|
|
checkStatus(doc.exportation);
|
|
},
|
|
});
|
|
});
|
|
|
|
makeCall('exportPresentation', presentationId, type);
|
|
};
|
|
|
|
function handleFiledrop(files, files2, that, intl, intlMessages) {
|
|
if (that) {
|
|
const { fileValidMimeTypes } = that.props;
|
|
const { toUploadCount } = that.state;
|
|
const validMimes = fileValidMimeTypes.map((fileValid) => fileValid.mime);
|
|
const validExtentions = fileValidMimeTypes.map((fileValid) => fileValid.extension);
|
|
const [accepted, rejected] = partition(
|
|
files.concat(files2), (f) => (
|
|
validMimes.includes(f.type) || validExtentions.includes(`.${f.name.split('.').pop()}`)
|
|
),
|
|
);
|
|
|
|
const presentationsToUpload = accepted.map((file) => {
|
|
const id = uniqueId(file.name);
|
|
|
|
return {
|
|
file,
|
|
isDownloadable: false, // by default new presentations are set not to be downloadable
|
|
isRemovable: true,
|
|
id,
|
|
filename: file.name,
|
|
isCurrent: false,
|
|
conversion: { done: false, error: false },
|
|
upload: { done: false, error: false, progress: 0 },
|
|
exportation: { error: false },
|
|
onProgress: (event) => {
|
|
if (!event.lengthComputable) {
|
|
that.deepMergeUpdateFileKey(id, 'upload', {
|
|
progress: 100,
|
|
done: true,
|
|
});
|
|
|
|
return;
|
|
}
|
|
|
|
that.deepMergeUpdateFileKey(id, 'upload', {
|
|
progress: (event.loaded / event.total) * 100,
|
|
done: event.loaded === event.total,
|
|
});
|
|
},
|
|
onConversion: (conversion) => {
|
|
that.deepMergeUpdateFileKey(id, 'conversion', conversion);
|
|
},
|
|
onUpload: (upload) => {
|
|
that.deepMergeUpdateFileKey(id, 'upload', upload);
|
|
},
|
|
onDone: (newId) => {
|
|
that.updateFileKey(id, 'id', newId);
|
|
},
|
|
};
|
|
});
|
|
|
|
that.setState(({ presentations }) => ({
|
|
presentations: presentations.concat(presentationsToUpload),
|
|
toUploadCount: (toUploadCount + presentationsToUpload.length),
|
|
}), () => {
|
|
// after the state is set (files have been dropped),
|
|
// make the first of the new presentations current
|
|
if (presentationsToUpload && presentationsToUpload.length) {
|
|
that.handleCurrentChange(presentationsToUpload[0].id);
|
|
}
|
|
});
|
|
|
|
if (rejected.length > 0) {
|
|
notify(intl.formatMessage(intlMessages.rejectedError), 'error');
|
|
}
|
|
}
|
|
}
|
|
|
|
export default {
|
|
handleSavePresentation,
|
|
getPresentations,
|
|
persistPresentationChanges,
|
|
dispatchTogglePresentationDownloadable,
|
|
setPresentation,
|
|
requestPresentationUploadToken,
|
|
getExternalUploadData,
|
|
exportPresentation,
|
|
uploadAndConvertPresentation,
|
|
handleFiledrop,
|
|
};
|