compressorjs-next 1.1.0 → 1.1.2

package/README.md

@@ -245,16 +245,16 @@ The [MIME type](https://webglossary.info/terms/mime-type/) of the output image.
   - `["image/png", "image/webp"]`
   - `"image/png,image/webp"`
 
-Files whose file type is included in this list, and whose file size exceeds the `convertSize` value will be converted to JPEG.
+Files whose file type is included in this list and whose file size exceeds the `convertSize` value will be converted to JPEG.
 
 For image file type support, see the [Image file type and format guide](https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types).
 
 ### `convertSize`
 
 * Type: `number`
-* Default: `5000000` (5 MB)
+* Default: `5000000` (5 MB)
 
-Files whose file type is included in the `convertTypes` list, and whose file size exceeds this value will be converted to JPEG. To disable this, just set the value to `Infinity`.
+Files whose file type is included in the `convertTypes` list and whose file size exceeds this value will be converted to JPEG. Can also be disabled through the value `Infinity`.
 
 **Examples:**
 
@@ -338,3 +338,5 @@ compressor.abort();
 ## Browser support
 
 Supports [browserslist `defaults`](https://browsersl.ist/#q=defaults).
+
+**Note:** When the browser’s canvas produces unreliable pixel data—as with Firefox’s `privacy.resistFingerprinting` setting or privacy-focused forks like LibreWolf—, compression, resizing, and format conversion are not possible. In this case, the library falls back to returning the original image with EXIF data stripped (JPEG) or unchanged (other formats).

package/dist/compressor.common.js

@@ -1,5 +1,5 @@
 /*!
- * Compressor.js Next v1.1.0
+ * Compressor.js Next v1.1.2
  * https://github.com/j9t/compressorjs-next
  *
  * Copyright 2018–2024 Chen Fengyuan
@@ -80,15 +80,15 @@ var DEFAULTS = {
    */
   mimeType: 'auto',
   /**
-   * Files whose file type is included in this list,
-   * and whose file size exceeds the `convertSize` value will be converted to JPEG.
+   * Files whose file type is included in this list and
+   * whose file size exceeds the `convertSize` value
+   * will be converted to JPEG.
    * @type {string｜Array}
    */
   convertTypes: [],
   /**
    * Files over this size (5 MB by default) whose type is in `convertTypes`
    * will be converted to JPEG.
-   * To disable this, set `convertTypes` to `[]` or the value to `Infinity`.
    * @type {number}
    */
   convertSize: 5000000,
@@ -336,6 +336,95 @@ function parseOrientation(orientation) {
     scaleY
   };
 }
+let cachedCanvasReliable;
+
+/**
+ * Check if the browser’s canvas produces reliable pixel data.
+ * Returns `false` when anti-fingerprinting measures (e.g., Firefox’s
+ * `privacy.resistFingerprinting`) add noise to canvas output.
+ * The result is cached after the first call.
+ * @returns {boolean} Returns `true` if canvas data is reliable.
+ */
+function isCanvasReliable() {
+  if (cachedCanvasReliable !== undefined) return cachedCanvasReliable;
+  try {
+    const canvas = document.createElement('canvas');
+    canvas.width = 4;
+    canvas.height = 4;
+    const ctx = canvas.getContext('2d');
+    const imageData = ctx.createImageData(canvas.width, canvas.height);
+    for (let i = 0; i < imageData.data.length; i += 4) {
+      imageData.data[i] = i;
+      imageData.data[i + 1] = 1;
+      imageData.data[i + 2] = 2;
+      imageData.data[i + 3] = 255;
+    }
+    ctx.putImageData(imageData, 0, 0);
+    const result = ctx.getImageData(0, 0, canvas.width, canvas.height);
+    cachedCanvasReliable = result.data.every((value, index) => {
+      const channel = index % 4;
+      if (channel === 0) return value === (index & 0xFF);
+      if (channel === 1) return value === 1;
+      if (channel === 2) return value === 2;
+      return value === 255;
+    });
+  } catch {
+    cachedCanvasReliable = false;
+  }
+  return cachedCanvasReliable;
+}
+
+/**
+ * Strip all APP1 (EXIF) segments from a JPEG array buffer.
+ * @param {ArrayBuffer} arrayBuffer - The JPEG data to strip.
+ * @returns {Uint8Array} The JPEG data without EXIF segments.
+ */
+function stripExif(arrayBuffer) {
+  const dataView = new DataView(arrayBuffer);
+  const {
+    byteLength
+  } = dataView;
+  const pieces = [];
+
+  // Only handle JPEG data (starts with SOI marker FF D8)
+  if (byteLength < 4 || dataView.getUint8(0) !== 0xFF || dataView.getUint8(1) !== 0xD8) {
+    return new Uint8Array(arrayBuffer);
+  }
+
+  // Keep SOI marker
+  pieces.push(new Uint8Array(arrayBuffer, 0, 2));
+  let start = 2;
+  while (start + 3 < byteLength) {
+    const marker = dataView.getUint8(start);
+    const type = dataView.getUint8(start + 1);
+    if (marker !== 0xFF) break;
+
+    // SOS (Start of Scan)—the rest is image data, keep it all
+    if (type === 0xDA) {
+      pieces.push(new Uint8Array(arrayBuffer, start));
+      break;
+    }
+    if (start + 3 >= byteLength) break;
+    const segmentLength = dataView.getUint16(start + 2);
+    if (segmentLength < 2) break;
+    const segmentEnd = start + 2 + segmentLength;
+    if (segmentEnd > byteLength) break;
+
+    // Skip APP1 (EXIF) segments, keep everything else
+    if (type !== 0xE1) {
+      pieces.push(new Uint8Array(arrayBuffer, start, segmentEnd - start));
+    }
+    start = segmentEnd;
+  }
+  const totalLength = pieces.reduce((sum, piece) => sum + piece.length, 0);
+  const result = new Uint8Array(totalLength);
+  let offset = 0;
+  for (const piece of pieces) {
+    result.set(piece, offset);
+    offset += piece.length;
+  }
+  return result;
+}
 const REGEXP_DECIMALS = /\.\d*(?:0|9){12}\d*$/;
 
 /**
@@ -496,6 +585,7 @@ class Compressor {
     };
     this.mimeTypeSet = options && options.mimeType && isImageType(options.mimeType);
     this.aborted = false;
+    this.canvasFallback = false;
     this.result = null;
     this.url = null;
     this.init();
@@ -522,6 +612,58 @@ class Compressor {
       options.checkOrientation = false;
       options.retainExif = false;
     }
+    if (!isCanvasReliable()) {
+      // Canvas is unreliable (e.g., Firefox fingerprinting resistance)—
+      // bypass canvas to avoid corrupted output
+      console.warn('Compressor.js Next: Canvas data is unreliable (e.g., due to browser fingerprinting resistance)—compression, resizing, and format conversion are unavailable');
+      this.canvasFallback = true;
+      if (mimeType === 'image/jpeg' && !options.retainExif) {
+        // Strip EXIF data directly from the binary to preserve privacy
+        const reader = new FileReader();
+        this.reader = reader;
+        reader.onload = ({
+          target
+        }) => {
+          if (this.aborted) return;
+          let result;
+          try {
+            const stripped = stripExif(target.result);
+            result = uint8ArrayToBlob(stripped, mimeType);
+          } catch {
+            this.fail(new Error('Failed to process the image data.'));
+            return;
+          }
+          const date = new Date();
+          result.name = file.name;
+          result.lastModified = date.getTime();
+          this.result = result;
+          if (options.success) {
+            options.success.call(this, result);
+          }
+        };
+        reader.onabort = () => {
+          this.fail(new Error('Aborted to read the image with FileReader.'));
+        };
+        reader.onerror = () => {
+          this.fail(new Error('Failed to read the image with FileReader.'));
+        };
+        reader.onloadend = () => {
+          this.reader = null;
+        };
+        reader.readAsArrayBuffer(file);
+      } else {
+        // Non-JPEG: No EXIF to strip, return as-is
+        // Defer callback to match the normal async flow
+        Promise.resolve().then(() => {
+          if (this.aborted) return;
+          this.result = file;
+          if (options.success) {
+            options.success.call(this, file);
+          }
+        });
+      }
+      return;
+    }
     const isJPEGImage = mimeType === 'image/jpeg';
     const checkOrientation = isJPEGImage && options.checkOrientation;
     const retainExif = isJPEGImage && options.retainExif;
@@ -687,11 +829,7 @@ class Compressor {
     const destHeight = height;
     const params = [];
     if (resizable) {
-      let srcX = 0;
-      let srcY = 0;
-      let srcWidth = naturalWidth;
-      let srcHeight = naturalHeight;
-      ({
+      const {
         width: srcWidth,
         height: srcHeight
       } = getAdjustedSizes({
@@ -701,9 +839,9 @@ class Compressor {
       }, {
         contain: 'cover',
         cover: 'contain'
-      }[options.resize]));
-      srcX = (naturalWidth - srcWidth) / 2;
-      srcY = (naturalHeight - srcHeight) / 2;
+      }[options.resize]);
+      const srcX = (naturalWidth - srcWidth) / 2;
+      const srcY = (naturalHeight - srcHeight) / 2;
       params.push(srcX, srcY, srcWidth, srcHeight);
     }
     params.push(destX, destY, destWidth, destHeight);
@@ -807,7 +945,6 @@ class Compressor {
       } else {
         const date = new Date();
         result.lastModified = date.getTime();
-        result.lastModifiedDate = date;
         result.name = file.name;
 
         // Convert the extension to match its type
@@ -817,6 +954,7 @@ class Compressor {
       }
     } else {
       // Returns original file if the result is null in some cases
+      console.warn('Compressor.js Next: Canvas produced no output—returning the original image');
       result = file;
     }
     this.result = result;

package/dist/compressor.esm.js

@@ -1,5 +1,5 @@
 /*!
- * Compressor.js Next v1.1.0
+ * Compressor.js Next v1.1.2
  * https://github.com/j9t/compressorjs-next
  *
  * Copyright 2018–2024 Chen Fengyuan
@@ -78,15 +78,15 @@ var DEFAULTS = {
    */
   mimeType: 'auto',
   /**
-   * Files whose file type is included in this list,
-   * and whose file size exceeds the `convertSize` value will be converted to JPEG.
+   * Files whose file type is included in this list and
+   * whose file size exceeds the `convertSize` value
+   * will be converted to JPEG.
    * @type {string｜Array}
    */
   convertTypes: [],
   /**
    * Files over this size (5 MB by default) whose type is in `convertTypes`
    * will be converted to JPEG.
-   * To disable this, set `convertTypes` to `[]` or the value to `Infinity`.
    * @type {number}
    */
   convertSize: 5000000,
@@ -334,6 +334,95 @@ function parseOrientation(orientation) {
     scaleY
   };
 }
