@getmicdrop/svelte-components 2.0.4 → 2.0.6

package/dist/utils/imageValidation.js

@@ -1,121 +1,121 @@
-/**
- * Image validation utilities for file uploads
- *
- * Guidelines:
- * - Formats: PNG, JPG, JPEG, WebP, HEIC, HEIF
- * - Max dimension: 8000px (to handle phone screenshots up to 4K)
- * - Max file size: 20MB (we crop and optimize to 1000x1000 WebP anyway)
- * - Aspect ratio: Any
- */
-
-const MAX_FILE_SIZE = 20 * 1024 * 1024; // 20 MB - generous since we optimize
-const MAX_DIMENSION = 8000; // pixels - handles 4K+ phone screenshots
-const ALLOWED_IMAGE_TYPES = [
-  'image/jpeg',
-  'image/jpg',
-  'image/png',
-  'image/webp',
-  'image/heic',
-  'image/heif'
-];
-
-/**
- * Validates an image file according to upload guidelines
- * @param {File} file - The image file to validate
- * @returns {Promise<{valid: boolean, error: string|null, dimensions: {width: number, height: number}}>}
- */
-export async function validateImage(file) {
-  // Check file type
-  if (!ALLOWED_IMAGE_TYPES.includes(file.type.toLowerCase())) {
-    return {
-      valid: false,
-      error: 'Invalid file format. Please upload PNG, JPG, WebP, or HEIC images only.',
-      dimensions: null
-    };
-  }
-
-  // Check file size
-  if (file.size > MAX_FILE_SIZE) {
-    const sizeMB = (file.size / (1024 * 1024)).toFixed(2);
-    return {
-      valid: false,
-      error: `File too large (${sizeMB}MB). Maximum file size is 20MB.`,
-      dimensions: null
-    };
-  }
-
-  // Check dimensions
-  try {
-    const dimensions = await getImageDimensions(file);
-
-    if (dimensions.width > MAX_DIMENSION || dimensions.height > MAX_DIMENSION) {
-      return {
-        valid: false,
-        error: `Image dimensions too large (${dimensions.width}x${dimensions.height}px). Maximum dimension is ${MAX_DIMENSION}px.`,
-        dimensions
-      };
-    }
-
-    return {
-      valid: true,
-      error: null,
-      dimensions
-    };
-  } catch (error) {
-    return {
-      valid: false,
-      error: 'Failed to read image dimensions. Please try another file.',
-      dimensions: null
-    };
-  }
-}
-
-/**
- * Gets the dimensions of an image file
- * @param {File} file - The image file
- * @returns {Promise<{width: number, height: number}>}
- */
-function getImageDimensions(file) {
-  return new Promise((resolve, reject) => {
-    const img = new Image();
-    const objectUrl = URL.createObjectURL(file);
-
-    img.onload = function() {
-      URL.revokeObjectURL(objectUrl);
-      resolve({
-        width: this.width,
-        height: this.height
-      });
-    };
-
-    img.onerror = function() {
-      URL.revokeObjectURL(objectUrl);
-      reject(new Error('Failed to load image'));
-    };
-
-    img.src = objectUrl;
-  });
-}
-
-/**
- * Gets the accept attribute value for file inputs
- * @returns {string}
- */
-export function getImageAcceptAttribute() {
-  return 'image/png,image/jpeg,image/jpg,image/webp,image/heic,image/heif';
-}
-
-/**
- * Gets formatted error messages for display in UI
- * @returns {object}
- */
-export function getValidationMessages() {
-  return {
-    formats: 'PNG, JPG, WebP, HEIC',
-    maxSize: '20MB',
-    maxDimension: '8000px',
-    aspectRatio: 'Any'
-  };
-}
-
-export { MAX_FILE_SIZE, MAX_DIMENSION, ALLOWED_IMAGE_TYPES };
+/**
+ * Image validation utilities for file uploads
+ *
+ * Guidelines:
+ * - Formats: PNG, JPG, JPEG, WebP, HEIC, HEIF
+ * - Max dimension: 8000px (to handle phone screenshots up to 4K)
+ * - Max file size: 20MB (we crop and optimize to 1000x1000 WebP anyway)
+ * - Aspect ratio: Any
+ */
+
+const MAX_FILE_SIZE = 20 * 1024 * 1024; // 20 MB - generous since we optimize
+const MAX_DIMENSION = 8000; // pixels - handles 4K+ phone screenshots
+const ALLOWED_IMAGE_TYPES = [
+  'image/jpeg',
+  'image/jpg',
+  'image/png',
+  'image/webp',
+  'image/heic',
+  'image/heif'
+];
+
+/**
+ * Validates an image file according to upload guidelines
+ * @param {File} file - The image file to validate
+ * @returns {Promise<{valid: boolean, error: string|null, dimensions: {width: number, height: number}}>}
+ */
+export async function validateImage(file) {
+  // Check file type
+  if (!ALLOWED_IMAGE_TYPES.includes(file.type.toLowerCase())) {
+    return {
+      valid: false,
+      error: 'Invalid file format. Please upload PNG, JPG, WebP, or HEIC images only.',
+      dimensions: null
+    };
+  }
+
+  // Check file size
+  if (file.size > MAX_FILE_SIZE) {
+    const sizeMB = (file.size / (1024 * 1024)).toFixed(2);
+    return {
+      valid: false,
+      error: `File too large (${sizeMB}MB). Maximum file size is 20MB.`,
+      dimensions: null
+    };
+  }
+
+  // Check dimensions
+  try {
+    const dimensions = await getImageDimensions(file);
+
+    if (dimensions.width > MAX_DIMENSION || dimensions.height > MAX_DIMENSION) {
+      return {
+        valid: false,
+        error: `Image dimensions too large (${dimensions.width}x${dimensions.height}px). Maximum dimension is ${MAX_DIMENSION}px.`,
+        dimensions
+      };
+    }
+
+    return {
+      valid: true,
+      error: null,
+      dimensions
+    };
+  } catch (error) {
+    return {
+      valid: false,
+      error: 'Failed to read image dimensions. Please try another file.',
+      dimensions: null
+    };
+  }
+}
+
+/**
+ * Gets the dimensions of an image file
+ * @param {File} file - The image file
+ * @returns {Promise<{width: number, height: number}>}
+ */
+function getImageDimensions(file) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    const objectUrl = URL.createObjectURL(file);
+
+    img.onload = function() {
+      URL.revokeObjectURL(objectUrl);
+      resolve({
+        width: this.width,
+        height: this.height
+      });
+    };
+
+    img.onerror = function() {
+      URL.revokeObjectURL(objectUrl);
+      reject(new Error('Failed to load image'));
+    };
+
+    img.src = objectUrl;
+  });
+}
+
+/**
+ * Gets the accept attribute value for file inputs
+ * @returns {string}
+ */
+export function getImageAcceptAttribute() {
+  return 'image/png,image/jpeg,image/jpg,image/webp,image/heic,image/heif';
+}
+
+/**
+ * Gets formatted error messages for display in UI
+ * @returns {object}
+ */
+export function getValidationMessages() {
+  return {
+    formats: 'PNG, JPG, WebP, HEIC',
+    maxSize: '20MB',
+    maxDimension: '8000px',
+    aspectRatio: 'Any'
+  };
+}
+
+export { MAX_FILE_SIZE, MAX_DIMENSION, ALLOWED_IMAGE_TYPES };