import Presentations 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 _ from 'lodash'; import update from 'immutability-helper'; import { Random } from 'meteor/random'; import { UploadingPresentations } from '/imports/api/presentations'; import Meetings from '/imports/api/meetings'; 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({ 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 === "IVALID_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({ 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({ 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); let 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) => !_.find(newState, ['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 } 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 exportPresentationToChat = (presentationId, observer) => { let lastStatus = {}; Tracker.autorun((c) => { const cursor = Presentations.find({ id: presentationId }); const checkStatus = (exportation) => { const shouldStop = lastStatus.status === 'PROCESSING' && exportation.status === 'EXPORTED'; if (shouldStop) { observer(exportation, true); return c.stop(); } observer(exportation, false); lastStatus = exportation; }; cursor.observe({ added: (doc) => { checkStatus(doc.exportation); }, changed: (doc) => { checkStatus(doc.exportation); }, }); }); makeCall('exportPresentationToChat', presentationId); }; function handleFiledrop(files, files2, that, intl, intlMessages) { if(that){ const { fileValidMimeTypes, intl } = 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, exportPresentationToChat, uploadAndConvertPresentation, handleFiledrop, };