compressorjs-next 2.0.0 → 2.0.1

package/README.md

@@ -297,7 +297,7 @@ new Compressor(file, {
 * Type: `Function`
 * Default: `null`
 * Parameters:
-  - `result`: The compressed image (a `File` (**read only**) or `Blob` object).
+  - `result`: The compressed image (a [`File`](https://developer.mozilla.org/en-US/docs/Web/API/File) object, which is also a `Blob`).
 
 The hook function to execute when successful to compress the image.
 

package/dist/compressor.common.js

@@ -1,5 +1,5 @@
 /*!
- * Compressor.js Next v2.0.0
+ * Compressor.js Next v2.0.1
  * https://github.com/j9t/compressorjs-next
  *
  * Copyright 2018–2024 Chen Fengyuan
@@ -537,17 +537,18 @@ class Compressor {
           target
         }) => {
           if (this.aborted) return;
-          let result;
+          let blob;
           try {
-            const stripped = stripExif(target.result);
-            result = uint8ArrayToBlob(stripped, mimeType);
+            blob = uint8ArrayToBlob(stripExif(target.result), 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();
+          const result = new File([blob], file.name || '', {
+            type: mimeType,
+            lastModified: date.getTime()
+          });
           this.result = result;
           if (options.success) {
             options.success.call(this, result);
@@ -846,13 +847,16 @@ class Compressor {
         strictFallback = true;
       } else {
         const date = new Date();
-        result.lastModified = date.getTime();
-        result.name = file.name;
+        let name = file.name || '';
 
         // Convert the extension to match its type
-        if (result.name && result.type !== file.type) {
-          result.name = result.name.replace(REGEXP_EXTENSION, imageTypeToExtension(result.type));
+        if (name && result.type !== file.type) {
+          name = name.replace(REGEXP_EXTENSION, imageTypeToExtension(result.type));
         }
+        result = new File([result], name, {
+          type: result.type,
+          lastModified: date.getTime()
+        });
       }
     } else {
       // Returns original file if the result is null in some cases
@@ -866,9 +870,11 @@ class Compressor {
       if (file.arrayBuffer) {
         file.arrayBuffer().then(arrayBuffer => {
           if (this.aborted) return;
-          const stripped = uint8ArrayToBlob(stripExif(arrayBuffer), file.type);
-          stripped.name = file.name;
-          stripped.lastModified = file.lastModified;
+          const strippedBlob = uint8ArrayToBlob(stripExif(arrayBuffer), file.type);
+          const stripped = new File([strippedBlob], file.name || '', {
+            type: file.type,
+            lastModified: file.lastModified || Date.now()
+          });
           this.result = stripped;
           if (options.success) {
             options.success.call(this, stripped);
@@ -888,9 +894,11 @@ class Compressor {
           target
         }) => {
           if (this.aborted) return;
-          const stripped = uint8ArrayToBlob(stripExif(target.result), file.type);
-          stripped.name = file.name;
-          stripped.lastModified = file.lastModified;
+          const strippedBlob = uint8ArrayToBlob(stripExif(target.result), file.type);
+          const stripped = new File([strippedBlob], file.name || '', {
+            type: file.type,
+            lastModified: file.lastModified || Date.now()
+          });
           this.result = stripped;
           if (options.success) {
             options.success.call(this, stripped);

package/dist/compressor.esm.js

@@ -1,5 +1,5 @@
 /*!
- * Compressor.js Next v2.0.0
+ * Compressor.js Next v2.0.1
  * https://github.com/j9t/compressorjs-next
  *
  * Copyright 2018–2024 Chen Fengyuan
@@ -535,17 +535,18 @@ class Compressor {
           target
         }) => {
           if (this.aborted) return;
-          let result;
+          let blob;
           try {
-            const stripped = stripExif(target.result);
-            result = uint8ArrayToBlob(stripped, mimeType);
+            blob = uint8ArrayToBlob(stripExif(target.result), 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();
+          const result = new File([blob], file.name || '', {
+            type: mimeType,
+            lastModified: date.getTime()
+          });
           this.result = result;
           if (options.success) {
             options.success.call(this, result);
@@ -844,13 +845,16 @@ class Compressor {
         strictFallback = true;
       } else {
         const date = new Date();
-        result.lastModified = date.getTime();
-        result.name = file.name;
+        let name = file.name || '';
 
         // Convert the extension to match its type
-        if (result.name && result.type !== file.type) {
-          result.name = result.name.replace(REGEXP_EXTENSION, imageTypeToExtension(result.type));
+        if (name && result.type !== file.type) {
+          name = name.replace(REGEXP_EXTENSION, imageTypeToExtension(result.type));
         }
+        result = new File([result], name, {
+          type: result.type,
+          lastModified: date.getTime()
+        });
       }
     } else {
       // Returns original file if the result is null in some cases
@@ -864,9 +868,11 @@ class Compressor {
       if (file.arrayBuffer) {
         file.arrayBuffer().then(arrayBuffer => {
           if (this.aborted) return;
-          const stripped = uint8ArrayToBlob(stripExif(arrayBuffer), file.type);
-          stripped.name = file.name;
-          stripped.lastModified = file.lastModified;
+          const strippedBlob = uint8ArrayToBlob(stripExif(arrayBuffer), file.type);
+          const stripped = new File([strippedBlob], file.name || '', {
+            type: file.type,
+            lastModified: file.lastModified || Date.now()
+          });
           this.result = stripped;
           if (options.success) {
             options.success.call(this, stripped);
@@ -886,9 +892,11 @@ class Compressor {
           target
         }) => {
           if (this.aborted) return;
-          const stripped = uint8ArrayToBlob(stripExif(target.result), file.type);
-          stripped.name = file.name;
-          stripped.lastModified = file.lastModified;
+          const strippedBlob = uint8ArrayToBlob(stripExif(target.result), file.type);
+          const stripped = new File([strippedBlob], file.name || '', {
+            type: file.type,
+            lastModified: file.lastModified || Date.now()
+          });
           this.result = stripped;
           if (options.success) {
             options.success.call(this, stripped);

package/dist/compressor.js

@@ -1,5 +1,5 @@
 /*!
- * Compressor.js Next v2.0.0
+ * Compressor.js Next v2.0.1
  * https://github.com/j9t/compressorjs-next
  *
  * Copyright 2018–2024 Chen Fengyuan
@@ -541,17 +541,18 @@
             target
           }) => {
             if (this.aborted) return;
-            let result;
+            let blob;
             try {
-              const stripped = stripExif(target.result);
-              result = uint8ArrayToBlob(stripped, mimeType);
+              blob = uint8ArrayToBlob(stripExif(target.result), 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();
+            const result = new File([blob], file.name || '', {
+              type: mimeType,
+              lastModified: date.getTime()
+            });
             this.result = result;
             if (options.success) {
               options.success.call(this, result);
@@ -850,13 +851,16 @@
           strictFallback = true;
         } else {
           const date = new Date();
-          result.lastModified = date.getTime();
-          result.name = file.name;
+          let name = file.name || '';
 
           // Convert the extension to match its type
-          if (result.name && result.type !== file.type) {
-            result.name = result.name.replace(REGEXP_EXTENSION, imageTypeToExtension(result.type));
+          if (name && result.type !== file.type) {
+            name = name.replace(REGEXP_EXTENSION, imageTypeToExtension(result.type));
           }
+          result = new File([result], name, {
+            type: result.type,
+            lastModified: date.getTime()
+          });
         }
       } else {
         // Returns original file if the result is null in some cases
@@ -870,9 +874,11 @@
         if (file.arrayBuffer) {
           file.arrayBuffer().then(arrayBuffer => {
             if (this.aborted) return;
-            const stripped = uint8ArrayToBlob(stripExif(arrayBuffer), file.type);
-            stripped.name = file.name;
-            stripped.lastModified = file.lastModified;
+            const strippedBlob = uint8ArrayToBlob(stripExif(arrayBuffer), file.type);
+            const stripped = new File([strippedBlob], file.name || '', {
+              type: file.type,
+              lastModified: file.lastModified || Date.now()
+            });
             this.result = stripped;
             if (options.success) {
               options.success.call(this, stripped);
@@ -892,9 +898,11 @@
             target
           }) => {
             if (this.aborted) return;
-            const stripped = uint8ArrayToBlob(stripExif(target.result), file.type);
-            stripped.name = file.name;
-            stripped.lastModified = file.lastModified;
+            const strippedBlob = uint8ArrayToBlob(stripExif(target.result), file.type);
+            const stripped = new File([strippedBlob], file.name || '', {
+              type: file.type,
+              lastModified: file.lastModified || Date.now()
+            });
             this.result = stripped;
             if (options.success) {
               options.success.call(this, stripped);

package/dist/compressor.min.js

@@ -1,5 +1,5 @@
 /*!
- * Compressor.js Next v2.0.0
+ * Compressor.js Next v2.0.1
  * 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,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;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,s;for(s=0;s<r;s+=1)if(n=a+12*s+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 o;function h(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),s=t.getUint8(a+1);if(255!==n)break;if(218===s){r.push(new Uint8Array(e,a));break}if(a+3>=i)break;const o=t.getUint16(a+2);if(o<2)break;const h=a+2+o;if(h>i)break;225!==s&&r.push(new Uint8Array(e,a,h-a)),a=h}const n=r.reduce((e,t)=>e+t.length,0),s=new Uint8Array(n);let o=0;for(const e of r)s.set(e,o),o+=e.length;return s}const l=/\.\d*(?:0|9){12}\d*$/;function d(e,t=1e11){return l.test(e)?Math.round(e*t)/t:e}function c({aspectRatio:e,height:t,width:r},a="none"){const n=i(r),s=i(t);if(n&&s){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:s&&(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.retainExif=!1),!function(){if(void 0!==o)return o;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);o=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{o=!1}return o}()){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{a=f(h(r.result),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}if("image/jpeg"===i&&t.retainExif){const t=new g;this.reader=t,t.onload=({target:t})=>{this.aborted||(s(t.result),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 s=a+t.getUint16(a+2)+2;if(255===e&&225===n)for(let e=a;e<s&&e<i;e+=1)r.push(t.getUint8(e));a=s}}return r}(t.result),this.url=m.createObjectURL(e),this.load({url:this.url}))},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},t.readAsArrayBuffer(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}){const{file:r,image:n,options:s}=this,o=document.createElement("canvas"),l=o.getContext("2d"),u=("contain"===s.resize||"cover"===s.resize)&&i(s.width)&&i(s.height);let m=Math.max(s.maxWidth,0)||1/0,w=Math.max(s.maxHeight,0)||1/0,p=Math.max(s.minWidth,0)||0,b=Math.max(s.minHeight,0)||0,y=e/t,{width:U,height:v}=s;u&&(y=U/v),({width:m,height:w}=c({aspectRatio:y,width:m,height:w},"contain")),({width:p,height:b}=c({aspectRatio:y,width:p,height:b},"cover")),u?({width:U,height:v}=c({aspectRatio:y,width:U,height:v},s.resize)):({width:U=e,height:v=t}=c({aspectRatio:y,width:U,height:v})),U=Math.floor(d(Math.min(Math.max(U,p),m))),v=Math.floor(d(Math.min(Math.max(v,b),w)));const x=[];if(u){const{width:i,height:r}=c({aspectRatio:y,width:e,height:t},{contain:"cover",cover:"contain"}[s.resize]),a=(e-i)/2,n=(t-r)/2;x.push(a,n,i,r)}x.push(0,0,U,v),o.width=U,o.height=v,a(s.mimeType)||(s.mimeType=r.type);let E="transparent";!this.mimeTypeSet&&r.size>s.convertSize&&s.convertTypes.indexOf(s.mimeType)>=0&&(s.mimeType="image/jpeg");const F="image/jpeg"===s.mimeType;if(F&&(E="#fff"),l.fillStyle=E,l.fillRect(0,0,U,v),s.beforeDraw&&s.beforeDraw.call(this,l,o),this.aborted)return;if(l.drawImage(n,...x),s.drew&&s.drew.call(this,l,o),this.aborted)return;o.toBlob(i=>{if(!this.aborted){const r=i=>this.done({naturalWidth:e,naturalHeight:t,result:i});if(i&&F&&s.retainExif&&this.exif&&this.exif.length>0){const e=e=>{if(this.aborted)return;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,s=new Uint8Array(2+t.length+n);s[0]=255,s[1]=216;for(let e=0;e<t.length;e+=1)s[2+e]=t[e];return s.set(r.subarray(a),2+t.length),s}(e,this.exif);r(f(t,s.mimeType))};if(i.arrayBuffer)i.arrayBuffer().then(e).catch(()=>{this.aborted||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 if(i&&F&&!s.retainExif){const e=e=>{this.aborted||r(f(h(e),s.mimeType))};if(i.arrayBuffer)i.arrayBuffer().then(e).catch(()=>{this.aborted||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)}},s.mimeType,s.quality)}done({naturalWidth:e,naturalHeight:t,result:i}){const{file:r,options:n}=this;this.revokeUrl();let s=!1;if(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,s=!0;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;if(s&&"image/jpeg"===r.type)if(r.arrayBuffer)r.arrayBuffer().then(e=>{if(this.aborted)return;const t=f(h(e),r.type);t.name=r.name,t.lastModified=r.lastModified,this.result=t,n.success&&n.success.call(this,t)}).catch(e=>{this.aborted||(console.warn(`Compressor.js Next: Failed to strip EXIF from original file—returning original with EXIF intact${r.name?` [${r.name}]`:""}${e?.message?`: ${e.message}`:""}`),this.result=r,n.success&&n.success.call(this,r))});else{const e=new g;this.reader=e,e.onload=({target:e})=>{if(this.aborted)return;const t=f(h(e.result),r.type);t.name=r.name,t.lastModified=r.lastModified,this.result=t,n.success&&n.success.call(this,t)},e.onabort=()=>{this.fail(new Error("Aborted to read the original file with FileReader."))},e.onerror=()=>{this.aborted||(console.warn("Compressor.js Next: Failed to strip EXIF from original file—returning original with EXIF intact"+(r.name?` [${r.name}]`:"")),this.result=r,n.success&&n.success.call(this,r))},e.onloadend=()=>{this.reader=null},e.readAsArrayBuffer(r)}else 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)}}});
+!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,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;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,s;for(s=0;s<r;s+=1)if(n=a+12*s+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 o;function h(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),s=t.getUint8(a+1);if(255!==n)break;if(218===s){r.push(new Uint8Array(e,a));break}if(a+3>=i)break;const o=t.getUint16(a+2);if(o<2)break;const h=a+2+o;if(h>i)break;225!==s&&r.push(new Uint8Array(e,a,h-a)),a=h}const n=r.reduce((e,t)=>e+t.length,0),s=new Uint8Array(n);let o=0;for(const e of r)s.set(e,o),o+=e.length;return s}const l=/\.\d*(?:0|9){12}\d*$/;function d(e,t=1e11){return l.test(e)?Math.round(e*t)/t:e}function c({aspectRatio:e,height:t,width:r},a="none"){const n=i(r),s=i(t);if(n&&s){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:s&&(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.retainExif=!1),!function(){if(void 0!==o)return o;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);o=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{o=!1}return o}()){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{a=f(h(r.result),i)}catch{return void this.fail(new Error("Failed to process the image data."))}const n=new Date,s=new File([a],e.name||"",{type:i,lastModified:n.getTime()});this.result=s,t.success&&t.success.call(this,s)},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}if("image/jpeg"===i&&t.retainExif){const t=new g;this.reader=t,t.onload=({target:t})=>{this.aborted||(s(t.result),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 s=a+t.getUint16(a+2)+2;if(255===e&&225===n)for(let e=a;e<s&&e<i;e+=1)r.push(t.getUint8(e));a=s}}return r}(t.result),this.url=m.createObjectURL(e),this.load({url:this.url}))},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},t.readAsArrayBuffer(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}){const{file:r,image:n,options:s}=this,o=document.createElement("canvas"),l=o.getContext("2d"),u=("contain"===s.resize||"cover"===s.resize)&&i(s.width)&&i(s.height);let m=Math.max(s.maxWidth,0)||1/0,w=Math.max(s.maxHeight,0)||1/0,p=Math.max(s.minWidth,0)||0,b=Math.max(s.minHeight,0)||0,y=e/t,{width:U,height:v}=s;u&&(y=U/v),({width:m,height:w}=c({aspectRatio:y,width:m,height:w},"contain")),({width:p,height:b}=c({aspectRatio:y,width:p,height:b},"cover")),u?({width:U,height:v}=c({aspectRatio:y,width:U,height:v},s.resize)):({width:U=e,height:v=t}=c({aspectRatio:y,width:U,height:v})),U=Math.floor(d(Math.min(Math.max(U,p),m))),v=Math.floor(d(Math.min(Math.max(v,b),w)));const x=[];if(u){const{width:i,height:r}=c({aspectRatio:y,width:e,height:t},{contain:"cover",cover:"contain"}[s.resize]),a=(e-i)/2,n=(t-r)/2;x.push(a,n,i,r)}x.push(0,0,U,v),o.width=U,o.height=v,a(s.mimeType)||(s.mimeType=r.type);let E="transparent";!this.mimeTypeSet&&r.size>s.convertSize&&s.convertTypes.indexOf(s.mimeType)>=0&&(s.mimeType="image/jpeg");const F="image/jpeg"===s.mimeType;if(F&&(E="#fff"),l.fillStyle=E,l.fillRect(0,0,U,v),s.beforeDraw&&s.beforeDraw.call(this,l,o),this.aborted)return;if(l.drawImage(n,...x),s.drew&&s.drew.call(this,l,o),this.aborted)return;o.toBlob(i=>{if(!this.aborted){const r=i=>this.done({naturalWidth:e,naturalHeight:t,result:i});if(i&&F&&s.retainExif&&this.exif&&this.exif.length>0){const e=e=>{if(this.aborted)return;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,s=new Uint8Array(2+t.length+n);s[0]=255,s[1]=216;for(let e=0;e<t.length;e+=1)s[2+e]=t[e];return s.set(r.subarray(a),2+t.length),s}(e,this.exif);r(f(t,s.mimeType))};if(i.arrayBuffer)i.arrayBuffer().then(e).catch(()=>{this.aborted||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 if(i&&F&&!s.retainExif){const e=e=>{this.aborted||r(f(h(e),s.mimeType))};if(i.arrayBuffer)i.arrayBuffer().then(e).catch(()=>{this.aborted||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)}},s.mimeType,s.quality)}done({naturalWidth:e,naturalHeight:t,result:i}){const{file:r,options:n}=this;this.revokeUrl();let s=!1;if(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,s=!0;else{const e=new Date;let t=r.name||"";t&&i.type!==r.type&&(t=t.replace(w,function(e){let t=a(e)?e.slice(6):"";return"jpeg"===t&&(t="jpg"),`.${t}`}(i.type))),i=new File([i],t,{type:i.type,lastModified:e.getTime()})}else console.warn("Compressor.js Next: Canvas produced no output—returning the original image"),i=r;if(s&&"image/jpeg"===r.type)if(r.arrayBuffer)r.arrayBuffer().then(e=>{if(this.aborted)return;const t=f(h(e),r.type),i=new File([t],r.name||"",{type:r.type,lastModified:r.lastModified||Date.now()});this.result=i,n.success&&n.success.call(this,i)}).catch(e=>{this.aborted||(console.warn(`Compressor.js Next: Failed to strip EXIF from original file—returning original with EXIF intact${r.name?` [${r.name}]`:""}${e?.message?`: ${e.message}`:""}`),this.result=r,n.success&&n.success.call(this,r))});else{const e=new g;this.reader=e,e.onload=({target:e})=>{if(this.aborted)return;const t=f(h(e.result),r.type),i=new File([t],r.name||"",{type:r.type,lastModified:r.lastModified||Date.now()});this.result=i,n.success&&n.success.call(this,i)},e.onabort=()=>{this.fail(new Error("Aborted to read the original file with FileReader."))},e.onerror=()=>{this.aborted||(console.warn("Compressor.js Next: Failed to strip EXIF from original file—returning original with EXIF intact"+(r.name?` [${r.name}]`:"")),this.result=r,n.success&&n.success.call(this,r))},e.onloadend=()=>{this.reader=null},e.readAsArrayBuffer(r)}else 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

@@ -27,7 +27,7 @@
     "eslint": "^10.0.0",
     "husky": "^9.1.7",
     "playwright": "^1.58.2",
-    "rollup": "^4.57.1",
+    "rollup": "^4.59.0",
     "stylelint": "^17.1.1",
     "stylelint-config-standard": "^40.0.0",
     "stylelint-order": "^7.0.1",
@@ -95,5 +95,5 @@
   "sideEffects": false,
   "type": "module",
   "types": "types/index.d.ts",
-  "version": "2.0.0"
+  "version": "2.0.1"
 }

package/src/index.js

@@ -83,21 +83,20 @@ export default class Compressor {
         reader.onload = ({ target }) => {
           if (this.aborted) return;
 
-          let result;
+          let blob;
 
           try {
-            const stripped = stripExif(target.result);
-
-            result = uint8ArrayToBlob(stripped, mimeType);
+            blob = uint8ArrayToBlob(stripExif(target.result), 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();
+          const result = new File([blob], file.name || '', {
+            type: mimeType,
+            lastModified: date.getTime(),
+          });
 
           this.result = result;
 
@@ -414,17 +413,20 @@ export default class Compressor {
         strictFallback = true;
       } else {
         const date = new Date();
-
-        result.lastModified = date.getTime();
-        result.name = file.name;
+        let name = file.name || '';
 
         // Convert the extension to match its type
-        if (result.name && result.type !== file.type) {
-          result.name = result.name.replace(
+        if (name && result.type !== file.type) {
+          name = name.replace(
             REGEXP_EXTENSION,
             imageTypeToExtension(result.type),
           );
         }
+
+        result = new File([result], name, {
+          type: result.type,
+          lastModified: date.getTime(),
+        });
       }
     } else {
       // Returns original file if the result is null in some cases
@@ -439,10 +441,12 @@ export default class Compressor {
         file.arrayBuffer().then((arrayBuffer) => {
           if (this.aborted) return;
 
-          const stripped = uint8ArrayToBlob(stripExif(arrayBuffer), file.type);
+          const strippedBlob = uint8ArrayToBlob(stripExif(arrayBuffer), file.type);
+          const stripped = new File([strippedBlob], file.name || '', {
+            type: file.type,
+            lastModified: file.lastModified || Date.now(),
+          });
 
-          stripped.name = file.name;
-          stripped.lastModified = file.lastModified;
           this.result = stripped;
 
           if (options.success) {
@@ -468,10 +472,12 @@ export default class Compressor {
         reader.onload = ({ target }) => {
           if (this.aborted) return;
 
-          const stripped = uint8ArrayToBlob(stripExif(target.result), file.type);
+          const strippedBlob = uint8ArrayToBlob(stripExif(target.result), file.type);
+          const stripped = new File([strippedBlob], file.name || '', {
+            type: file.type,
+            lastModified: file.lastModified || Date.now(),
+          });
 
-          stripped.name = file.name;
-          stripped.lastModified = file.lastModified;
           this.result = stripped;
 
           if (options.success) {