+let cachedCanvasReliable;
+
+/**
+ * Check if the browser’s canvas produces reliable pixel data.
+ * Returns `false` when anti-fingerprinting measures (e.g., Firefox’s
+ * `privacy.resistFingerprinting`) add noise to canvas output.
+ * The result is cached after the first call.
+ * @returns {boolean} Returns `true` if canvas data is reliable.
+ */
+function isCanvasReliable() {
+  if (cachedCanvasReliable !== undefined) return cachedCanvasReliable;
+  try {
+    const canvas = document.createElement('canvas');
+    canvas.width = 4;
+    canvas.height = 4;
+    const ctx = canvas.getContext('2d');
+    const imageData = ctx.createImageData(canvas.width, canvas.height);
+    for (let i = 0; i < imageData.data.length; i += 4) {
+      imageData.data[i] = i;
+      imageData.data[i + 1] = 1;
+      imageData.data[i + 2] = 2;
+      imageData.data[i + 3] = 255;
+    }
+    ctx.putImageData(imageData, 0, 0);
+    const result = ctx.getImageData(0, 0, canvas.width, canvas.height);
+    cachedCanvasReliable = result.data.every((value, index) => {
+      const channel = index % 4;
+      if (channel === 0) return value === (index & 0xFF);
+      if (channel === 1) return value === 1;
+      if (channel === 2) return value === 2;
+      return value === 255;
+    });
+  } catch {
+    cachedCanvasReliable = false;
+  }
+  return cachedCanvasReliable;
+}
+
+/**
+ * Strip all APP1 (EXIF) segments from a JPEG array buffer.
+ * @param {ArrayBuffer} arrayBuffer - The JPEG data to strip.
+ * @returns {Uint8Array} The JPEG data without EXIF segments.
+ */
+function stripExif(arrayBuffer) {
+  const dataView = new DataView(arrayBuffer);
+  const {
+    byteLength
+  } = dataView;
+  const pieces = [];
+
+  // Only handle JPEG data (starts with SOI marker FF D8)
+  if (byteLength < 4 || dataView.getUint8(0) !== 0xFF || dataView.getUint8(1) !== 0xD8) {
+    return new Uint8Array(arrayBuffer);
+  }
+
+  // Keep SOI marker
+  pieces.push(new Uint8Array(arrayBuffer, 0, 2));
+  let start = 2;
+  while (start + 3 < byteLength) {
+    const marker = dataView.getUint8(start);
+    const type = dataView.getUint8(start + 1);
+    if (marker !== 0xFF) break;
+
+    // SOS (Start of Scan)—the rest is image data, keep it all
+    if (type === 0xDA) {
+      pieces.push(new Uint8Array(arrayBuffer, start));
+      break;
+    }
+    if (start + 3 >= byteLength) break;
+    const segmentLength = dataView.getUint16(start + 2);
+    if (segmentLength < 2) break;
+    const segmentEnd = start + 2 + segmentLength;
+    if (segmentEnd > byteLength) break;
+
+    // Skip APP1 (EXIF) segments, keep everything else
+    if (type !== 0xE1) {
+      pieces.push(new Uint8Array(arrayBuffer, start, segmentEnd - start));
+    }
+    start = segmentEnd;
+  }
+  const totalLength = pieces.reduce((sum, piece) => sum + piece.length, 0);
+  const result = new Uint8Array(totalLength);
+  let offset = 0;
+  for (const piece of pieces) {
+    result.set(piece, offset);
+    offset += piece.length;
+  }
+  return result;
+}
 const REGEXP_DECIMALS = /\.\d*(?:0|9){12}\d*$/;
 
 /**
@@ -494,6 +583,7 @@ class Compressor {
     };
     this.mimeTypeSet = options && options.mimeType && isImageType(options.mimeType);
     this.aborted = false;
+    this.canvasFallback = false;
     this.result = null;
     this.url = null;
     this.init();
@@ -520,6 +610,58 @@ class Compressor {
       options.checkOrientation = false;
       options.retainExif = false;
     }
+    if (!isCanvasReliable()) {
+      // Canvas is unreliable (e.g., Firefox fingerprinting resistance)—
+      // bypass canvas to avoid corrupted output
+      console.warn('Compressor.js Next: Canvas data is unreliable (e.g., due to browser fingerprinting resistance)—compression, resizing, and format conversion are unavailable');
+      this.canvasFallback = true;
+      if (mimeType === 'image/jpeg' && !options.retainExif) {
+        // Strip EXIF data directly from the binary to preserve privacy
+        const reader = new FileReader();
+        this.reader = reader;
+        reader.onload = ({
+          target
+        }) => {
+          if (this.aborted) return;
+          let result;
+          try {
+            const stripped = stripExif(target.result);
+            result = uint8ArrayToBlob(stripped, mimeType);
+          } catch {
+            this.fail(new Error('Failed to process the image data.'));
+            return;
+          }
+          const date = new Date();
+          result.name = file.name;
+          result.lastModified = date.getTime();
+          this.result = result;
+          if (options.success) {
+            options.success.call(this, result);
+          }
+        };
+        reader.onabort = () => {
+          this.fail(new Error('Aborted to read the image with FileReader.'));
+        };
+        reader.onerror = () => {
+          this.fail(new Error('Failed to read the image with FileReader.'));
+        };
+        reader.onloadend = () => {
+          this.reader = null;
+        };
+        reader.readAsArrayBuffer(file);
+      } else {
+        // Non-JPEG: No EXIF to strip, return as-is
+        // Defer callback to match the normal async flow
+        Promise.resolve().then(() => {
+          if (this.aborted) return;
+          this.result = file;
+          if (options.success) {
+            options.success.call(this, file);
+          }
+        });
+      }
+      return;
+    }
     const isJPEGImage = mimeType === 'image/jpeg';
     const checkOrientation = isJPEGImage && options.checkOrientation;
     const retainExif = isJPEGImage && options.retainExif;
@@ -685,11 +827,7 @@ class Compressor {
     const destHeight = height;
     const params = [];
     if (resizable) {
-      let srcX = 0;
-      let srcY = 0;
-      let srcWidth = naturalWidth;
-      let srcHeight = naturalHeight;
-      ({
+      const {
         width: srcWidth,
         height: srcHeight
       } = getAdjustedSizes({
@@ -699,9 +837,9 @@ class Compressor {
       }, {
         contain: 'cover',
         cover: 'contain'
-      }[options.resize]));
-      srcX = (naturalWidth - srcWidth) / 2;
-      srcY = (naturalHeight - srcHeight) / 2;
+      }[options.resize]);
+      const srcX = (naturalWidth - srcWidth) / 2;
+      const srcY = (naturalHeight - srcHeight) / 2;
       params.push(srcX, srcY, srcWidth, srcHeight);
     }
     params.push(destX, destY, destWidth, destHeight);
@@ -805,7 +943,6 @@ class Compressor {
       } else {
         const date = new Date();
         result.lastModified = date.getTime();
-        result.lastModifiedDate = date;
         result.name = file.name;
 
         // Convert the extension to match its type
@@ -815,6 +952,7 @@ class Compressor {
       }
     } else {
       // Returns original file if the result is null in some cases
+      console.warn('Compressor.js Next: Canvas produced no output—returning the original image');
       result = file;
     }
     this.result = result;

package/dist/compressor.js

@@ -1,5 +1,5 @@
 /*!
- * Compressor.js Next v1.1.0
+ * Compressor.js Next v1.1.2
  * https://github.com/j9t/compressorjs-next
  *
  * Copyright 2018–2024 Chen Fengyuan
@@ -84,15 +84,15 @@
      */
     mimeType: 'auto',
     /**
-     * Files whose file type is included in this list,
-     * and whose file size exceeds the `convertSize` value will be converted to JPEG.
+     * Files whose file type is included in this list and
+     * whose file size exceeds the `convertSize` value
+     * will be converted to JPEG.
      * @type {string｜Array}
      */
     convertTypes: [],
     /**
      * Files over this size (5 MB by default) whose type is in `convertTypes`
      * will be converted to JPEG.
-     * To disable this, set `convertTypes` to `[]` or the value to `Infinity`.
      * @type {number}
      */
     convertSize: 5000000,
