"use strict"; var _nonSecure = require("nanoid/non-secure"); var _loggers = require("./loggers.js"); var _Restricter = require("./Restricter.js"); let _Symbol$for, _Symbol$for2; function _classPrivateFieldLooseBase(receiver, privateKey) { if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) { throw new TypeError("attempted to use private field on non-instance"); } return receiver; } var id = 0; function _classPrivateFieldLooseKey(name) { return "__private_" + id++ + "_" + name; } /* eslint-disable max-classes-per-file */ /* global AggregateError */ const Translator = require("@uppy/utils/lib/Translator"); const ee = require("namespace-emitter"); const throttle = require("lodash.throttle"); const DefaultStore = require("@uppy/store-default"); const getFileType = require("@uppy/utils/lib/getFileType"); const getFileNameAndExtension = require("@uppy/utils/lib/getFileNameAndExtension"); const generateFileID = require("@uppy/utils/lib/generateFileID"); const supportsUploadProgress = require("./supportsUploadProgress.js"); const getFileName = require("./getFileName.js"); const packageJson = { "version": "2.3.4" }; const locale = require("./locale.js"); /** * Uppy Core module. * Manages plugins, state updates, acts as an event bus, * adds/removes files and metadata. */ var _plugins = /*#__PURE__*/_classPrivateFieldLooseKey("plugins"); var _restricter = /*#__PURE__*/_classPrivateFieldLooseKey("restricter"); var _storeUnsubscribe = /*#__PURE__*/_classPrivateFieldLooseKey("storeUnsubscribe"); var _emitter = /*#__PURE__*/_classPrivateFieldLooseKey("emitter"); var _preProcessors = /*#__PURE__*/_classPrivateFieldLooseKey("preProcessors"); var _uploaders = /*#__PURE__*/_classPrivateFieldLooseKey("uploaders"); var _postProcessors = /*#__PURE__*/_classPrivateFieldLooseKey("postProcessors"); var _informAndEmit = /*#__PURE__*/_classPrivateFieldLooseKey("informAndEmit"); var _checkRequiredMetaFieldsOnFile = /*#__PURE__*/_classPrivateFieldLooseKey("checkRequiredMetaFieldsOnFile"); var _checkRequiredMetaFields = /*#__PURE__*/_classPrivateFieldLooseKey("checkRequiredMetaFields"); var _assertNewUploadAllowed = /*#__PURE__*/_classPrivateFieldLooseKey("assertNewUploadAllowed"); var _checkAndCreateFileStateObject = /*#__PURE__*/_classPrivateFieldLooseKey("checkAndCreateFileStateObject"); var _startIfAutoProceed = /*#__PURE__*/_classPrivateFieldLooseKey("startIfAutoProceed"); var _addListeners = /*#__PURE__*/_classPrivateFieldLooseKey("addListeners"); var _updateOnlineStatus = /*#__PURE__*/_classPrivateFieldLooseKey("updateOnlineStatus"); var _createUpload = /*#__PURE__*/_classPrivateFieldLooseKey("createUpload"); var _getUpload = /*#__PURE__*/_classPrivateFieldLooseKey("getUpload"); var _removeUpload = /*#__PURE__*/_classPrivateFieldLooseKey("removeUpload"); var _runUpload = /*#__PURE__*/_classPrivateFieldLooseKey("runUpload"); _Symbol$for = Symbol.for('uppy test: getPlugins'); _Symbol$for2 = Symbol.for('uppy test: createUpload'); class Uppy { /** @type {Record} */ /** * Instantiate Uppy * * @param {object} opts — Uppy options */ constructor(_opts) { Object.defineProperty(this, _runUpload, { value: _runUpload2 }); Object.defineProperty(this, _removeUpload, { value: _removeUpload2 }); Object.defineProperty(this, _getUpload, { value: _getUpload2 }); Object.defineProperty(this, _createUpload, { value: _createUpload2 }); Object.defineProperty(this, _addListeners, { value: _addListeners2 }); Object.defineProperty(this, _startIfAutoProceed, { value: _startIfAutoProceed2 }); Object.defineProperty(this, _checkAndCreateFileStateObject, { value: _checkAndCreateFileStateObject2 }); Object.defineProperty(this, _assertNewUploadAllowed, { value: _assertNewUploadAllowed2 }); Object.defineProperty(this, _checkRequiredMetaFields, { value: _checkRequiredMetaFields2 }); Object.defineProperty(this, _checkRequiredMetaFieldsOnFile, { value: _checkRequiredMetaFieldsOnFile2 }); Object.defineProperty(this, _informAndEmit, { value: _informAndEmit2 }); Object.defineProperty(this, _plugins, { writable: true, value: Object.create(null) }); Object.defineProperty(this, _restricter, { writable: true, value: void 0 }); Object.defineProperty(this, _storeUnsubscribe, { writable: true, value: void 0 }); Object.defineProperty(this, _emitter, { writable: true, value: ee() }); Object.defineProperty(this, _preProcessors, { writable: true, value: new Set() }); Object.defineProperty(this, _uploaders, { writable: true, value: new Set() }); Object.defineProperty(this, _postProcessors, { writable: true, value: new Set() }); Object.defineProperty(this, _updateOnlineStatus, { writable: true, value: this.updateOnlineStatus.bind(this) }); this.defaultLocale = locale; const defaultOptions = { id: 'uppy', autoProceed: false, /** * @deprecated The method should not be used */ allowMultipleUploads: true, allowMultipleUploadBatches: true, debug: false, restrictions: _Restricter.defaultOptions, meta: {}, onBeforeFileAdded: currentFile => currentFile, onBeforeUpload: files => files, store: DefaultStore(), logger: _loggers.justErrorsLogger, infoTimeout: 5000 }; // Merge default options with the ones set by user, // making sure to merge restrictions too this.opts = { ...defaultOptions, ..._opts, restrictions: { ...defaultOptions.restrictions, ...(_opts && _opts.restrictions) } }; // Support debug: true for backwards-compatability, unless logger is set in opts // opts instead of this.opts to avoid comparing objects — we set logger: justErrorsLogger in defaultOptions if (_opts && _opts.logger && _opts.debug) { this.log('You are using a custom `logger`, but also set `debug: true`, which uses built-in logger to output logs to console. Ignoring `debug: true` and using your custom `logger`.', 'warning'); } else if (_opts && _opts.debug) { this.opts.logger = _loggers.debugLogger; } this.log(`Using Core v${this.constructor.VERSION}`); this.i18nInit(); // ___Why throttle at 500ms? // - We must throttle at >250ms for superfocus in Dashboard to work well // (because animation takes 0.25s, and we want to wait for all animations to be over before refocusing). // [Practical Check]: if thottle is at 100ms, then if you are uploading a file, // and click 'ADD MORE FILES', - focus won't activate in Firefox. // - We must throttle at around >500ms to avoid performance lags. // [Practical Check] Firefox, try to upload a big file for a prolonged period of time. Laptop will start to heat up. this.calculateProgress = throttle(this.calculateProgress.bind(this), 500, { leading: true, trailing: true }); this.store = this.opts.store; this.setState({ plugins: {}, files: {}, currentUploads: {}, allowNewUpload: true, capabilities: { uploadProgress: supportsUploadProgress(), individualCancellation: true, resumableUploads: false }, totalProgress: 0, meta: { ...this.opts.meta }, info: [], recoveredState: null }); _classPrivateFieldLooseBase(this, _restricter)[_restricter] = new _Restricter.Restricter(() => this.opts, this.i18n); _classPrivateFieldLooseBase(this, _storeUnsubscribe)[_storeUnsubscribe] = this.store.subscribe((prevState, nextState, patch) => { this.emit('state-update', prevState, nextState, patch); this.updateAll(nextState); }); // Exposing uppy object on window for debugging and testing if (this.opts.debug && typeof window !== 'undefined') { window[this.opts.id] = this; } _classPrivateFieldLooseBase(this, _addListeners)[_addListeners](); } emit(event) { for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { args[_key - 1] = arguments[_key]; } _classPrivateFieldLooseBase(this, _emitter)[_emitter].emit(event, ...args); } on(event, callback) { _classPrivateFieldLooseBase(this, _emitter)[_emitter].on(event, callback); return this; } once(event, callback) { _classPrivateFieldLooseBase(this, _emitter)[_emitter].once(event, callback); return this; } off(event, callback) { _classPrivateFieldLooseBase(this, _emitter)[_emitter].off(event, callback); return this; } /** * Iterate on all plugins and run `update` on them. * Called each time state changes. * */ updateAll(state) { this.iteratePlugins(plugin => { plugin.update(state); }); } /** * Updates state with a patch * * @param {object} patch {foo: 'bar'} */ setState(patch) { this.store.setState(patch); } /** * Returns current state. * * @returns {object} */ getState() { return this.store.getState(); } /** * Back compat for when uppy.state is used instead of uppy.getState(). * * @deprecated */ get state() { // Here, state is a non-enumerable property. return this.getState(); } /** * Shorthand to set state for a specific file. */ setFileState(fileID, state) { if (!this.getState().files[fileID]) { throw new Error(`Can’t set state for ${fileID} (the file could have been removed)`); } this.setState({ files: { ...this.getState().files, [fileID]: { ...this.getState().files[fileID], ...state } } }); } i18nInit() { const translator = new Translator([this.defaultLocale, this.opts.locale]); this.i18n = translator.translate.bind(translator); this.i18nArray = translator.translateArray.bind(translator); this.locale = translator.locale; } setOptions(newOpts) { this.opts = { ...this.opts, ...newOpts, restrictions: { ...this.opts.restrictions, ...(newOpts && newOpts.restrictions) } }; if (newOpts.meta) { this.setMeta(newOpts.meta); } this.i18nInit(); if (newOpts.locale) { this.iteratePlugins(plugin => { plugin.setOptions(); }); } // Note: this is not the preact `setState`, it's an internal function that has the same name. this.setState(); // so that UI re-renders with new options } resetProgress() { const defaultProgress = { percentage: 0, bytesUploaded: 0, uploadComplete: false, uploadStarted: null }; const files = { ...this.getState().files }; const updatedFiles = {}; Object.keys(files).forEach(fileID => { const updatedFile = { ...files[fileID] }; updatedFile.progress = { ...updatedFile.progress, ...defaultProgress }; updatedFiles[fileID] = updatedFile; }); this.setState({ files: updatedFiles, totalProgress: 0 }); this.emit('reset-progress'); } addPreProcessor(fn) { _classPrivateFieldLooseBase(this, _preProcessors)[_preProcessors].add(fn); } removePreProcessor(fn) { return _classPrivateFieldLooseBase(this, _preProcessors)[_preProcessors].delete(fn); } addPostProcessor(fn) { _classPrivateFieldLooseBase(this, _postProcessors)[_postProcessors].add(fn); } removePostProcessor(fn) { return _classPrivateFieldLooseBase(this, _postProcessors)[_postProcessors].delete(fn); } addUploader(fn) { _classPrivateFieldLooseBase(this, _uploaders)[_uploaders].add(fn); } removeUploader(fn) { return _classPrivateFieldLooseBase(this, _uploaders)[_uploaders].delete(fn); } setMeta(data) { const updatedMeta = { ...this.getState().meta, ...data }; const updatedFiles = { ...this.getState().files }; Object.keys(updatedFiles).forEach(fileID => { updatedFiles[fileID] = { ...updatedFiles[fileID], meta: { ...updatedFiles[fileID].meta, ...data } }; }); this.log('Adding metadata:'); this.log(data); this.setState({ meta: updatedMeta, files: updatedFiles }); } setFileMeta(fileID, data) { const updatedFiles = { ...this.getState().files }; if (!updatedFiles[fileID]) { this.log('Was trying to set metadata for a file that has been removed: ', fileID); return; } const newMeta = { ...updatedFiles[fileID].meta, ...data }; updatedFiles[fileID] = { ...updatedFiles[fileID], meta: newMeta }; this.setState({ files: updatedFiles }); } /** * Get a file object. * * @param {string} fileID The ID of the file object to return. */ getFile(fileID) { return this.getState().files[fileID]; } /** * Get all files in an array. */ getFiles() { const { files } = this.getState(); return Object.values(files); } getObjectOfFilesPerState() { const { files: filesObject, totalProgress, error } = this.getState(); const files = Object.values(filesObject); const inProgressFiles = files.filter(_ref => { let { progress } = _ref; return !progress.uploadComplete && progress.uploadStarted; }); const newFiles = files.filter(file => !file.progress.uploadStarted); const startedFiles = files.filter(file => file.progress.uploadStarted || file.progress.preprocess || file.progress.postprocess); const uploadStartedFiles = files.filter(file => file.progress.uploadStarted); const pausedFiles = files.filter(file => file.isPaused); const completeFiles = files.filter(file => file.progress.uploadComplete); const erroredFiles = files.filter(file => file.error); const inProgressNotPausedFiles = inProgressFiles.filter(file => !file.isPaused); const processingFiles = files.filter(file => file.progress.preprocess || file.progress.postprocess); return { newFiles, startedFiles, uploadStartedFiles, pausedFiles, completeFiles, erroredFiles, inProgressFiles, inProgressNotPausedFiles, processingFiles, isUploadStarted: uploadStartedFiles.length > 0, isAllComplete: totalProgress === 100 && completeFiles.length === files.length && processingFiles.length === 0, isAllErrored: !!error && erroredFiles.length === files.length, isAllPaused: inProgressFiles.length !== 0 && pausedFiles.length === inProgressFiles.length, isUploadInProgress: inProgressFiles.length > 0, isSomeGhost: files.some(file => file.isGhost) }; } /* * @constructs * @param { Error } error * @param { undefined } file */ /* * @constructs * @param { RestrictionError } error * @param { UppyFile | undefined } file */ validateRestrictions(file, files) { if (files === void 0) { files = this.getFiles(); } // TODO: directly return the Restriction error in next major version. // we create RestrictionError's just to discard immediately, which doesn't make sense. try { _classPrivateFieldLooseBase(this, _restricter)[_restricter].validate(file, files); return { result: true }; } catch (err) { return { result: false, reason: err.message }; } } checkIfFileAlreadyExists(fileID) { const { files } = this.getState(); if (files[fileID] && !files[fileID].isGhost) { return true; } return false; } /** * Create a file state object based on user-provided `addFile()` options. * * Note this is extremely side-effectful and should only be done when a file state object * will be added to state immediately afterward! * * The `files` value is passed in because it may be updated by the caller without updating the store. */ /** * Add a new file to `state.files`. This will run `onBeforeFileAdded`, * try to guess file type in a clever way, check file against restrictions, * and start an upload if `autoProceed === true`. * * @param {object} file object to add * @returns {string} id for the added file */ addFile(file) { _classPrivateFieldLooseBase(this, _assertNewUploadAllowed)[_assertNewUploadAllowed](file); const { files } = this.getState(); let newFile = _classPrivateFieldLooseBase(this, _checkAndCreateFileStateObject)[_checkAndCreateFileStateObject](files, file); // Users are asked to re-select recovered files without data, // and to keep the progress, meta and everthing else, we only replace said data if (files[newFile.id] && files[newFile.id].isGhost) { newFile = { ...files[newFile.id], data: file.data, isGhost: false }; this.log(`Replaced the blob in the restored ghost file: ${newFile.name}, ${newFile.id}`); } this.setState({ files: { ...files, [newFile.id]: newFile } }); this.emit('file-added', newFile); this.emit('files-added', [newFile]); this.log(`Added file: ${newFile.name}, ${newFile.id}, mime type: ${newFile.type}`); _classPrivateFieldLooseBase(this, _startIfAutoProceed)[_startIfAutoProceed](); return newFile.id; } /** * Add multiple files to `state.files`. See the `addFile()` documentation. * * If an error occurs while adding a file, it is logged and the user is notified. * This is good for UI plugins, but not for programmatic use. * Programmatic users should usually still use `addFile()` on individual files. */ addFiles(fileDescriptors) { _classPrivateFieldLooseBase(this, _assertNewUploadAllowed)[_assertNewUploadAllowed](); // create a copy of the files object only once const files = { ...this.getState().files }; const newFiles = []; const errors = []; for (let i = 0; i < fileDescriptors.length; i++) { try { let newFile = _classPrivateFieldLooseBase(this, _checkAndCreateFileStateObject)[_checkAndCreateFileStateObject](files, fileDescriptors[i]); // Users are asked to re-select recovered files without data, // and to keep the progress, meta and everthing else, we only replace said data if (files[newFile.id] && files[newFile.id].isGhost) { newFile = { ...files[newFile.id], data: fileDescriptors[i].data, isGhost: false }; this.log(`Replaced blob in a ghost file: ${newFile.name}, ${newFile.id}`); } files[newFile.id] = newFile; newFiles.push(newFile); } catch (err) { if (!err.isRestriction) { errors.push(err); } } } this.setState({ files }); newFiles.forEach(newFile => { this.emit('file-added', newFile); }); this.emit('files-added', newFiles); if (newFiles.length > 5) { this.log(`Added batch of ${newFiles.length} files`); } else { Object.keys(newFiles).forEach(fileID => { this.log(`Added file: ${newFiles[fileID].name}\n id: ${newFiles[fileID].id}\n type: ${newFiles[fileID].type}`); }); } if (newFiles.length > 0) { _classPrivateFieldLooseBase(this, _startIfAutoProceed)[_startIfAutoProceed](); } if (errors.length > 0) { let message = 'Multiple errors occurred while adding files:\n'; errors.forEach(subError => { message += `\n * ${subError.message}`; }); this.info({ message: this.i18n('addBulkFilesFailed', { smart_count: errors.length }), details: message }, 'error', this.opts.infoTimeout); if (typeof AggregateError === 'function') { throw new AggregateError(errors, message); } else { const err = new Error(message); err.errors = errors; throw err; } } } removeFiles(fileIDs, reason) { const { files, currentUploads } = this.getState(); const updatedFiles = { ...files }; const updatedUploads = { ...currentUploads }; const removedFiles = Object.create(null); fileIDs.forEach(fileID => { if (files[fileID]) { removedFiles[fileID] = files[fileID]; delete updatedFiles[fileID]; } }); // Remove files from the `fileIDs` list in each upload. function fileIsNotRemoved(uploadFileID) { return removedFiles[uploadFileID] === undefined; } Object.keys(updatedUploads).forEach(uploadID => { const newFileIDs = currentUploads[uploadID].fileIDs.filter(fileIsNotRemoved); // Remove the upload if no files are associated with it anymore. if (newFileIDs.length === 0) { delete updatedUploads[uploadID]; return; } const { capabilities } = this.getState(); if (newFileIDs.length !== currentUploads[uploadID].fileIDs.length && !capabilities.individualCancellation) { throw new Error('individualCancellation is disabled'); } updatedUploads[uploadID] = { ...currentUploads[uploadID], fileIDs: newFileIDs }; }); const stateUpdate = { currentUploads: updatedUploads, files: updatedFiles }; // If all files were removed - allow new uploads, // and clear recoveredState if (Object.keys(updatedFiles).length === 0) { stateUpdate.allowNewUpload = true; stateUpdate.error = null; stateUpdate.recoveredState = null; } this.setState(stateUpdate); this.calculateTotalProgress(); const removedFileIDs = Object.keys(removedFiles); removedFileIDs.forEach(fileID => { this.emit('file-removed', removedFiles[fileID], reason); }); if (removedFileIDs.length > 5) { this.log(`Removed ${removedFileIDs.length} files`); } else { this.log(`Removed files: ${removedFileIDs.join(', ')}`); } } removeFile(fileID, reason) { if (reason === void 0) { reason = null; } this.removeFiles([fileID], reason); } pauseResume(fileID) { if (!this.getState().capabilities.resumableUploads || this.getFile(fileID).uploadComplete) { return undefined; } const wasPaused = this.getFile(fileID).isPaused || false; const isPaused = !wasPaused; this.setFileState(fileID, { isPaused }); this.emit('upload-pause', fileID, isPaused); return isPaused; } pauseAll() { const updatedFiles = { ...this.getState().files }; const inProgressUpdatedFiles = Object.keys(updatedFiles).filter(file => { return !updatedFiles[file].progress.uploadComplete && updatedFiles[file].progress.uploadStarted; }); inProgressUpdatedFiles.forEach(file => { const updatedFile = { ...updatedFiles[file], isPaused: true }; updatedFiles[file] = updatedFile; }); this.setState({ files: updatedFiles }); this.emit('pause-all'); } resumeAll() { const updatedFiles = { ...this.getState().files }; const inProgressUpdatedFiles = Object.keys(updatedFiles).filter(file => { return !updatedFiles[file].progress.uploadComplete && updatedFiles[file].progress.uploadStarted; }); inProgressUpdatedFiles.forEach(file => { const updatedFile = { ...updatedFiles[file], isPaused: false, error: null }; updatedFiles[file] = updatedFile; }); this.setState({ files: updatedFiles }); this.emit('resume-all'); } retryAll() { const updatedFiles = { ...this.getState().files }; const filesToRetry = Object.keys(updatedFiles).filter(file => { return updatedFiles[file].error; }); filesToRetry.forEach(file => { const updatedFile = { ...updatedFiles[file], isPaused: false, error: null }; updatedFiles[file] = updatedFile; }); this.setState({ files: updatedFiles, error: null }); this.emit('retry-all', filesToRetry); if (filesToRetry.length === 0) { return Promise.resolve({ successful: [], failed: [] }); } const uploadID = _classPrivateFieldLooseBase(this, _createUpload)[_createUpload](filesToRetry, { forceAllowNewUpload: true // create new upload even if allowNewUpload: false }); return _classPrivateFieldLooseBase(this, _runUpload)[_runUpload](uploadID); } cancelAll(_temp) { let { reason = 'user' } = _temp === void 0 ? {} : _temp; this.emit('cancel-all', { reason }); // Only remove existing uploads if user is canceling if (reason === 'user') { const { files } = this.getState(); const fileIDs = Object.keys(files); if (fileIDs.length) { this.removeFiles(fileIDs, 'cancel-all'); } this.setState({ totalProgress: 0, error: null, recoveredState: null }); } } retryUpload(fileID) { this.setFileState(fileID, { error: null, isPaused: false }); this.emit('upload-retry', fileID); const uploadID = _classPrivateFieldLooseBase(this, _createUpload)[_createUpload]([fileID], { forceAllowNewUpload: true // create new upload even if allowNewUpload: false }); return _classPrivateFieldLooseBase(this, _runUpload)[_runUpload](uploadID); } // todo remove in next major. what is the point of the reset method when we have cancelAll or vice versa? reset() { this.cancelAll(...arguments); } logout() { this.iteratePlugins(plugin => { if (plugin.provider && plugin.provider.logout) { plugin.provider.logout(); } }); } calculateProgress(file, data) { if (file == null || !this.getFile(file.id)) { this.log(`Not setting progress for a file that has been removed: ${file == null ? void 0 : file.id}`); return; } // bytesTotal may be null or zero; in that case we can't divide by it const canHavePercentage = Number.isFinite(data.bytesTotal) && data.bytesTotal > 0; this.setFileState(file.id, { progress: { ...this.getFile(file.id).progress, bytesUploaded: data.bytesUploaded, bytesTotal: data.bytesTotal, percentage: canHavePercentage ? Math.round(data.bytesUploaded / data.bytesTotal * 100) : 0 } }); this.calculateTotalProgress(); } calculateTotalProgress() { // calculate total progress, using the number of files currently uploading, // multiplied by 100 and the summ of individual progress of each file const files = this.getFiles(); const inProgress = files.filter(file => { return file.progress.uploadStarted || file.progress.preprocess || file.progress.postprocess; }); if (inProgress.length === 0) { this.emit('progress', 0); this.setState({ totalProgress: 0 }); return; } const sizedFiles = inProgress.filter(file => file.progress.bytesTotal != null); const unsizedFiles = inProgress.filter(file => file.progress.bytesTotal == null); if (sizedFiles.length === 0) { const progressMax = inProgress.length * 100; const currentProgress = unsizedFiles.reduce((acc, file) => { return acc + file.progress.percentage; }, 0); const totalProgress = Math.round(currentProgress / progressMax * 100); this.setState({ totalProgress }); return; } let totalSize = sizedFiles.reduce((acc, file) => { return acc + file.progress.bytesTotal; }, 0); const averageSize = totalSize / sizedFiles.length; totalSize += averageSize * unsizedFiles.length; let uploadedSize = 0; sizedFiles.forEach(file => { uploadedSize += file.progress.bytesUploaded; }); unsizedFiles.forEach(file => { uploadedSize += averageSize * (file.progress.percentage || 0) / 100; }); let totalProgress = totalSize === 0 ? 0 : Math.round(uploadedSize / totalSize * 100); // hot fix, because: // uploadedSize ended up larger than totalSize, resulting in 1325% total if (totalProgress > 100) { totalProgress = 100; } this.setState({ totalProgress }); this.emit('progress', totalProgress); } /** * Registers listeners for all global actions, like: * `error`, `file-removed`, `upload-progress` */ updateOnlineStatus() { const online = typeof window.navigator.onLine !== 'undefined' ? window.navigator.onLine : true; if (!online) { this.emit('is-offline'); this.info(this.i18n('noInternetConnection'), 'error', 0); this.wasOffline = true; } else { this.emit('is-online'); if (this.wasOffline) { this.emit('back-online'); this.info(this.i18n('connectedToInternet'), 'success', 3000); this.wasOffline = false; } } } getID() { return this.opts.id; } /** * Registers a plugin with Core. * * @param {object} Plugin object * @param {object} [opts] object with options to be passed to Plugin * @returns {object} self for chaining */ // eslint-disable-next-line no-shadow use(Plugin, opts) { if (typeof Plugin !== 'function') { const msg = `Expected a plugin class, but got ${Plugin === null ? 'null' : typeof Plugin}.` + ' Please verify that the plugin was imported and spelled correctly.'; throw new TypeError(msg); } // Instantiate const plugin = new Plugin(this, opts); const pluginId = plugin.id; if (!pluginId) { throw new Error('Your plugin must have an id'); } if (!plugin.type) { throw new Error('Your plugin must have a type'); } const existsPluginAlready = this.getPlugin(pluginId); if (existsPluginAlready) { const msg = `Already found a plugin named '${existsPluginAlready.id}'. ` + `Tried to use: '${pluginId}'.\n` + 'Uppy plugins must have unique `id` options. See https://uppy.io/docs/plugins/#id.'; throw new Error(msg); } if (Plugin.VERSION) { this.log(`Using ${pluginId} v${Plugin.VERSION}`); } if (plugin.type in _classPrivateFieldLooseBase(this, _plugins)[_plugins]) { _classPrivateFieldLooseBase(this, _plugins)[_plugins][plugin.type].push(plugin); } else { _classPrivateFieldLooseBase(this, _plugins)[_plugins][plugin.type] = [plugin]; } plugin.install(); return this; } /** * Find one Plugin by name. * * @param {string} id plugin id * @returns {BasePlugin|undefined} */ getPlugin(id) { for (const plugins of Object.values(_classPrivateFieldLooseBase(this, _plugins)[_plugins])) { const foundPlugin = plugins.find(plugin => plugin.id === id); if (foundPlugin != null) return foundPlugin; } return undefined; } [_Symbol$for](type) { return _classPrivateFieldLooseBase(this, _plugins)[_plugins][type]; } /** * Iterate through all `use`d plugins. * * @param {Function} method that will be run on each plugin */ iteratePlugins(method) { Object.values(_classPrivateFieldLooseBase(this, _plugins)[_plugins]).flat(1).forEach(method); } /** * Uninstall and remove a plugin. * * @param {object} instance The plugin instance to remove. */ removePlugin(instance) { this.log(`Removing plugin ${instance.id}`); this.emit('plugin-remove', instance); if (instance.uninstall) { instance.uninstall(); } const list = _classPrivateFieldLooseBase(this, _plugins)[_plugins][instance.type]; // list.indexOf failed here, because Vue3 converted the plugin instance // to a Proxy object, which failed the strict comparison test: // obj !== objProxy const index = list.findIndex(item => item.id === instance.id); if (index !== -1) { list.splice(index, 1); } const state = this.getState(); const updatedState = { plugins: { ...state.plugins, [instance.id]: undefined } }; this.setState(updatedState); } /** * Uninstall all plugins and close down this Uppy instance. */ close(_temp2) { let { reason } = _temp2 === void 0 ? {} : _temp2; this.log(`Closing Uppy instance ${this.opts.id}: removing all files and uninstalling plugins`); this.cancelAll({ reason }); _classPrivateFieldLooseBase(this, _storeUnsubscribe)[_storeUnsubscribe](); this.iteratePlugins(plugin => { this.removePlugin(plugin); }); if (typeof window !== 'undefined' && window.removeEventListener) { window.removeEventListener('online', _classPrivateFieldLooseBase(this, _updateOnlineStatus)[_updateOnlineStatus]); window.removeEventListener('offline', _classPrivateFieldLooseBase(this, _updateOnlineStatus)[_updateOnlineStatus]); } } hideInfo() { const { info } = this.getState(); this.setState({ info: info.slice(1) }); this.emit('info-hidden'); } /** * Set info message in `state.info`, so that UI plugins like `Informer` * can display the message. * * @param {string | object} message Message to be displayed by the informer * @param {string} [type] * @param {number} [duration] */ info(message, type, duration) { if (type === void 0) { type = 'info'; } if (duration === void 0) { duration = 3000; } const isComplexMessage = typeof message === 'object'; this.setState({ info: [...this.getState().info, { type, message: isComplexMessage ? message.message : message, details: isComplexMessage ? message.details : null }] }); setTimeout(() => this.hideInfo(), duration); this.emit('info-visible'); } /** * Passes messages to a function, provided in `opts.logger`. * If `opts.logger: Uppy.debugLogger` or `opts.debug: true`, logs to the browser console. * * @param {string|object} message to log * @param {string} [type] optional `error` or `warning` */ log(message, type) { const { logger } = this.opts; switch (type) { case 'error': logger.error(message); break; case 'warning': logger.warn(message); break; default: logger.debug(message); break; } } /** * Restore an upload by its ID. */ restore(uploadID) { this.log(`Core: attempting to restore upload "${uploadID}"`); if (!this.getState().currentUploads[uploadID]) { _classPrivateFieldLooseBase(this, _removeUpload)[_removeUpload](uploadID); return Promise.reject(new Error('Nonexistent upload')); } return _classPrivateFieldLooseBase(this, _runUpload)[_runUpload](uploadID); } /** * Create an upload for a bunch of files. * * @param {Array} fileIDs File IDs to include in this upload. * @returns {string} ID of this upload. */ [_Symbol$for2]() { return _classPrivateFieldLooseBase(this, _createUpload)[_createUpload](...arguments); } /** * Add data to an upload's result object. * * @param {string} uploadID The ID of the upload. * @param {object} data Data properties to add to the result object. */ addResultData(uploadID, data) { if (!_classPrivateFieldLooseBase(this, _getUpload)[_getUpload](uploadID)) { this.log(`Not setting result for an upload that has been removed: ${uploadID}`); return; } const { currentUploads } = this.getState(); const currentUpload = { ...currentUploads[uploadID], result: { ...currentUploads[uploadID].result, ...data } }; this.setState({ currentUploads: { ...currentUploads, [uploadID]: currentUpload } }); } /** * Remove an upload, eg. if it has been canceled or completed. * * @param {string} uploadID The ID of the upload. */ /** * Start an upload for all the files that are not currently being uploaded. * * @returns {Promise} */ upload() { var _classPrivateFieldLoo; if (!((_classPrivateFieldLoo = _classPrivateFieldLooseBase(this, _plugins)[_plugins].uploader) != null && _classPrivateFieldLoo.length)) { this.log('No uploader type plugins are used', 'warning'); } let { files } = this.getState(); const onBeforeUploadResult = this.opts.onBeforeUpload(files); if (onBeforeUploadResult === false) { return Promise.reject(new Error('Not starting the upload because onBeforeUpload returned false')); } if (onBeforeUploadResult && typeof onBeforeUploadResult === 'object') { files = onBeforeUploadResult; // Updating files in state, because uploader plugins receive file IDs, // and then fetch the actual file object from state this.setState({ files }); } return Promise.resolve().then(() => _classPrivateFieldLooseBase(this, _restricter)[_restricter].validateMinNumberOfFiles(files)).catch(err => { _classPrivateFieldLooseBase(this, _informAndEmit)[_informAndEmit](err); throw err; }).then(() => { if (!_classPrivateFieldLooseBase(this, _checkRequiredMetaFields)[_checkRequiredMetaFields](files)) { throw new _Restricter.RestrictionError(this.i18n('missingRequiredMetaField')); } }).catch(err => { // Doing this in a separate catch because we already emited and logged // all the errors in `checkRequiredMetaFields` so we only throw a generic // missing fields error here. throw err; }).then(() => { const { currentUploads } = this.getState(); // get a list of files that are currently assigned to uploads const currentlyUploadingFiles = Object.values(currentUploads).flatMap(curr => curr.fileIDs); const waitingFileIDs = []; Object.keys(files).forEach(fileID => { const file = this.getFile(fileID); // if the file hasn't started uploading and hasn't already been assigned to an upload.. if (!file.progress.uploadStarted && currentlyUploadingFiles.indexOf(fileID) === -1) { waitingFileIDs.push(file.id); } }); const uploadID = _classPrivateFieldLooseBase(this, _createUpload)[_createUpload](waitingFileIDs); return _classPrivateFieldLooseBase(this, _runUpload)[_runUpload](uploadID); }).catch(err => { this.emit('error', err); this.log(err, 'error'); throw err; }); } } function _informAndEmit2(error, file) { const { message, details = '' } = error; if (error.isRestriction) { this.emit('restriction-failed', file, error); } else { this.emit('error', error); } this.info({ message, details }, 'error', this.opts.infoTimeout); this.log(`${message} ${details}`.trim(), 'error'); } function _checkRequiredMetaFieldsOnFile2(file) { const { missingFields, error } = _classPrivateFieldLooseBase(this, _restricter)[_restricter].getMissingRequiredMetaFields(file); if (missingFields.length > 0) { this.setFileState(file.id, { missingRequiredMetaFields: missingFields }); this.log(error.message); this.emit('restriction-failed', file, error); return false; } return true; } function _checkRequiredMetaFields2(files) { let success = true; for (const file of Object.values(files)) { if (!_classPrivateFieldLooseBase(this, _checkRequiredMetaFieldsOnFile)[_checkRequiredMetaFieldsOnFile](file)) { success = false; } } return success; } function _assertNewUploadAllowed2(file) { const { allowNewUpload } = this.getState(); if (allowNewUpload === false) { const error = new _Restricter.RestrictionError(this.i18n('noMoreFilesAllowed')); _classPrivateFieldLooseBase(this, _informAndEmit)[_informAndEmit](error, file); throw error; } } function _checkAndCreateFileStateObject2(files, fileDescriptor) { const fileType = getFileType(fileDescriptor); const fileName = getFileName(fileType, fileDescriptor); const fileExtension = getFileNameAndExtension(fileName).extension; const isRemote = Boolean(fileDescriptor.isRemote); const fileID = generateFileID({ ...fileDescriptor, type: fileType }); if (this.checkIfFileAlreadyExists(fileID)) { const error = new _Restricter.RestrictionError(this.i18n('noDuplicates', { fileName })); _classPrivateFieldLooseBase(this, _informAndEmit)[_informAndEmit](error, fileDescriptor); throw error; } const meta = fileDescriptor.meta || {}; meta.name = fileName; meta.type = fileType; // `null` means the size is unknown. const size = Number.isFinite(fileDescriptor.data.size) ? fileDescriptor.data.size : null; let newFile = { source: fileDescriptor.source || '', id: fileID, name: fileName, extension: fileExtension || '', meta: { ...this.getState().meta, ...meta }, type: fileType, data: fileDescriptor.data, progress: { percentage: 0, bytesUploaded: 0, bytesTotal: size, uploadComplete: false, uploadStarted: null }, size, isRemote, remote: fileDescriptor.remote || '', preview: fileDescriptor.preview }; const onBeforeFileAddedResult = this.opts.onBeforeFileAdded(newFile, files); if (onBeforeFileAddedResult === false) { // Don’t show UI info for this error, as it should be done by the developer const error = new _Restricter.RestrictionError('Cannot add the file because onBeforeFileAdded returned false.'); this.emit('restriction-failed', fileDescriptor, error); throw error; } else if (typeof onBeforeFileAddedResult === 'object' && onBeforeFileAddedResult !== null) { newFile = onBeforeFileAddedResult; } try { const filesArray = Object.keys(files).map(i => files[i]); _classPrivateFieldLooseBase(this, _restricter)[_restricter].validate(newFile, filesArray); } catch (err) { _classPrivateFieldLooseBase(this, _informAndEmit)[_informAndEmit](err, newFile); throw err; } return newFile; } function _startIfAutoProceed2() { if (this.opts.autoProceed && !this.scheduledAutoProceed) { this.scheduledAutoProceed = setTimeout(() => { this.scheduledAutoProceed = null; this.upload().catch(err => { if (!err.isRestriction) { this.log(err.stack || err.message || err); } }); }, 4); } } function _addListeners2() { /** * @param {Error} error * @param {object} [file] * @param {object} [response] */ const errorHandler = (error, file, response) => { let errorMsg = error.message || 'Unknown error'; if (error.details) { errorMsg += ` ${error.details}`; } this.setState({ error: errorMsg }); if (file != null && file.id in this.getState().files) { this.setFileState(file.id, { error: errorMsg, response }); } }; this.on('error', errorHandler); this.on('upload-error', (file, error, response) => { errorHandler(error, file, response); if (typeof error === 'object' && error.message) { const newError = new Error(error.message); newError.details = error.message; if (error.details) { newError.details += ` ${error.details}`; } newError.message = this.i18n('failedToUpload', { file: file == null ? void 0 : file.name }); _classPrivateFieldLooseBase(this, _informAndEmit)[_informAndEmit](newError); } else { _classPrivateFieldLooseBase(this, _informAndEmit)[_informAndEmit](error); } }); this.on('upload', () => { this.setState({ error: null }); }); this.on('upload-started', file => { if (file == null || !this.getFile(file.id)) { this.log(`Not setting progress for a file that has been removed: ${file == null ? void 0 : file.id}`); return; } this.setFileState(file.id, { progress: { uploadStarted: Date.now(), uploadComplete: false, percentage: 0, bytesUploaded: 0, bytesTotal: file.size } }); }); this.on('upload-progress', this.calculateProgress); this.on('upload-success', (file, uploadResp) => { if (file == null || !this.getFile(file.id)) { this.log(`Not setting progress for a file that has been removed: ${file == null ? void 0 : file.id}`); return; } const currentProgress = this.getFile(file.id).progress; this.setFileState(file.id, { progress: { ...currentProgress, postprocess: _classPrivateFieldLooseBase(this, _postProcessors)[_postProcessors].size > 0 ? { mode: 'indeterminate' } : null, uploadComplete: true, percentage: 100, bytesUploaded: currentProgress.bytesTotal }, response: uploadResp, uploadURL: uploadResp.uploadURL, isPaused: false }); // Remote providers sometimes don't tell us the file size, // but we can know how many bytes we uploaded once the upload is complete. if (file.size == null) { this.setFileState(file.id, { size: uploadResp.bytesUploaded || currentProgress.bytesTotal }); } this.calculateTotalProgress(); }); this.on('preprocess-progress', (file, progress) => { if (file == null || !this.getFile(file.id)) { this.log(`Not setting progress for a file that has been removed: ${file == null ? void 0 : file.id}`); return; } this.setFileState(file.id, { progress: { ...this.getFile(file.id).progress, preprocess: progress } }); }); this.on('preprocess-complete', file => { if (file == null || !this.getFile(file.id)) { this.log(`Not setting progress for a file that has been removed: ${file == null ? void 0 : file.id}`); return; } const files = { ...this.getState().files }; files[file.id] = { ...files[file.id], progress: { ...files[file.id].progress } }; delete files[file.id].progress.preprocess; this.setState({ files }); }); this.on('postprocess-progress', (file, progress) => { if (file == null || !this.getFile(file.id)) { this.log(`Not setting progress for a file that has been removed: ${file == null ? void 0 : file.id}`); return; } this.setFileState(file.id, { progress: { ...this.getState().files[file.id].progress, postprocess: progress } }); }); this.on('postprocess-complete', file => { if (file == null || !this.getFile(file.id)) { this.log(`Not setting progress for a file that has been removed: ${file == null ? void 0 : file.id}`); return; } const files = { ...this.getState().files }; files[file.id] = { ...files[file.id], progress: { ...files[file.id].progress } }; delete files[file.id].progress.postprocess; this.setState({ files }); }); this.on('restored', () => { // Files may have changed--ensure progress is still accurate. this.calculateTotalProgress(); }); this.on('dashboard:file-edit-complete', file => { if (file) { _classPrivateFieldLooseBase(this, _checkRequiredMetaFieldsOnFile)[_checkRequiredMetaFieldsOnFile](file); } }); // show informer if offline if (typeof window !== 'undefined' && window.addEventListener) { window.addEventListener('online', _classPrivateFieldLooseBase(this, _updateOnlineStatus)[_updateOnlineStatus]); window.addEventListener('offline', _classPrivateFieldLooseBase(this, _updateOnlineStatus)[_updateOnlineStatus]); setTimeout(_classPrivateFieldLooseBase(this, _updateOnlineStatus)[_updateOnlineStatus], 3000); } } function _createUpload2(fileIDs, opts) { if (opts === void 0) { opts = {}; } // uppy.retryAll sets this to true — when retrying we want to ignore `allowNewUpload: false` const { forceAllowNewUpload = false } = opts; const { allowNewUpload, currentUploads } = this.getState(); if (!allowNewUpload && !forceAllowNewUpload) { throw new Error('Cannot create a new upload: already uploading.'); } const uploadID = (0, _nonSecure.nanoid)(); this.emit('upload', { id: uploadID, fileIDs }); this.setState({ allowNewUpload: this.opts.allowMultipleUploadBatches !== false && this.opts.allowMultipleUploads !== false, currentUploads: { ...currentUploads, [uploadID]: { fileIDs, step: 0, result: {} } } }); return uploadID; } function _getUpload2(uploadID) { const { currentUploads } = this.getState(); return currentUploads[uploadID]; } function _removeUpload2(uploadID) { const currentUploads = { ...this.getState().currentUploads }; delete currentUploads[uploadID]; this.setState({ currentUploads }); } async function _runUpload2(uploadID) { let { currentUploads } = this.getState(); let currentUpload = currentUploads[uploadID]; const restoreStep = currentUpload.step || 0; const steps = [..._classPrivateFieldLooseBase(this, _preProcessors)[_preProcessors], ..._classPrivateFieldLooseBase(this, _uploaders)[_uploaders], ..._classPrivateFieldLooseBase(this, _postProcessors)[_postProcessors]]; try { for (let step = restoreStep; step < steps.length; step++) { if (!currentUpload) { break; } const fn = steps[step]; const updatedUpload = { ...currentUpload, step }; this.setState({ currentUploads: { ...currentUploads, [uploadID]: updatedUpload } }); // TODO give this the `updatedUpload` object as its only parameter maybe? // Otherwise when more metadata may be added to the upload this would keep getting more parameters await fn(updatedUpload.fileIDs, uploadID); // Update currentUpload value in case it was modified asynchronously. currentUploads = this.getState().currentUploads; currentUpload = currentUploads[uploadID]; } } catch (err) { _classPrivateFieldLooseBase(this, _removeUpload)[_removeUpload](uploadID); throw err; } // Set result data. if (currentUpload) { // Mark postprocessing step as complete if necessary; this addresses a case where we might get // stuck in the postprocessing UI while the upload is fully complete. // If the postprocessing steps do not do any work, they may not emit postprocessing events at // all, and never mark the postprocessing as complete. This is fine on its own but we // introduced code in the @uppy/core upload-success handler to prepare postprocessing progress // state if any postprocessors are registered. That is to avoid a "flash of completed state" // before the postprocessing plugins can emit events. // // So, just in case an upload with postprocessing plugins *has* completed *without* emitting // postprocessing completion, we do it instead. currentUpload.fileIDs.forEach(fileID => { const file = this.getFile(fileID); if (file && file.progress.postprocess) { this.emit('postprocess-complete', file); } }); const files = currentUpload.fileIDs.map(fileID => this.getFile(fileID)); const successful = files.filter(file => !file.error); const failed = files.filter(file => file.error); await this.addResultData(uploadID, { successful, failed, uploadID }); // Update currentUpload value in case it was modified asynchronously. currentUploads = this.getState().currentUploads; currentUpload = currentUploads[uploadID]; } // Emit completion events. // This is in a separate function so that the `currentUploads` variable // always refers to the latest state. In the handler right above it refers // to an outdated object without the `.result` property. let result; if (currentUpload) { result = currentUpload.result; this.emit('complete', result); _classPrivateFieldLooseBase(this, _removeUpload)[_removeUpload](uploadID); } if (result == null) { this.log(`Not setting result for an upload that has been removed: ${uploadID}`); } return result; } Uppy.VERSION = packageJson.version; module.exports = Uppy;