Aleksander Grygier
e21152dc96
* refactor: Constants * refactor: Constants/Enums cleanup * refactor: Constant objects instead of multiple single value constants * refactor: Cleanup constants
58 lines
1.8 KiB
TypeScript
58 lines
1.8 KiB
TypeScript
import { IMAGE } from '$lib/constants';
|
|
import { MimeTypeImage } from '$lib/enums';
|
|
|
|
// heic requires a relatively large decoder, in order to reduce primary bundle size
|
|
// we lazily load this decoder from a CDN when needed, and cache it for future conversions
|
|
const HEIC_TO_CDN_URL = 'https://cdn.jsdelivr.net/npm/heic-to@1.5.2/dist/heic-to.js';
|
|
|
|
interface HeicToModule {
|
|
heicTo(args: { blob: Blob; type: string; quality?: number }): Promise<Blob>;
|
|
}
|
|
|
|
let modulePromise: Promise<HeicToModule> | null = null;
|
|
|
|
/**
|
|
* Lazily load the heic-to decoder from the CDN and cache it
|
|
* @returns Promise resolving to the heic-to module
|
|
*/
|
|
function getHeicTo(): Promise<HeicToModule> {
|
|
if (!modulePromise) {
|
|
modulePromise = import(/* @vite-ignore */ HEIC_TO_CDN_URL) as Promise<HeicToModule>;
|
|
}
|
|
|
|
return modulePromise;
|
|
}
|
|
|
|
/**
|
|
* Convert a HEIC/HEIF file to a compressed JPEG data URL
|
|
* @param file - The HEIC/HEIF file to convert
|
|
* @returns Promise resolving to JPEG data URL
|
|
*/
|
|
export async function heicFileToJpegDataURL(file: File | Blob): Promise<string> {
|
|
const { heicTo } = await getHeicTo();
|
|
const jpegBlob = await heicTo({
|
|
blob: file,
|
|
quality: IMAGE.HEIC_JPEG_QUALITY,
|
|
type: MimeTypeImage.JPEG
|
|
});
|
|
|
|
return new Promise((resolve, reject) => {
|
|
const reader = new FileReader();
|
|
|
|
reader.onload = () => resolve(reader.result as string);
|
|
reader.onerror = () => reject(reader.error);
|
|
reader.readAsDataURL(jpegBlob);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Check if a MIME type represents a HEIC/HEIF image
|
|
* @param mimeType - The MIME type to check
|
|
* @returns True if the MIME type is image/heic or image/heif
|
|
*/
|
|
export function isHeicMimeType(mimeType: string): boolean {
|
|
const normalized = mimeType.trim().toLowerCase();
|
|
|
|
return normalized === MimeTypeImage.HEIC || normalized === MimeTypeImage.HEIF;
|
|
}
|