@@ -340,6 +340,95 @@
       scaleY
     };
   }
+  let cachedCanvasReliable;
+
+  /**
+   * Check if the browser’s canvas produces reliable pixel data.
+   * Returns `false` when anti-fingerprinting measures (e.g., Firefox’s
+   * `privacy.resistFingerprinting`) add noise to canvas output.
+   * The result is cached after the first call.
+   * @returns {boolean} Returns `true` if canvas data is reliable.
+   */
+  function isCanvasReliable() {
+    if (cachedCanvasReliable !== undefined) return cachedCanvasReliable;
+    try {
+      const canvas = document.createElement('canvas');
+      canvas.width = 4;
+      canvas.height = 4;
+      const ctx = canvas.getContext('2d');
+      const imageData = ctx.createImageData(canvas.width, canvas.height);
+      for (let i = 0; i < imageData.data.length; i += 4) {
+        imageData.data[i] = i;
+        imageData.data[i + 1] = 1;
+        imageData.data[i + 2] = 2;
+        imageData.data[i + 3] = 255;
+      }
+      ctx.putImageData(imageData, 0, 0);
+      const result = ctx.getImageData(0, 0, canvas.width, canvas.height);
+      cachedCanvasReliable = result.data.every((value, index) => {
+        const channel = index % 4;
+        if (channel === 0) return value === (index & 0xFF);
+        if (channel === 1) return value === 1;
+        if (channel === 2) return value === 2;
+        return value === 255;
+      });
+    } catch {
+      cachedCanvasReliable = false;
+    }
+    return cachedCanvasReliable;
+  }
+
+  /**
+   * Strip all APP1 (EXIF) segments from a JPEG array buffer.
+   * @param {ArrayBuffer} arrayBuffer - The JPEG data to strip.
+   * @returns {Uint8Array} The JPEG data without EXIF segments.
+   */
+  function stripExif(arrayBuffer) {
+    const dataView = new DataView(arrayBuffer);
+    const {
+      byteLength
+    } = dataView;
+    const pieces = [];
+
+    // Only handle JPEG data (starts with SOI marker FF D8)
+    if (byteLength < 4 || dataView.getUint8(0) !== 0xFF || dataView.getUint8(1) !== 0xD8) {
+      return new Uint8Array(arrayBuffer);
+    }
+
+    // Keep SOI marker
+    pieces.push(new Uint8Array(arrayBuffer, 0, 2));
+    let start = 2;
+    while (start + 3 < byteLength) {
+      const marker = dataView.getUint8(start);
+      const type = dataView.getUint8(start + 1);
+      if (marker !== 0xFF) break;
+
+      // SOS (Start of Scan)—the rest is image data, keep it all
+      if (type === 0xDA) {
+        pieces.push(new Uint8Array(arrayBuffer, start));
+        break;
+      }
+      if (start + 3 >= byteLength) break;
+      const segmentLength = dataView.getUint16(start + 2);
+      if (segmentLength < 2) break;
+      const segmentEnd = start + 2 + segmentLength;
+      if (segmentEnd > byteLength) break;
+
+      // Skip APP1 (EXIF) segments, keep everything else
+      if (type !== 0xE1) {
+        pieces.push(new Uint8Array(arrayBuffer, start, segmentEnd - start));
+      }
+      start = segmentEnd;
+    }
+    const totalLength = pieces.reduce((sum, piece) => sum + piece.length, 0);
+    const result = new Uint8Array(totalLength);
+    let offset = 0;
+    for (const piece of pieces) {
+      result.set(piece, offset);
+      offset += piece.length;
+    }
+    return result;
+  }
   const REGEXP_DECIMALS = /\.\d*(?:0|9){12}\d*$/;
 
   /**
@@ -500,6 +589,7 @@
       };
       this.mimeTypeSet = options && options.mimeType && isImageType(options.mimeType);
       this.aborted = false;
+      this.canvasFallback = false;
       this.result = null;
       this.url = null;
       this.init();
@@ -526,6 +616,58 @@
         options.checkOrientation = false;
         options.retainExif = false;
       }
+      if (!isCanvasReliable()) {
+        // Canvas is unreliable (e.g., Firefox fingerprinting resistance)—
+        // bypass canvas to avoid corrupted output
+        console.warn('Compressor.js Next: Canvas data is unreliable (e.g., due to browser fingerprinting resistance)—compression, resizing, and format conversion are unavailable');
+        this.canvasFallback = true;
+        if (mimeType === 'image/jpeg' && !options.retainExif) {
+          // Strip EXIF data directly from the binary to preserve privacy
+          const reader = new FileReader();
+          this.reader = reader;
+          reader.onload = ({
+            target
+          }) => {
+            if (this.aborted) return;
+            let result;
+            try {
+              const stripped = stripExif(target.result);
+              result = uint8ArrayToBlob(stripped, mimeType);
+            } catch {
+              this.fail(new Error('Failed to process the image data.'));
+              return;
+            }
+            const date = new Date();
+            result.name = file.name;
+            result.lastModified = date.getTime();
+            this.result = result;
+            if (options.success) {
+              options.success.call(this, result);
+            }
+          };
+          reader.onabort = () => {
+            this.fail(new Error('Aborted to read the image with FileReader.'));
+          };
+          reader.onerror = () => {
+            this.fail(new Error('Failed to read the image with FileReader.'));
+          };
+          reader.onloadend = () => {
+            this.reader = null;
+          };
+          reader.readAsArrayBuffer(file);
+        } else {
+          // Non-JPEG: No EXIF to strip, return as-is
+          // Defer callback to match the normal async flow
+          Promise.resolve().then(() => {
+            if (this.aborted) return;
+            this.result = file;
+            if (options.success) {
+              options.success.call(this, file);
+            }
+          });
+        }
+        return;
+      }
       const isJPEGImage = mimeType === 'image/jpeg';
       const checkOrientation = isJPEGImage && options.checkOrientation;
       const retainExif = isJPEGImage && options.retainExif;
@@ -691,11 +833,7 @@
       const destHeight = height;
       const params = [];
       if (resizable) {
-        let srcX = 0;
-        let srcY = 0;
-        let srcWidth = naturalWidth;
-        let srcHeight = naturalHeight;
-        ({
+        const {
           width: srcWidth,
           height: srcHeight
         } = getAdjustedSizes({
@@ -705,9 +843,9 @@
         }, {
           contain: 'cover',
           cover: 'contain'
-        }[options.resize]));
-        srcX = (naturalWidth - srcWidth) / 2;
-        srcY = (naturalHeight - srcHeight) / 2;
+        }[options.resize]);
+        const srcX = (naturalWidth - srcWidth) / 2;
+        const srcY = (naturalHeight - srcHeight) / 2;
         params.push(srcX, srcY, srcWidth, srcHeight);
       }
       params.push(destX, destY, destWidth, destHeight);
@@ -811,7 +949,6 @@
         } else {
           const date = new Date();
           result.lastModified = date.getTime();
-          result.lastModifiedDate = date;
           result.name = file.name;
 
           // Convert the extension to match its type
@@ -821,6 +958,7 @@
         }
       } else {
         // Returns original file if the result is null in some cases
+        console.warn('Compressor.js Next: Canvas produced no output—returning the original image');
         result = file;
       }
       this.result = result;

package/dist/compressor.min.js

@@ -1,5 +1,5 @@
 /*!
- * Compressor.js Next v1.1.0
+ * Compressor.js Next v1.1.2
  * https://github.com/j9t/compressorjs-next
  *
  * Copyright 2018–2024 Chen Fengyuan
@@ -7,4 +7,4 @@
  *
  * Released under the MIT license.
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Compressor=t()}(this,function(){"use strict";var e={strict:!0,checkOrientation:!0,retainExif:!1,maxWidth:1/0,maxHeight:1/0,minWidth:0,minHeight:0,width:void 0,height:void 0,resize:"none",quality:.8,mimeType:"auto",convertTypes:[],convertSize:5e6,beforeDraw:null,drew:null,success:null,error:null};const t="undefined"!=typeof window&&void 0!==window.document?window:{},i=e=>e>0&&e<1/0,r=/^image\/.+$/;function n(e){return r.test(e)}const{fromCharCode:a}=String;const{btoa:o}=t;function s(e){const t=new DataView(e);let i;try{let e,r,n;if(255===t.getUint8(0)&&216===t.getUint8(1)){const e=t.byteLength;let i=2;for(;i+1<e;){if(255===t.getUint8(i)&&225===t.getUint8(i+1)){r=i;break}i+=1}}if(r){const i=r+10;if("Exif"===function(e,t,i){let r,n="";for(i+=t,r=t;r<i;r+=1)n+=a(e.getUint8(r));return n}(t,r+4,4)){const r=t.getUint16(i);if(e=18761===r,(e||19789===r)&&42===t.getUint16(i+2,e)){const r=t.getUint32(i+4,e);r>=8&&(n=i+r)}}}if(n){const r=t.getUint16(n,e);let a,o;for(o=0;o<r;o+=1)if(a=n+12*o+2,274===t.getUint16(a,e)){a+=8,i=t.getUint16(a,e),t.setUint16(a,1,e);break}}}catch{i=1}return i}const h=/\.\d*(?:0|9){12}\d*$/;function l(e,t=1e11){return h.test(e)?Math.round(e*t)/t:e}function c({aspectRatio:e,height:t,width:r},n="none"){const a=i(r),o=i(t);if(a&&o){const i=t*e;("contain"===n||"none"===n)&&i>r||"cover"===n&&i<r?t=r/e:r=t*e}else a?t=r/e:o&&(r=t*e);return{width:r,height:t}}const{ArrayBuffer:d,FileReader:f}=t,u=t.URL||t.webkitURL,g=/\.\w+$/;return class{constructor(t,i){this.file=t,this.exif=[],this.image=new Image,this.options={...e,...i},this.mimeTypeSet=i&&i.mimeType&&n(i.mimeType),this.aborted=!1,this.result=null,this.url=null,this.init()}init(){const{file:e,options:t}=this;if(!(e instanceof Blob))return void this.fail(new Error("The first argument must be a File or Blob object."));const i=e.type;if(!n(i))return void this.fail(new Error("The first argument must be an image File or Blob object."));if(!u||!f)return void this.fail(new Error("The current browser does not support image compression."));d||(t.checkOrientation=!1,t.retainExif=!1);const r="image/jpeg"===i,h=r&&t.checkOrientation,l=r&&t.retainExif;if(!u||h||l){const t=new f;this.reader=t,t.onload=({target:t})=>{const{result:r}=t,n={};let c=1;h&&(c=s(r),c>1&&Object.assign(n,function(e){let t=0,i=1,r=1;switch(e){case 2:i=-1;break;case 3:t=-180;break;case 4:r=-1;break;case 5:t=90,r=-1;break;case 6:t=90;break;case 7:t=90,i=-1;break;case 8:t=-90}return{rotate:t,scaleX:i,scaleY:r}}(c))),l&&(this.exif=function(e){const t=new DataView(e),{byteLength:i}=t,r=[];let n=0;for(;n+3<i;){const e=t.getUint8(n),a=t.getUint8(n+1);if(255===e&&218===a)break;if(255===e&&216===a)n+=2;else{const o=n+t.getUint16(n+2)+2;if(255===e&&225===a)for(let e=n;e<o&&e<i;e+=1)r.push(t.getUint8(e));n=o}}return r}(r)),h||l?!u||c>1?n.url=function(e,t){const i=new Uint8Array(e),{length:r}=i;let n="";for(let e=0;e<r;e+=8192){const t=Math.min(e+8192,r);let o="";for(let r=e;r<t;r+=1)o+=a(i[r]);n+=o}return`data:${t};base64,${o(n)}`}(r,i):(this.url=u.createObjectURL(e),n.url=this.url):n.url=r,this.load(n)},t.onabort=()=>{this.fail(new Error("Aborted to read the image with FileReader."))},t.onerror=()=>{this.fail(new Error("Failed to read the image with FileReader."))},t.onloadend=()=>{this.reader=null},h||l?t.readAsArrayBuffer(e):t.readAsDataURL(e)}else this.url=u.createObjectURL(e),this.load({url:this.url})}load(e){const{file:i,image:r}=this;r.onload=()=>{this.draw({...e,naturalWidth:r.naturalWidth,naturalHeight:r.naturalHeight})},r.onabort=()=>{this.fail(new Error("Aborted to load the image."))},r.onerror=()=>{this.fail(new Error("Failed to load the image."))},t.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(t.navigator.userAgent)&&(r.crossOrigin="anonymous"),r.alt=i.name,r.src=e.url}draw({naturalWidth:e,naturalHeight:t,rotate:r=0,scaleX:a=1,scaleY:o=1}){const{file:s,image:h,options:d}=this,u=document.createElement("canvas"),g=u.getContext("2d"),m=Math.abs(r)%180==90,w=("contain"===d.resize||"cover"===d.resize)&&i(d.width)&&i(d.height);let p=Math.max(d.maxWidth,0)||1/0,b=Math.max(d.maxHeight,0)||1/0,y=Math.max(d.minWidth,0)||0,U=Math.max(d.minHeight,0)||0,x=e/t,{width:v,height:T}=d;m&&([p,b]=[b,p],[y,U]=[U,y],[v,T]=[T,v]),w&&(x=v/T),({width:p,height:b}=c({aspectRatio:x,width:p,height:b},"contain")),({width:y,height:U}=c({aspectRatio:x,width:y,height:U},"cover")),w?({width:v,height:T}=c({aspectRatio:x,width:v,height:T},d.resize)):({width:v=e,height:T=t}=c({aspectRatio:x,width:v,height:T})),v=Math.floor(l(Math.min(Math.max(v,y),p))),T=Math.floor(l(Math.min(Math.max(T,U),b)));const E=-v/2,R=-T/2,k=v,M=T,A=[];if(w){let i=0,r=0,n=e,a=t;({width:n,height:a}=c({aspectRatio:x,width:e,height:t},{contain:"cover",cover:"contain"}[d.resize])),i=(e-n)/2,r=(t-a)/2,A.push(i,r,n,a)}A.push(E,R,k,M),m&&([v,T]=[T,v]),u.width=v,u.height=T,n(d.mimeType)||(d.mimeType=s.type);let j="transparent";!this.mimeTypeSet&&s.size>d.convertSize&&d.convertTypes.indexOf(d.mimeType)>=0&&(d.mimeType="image/jpeg");const B="image/jpeg"===d.mimeType;if(B&&(j="#fff"),g.fillStyle=j,g.fillRect(0,0,v,T),d.beforeDraw&&d.beforeDraw.call(this,g,u),this.aborted)return;if(g.save(),g.translate(v/2,T/2),g.rotate(r*Math.PI/180),g.scale(a,o),g.drawImage(h,...A),g.restore(),d.drew&&d.drew.call(this,g,u),this.aborted)return;u.toBlob(i=>{if(!this.aborted){const r=i=>this.done({naturalWidth:e,naturalHeight:t,result:i});if(i&&B&&d.retainExif&&this.exif&&this.exif.length>0){const e=e=>{const t=function(e,t){const i=new DataView(e),r=new Uint8Array(e);if(255!==i.getUint8(2)||224!==i.getUint8(3))return r;const n=4+i.getUint16(4),a=r.byteLength-n,o=new Uint8Array(2+t.length+a);o[0]=255,o[1]=216;for(let e=0;e<t.length;e+=1)o[2+e]=t[e];return o.set(r.subarray(n),2+t.length),o}(e,this.exif);var i,n;r((i=t,n=d.mimeType,new Blob([i],{type:n})))};if(i.arrayBuffer)i.arrayBuffer().then(e).catch(()=>{this.fail(new Error("Failed to read the compressed image with Blob.arrayBuffer()."))});else{const t=new f;this.reader=t,t.onload=({target:t})=>{e(t.result)},t.onabort=()=>{this.fail(new Error("Aborted to read the compressed image with FileReader."))},t.onerror=()=>{this.fail(new Error("Failed to read the compressed image with FileReader."))},t.onloadend=()=>{this.reader=null},t.readAsArrayBuffer(i)}}else r(i)}},d.mimeType,d.quality)}done({naturalWidth:e,naturalHeight:t,result:i}){const{file:r,options:a}=this;if(this.revokeUrl(),i)if(a.strict&&!a.retainExif&&i.size>r.size&&a.mimeType===r.type&&!(a.width>e||a.height>t||a.minWidth>e||a.minHeight>t||a.maxWidth<e||a.maxHeight<t))i=r;else{const e=new Date;i.lastModified=e.getTime(),i.lastModifiedDate=e,i.name=r.name,i.name&&i.type!==r.type&&(i.name=i.name.replace(g,function(e){let t=n(e)?e.slice(6):"";return"jpeg"===t&&(t="jpg"),`.${t}`}(i.type)))}else i=r;this.result=i,a.success&&a.success.call(this,i)}fail(e){const{options:t}=this;if(this.revokeUrl(),!t.error)throw e;t.error.call(this,e)}revokeUrl(){u&&this.url&&(u.revokeObjectURL(this.url),this.url=null)}abort(){this.aborted||(this.aborted=!0,this.reader?this.reader.abort():this.image.complete?this.fail(new Error("The compression process has been aborted.")):(this.image.onload=null,this.image.onerror=null,this.image.onabort=null,this.fail(new Error("Aborted to load the image."))))}static setDefaults(t){Object.assign(e,t)}}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Compressor=t()}(this,function(){"use strict";var e={strict:!0,checkOrientation:!0,retainExif:!1,maxWidth:1/0,maxHeight:1/0,minWidth:0,minHeight:0,width:void 0,height:void 0,resize:"none",quality:.8,mimeType:"auto",convertTypes:[],convertSize:5e6,beforeDraw:null,drew:null,success:null,error:null};const t="undefined"!=typeof window&&void 0!==window.document?window:{},i=e=>e>0&&e<1/0,r=/^image\/.+$/;function a(e){return r.test(e)}const{fromCharCode:n}=String;const{btoa:o}=t;function s(e){const t=new DataView(e);let i;try{let e,r,a;if(255===t.getUint8(0)&&216===t.getUint8(1)){const e=t.byteLength;let i=2;for(;i+1<e;){if(255===t.getUint8(i)&&225===t.getUint8(i+1)){r=i;break}i+=1}}if(r){const i=r+10;if("Exif"===function(e,t,i){let r,a="";for(i+=t,r=t;r<i;r+=1)a+=n(e.getUint8(r));return a}(t,r+4,4)){const r=t.getUint16(i);if(e=18761===r,(e||19789===r)&&42===t.getUint16(i+2,e)){const r=t.getUint32(i+4,e);r>=8&&(a=i+r)}}}if(a){const r=t.getUint16(a,e);let n,o;for(o=0;o<r;o+=1)if(n=a+12*o+2,274===t.getUint16(n,e)){n+=8,i=t.getUint16(n,e),t.setUint16(n,1,e);break}}}catch{i=1}return i}let h;const l=/\.\d*(?:0|9){12}\d*$/;function c(e,t=1e11){return l.test(e)?Math.round(e*t)/t:e}function d({aspectRatio:e,height:t,width:r},a="none"){const n=i(r),o=i(t);if(n&&o){const i=t*e;("contain"===a||"none"===a)&&i>r||"cover"===a&&i<r?t=r/e:r=t*e}else n?t=r/e:o&&(r=t*e);return{width:r,height:t}}function f(e,t){return new Blob([e],{type:t})}const{ArrayBuffer:u,FileReader:g}=t,m=t.URL||t.webkitURL,w=/\.\w+$/;return class{constructor(t,i){this.file=t,this.exif=[],this.image=new Image,this.options={...e,...i},this.mimeTypeSet=i&&i.mimeType&&a(i.mimeType),this.aborted=!1,this.canvasFallback=!1,this.result=null,this.url=null,this.init()}init(){const{file:e,options:t}=this;if(!(e instanceof Blob))return void this.fail(new Error("The first argument must be a File or Blob object."));const i=e.type;if(!a(i))return void this.fail(new Error("The first argument must be an image File or Blob object."));if(!m||!g)return void this.fail(new Error("The current browser does not support image compression."));if(u||(t.checkOrientation=!1,t.retainExif=!1),!function(){if(void 0!==h)return h;try{const e=document.createElement("canvas");e.width=4,e.height=4;const t=e.getContext("2d"),i=t.createImageData(e.width,e.height);for(let e=0;e<i.data.length;e+=4)i.data[e]=e,i.data[e+1]=1,i.data[e+2]=2,i.data[e+3]=255;t.putImageData(i,0,0);const r=t.getImageData(0,0,e.width,e.height);h=r.data.every((e,t)=>{const i=t%4;return 0===i?e===(255&t):1===i?1===e:2===i?2===e:255===e})}catch{h=!1}return h}()){if(console.warn("Compressor.js Next: Canvas data is unreliable (e.g., due to browser fingerprinting resistance)—compression, resizing, and format conversion are unavailable"),this.canvasFallback=!0,"image/jpeg"!==i||t.retainExif)Promise.resolve().then(()=>{this.aborted||(this.result=e,t.success&&t.success.call(this,e))});else{const r=new g;this.reader=r,r.onload=({target:r})=>{if(this.aborted)return;let a;try{const e=function(e){const t=new DataView(e),{byteLength:i}=t,r=[];if(i<4||255!==t.getUint8(0)||216!==t.getUint8(1))return new Uint8Array(e);r.push(new Uint8Array(e,0,2));let a=2;for(;a+3<i;){const n=t.getUint8(a),o=t.getUint8(a+1);if(255!==n)break;if(218===o){r.push(new Uint8Array(e,a));break}if(a+3>=i)break;const s=t.getUint16(a+2);if(s<2)break;const h=a+2+s;if(h>i)break;225!==o&&r.push(new Uint8Array(e,a,h-a)),a=h}const n=r.reduce((e,t)=>e+t.length,0),o=new Uint8Array(n);let s=0;for(const e of r)o.set(e,s),s+=e.length;return o}(r.result);a=f(e,i)}catch{return void this.fail(new Error("Failed to process the image data."))}const n=new Date;a.name=e.name,a.lastModified=n.getTime(),this.result=a,t.success&&t.success.call(this,a)},r.onabort=()=>{this.fail(new Error("Aborted to read the image with FileReader."))},r.onerror=()=>{this.fail(new Error("Failed to read the image with FileReader."))},r.onloadend=()=>{this.reader=null},r.readAsArrayBuffer(e)}return}const r="image/jpeg"===i,l=r&&t.checkOrientation,c=r&&t.retainExif;if(!m||l||c){const t=new g;this.reader=t,t.onload=({target:t})=>{const{result:r}=t,a={};let h=1;l&&(h=s(r),h>1&&Object.assign(a,function(e){let t=0,i=1,r=1;switch(e){case 2:i=-1;break;case 3:t=-180;break;case 4:r=-1;break;case 5:t=90,r=-1;break;case 6:t=90;break;case 7:t=90,i=-1;break;case 8:t=-90}return{rotate:t,scaleX:i,scaleY:r}}(h))),c&&(this.exif=function(e){const t=new DataView(e),{byteLength:i}=t,r=[];let a=0;for(;a+3<i;){const e=t.getUint8(a),n=t.getUint8(a+1);if(255===e&&218===n)break;if(255===e&&216===n)a+=2;else{const o=a+t.getUint16(a+2)+2;if(255===e&&225===n)for(let e=a;e<o&&e<i;e+=1)r.push(t.getUint8(e));a=o}}return r}(r)),l||c?!m||h>1?a.url=function(e,t){const i=new Uint8Array(e),{length:r}=i;let a="";for(let e=0;e<r;e+=8192){const t=Math.min(e+8192,r);let o="";for(let r=e;r<t;r+=1)o+=n(i[r]);a+=o}return`data:${t};base64,${o(a)}`}(r,i):(this.url=m.createObjectURL(e),a.url=this.url):a.url=r,this.load(a)},t.onabort=()=>{this.fail(new Error("Aborted to read the image with FileReader."))},t.onerror=()=>{this.fail(new Error("Failed to read the image with FileReader."))},t.onloadend=()=>{this.reader=null},l||c?t.readAsArrayBuffer(e):t.readAsDataURL(e)}else this.url=m.createObjectURL(e),this.load({url:this.url})}load(e){const{file:i,image:r}=this;r.onload=()=>{this.draw({...e,naturalWidth:r.naturalWidth,naturalHeight:r.naturalHeight})},r.onabort=()=>{this.fail(new Error("Aborted to load the image."))},r.onerror=()=>{this.fail(new Error("Failed to load the image."))},t.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(t.navigator.userAgent)&&(r.crossOrigin="anonymous"),r.alt=i.name,r.src=e.url}draw({naturalWidth:e,naturalHeight:t,rotate:r=0,scaleX:n=1,scaleY:o=1}){const{file:s,image:h,options:l}=this,u=document.createElement("canvas"),m=u.getContext("2d"),w=Math.abs(r)%180==90,p=("contain"===l.resize||"cover"===l.resize)&&i(l.width)&&i(l.height);let b=Math.max(l.maxWidth,0)||1/0,y=Math.max(l.maxHeight,0)||1/0,U=Math.max(l.minWidth,0)||0,v=Math.max(l.minHeight,0)||0,x=e/t,{width:k,height:E}=l;w&&([b,y]=[y,b],[U,v]=[v,U],[k,E]=[E,k]),p&&(x=k/E),({width:b,height:y}=d({aspectRatio:x,width:b,height:y},"contain")),({width:U,height:v}=d({aspectRatio:x,width:U,height:v},"cover")),p?({width:k,height:E}=d({aspectRatio:x,width:k,height:E},l.resize)):({width:k=e,height:E=t}=d({aspectRatio:x,width:k,height:E})),k=Math.floor(c(Math.min(Math.max(k,U),b))),E=Math.floor(c(Math.min(Math.max(E,v),y)));const A=-k/2,T=-E/2,R=k,F=E,j=[];if(p){const{width:i,height:r}=d({aspectRatio:x,width:e,height:t},{contain:"cover",cover:"contain"}[l.resize]),a=(e-i)/2,n=(t-r)/2;j.push(a,n,i,r)}j.push(A,T,R,F),w&&([k,E]=[E,k]),u.width=k,u.height=E,a(l.mimeType)||(l.mimeType=s.type);let M="transparent";!this.mimeTypeSet&&s.size>l.convertSize&&l.convertTypes.indexOf(l.mimeType)>=0&&(l.mimeType="image/jpeg");const D="image/jpeg"===l.mimeType;if(D&&(M="#fff"),m.fillStyle=M,m.fillRect(0,0,k,E),l.beforeDraw&&l.beforeDraw.call(this,m,u),this.aborted)return;if(m.save(),m.translate(k/2,E/2),m.rotate(r*Math.PI/180),m.scale(n,o),m.drawImage(h,...j),m.restore(),l.drew&&l.drew.call(this,m,u),this.aborted)return;u.toBlob(i=>{if(!this.aborted){const r=i=>this.done({naturalWidth:e,naturalHeight:t,result:i});if(i&&D&&l.retainExif&&this.exif&&this.exif.length>0){const e=e=>{const t=function(e,t){const i=new DataView(e),r=new Uint8Array(e);if(255!==i.getUint8(2)||224!==i.getUint8(3))return r;const a=4+i.getUint16(4),n=r.byteLength-a,o=new Uint8Array(2+t.length+n);o[0]=255,o[1]=216;for(let e=0;e<t.length;e+=1)o[2+e]=t[e];return o.set(r.subarray(a),2+t.length),o}(e,this.exif);r(f(t,l.mimeType))};if(i.arrayBuffer)i.arrayBuffer().then(e).catch(()=>{this.fail(new Error("Failed to read the compressed image with Blob.arrayBuffer()."))});else{const t=new g;this.reader=t,t.onload=({target:t})=>{e(t.result)},t.onabort=()=>{this.fail(new Error("Aborted to read the compressed image with FileReader."))},t.onerror=()=>{this.fail(new Error("Failed to read the compressed image with FileReader."))},t.onloadend=()=>{this.reader=null},t.readAsArrayBuffer(i)}}else r(i)}},l.mimeType,l.quality)}done({naturalWidth:e,naturalHeight:t,result:i}){const{file:r,options:n}=this;if(this.revokeUrl(),i)if(n.strict&&!n.retainExif&&i.size>r.size&&n.mimeType===r.type&&!(n.width>e||n.height>t||n.minWidth>e||n.minHeight>t||n.maxWidth<e||n.maxHeight<t))i=r;else{const e=new Date;i.lastModified=e.getTime(),i.name=r.name,i.name&&i.type!==r.type&&(i.name=i.name.replace(w,function(e){let t=a(e)?e.slice(6):"";return"jpeg"===t&&(t="jpg"),`.${t}`}(i.type)))}else console.warn("Compressor.js Next: Canvas produced no output—returning the original image"),i=r;this.result=i,n.success&&n.success.call(this,i)}fail(e){const{options:t}=this;if(this.revokeUrl(),!t.error)throw e;t.error.call(this,e)}revokeUrl(){m&&this.url&&(m.revokeObjectURL(this.url),this.url=null)}abort(){this.aborted||(this.aborted=!0,this.reader?this.reader.abort():this.image.complete?this.fail(new Error("The compression process has been aborted.")):(this.image.onload=null,this.image.onerror=null,this.image.onabort=null,this.fail(new Error("Aborted to load the image."))))}static setDefaults(t){Object.assign(e,t)}}});

package/package.json

@@ -17,14 +17,14 @@
   "devDependencies": {
     "@babel/core": "^7.29.0",
     "@babel/preset-env": "^7.29.0",
-    "@eslint/js": "^9.39.2",
+    "@eslint/js": "^10.0.0",
     "@rollup/plugin-babel": "^6.1.0",
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@vitest/browser-playwright": "^4.0.18",
     "@vitest/coverage-istanbul": "^4.0.18",
     "del-cli": "^7.0.0",
-    "eslint": "^9.39.2",
+    "eslint": "^10.0.0",
     "husky": "^9.1.7",
     "playwright": "^1.58.2",
     "rollup": "^4.57.1",
@@ -36,6 +36,7 @@
   },
   "exports": {
     ".": {
+      "types": "./types/index.d.ts",
       "import": "./dist/compressor.esm.js",
       "require": "./dist/compressor.common.js"
     }
@@ -92,5 +93,5 @@
   "sideEffects": false,
   "type": "module",
   "types": "types/index.d.ts",
-  "version": "1.1.0"
+  "version": "1.1.2"
 }

package/src/defaults.js

@@ -81,8 +81,9 @@ export default {
   mimeType: 'auto',
 
   /**
-   * Files whose file type is included in this list,
-   * and whose file size exceeds the `convertSize` value will be converted to JPEG.
+   * Files whose file type is included in this list and
+   * whose file size exceeds the `convertSize` value
+   * will be converted to JPEG.
    * @type {string｜Array}
    */
   convertTypes: [],
