@cloudparker/moldex.js 0.0.83 → 0.0.84

package/dist/services/dialog/dialog-service.js

@@ -264,9 +264,25 @@ export async function openFilePickerDialog(accepts = '*/*', options = { multiple
  * @param options - Additional options for capturing images (e.g., required resolution, file size, output format).
  * @returns A promise that resolves to a processed File object or an array of File objects, or null if no file was selected.
  */
-export async function openImagePickerDialog(accepts = 'image/*', options) {
+export async function openImagePickerDialog(accepts = 'image/*', options = {}) {
     return new Promise((resolve, reject) => {
         try {
+            options = options || {};
+            if (!options.maxWidth) {
+                options.maxWidth = 1280;
+            }
+            if (!options.maxHeight) {
+                options.maxHeight = options.maxWidth;
+            }
+            if (!options.quality || options.quality < 0) {
+                options.quality = 0.8;
+            }
+            if (options.quality > 1) {
+                options.quality = options.quality / 100;
+            }
+            if (options.outputFormat) {
+                options.outputFormat = 'image/webp';
+            }
             // Create an input element of type 'file'
             const inputElement = document.createElement('input');
             inputElement.type = 'file';

package/dist/services/utils/image-service.js

@@ -6,10 +6,26 @@ export const ACCEPT_IMAGE_FILES = ".png,.PNG,.jpg,.jpg,.jepg,.JPEG,.webp,.WEBP";
  * @param options - Options for resizing, compressing, and converting the image.
  * @returns A promise that resolves to a processed File object with the correct filename and extension.
  */
-export async function processImageFile(file, options) {
-    // Return the original file if no processing is needed
-    if (!options?.maxWidth && !options?.maxHeight && !options?.maxSizeInBytes && !options?.outputFormat) {
-        return file;
+export async function processImageFile(file, options = {}) {
+    // // Return the original file if no processing is needed
+    // if (!options?.maxWidth && !options?.maxHeight && !options?.maxSizeInBytes && !options?.outputFormat) {
+    //     return file;
+    // }
+    options = options || {};
+    if (!options.maxWidth) {
+        options.maxWidth = 1280;
+    }
+    if (!options.maxHeight) {
+        options.maxHeight = options.maxWidth;
+    }
+    if (!options.quality || options.quality < 0) {
+        options.quality = 0.8;
+    }
+    if (options.quality > 1) {
+        options.quality = options.quality / 100;
+    }
+    if (options.outputFormat) {
+        options.outputFormat = 'image/webp';
     }
     // Read the image as a data URL
     const imageDataUrl = await readFileAsDataURL(file);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cloudparker/moldex.js",
-    "version": "0.0.83",
+    "version": "0.0.84",
     "author": "cloudparker.com",
     "license": "MIT",
     "keywords": [