@uploadcare/file-uploader 1.21.0-alpha.3 → 1.22.0

package/types/exported.d.ts

@@ -1,10 +1,10 @@
 import type { LocaleDefinition } from '../abstract/localeRegistry';
 import type { complexConfigKeys } from '../blocks/Config/Config';
-import type { FuncFileValidator, FuncCollectionValidator } from '../abstract/ValidationManager';
+import type { FuncFileValidator, FuncCollectionValidator } from '../abstract/managers/ValidationManager';
 import type { CameraMode } from '../blocks/CameraSource/CameraSource';
 import type { FilesViewMode } from '../blocks/UploadList/UploadList';
 
-export type { FuncFileValidator, FuncCollectionValidator } from '../abstract/ValidationManager';
+export type { FuncFileValidator, FuncCollectionValidator } from '../abstract/managers/ValidationManager';
 export type { UploaderPublicApi } from '../abstract/UploaderPublicApi';
 
 export type UploadError = import('@uploadcare/upload-client').UploadError;
@@ -142,6 +142,11 @@ export type ConfigType = {
    * Set custom CNAME.
    */
   cdnCname: string;
+
+  /**
+   * Set CNAME base domain for prefixed CDN URLs.
+   */
+  cdnCnamePrefixed: string;
   /**
    * Set a custom upload URL.
    */
@@ -295,9 +300,11 @@ export type ConfigType = {
 
   cloudImageEditorAutoOpen: boolean;
 
+  qualityInsights: boolean;
+
   cloudImageEditorMaskHref: string | null;
 
-   /**
+  /**
    * Adds data-testid attributes to the each block. Needed for testing purposes.
    * @default false
    */
@@ -309,8 +316,8 @@ export type ConfigAttributesType = KebabCaseKeys<ConfigPlainType> & LowerCaseKey
 
 export type KebabCase<S extends string> = S extends `${infer C}${infer T}`
   ? T extends Uncapitalize<T>
-  ? `${Uncapitalize<C>}${KebabCase<T>}`
-  : `${Uncapitalize<C>}-${KebabCase<T>}`
+    ? `${Uncapitalize<C>}${KebabCase<T>}`
+    : `${Uncapitalize<C>}-${KebabCase<T>}`
   : S;
 export type KebabCaseKeys<T extends Record<string, unknown>> = { [Key in keyof T as KebabCase<Key & string>]: T[Key] };
 export type LowerCase<S extends string> = Lowercase<S>;
@@ -369,17 +376,17 @@ export type OutputErrorTypePayload = {
 
 export type OutputError<T extends OutputFileErrorType | OutputCollectionErrorType> = T extends OutputCustomErrorType
   ? {
-    type?: T;
-    message: string;
-    payload?: OutputErrorTypePayload[T];
-  }
+      type?: T;
+      message: string;
+      payload?: OutputErrorTypePayload[T];
+    }
   : T extends keyof OutputErrorTypePayload
-  ? {
-    type: T;
-    message: string;
-    payload?: OutputErrorTypePayload[T];
-  }
-  : never;
+    ? {
+        type: T;
+        message: string;
+        payload?: OutputErrorTypePayload[T];
+      }
+    : never;
 
 export type OutputErrorFile = OutputError<OutputFileErrorType>;
 
@@ -401,7 +408,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
   fullPath: string | null;
   source: SourceTypes | null;
 } & (
-    | {
+  | {
       status: 'success';
       fileInfo: UploadcareFile;
       uuid: string;
@@ -413,7 +420,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-    | {
+  | {
       status: 'failed';
       fileInfo: UploadcareFile | null;
       uuid: string | null;
@@ -425,7 +432,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: OutputError<OutputFileErrorType>[];
     }
-    | {
+  | {
       status: 'uploading';
       fileInfo: null;
       uuid: null;
@@ -437,7 +444,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-    | {
+  | {
       status: 'removed';
       fileInfo: UploadcareFile | null;
       uuid: string | null;
@@ -449,7 +456,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: true;
       errors: OutputError<OutputFileErrorType>[];
     }
-    | {
+  | {
       status: 'idle';
       fileInfo: null;
       uuid: null;
@@ -461,7 +468,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-  );
+);
 
 export type OutputCollectionStatus = 'idle' | 'uploading' | 'success' | 'failed';
 
@@ -485,43 +492,43 @@ export type OutputCollectionState<
 } & (TGroupFlag extends 'has-group'
   ? { group: UploadcareGroup }
   : TGroupFlag extends 'maybe-has-group'
-  ? { group: UploadcareGroup | null }
-  : never) &
+    ? { group: UploadcareGroup | null }
+    : never) &
   (
     | {
-      status: 'idle';
-      isFailed: false;
-      isUploading: false;
-      isSuccess: false;
-      errors: [];
-      allEntries: OutputFileEntry<'idle' | 'success'>[];
-    }
+        status: 'idle';
+        isFailed: false;
+        isUploading: false;
+        isSuccess: false;
+        errors: [];
+        allEntries: OutputFileEntry<'idle' | 'success'>[];
+      }
     | {
-      status: 'uploading';
-      isFailed: false;
-      isUploading: true;
-      isSuccess: false;
-      errors: [];
-      allEntries: OutputFileEntry[];
-    }
+        status: 'uploading';
+        isFailed: false;
+        isUploading: true;
+        isSuccess: false;
+        errors: [];
+        allEntries: OutputFileEntry[];
+      }
     | {
-      status: 'success';
-      isFailed: false;
-      isUploading: false;
-      isSuccess: true;
-      errors: [];
-      allEntries: OutputFileEntry<'success'>[];
-    }
+        status: 'success';
+        isFailed: false;
+        isUploading: false;
+        isSuccess: true;
+        errors: [];
+        allEntries: OutputFileEntry<'success'>[];
+      }
     | {
-      status: 'failed';
-      isFailed: true;
-      isUploading: false;
-      isSuccess: false;
-      errors: OutputError<OutputCollectionErrorType>[];
-      allEntries: OutputFileEntry[];
-    }
+        status: 'failed';
+        isFailed: true;
+        isUploading: false;
+        isSuccess: false;
+        errors: OutputError<OutputCollectionErrorType>[];
+        allEntries: OutputFileEntry[];
+      }
   );
 
 export { EventType, EventPayload } from '../blocks/UploadCtxProvider/EventEmitter';
 
-export { };
+export {};

package/types/jsx.d.ts

@@ -22,6 +22,8 @@ declare namespace JSX {
   interface IntrinsicElements {
     'uc-crop-frame': any;
     'uc-editor-crop-button-control': any;
+    'uc-editor-aspect-ratio-button-control': any;
+    'uc-editor-freeform-button-control': any;
     'uc-editor-filter-control': any;
     'uc-editor-operation-control': any;
     'uc-editor-image-cropper': any;

package/utils/isPromiseLike.d.ts

@@ -0,0 +1,2 @@
+export function isPromiseLike(value: unknown): value is Promise<any>;
+//# sourceMappingURL=isPromiseLike.d.ts.map

package/utils/isPromiseLike.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isPromiseLike.d.ts","sourceRoot":"","sources":["isPromiseLike.js"],"names":[],"mappings":"AAMO,qCAHI,OAAO,GACL,KAAK,gBAAW,CAO5B"}

package/utils/isPromiseLike.js

@@ -0,0 +1,12 @@
+// @ts-check
+
+/**
+ * @param {unknown} value
+ * @returns {value is Promise}
+ */
+export const isPromiseLike = (value) => {
+  return (
+    value instanceof Promise ||
+    Boolean(value && typeof value === 'object' && 'then' in value && typeof value.then === 'function')
+  );
+};

package/utils/isPromiseLike.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=isPromiseLike.test.d.ts.map

package/utils/isPromiseLike.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isPromiseLike.test.d.ts","sourceRoot":"","sources":["isPromiseLike.test.js"],"names":[],"mappings":""}

package/utils/isPromiseLike.test.js

@@ -0,0 +1,20 @@
+import { isPromiseLike } from './isPromiseLike';
+import { expect } from '@esm-bundle/chai';
+
+describe('isPromiseLike', () => {
+  it('should return true for Promise instances', () => {
+    expect(isPromiseLike(Promise.resolve())).to.be.true;
+  });
+
+  it('should return true for thenable objects', () => {
+    const thenable = { then: () => {} };
+    expect(isPromiseLike(thenable)).to.be.true;
+  });
+
+  it('should return false for non-thenable objects', () => {
+    expect(isPromiseLike({})).to.be.false;
+    expect(isPromiseLike(null)).to.be.false;
+    expect(isPromiseLike(42)).to.be.false;
+    expect(isPromiseLike('string')).to.be.false;
+  });
+});

package/utils/parseCdnUrl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parseCdnUrl.d.ts","sourceRoot":"","sources":["parseCdnUrl.js"],"names":[],"mappings":"AAIO,8CADK;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;;;;SAgB3C"}
+{"version":3,"file":"parseCdnUrl.d.ts","sourceRoot":"","sources":["parseCdnUrl.js"],"names":[],"mappings":"AAMO,8CADK;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;;;;SAiB3C"}

package/utils/parseCdnUrl.js

@@ -1,12 +1,15 @@
+import { DEFAULT_CDN_CNAME } from '../blocks/Config/initialConfig.js';
+
 const uuidRegex = /[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}/i;
 const cdnUrlRegex = new RegExp(`^/?(${uuidRegex.source})(?:/(-/(?:[^/]+/)+)?([^/]*))?$`, 'i');
 
 /** @param {{ url: string; cdnBase: string }} options */
 export const parseCdnUrl = ({ url, cdnBase }) => {
   const cdnBaseUrlObj = new URL(cdnBase);
+  const fallbackCdnBaseUrlObj = new URL(DEFAULT_CDN_CNAME);
   const urlObj = new URL(url);
 
-  if (cdnBaseUrlObj.host !== urlObj.host) {
+  if (cdnBaseUrlObj.host !== urlObj.host && fallbackCdnBaseUrlObj.host !== urlObj.host) {
     return null;
   }
 

package/utils/parseCdnUrl.test.js

@@ -75,4 +75,17 @@ describe('parseCdnUrl', () => {
       filename: null,
     });
   });
+
+  it('should fallback to ucarecdn.com if cdnBase is not matched', () => {
+    expect(
+      parseCdnUrl({
+        url: 'https://ucarecdn.com/12345678-1234-5678-1234-567812345678/',
+        cdnBase: 'https://cdn.example.com',
+      }),
+    ).to.deep.equal({
+      uuid: '12345678-1234-5678-1234-567812345678',
+      cdnUrlModifiers: '',
+      filename: null,
+    });
+  });
 });

package/utils/validators/collection/validateCollectionUploadError.d.ts

@@ -1,3 +1,3 @@
-/** @type {import('../../../abstract/ValidationManager.js').FuncCollectionValidator} */
-export const validateCollectionUploadError: import("../../../abstract/ValidationManager.js").FuncCollectionValidator;
+/** @type {import('../../../abstract/managers/ValidationManager.js').FuncCollectionValidator} */
+export const validateCollectionUploadError: import("../../../abstract/managers/ValidationManager.js").FuncCollectionValidator;
 //# sourceMappingURL=validateCollectionUploadError.d.ts.map

package/utils/validators/collection/validateCollectionUploadError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateCollectionUploadError.d.ts","sourceRoot":"","sources":["validateCollectionUploadError.js"],"names":[],"mappings":"AAEA,uFAAuF;AACvF,4CADW,OAAO,wCAAwC,EAAE,uBAAuB,CAQjF"}
+{"version":3,"file":"validateCollectionUploadError.d.ts","sourceRoot":"","sources":["validateCollectionUploadError.js"],"names":[],"mappings":"AAEA,gGAAgG;AAChG,4CADW,OAAO,iDAAiD,EAAE,uBAAuB,CAQ1F"}

package/utils/validators/collection/validateCollectionUploadError.js

@@ -1,6 +1,6 @@
 // @ts-check
 
-/** @type {import('../../../abstract/ValidationManager.js').FuncCollectionValidator} */
+/** @type {import('../../../abstract/managers/ValidationManager.js').FuncCollectionValidator} */
 export const validateCollectionUploadError = (collection, api) => {
   if (collection.failedCount > 0) {
     return {

package/utils/validators/collection/validateMultiple.d.ts

@@ -1,3 +1,3 @@
-/** @type {import('../../../abstract/ValidationManager.js').FuncCollectionValidator} */
-export const validateMultiple: import("../../../abstract/ValidationManager.js").FuncCollectionValidator;
+/** @type {import('../../../abstract/managers/ValidationManager.js').FuncCollectionValidator} */
+export const validateMultiple: import("../../../abstract/managers/ValidationManager.js").FuncCollectionValidator;
 //# sourceMappingURL=validateMultiple.d.ts.map

package/utils/validators/collection/validateMultiple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateMultiple.d.ts","sourceRoot":"","sources":["validateMultiple.js"],"names":[],"mappings":"AAEA,uFAAuF;AACvF,+BADW,OAAO,wCAAwC,EAAE,uBAAuB,CAwCjF"}
+{"version":3,"file":"validateMultiple.d.ts","sourceRoot":"","sources":["validateMultiple.js"],"names":[],"mappings":"AAEA,gGAAgG;AAChG,+BADW,OAAO,iDAAiD,EAAE,uBAAuB,CAwC1F"}

package/utils/validators/collection/validateMultiple.js

@@ -1,6 +1,6 @@
 //@ts-check
 
-/** @type {import('../../../abstract/ValidationManager.js').FuncCollectionValidator} */
+/** @type {import('../../../abstract/managers/ValidationManager.js').FuncCollectionValidator} */
 export const validateMultiple = (collection, api) => {
   const total = collection.totalCount;
   const multipleMin = api.cfg.multiple ? api.cfg.multipleMin : 0;

package/utils/validators/file/validateFileType.d.ts

@@ -1,3 +1,3 @@
-/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
-export const validateFileType: import("../../../abstract/ValidationManager.js").FuncFileValidator;
+/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
+export const validateFileType: import("../../../abstract/managers/ValidationManager.js").FuncFileValidator;
 //# sourceMappingURL=validateFileType.d.ts.map

package/utils/validators/file/validateFileType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateFileType.d.ts","sourceRoot":"","sources":["validateFileType.js"],"names":[],"mappings":"AAGA,iFAAiF;AACjF,+BADW,OAAO,wCAAwC,EAAE,iBAAiB,CA0B3E"}
+{"version":3,"file":"validateFileType.d.ts","sourceRoot":"","sources":["validateFileType.js"],"names":[],"mappings":"AAGA,0FAA0F;AAC1F,+BADW,OAAO,iDAAiD,EAAE,iBAAiB,CA0BpF"}

package/utils/validators/file/validateFileType.js

@@ -1,7 +1,7 @@
 // @ts-check
 import { IMAGE_ACCEPT_LIST, matchExtension, matchMimeType, mergeFileTypes } from '../../fileTypes.js';
 
-/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
+/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
 export const validateFileType = (outputEntry, api) => {
   const imagesOnly = api.cfg.imgOnly;
   const accept = api.cfg.accept;

package/utils/validators/file/validateIsImage.d.ts

@@ -1,3 +1,3 @@
-/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
-export const validateIsImage: import("../../../abstract/ValidationManager.js").FuncFileValidator;
+/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
+export const validateIsImage: import("../../../abstract/managers/ValidationManager.js").FuncFileValidator;
 //# sourceMappingURL=validateIsImage.d.ts.map

package/utils/validators/file/validateIsImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateIsImage.d.ts","sourceRoot":"","sources":["validateIsImage.js"],"names":[],"mappings":"AAEA,iFAAiF;AACjF,8BADW,OAAO,wCAAwC,EAAE,iBAAiB,CAsB3E"}
+{"version":3,"file":"validateIsImage.d.ts","sourceRoot":"","sources":["validateIsImage.js"],"names":[],"mappings":"AAEA,0FAA0F;AAC1F,8BADW,OAAO,iDAAiD,EAAE,iBAAiB,CAsBpF"}

package/utils/validators/file/validateIsImage.js

@@ -1,6 +1,6 @@
 // @ts-check
 
-/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
+/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
 export const validateIsImage = (outputEntry, api) => {
   const imagesOnly = api.cfg.imgOnly;
   const isImage = outputEntry.isImage;

package/utils/validators/file/validateMaxSizeLimit.d.ts

@@ -1,3 +1,3 @@
-/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
-export const validateMaxSizeLimit: import("../../../abstract/ValidationManager.js").FuncFileValidator;
+/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
+export const validateMaxSizeLimit: import("../../../abstract/managers/ValidationManager.js").FuncFileValidator;
 //# sourceMappingURL=validateMaxSizeLimit.d.ts.map

package/utils/validators/file/validateMaxSizeLimit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateMaxSizeLimit.d.ts","sourceRoot":"","sources":["validateMaxSizeLimit.js"],"names":[],"mappings":"AAGA,iFAAiF;AACjF,mCADW,OAAO,wCAAwC,EAAE,iBAAiB,CAW3E"}
+{"version":3,"file":"validateMaxSizeLimit.d.ts","sourceRoot":"","sources":["validateMaxSizeLimit.js"],"names":[],"mappings":"AAGA,0FAA0F;AAC1F,mCADW,OAAO,iDAAiD,EAAE,iBAAiB,CAWpF"}

package/utils/validators/file/validateMaxSizeLimit.js

@@ -1,7 +1,7 @@
 // @ts-check
 import { prettyBytes } from '../../prettyBytes.js';
 
-/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
+/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
 export const validateMaxSizeLimit = (outputEntry, api) => {
   const maxFileSize = api.cfg.maxLocalFileSizeBytes;
   const fileSize = outputEntry.size;

package/utils/validators/file/validateUploadError.d.ts

@@ -1,3 +1,3 @@
-/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
-export const validateUploadError: import("../../../abstract/ValidationManager.js").FuncFileValidator;
+/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
+export const validateUploadError: import("../../../abstract/managers/ValidationManager.js").FuncFileValidator;
 //# sourceMappingURL=validateUploadError.d.ts.map

package/utils/validators/file/validateUploadError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateUploadError.d.ts","sourceRoot":"","sources":["validateUploadError.js"],"names":[],"mappings":"AAGA,iFAAiF;AACjF,kCADW,OAAO,wCAAwC,EAAE,iBAAiB,CA4C3E"}
+{"version":3,"file":"validateUploadError.d.ts","sourceRoot":"","sources":["validateUploadError.js"],"names":[],"mappings":"AAGA,0FAA0F;AAC1F,kCADW,OAAO,iDAAiD,EAAE,iBAAiB,CA4CpF"}

package/utils/validators/file/validateUploadError.js

@@ -1,7 +1,7 @@
 // @ts-check
 import { NetworkError, UploadError } from '@uploadcare/upload-client';
 
-/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
+/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
 export const validateUploadError = (outputEntry, api) => {
   const { internalId } = outputEntry;