@uploadcare/upload-client 2.2.1-alpha.0 → 3.1.0

package/dist/index.browser.js

@@ -94,7 +94,15 @@ const request = ({ method, url, data, headers = {}, signal, onProgress }) => new
     };
     if (onProgress && typeof onProgress === 'function') {
         xhr.upload.onprogress = (event) => {
-            onProgress({ value: event.loaded / event.total });
+            if (event.lengthComputable) {
+                onProgress({
+                    isComputable: true,
+                    value: event.loaded / event.total
+                });
+            }
+            else {
+                onProgress({ isComputable: false });
+            }
         };
     }
     if (data) {
@@ -112,31 +120,97 @@ function identity(obj) {
 const transformFile = identity;
 var getFormData = () => new FormData();
 
-const isFileTuple = (tuple) => tuple[0] === 'file';
-function buildFormData(body) {
-    const formData = getFormData();
-    for (const tuple of body) {
-        if (Array.isArray(tuple[1])) {
-            // refactor this
-            tuple[1].forEach((val) => val && formData.append(tuple[0] + '[]', `${val}`));
-        }
-        else if (isFileTuple(tuple)) {
-            const name = tuple[2];
-            const file = transformFile(tuple[1]); // lgtm[js/superfluous-trailing-arguments]
-            formData.append(tuple[0], file, name);
-        }
-        else if (tuple[1] != null) {
-            formData.append(tuple[0], `${tuple[1]}`);
+/**
+ * FileData type guard.
+ */
+const isFileData = (data) => {
+    return (data !== undefined &&
+        ((typeof Blob !== 'undefined' && data instanceof Blob) ||
+            (typeof File !== 'undefined' && data instanceof File) ||
+            (typeof Buffer !== 'undefined' && data instanceof Buffer)));
+};
+/**
+ * Uuid type guard.
+ */
+const isUuid = (data) => {
+    const UUID_REGEX = '[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}';
+    const regExp = new RegExp(UUID_REGEX);
+    return !isFileData(data) && regExp.test(data);
+};
+/**
+ * Url type guard.
+ *
+ * @param {NodeFile | BrowserFile | Url | Uuid} data
+ */
+const isUrl = (data) => {
+    const URL_REGEX = '^(?:\\w+:)?\\/\\/([^\\s\\.]+\\.\\S{2}|localhost[\\:?\\d]*)\\S*$';
+    const regExp = new RegExp(URL_REGEX);
+    return !isFileData(data) && regExp.test(data);
+};
+
+const isSimpleValue = (value) => {
+    return (typeof value === 'string' ||
+        typeof value === 'number' ||
+        typeof value === 'undefined');
+};
+const isObjectValue = (value) => {
+    return !!value && typeof value === 'object' && !Array.isArray(value);
+};
+const isFileValue = (value) => !!value &&
+    typeof value === 'object' &&
+    'data' in value &&
+    isFileData(value.data);
+function collectParams(params, inputKey, inputValue) {
+    if (isFileValue(inputValue)) {
+        const name = inputValue.name;
+        const file = transformFile(inputValue.data); // lgtm [js/superfluous-trailing-arguments]
+        params.push(name ? [inputKey, file, name] : [inputKey, file]);
+    }
+    else if (isObjectValue(inputValue)) {
+        for (const [key, value] of Object.entries(inputValue)) {
+            if (typeof value !== 'undefined') {
+                params.push([`${inputKey}[${key}]`, String(value)]);
+            }
         }
     }
+    else if (isSimpleValue(inputValue) && inputValue) {
+        params.push([inputKey, inputValue.toString()]);
+    }
+}
+function getFormDataParams(options) {
+    const params = [];
+    for (const [key, value] of Object.entries(options)) {
+        collectParams(params, key, value);
+    }
+    return params;
+}
+function buildFormData(options) {
+    const formData = getFormData();
+    const params = getFormDataParams(options);
+    for (const param of params) {
+        formData.append(...param);
+    }
     return formData;
 }
 
 const serializePair = (key, value) => typeof value !== 'undefined' ? `${key}=${encodeURIComponent(value)}` : null;
+// TODO: generalize value transforming logic and use it here and inside `buildFormData`
 const createQuery = (query) => Object.entries(query)
-    .reduce((params, [key, value]) => params.concat(Array.isArray(value)
-    ? value.map((value) => serializePair(`${key}[]`, value))
-    : serializePair(key, value)), [])
+    .reduce((params, [key, value]) => {
+    let param;
+    if (typeof value === 'object' && !Array.isArray(value)) {
+        param = Object.entries(value)
+            .filter((entry) => typeof entry[1] !== 'undefined')
+            .map((entry) => serializePair(`${key}[${entry[0]}]`, String(entry[1])));
+    }
+    else if (Array.isArray(value)) {
+        param = value.map((val) => serializePair(`${key}[]`, val));
+    }
+    else {
+        param = serializePair(key, value);
+    }
+    return params.concat(param);
+}, [])
     .filter((x) => !!x)
     .join('&');
 const getUrl = (base, path, query) => [
@@ -168,7 +242,7 @@ const defaultSettings = {
 const defaultContentType = 'application/octet-stream';
 const defaultFilename = 'original';
 
-var version = '2.2.0';
+var version = '3.1.0';
 
 /**
  * Returns User Agent based on version and settings.
@@ -268,11 +342,15 @@ function retryIfThrottled(fn, retryThrottledMaxTimes) {
     }));
 }
 
+function getStoreValue(store) {
+    return typeof store === 'undefined' ? 'auto' : store ? '1' : '0';
+}
+
 /**
  * Performs file uploading request to Uploadcare Upload API.
  * Can be canceled and has progress.
  */
-function base(file, { publicKey, fileName, baseURL = defaultSettings.baseURL, secureSignature, secureExpire, store, signal, onProgress, source = 'local', integration, userAgent, retryThrottledRequestMaxTimes = defaultSettings.retryThrottledRequestMaxTimes }) {
+function base(file, { publicKey, fileName, baseURL = defaultSettings.baseURL, secureSignature, secureExpire, store, signal, onProgress, source = 'local', integration, userAgent, retryThrottledRequestMaxTimes = defaultSettings.retryThrottledRequestMaxTimes, metadata }) {
     return retryIfThrottled(() => {
         var _a;
         return request({
@@ -283,17 +361,18 @@ function base(file, { publicKey, fileName, baseURL = defaultSettings.baseURL, se
             headers: {
                 'X-UC-User-Agent': getUserAgent({ publicKey, integration, userAgent })
             },
-            data: buildFormData([
-                ['file', file, (_a = fileName !== null && fileName !== void 0 ? fileName : file.name) !== null && _a !== void 0 ? _a : defaultFilename],
-                ['UPLOADCARE_PUB_KEY', publicKey],
-                [
-                    'UPLOADCARE_STORE',
-                    typeof store === 'undefined' ? 'auto' : store ? 1 : 0
-                ],
-                ['signature', secureSignature],
-                ['expire', secureExpire],
-                ['source', source]
-            ]),
+            data: buildFormData({
+                file: {
+                    data: file,
+                    name: (_a = fileName !== null && fileName !== void 0 ? fileName : file.name) !== null && _a !== void 0 ? _a : defaultFilename
+                },
+                UPLOADCARE_PUB_KEY: publicKey,
+                UPLOADCARE_STORE: getStoreValue(store),
+                signature: secureSignature,
+                expire: secureExpire,
+                source: source,
+                metadata
+            }),
             signal,
             onProgress
         }).then(({ data, headers, request }) => {
@@ -316,7 +395,7 @@ var TypeEnum;
 /**
  * Uploading files from URL.
  */
-function fromUrl(sourceUrl, { publicKey, baseURL = defaultSettings.baseURL, store, fileName, checkForUrlDuplicates, saveUrlForRecurrentUploads, secureSignature, secureExpire, source = 'url', signal, integration, userAgent, retryThrottledRequestMaxTimes = defaultSettings.retryThrottledRequestMaxTimes }) {
+function fromUrl(sourceUrl, { publicKey, baseURL = defaultSettings.baseURL, store, fileName, checkForUrlDuplicates, saveUrlForRecurrentUploads, secureSignature, secureExpire, source = 'url', signal, integration, userAgent, retryThrottledRequestMaxTimes = defaultSettings.retryThrottledRequestMaxTimes, metadata }) {
     return retryIfThrottled(() => request({
         method: 'POST',
         headers: {
@@ -326,13 +405,14 @@ function fromUrl(sourceUrl, { publicKey, baseURL = defaultSettings.baseURL, stor
             jsonerrors: 1,
             pub_key: publicKey,
             source_url: sourceUrl,
-            store: typeof store === 'undefined' ? 'auto' : store ? 1 : undefined,
+            store: getStoreValue(store),
             filename: fileName,
             check_URL_duplicates: checkForUrlDuplicates ? 1 : undefined,
             save_URL_duplicates: saveUrlForRecurrentUploads ? 1 : undefined,
             signature: secureSignature,
             expire: secureExpire,
-            source: source
+            source: source,
+            metadata
         }),
         signal
     }).then(({ data, headers, request }) => {
@@ -475,24 +555,25 @@ function info(uuid, { publicKey, baseURL = defaultSettings.baseURL, signal, sour
 /**
  * Start multipart uploading.
  */
-function multipartStart(size, { publicKey, contentType, fileName, multipartChunkSize = defaultSettings.multipartChunkSize, baseURL = '', secureSignature, secureExpire, store, signal, source = 'local', integration, userAgent, retryThrottledRequestMaxTimes = defaultSettings.retryThrottledRequestMaxTimes }) {
+function multipartStart(size, { publicKey, contentType, fileName, multipartChunkSize = defaultSettings.multipartChunkSize, baseURL = '', secureSignature, secureExpire, store, signal, source = 'local', integration, userAgent, retryThrottledRequestMaxTimes = defaultSettings.retryThrottledRequestMaxTimes, metadata }) {
     return retryIfThrottled(() => request({
         method: 'POST',
         url: getUrl(baseURL, '/multipart/start/', { jsonerrors: 1 }),
         headers: {
             'X-UC-User-Agent': getUserAgent({ publicKey, integration, userAgent })
         },
-        data: buildFormData([
-            ['filename', fileName !== null && fileName !== void 0 ? fileName : defaultFilename],
-            ['size', size],
-            ['content_type', contentType !== null && contentType !== void 0 ? contentType : defaultContentType],
-            ['part_size', multipartChunkSize],
-            ['UPLOADCARE_STORE', store ? '' : 'auto'],
-            ['UPLOADCARE_PUB_KEY', publicKey],
-            ['signature', secureSignature],
-            ['expire', secureExpire],
-            ['source', source]
-        ]),
+        data: buildFormData({
+            filename: fileName !== null && fileName !== void 0 ? fileName : defaultFilename,
+            size: size,
+            content_type: contentType !== null && contentType !== void 0 ? contentType : defaultContentType,
+            part_size: multipartChunkSize,
+            UPLOADCARE_STORE: getStoreValue(store),
+            UPLOADCARE_PUB_KEY: publicKey,
+            signature: secureSignature,
+            expire: secureExpire,
+            source: source,
+            metadata
+        }),
         signal
     }).then(({ data, headers, request }) => {
         const response = camelizeKeys(JSON.parse(data));
@@ -515,13 +596,17 @@ function multipartUpload(part, url, { signal, onProgress }) {
         method: 'PUT',
         url,
         data: part,
-        onProgress,
+        // Upload request can't be non-computable because we always know exact size
+        onProgress: onProgress,
         signal
     })
         .then((result) => {
         // hack for node ¯\_(ツ)_/¯
         if (onProgress)
-            onProgress({ value: 1 });
+            onProgress({
+                isComputable: true,
+                value: 1
+            });
         return result;
     })
         .then(({ status }) => ({ code: status }));
@@ -537,11 +622,11 @@ function multipartComplete(uuid, { publicKey, baseURL = defaultSettings.baseURL,
         headers: {
             'X-UC-User-Agent': getUserAgent({ publicKey, integration, userAgent })
         },
-        data: buildFormData([
-            ['uuid', uuid],
-            ['UPLOADCARE_PUB_KEY', publicKey],
-            ['source', source]
-        ]),
+        data: buildFormData({
+            uuid: uuid,
+            UPLOADCARE_PUB_KEY: publicKey,
+            source: source
+        }),
         signal
     }).then(({ data, headers, request }) => {
         const response = camelizeKeys(JSON.parse(data));
@@ -567,6 +652,8 @@ class UploadcareFile {
         this.originalFilename = null;
         this.imageInfo = null;
         this.videoInfo = null;
+        this.contentInfo = null;
+        this.metadata = null;
         const { uuid, s3Bucket } = fileInfo;
         const urlBase = s3Bucket
             ? `https://${s3Bucket}.s3.amazonaws.com/${uuid}/${fileInfo.filename}`
@@ -586,6 +673,8 @@ class UploadcareFile {
         this.originalFilename = fileInfo.originalFilename;
         this.imageInfo = camelizeKeys(fileInfo.imageInfo);
         this.videoInfo = camelizeKeys(fileInfo.videoInfo);
+        this.contentInfo = camelizeKeys(fileInfo.contentInfo);
+        this.metadata = fileInfo.metadata || null;
     }
 }
 
@@ -630,14 +719,14 @@ function isReadyPoll({ file, publicKey, baseURL, source, integration, userAgent,
             if (response.isReady) {
                 return response;
             }
-            onProgress && onProgress({ value: 1 });
+            onProgress && onProgress({ isComputable: true, value: 1 });
             return false;
         }),
         signal
     });
 }
 
-const uploadFromObject = (file, { publicKey, fileName, baseURL, secureSignature, secureExpire, store, signal, onProgress, source, integration, userAgent, retryThrottledRequestMaxTimes, baseCDN }) => {
+const uploadFromObject = (file, { publicKey, fileName, baseURL, secureSignature, secureExpire, store, signal, onProgress, source, integration, userAgent, retryThrottledRequestMaxTimes, baseCDN, metadata }) => {
     return base(file, {
         publicKey,
         fileName,
@@ -650,7 +739,8 @@ const uploadFromObject = (file, { publicKey, fileName, baseURL, secureSignature,
         source,
         integration,
         userAgent,
-        retryThrottledRequestMaxTimes
+        retryThrottledRequestMaxTimes,
+        metadata
     })
         .then(({ file }) => {
         return isReadyPoll({
@@ -880,13 +970,25 @@ function pollStrategy({ token, publicKey, baseURL, integration, userAgent, retry
                     return new UploadClientError(`Token "${token}" was not found.`);
                 }
                 case Status.Progress: {
-                    if (onProgress)
-                        onProgress({ value: response.done / response.total });
+                    if (onProgress) {
+                        if (response.total === 'unknown') {
+                            onProgress({ isComputable: false });
+                        }
+                        else {
+                            onProgress({
+                                isComputable: true,
+                                value: response.done / response.total
+                            });
+                        }
+                    }
                     return false;
                 }
                 case Status.Success: {
                     if (onProgress)
-                        onProgress({ value: response.done / response.total });
+                        onProgress({
+                            isComputable: true,
+                            value: response.done / response.total
+                        });
                     return response;
                 }
                 default: {
@@ -912,14 +1014,25 @@ const pushStrategy = ({ token, pusherKey, signal, onProgress }) => new Promise((
         switch (result.status) {
             case Status.Progress: {
                 if (onProgress) {
-                    onProgress({ value: result.done / result.total });
+                    if (result.total === 'unknown') {
+                        onProgress({ isComputable: false });
+                    }
+                    else {
+                        onProgress({
+                            isComputable: true,
+                            value: result.done / result.total
+                        });
+                    }
                 }
                 break;
             }
             case Status.Success: {
                 destroy();
                 if (onProgress)
-                    onProgress({ value: result.done / result.total });
+                    onProgress({
+                        isComputable: true,
+                        value: result.done / result.total
+                    });
                 resolve(result);
                 break;
             }
@@ -930,7 +1043,7 @@ const pushStrategy = ({ token, pusherKey, signal, onProgress }) => new Promise((
         }
     });
 });
-const uploadFromUrl = (sourceUrl, { publicKey, fileName, baseURL, baseCDN, checkForUrlDuplicates, saveUrlForRecurrentUploads, secureSignature, secureExpire, store, signal, onProgress, source, integration, userAgent, retryThrottledRequestMaxTimes, pusherKey = defaultSettings.pusherKey }) => Promise.resolve(preconnect(pusherKey))
+const uploadFromUrl = (sourceUrl, { publicKey, fileName, baseURL, baseCDN, checkForUrlDuplicates, saveUrlForRecurrentUploads, secureSignature, secureExpire, store, signal, onProgress, source, integration, userAgent, retryThrottledRequestMaxTimes, pusherKey = defaultSettings.pusherKey, metadata }) => Promise.resolve(preconnect(pusherKey))
     .then(() => fromUrl(sourceUrl, {
     publicKey,
     fileName,
@@ -944,7 +1057,8 @@ const uploadFromUrl = (sourceUrl, { publicKey, fileName, baseURL, baseCDN, check
     source,
     integration,
     userAgent,
-    retryThrottledRequestMaxTimes
+    retryThrottledRequestMaxTimes,
+    metadata
 }))
     .catch((error) => {
     const pusher = getPusher(pusherKey);
@@ -1007,39 +1121,14 @@ const uploadFromUploaded = (uuid, { publicKey, fileName, baseURL, signal, onProg
         .then((result) => {
         // hack for node ¯\_(ツ)_/¯
         if (onProgress)
-            onProgress({ value: 1 });
+            onProgress({
+                isComputable: true,
+                value: 1
+            });
         return result;
     });
 };
 
-/**
- * FileData type guard.
- */
-const isFileData = (data) => {
-    return (data !== undefined &&
-        ((typeof Blob !== 'undefined' && data instanceof Blob) ||
-            (typeof File !== 'undefined' && data instanceof File) ||
-            (typeof Buffer !== 'undefined' && data instanceof Buffer)));
-};
-/**
- * Uuid type guard.
- */
-const isUuid = (data) => {
-    const UUID_REGEX = '[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}';
-    const regExp = new RegExp(UUID_REGEX);
-    return !isFileData(data) && regExp.test(data);
-};
-/**
- * Url type guard.
- *
- * @param {NodeFile | BrowserFile | Url | Uuid} data
- */
-const isUrl = (data) => {
-    const URL_REGEX = '^(?:\\w+:)?\\/\\/([^\\s\\.]+\\.\\S{2}|localhost[\\:?\\d]*)\\S*$';
-    const regExp = new RegExp(URL_REGEX);
-    return !isFileData(data) && regExp.test(data);
-};
-
 /**
  * Get file size.
  */
@@ -1109,19 +1198,25 @@ const uploadPartWithRetry = (chunk, url, { publicKey, onProgress, signal, integr
     }
     throw error;
 }));
-const uploadMultipart = (file, { publicKey, fileName, fileSize, baseURL, secureSignature, secureExpire, store, signal, onProgress, source, integration, userAgent, retryThrottledRequestMaxTimes, contentType, multipartChunkSize = defaultSettings.multipartChunkSize, maxConcurrentRequests = defaultSettings.maxConcurrentRequests, multipartMaxAttempts = defaultSettings.multipartMaxAttempts, baseCDN }) => {
+const uploadMultipart = (file, { publicKey, fileName, fileSize, baseURL, secureSignature, secureExpire, store, signal, onProgress, source, integration, userAgent, retryThrottledRequestMaxTimes, contentType, multipartChunkSize = defaultSettings.multipartChunkSize, maxConcurrentRequests = defaultSettings.maxConcurrentRequests, multipartMaxAttempts = defaultSettings.multipartMaxAttempts, baseCDN, metadata }) => {
     const size = fileSize || getFileSize(file);
     let progressValues;
-    const createProgressHandler = (size, index) => {
+    const createProgressHandler = (totalChunks, chunkIdx) => {
         if (!onProgress)
             return;
         if (!progressValues) {
-            progressValues = Array(size).fill(0);
+            progressValues = Array(totalChunks).fill(0);
         }
         const sum = (values) => values.reduce((sum, next) => sum + next, 0);
-        return ({ value }) => {
-            progressValues[index] = value;
-            onProgress({ value: sum(progressValues) / size });
+        return (info) => {
+            if (!info.isComputable) {
+                return;
+            }
+            progressValues[chunkIdx] = info.value;
+            onProgress({
+                isComputable: true,
+                value: sum(progressValues) / totalChunks
+            });
         };
     };
     return multipartStart(size, {
@@ -1136,7 +1231,8 @@ const uploadMultipart = (file, { publicKey, fileName, fileSize, baseURL, secureS
         source,
         integration,
         userAgent,
-        retryThrottledRequestMaxTimes
+        retryThrottledRequestMaxTimes,
+        metadata
     })
         .then(({ uuid, parts }) => {
         const getChunk = prepareChunks(file, size, multipartChunkSize);
@@ -1183,10 +1279,10 @@ const uploadMultipart = (file, { publicKey, fileName, fileSize, baseURL, secureS
 /**
  * Uploads file from provided data.
  */
-function uploadFile(data, { publicKey, fileName, baseURL = defaultSettings.baseURL, secureSignature, secureExpire, store, signal, onProgress, source, integration, userAgent, retryThrottledRequestMaxTimes, contentType, multipartChunkSize, multipartMaxAttempts, maxConcurrentRequests, baseCDN = defaultSettings.baseCDN, checkForUrlDuplicates, saveUrlForRecurrentUploads, pusherKey }) {
+function uploadFile(data, { publicKey, fileName, baseURL = defaultSettings.baseURL, secureSignature, secureExpire, store, signal, onProgress, source, integration, userAgent, retryThrottledRequestMaxTimes, contentType, multipartMinFileSize, multipartChunkSize, multipartMaxAttempts, maxConcurrentRequests, baseCDN = defaultSettings.baseCDN, checkForUrlDuplicates, saveUrlForRecurrentUploads, pusherKey, metadata }) {
     if (isFileData(data)) {
         const fileSize = getFileSize(data);
-        if (isMultipart(fileSize)) {
+        if (isMultipart(fileSize, multipartMinFileSize)) {
             return uploadMultipart(data, {
                 publicKey,
                 contentType,
@@ -1204,7 +1300,8 @@ function uploadFile(data, { publicKey, fileName, baseURL = defaultSettings.baseU
                 userAgent,
                 maxConcurrentRequests,
                 retryThrottledRequestMaxTimes,
-                baseCDN
+                baseCDN,
+                metadata
             });
         }
         return uploadFromObject(data, {
@@ -1220,7 +1317,8 @@ function uploadFile(data, { publicKey, fileName, baseURL = defaultSettings.baseU
             integration,
             userAgent,
             retryThrottledRequestMaxTimes,
-            baseCDN
+            baseCDN,
+            metadata
         });
     }
     if (isUrl(data)) {
@@ -1240,7 +1338,8 @@ function uploadFile(data, { publicKey, fileName, baseURL = defaultSettings.baseU
             integration,
             userAgent,
             retryThrottledRequestMaxTimes,
-            pusherKey
+            pusherKey,
+            metadata
         });
     }
     if (isUuid(data)) {
@@ -1314,6 +1413,7 @@ function uploadFileGroup(data, { publicKey, fileName, baseURL = defaultSettings.
         throw new TypeError(`Group uploading from "${data}" is not supported`);
     }
     let progressValues;
+    let isStillComputable = true;
     const filesCount = data.length;
     const createProgressHandler = (size, index) => {
         if (!onProgress)
@@ -1322,9 +1422,14 @@ function uploadFileGroup(data, { publicKey, fileName, baseURL = defaultSettings.
             progressValues = Array(size).fill(0);
         }
         const normalize = (values) => values.reduce((sum, next) => sum + next) / size;
-        return ({ value }) => {
-            progressValues[index] = value;
-            onProgress({ value: normalize(progressValues) });
+        return (info) => {
+            if (!info.isComputable || !isStillComputable) {
+                isStillComputable = false;
+                onProgress({ isComputable: false });
+                return;
+            }
+            progressValues[index] = info.value;
+            onProgress({ isComputable: true, value: normalize(progressValues) });
         };
     };
     return Promise.all(data.map((file, index) => uploadFile(file, {
@@ -1363,7 +1468,12 @@ function uploadFileGroup(data, { publicKey, fileName, baseURL = defaultSettings.
             integration,
             userAgent,
             retryThrottledRequestMaxTimes
-        }).then((groupInfo) => new UploadcareGroup(groupInfo, filesInGroup));
+        })
+            .then((groupInfo) => new UploadcareGroup(groupInfo, filesInGroup))
+            .then((group) => {
+            onProgress && onProgress({ isComputable: true, value: 1 });
+            return group;
+        });
     });
 }