@@ -90,7 +91,6 @@ export default {
   /**
    * Files over this size (5 MB by default) whose type is in `convertTypes`
    * will be converted to JPEG.
-   * To disable this, set `convertTypes` to `[]` or the value to `Infinity`.
    * @type {number}
    */
   convertSize: 5000000,

package/src/index.js

@@ -5,6 +5,7 @@ import {
 import {
   getAdjustedSizes,
   imageTypeToExtension,
+  isCanvasReliable,
   isImageType,
   isPositiveNumber,
   normalizeDecimalNumber,
@@ -13,6 +14,7 @@ import {
   arrayBufferToDataURL,
   getExif,
   insertExif,
+  stripExif,
   uint8ArrayToBlob,
 } from './utilities';
 
@@ -40,6 +42,7 @@ export default class Compressor {
     };
     this.mimeTypeSet = options && options.mimeType && isImageType(options.mimeType);
     this.aborted = false;
+    this.canvasFallback = false;
     this.result = null;
     this.url = null;
     this.init();
@@ -70,6 +73,68 @@ export default class Compressor {
       options.retainExif = false;
     }
 
+    if (!isCanvasReliable()) {
+      // Canvas is unreliable (e.g., Firefox fingerprinting resistance)—
+      // bypass canvas to avoid corrupted output
+      console.warn('Compressor.js Next: Canvas data is unreliable (e.g., due to browser fingerprinting resistance)—compression, resizing, and format conversion are unavailable');
+      this.canvasFallback = true;
+      if (mimeType === 'image/jpeg' && !options.retainExif) {
+        // Strip EXIF data directly from the binary to preserve privacy
+        const reader = new FileReader();
+
+        this.reader = reader;
+        reader.onload = ({ target }) => {
+          if (this.aborted) return;
+
+          let result;
+
+          try {
+            const stripped = stripExif(target.result);
+
+            result = uint8ArrayToBlob(stripped, mimeType);
+          } catch {
+            this.fail(new Error('Failed to process the image data.'));
+            return;
+          }
+
+          const date = new Date();
+
+          result.name = file.name;
+          result.lastModified = date.getTime();
+
+          this.result = result;
+
+          if (options.success) {
+            options.success.call(this, result);
+          }
+        };
+        reader.onabort = () => {
+          this.fail(new Error('Aborted to read the image with FileReader.'));
+        };
+        reader.onerror = () => {
+          this.fail(new Error('Failed to read the image with FileReader.'));
+        };
+        reader.onloadend = () => {
+          this.reader = null;
+        };
+        reader.readAsArrayBuffer(file);
+      } else {
+        // Non-JPEG: No EXIF to strip, return as-is
+        // Defer callback to match the normal async flow
+        Promise.resolve().then(() => {
+          if (this.aborted) return;
+
+          this.result = file;
+
+          if (options.success) {
+            options.success.call(this, file);
+          }
+        });
+      }
+
+      return;
+    }
+
     const isJPEGImage = mimeType === 'image/jpeg';
     const checkOrientation = isJPEGImage && options.checkOrientation;
     const retainExif = isJPEGImage && options.retainExif;
@@ -230,21 +295,16 @@ export default class Compressor {
     const params = [];
 
     if (resizable) {
-      let srcX = 0;
-      let srcY = 0;
-      let srcWidth = naturalWidth;
-      let srcHeight = naturalHeight;
-
-      ({ width: srcWidth, height: srcHeight } = getAdjustedSizes({
+      const { width: srcWidth, height: srcHeight } = getAdjustedSizes({
         aspectRatio,
         width: naturalWidth,
         height: naturalHeight,
       }, {
         contain: 'cover',
         cover: 'contain',
-      }[options.resize]));
-      srcX = (naturalWidth - srcWidth) / 2;
-      srcY = (naturalHeight - srcHeight) / 2;
+      }[options.resize]);
+      const srcX = (naturalWidth - srcWidth) / 2;
+      const srcY = (naturalHeight - srcHeight) / 2;
 
       params.push(srcX, srcY, srcWidth, srcHeight);
     }
@@ -379,7 +439,6 @@ export default class Compressor {
         const date = new Date();
 
         result.lastModified = date.getTime();
-        result.lastModifiedDate = date;
         result.name = file.name;
 
         // Convert the extension to match its type
@@ -392,6 +451,7 @@ export default class Compressor {
       }
     } else {
       // Returns original file if the result is null in some cases
+      console.warn('Compressor.js Next: Canvas produced no output—returning the original image');
       result = file;
     }
 

package/src/utilities.js

@@ -222,6 +222,124 @@ export function parseOrientation(orientation) {
   };
 }
 
+let cachedCanvasReliable;
+
+/**
+ * Check if the browser’s canvas produces reliable pixel data.
+ * Returns `false` when anti-fingerprinting measures (e.g., Firefox’s
+ * `privacy.resistFingerprinting`) add noise to canvas output.
+ * The result is cached after the first call.
+ * @returns {boolean} Returns `true` if canvas data is reliable.
+ */
+export function isCanvasReliable() {
+  if (cachedCanvasReliable !== undefined) return cachedCanvasReliable;
+
+  try {
+    const canvas = document.createElement('canvas');
+
+    canvas.width = 4;
+    canvas.height = 4;
+
+    const ctx = canvas.getContext('2d');
+    const imageData = ctx.createImageData(canvas.width, canvas.height);
+
+    for (let i = 0; i < imageData.data.length; i += 4) {
+      imageData.data[i] = i;
+      imageData.data[i + 1] = 1;
+      imageData.data[i + 2] = 2;
+      imageData.data[i + 3] = 255;
+    }
+
+    ctx.putImageData(imageData, 0, 0);
+
+    const result = ctx.getImageData(0, 0, canvas.width, canvas.height);
+
+    cachedCanvasReliable = result.data.every((value, index) => {
+      const channel = index % 4;
+
+      if (channel === 0) return value === (index & 0xFF);
+      if (channel === 1) return value === 1;
+      if (channel === 2) return value === 2;
+      return value === 255;
+    });
+  } catch {
+    cachedCanvasReliable = false;
+  }
+
+  return cachedCanvasReliable;
+}
+
+/**
+ * Reset the cached canvas reliability result.
+ * Intended for testing only.
+ */
+export function resetCanvasReliableCache() {
+  cachedCanvasReliable = undefined;
+}
+
+/**
+ * Strip all APP1 (EXIF) segments from a JPEG array buffer.
+ * @param {ArrayBuffer} arrayBuffer - The JPEG data to strip.
+ * @returns {Uint8Array} The JPEG data without EXIF segments.
+ */
+export function stripExif(arrayBuffer) {
+  const dataView = new DataView(arrayBuffer);
+  const { byteLength } = dataView;
+  const pieces = [];
+
+  // Only handle JPEG data (starts with SOI marker FF D8)
+  if (byteLength < 4
+    || dataView.getUint8(0) !== 0xFF
+    || dataView.getUint8(1) !== 0xD8) {
+    return new Uint8Array(arrayBuffer);
+  }
+
+  // Keep SOI marker
+  pieces.push(new Uint8Array(arrayBuffer, 0, 2));
+  let start = 2;
+
+  while (start + 3 < byteLength) {
+    const marker = dataView.getUint8(start);
+    const type = dataView.getUint8(start + 1);
+
+    if (marker !== 0xFF) break;
+
+    // SOS (Start of Scan)—the rest is image data, keep it all
+    if (type === 0xDA) {
+      pieces.push(new Uint8Array(arrayBuffer, start));
+      break;
+    }
+
+    if (start + 3 >= byteLength) break;
+
+    const segmentLength = dataView.getUint16(start + 2);
+
+    if (segmentLength < 2) break;
+
+    const segmentEnd = start + 2 + segmentLength;
+
+    if (segmentEnd > byteLength) break;
+
+    // Skip APP1 (EXIF) segments, keep everything else
+    if (type !== 0xE1) {
+      pieces.push(new Uint8Array(arrayBuffer, start, segmentEnd - start));
+    }
+
+    start = segmentEnd;
+  }
+
+  const totalLength = pieces.reduce((sum, piece) => sum + piece.length, 0);
+  const result = new Uint8Array(totalLength);
+  let offset = 0;
+
+  for (const piece of pieces) {
+    result.set(piece, offset);
+    offset += piece.length;
+  }
+
+  return result;
+}
+
 const REGEXP_DECIMALS = /\.\d*(?:0|9){12}\d*$/;
 
 /**