@uploadcare/blocks/utils/fileTypes.js

Building blocks for Uploadcare products integration

export const IMAGE_ACCEPT_LIST = [
  'image/*',
  'image/heif',
  'image/heif-sequence',
  'image/heic',
  'image/heic-sequence',
  'image/avif',
  'image/avif-sequence',
  '.heif',
  '.heifs',
  '.heic',
  '.heics',
  '.avif',
  '.avifs',
];

/**
 * @param {String[]} [fileTypes]
 * @returns {String[]}
 */
export const mergeFileTypes = (fileTypes) => {
  if (!fileTypes) {
    return [];
  }
  return fileTypes
    .map((item) => item?.split(','))
    .flat()
    .filter((item) => typeof item === 'string' && item)
    .map((item) => item.trim());
};

/**
 * @param {String} fileType
 * @param {String[]} allowedFileTypes
 * @returns {Boolean}
 */
export const matchFileType = (fileType, allowedFileTypes) => {
  return allowedFileTypes.some((type) => {
    if (type.endsWith('*')) {
      type = type.replace('*', '');
      return fileType.startsWith(type);
    }

    return fileType === type;
  });
};

/**
 * @param {File} file
 * @returns {Boolean}
 */
export const fileIsImage = (file) => {
  let type = file?.type;
  if (!type) {
    return false;
  }
  return matchFileType(type, IMAGE_ACCEPT_LIST);
};