style: format code

Author: Donaldcwl

lib/image-compression.js

@@ -6,8 +6,8 @@ import {
   getExifOrientation,
   getNewCanvasAndCtx,
   handleMaxWidthOrHeight,
-  isAutoOrientationInBrowser
-} from './utils'
+  isAutoOrientationInBrowser,
+} from './utils';
 
 /**
  * Compress an image file.
@@ -25,93 +25,95 @@ import {
  * @param {number} previousProgress - for internal try catch rerunning start from previous progress
  * @returns {Promise<File | Blob>}
  */
-export default async function compress (file, options, previousProgress = 0) {
-  let progress = previousProgress
+export default async function compress(file, options, previousProgress = 0) {
+  let progress = previousProgress;
 
-  function incProgress (inc = 5) {
-    progress += inc
-    options.onProgress(Math.min(progress, 100))
+  function incProgress(inc = 5) {
+    progress += inc;
+    options.onProgress(Math.min(progress, 100));
   }
 
-  function setProgress (p) {
-    progress = Math.min(Math.max(p, progress), 100)
-    options.onProgress(progress)
+  function setProgress(p) {
+    progress = Math.min(Math.max(p, progress), 100);
+    options.onProgress(progress);
   }
 
-  let remainingTrials = options.maxIteration || 10
+  let remainingTrials = options.maxIteration || 10;
 
-  const maxSizeByte = options.maxSizeMB * 1024 * 1024
+  const maxSizeByte = options.maxSizeMB * 1024 * 1024;
 
-  incProgress()
+  incProgress();
 
   // drawFileInCanvas
-  let [img, origCanvas] = await drawFileInCanvas(file)
+  const [, origCanvas] = await drawFileInCanvas(file);
 
-  incProgress()
+  incProgress();
 
   // handleMaxWidthOrHeight
-  const maxWidthOrHeightFixedCanvas = handleMaxWidthOrHeight(origCanvas, options)
+  const maxWidthOrHeightFixedCanvas = handleMaxWidthOrHeight(origCanvas, options);
 
-  incProgress()
+  incProgress();
 
   // exifOrientation
-  const exifOrientation = options.exifOrientation || await getExifOrientation(file)
-  incProgress()
-  const orientationFixedCanvas = (await isAutoOrientationInBrowser()) ? maxWidthOrHeightFixedCanvas : followExifOrientation(maxWidthOrHeightFixedCanvas, exifOrientation)
-  incProgress()
+  const exifOrientation = options.exifOrientation || await getExifOrientation(file);
+  incProgress();
+  const orientationFixedCanvas = (await isAutoOrientationInBrowser()) ? maxWidthOrHeightFixedCanvas : followExifOrientation(maxWidthOrHeightFixedCanvas, exifOrientation);
+  incProgress();
 
-  let quality = options.initialQuality || 1.0
+  let quality = options.initialQuality || 1.0;
 
-  const outputFileType = options.fileType || file.type
+  const outputFileType = options.fileType || file.type;
 
-  let tempFile = await canvasToFile(orientationFixedCanvas, outputFileType, file.name, file.lastModified, quality)
-  incProgress()
+  const tempFile = await canvasToFile(orientationFixedCanvas, outputFileType, file.name, file.lastModified, quality);
+  incProgress();
 
-  const origExceedMaxSize = tempFile.size > maxSizeByte
-  const sizeBecomeLarger = tempFile.size > file.size
+  const origExceedMaxSize = tempFile.size > maxSizeByte;
+  const sizeBecomeLarger = tempFile.size > file.size;
   // console.log('original file size', file.size)
   // console.log('current file size', tempFile.size)
 
   // check if we need to compress or resize
   if (!origExceedMaxSize && !sizeBecomeLarger) {
     // no need to compress
-    setProgress(100)
-    return tempFile
+    setProgress(100);
+    return tempFile;
   }
 
-  const sourceSize = file.size
-  const renderedSize = tempFile.size
-  let currentSize = renderedSize
-  let compressedFile
-  let newCanvas, ctx
-  let canvas = orientationFixedCanvas
+  const sourceSize = file.size;
+  const renderedSize = tempFile.size;
+  let currentSize = renderedSize;
+  let compressedFile;
+  let newCanvas; let
+    ctx;
+  let canvas = orientationFixedCanvas;
   while (remainingTrials-- && (currentSize > maxSizeByte || currentSize > sourceSize)) {
-    const newWidth = origExceedMaxSize ? canvas.width * 0.95 : canvas.width
+    const newWidth = origExceedMaxSize ? canvas.width * 0.95 : canvas.width;
     const newHeight = origExceedMaxSize ? canvas.height * 0.95 : canvas.height;
     // console.log('current width', newWidth);
     // console.log('current height', newHeight);
-    [newCanvas, ctx] = getNewCanvasAndCtx(newWidth, newHeight)
+    [newCanvas, ctx] = getNewCanvasAndCtx(newWidth, newHeight);
 
-    ctx.drawImage(canvas, 0, 0, newWidth, newHeight)
+    ctx.drawImage(canvas, 0, 0, newWidth, newHeight);
 
-    quality *= 0.95
-    compressedFile = await canvasToFile(newCanvas, outputFileType, file.name, file.lastModified, quality)
+    quality *= 0.95;
+    // eslint-disable-next-line no-await-in-loop
+    compressedFile = await canvasToFile(newCanvas, outputFileType, file.name, file.lastModified, quality);
 
-    cleanupCanvasMemory(canvas)
+    cleanupCanvasMemory(canvas);
 
-    canvas = newCanvas
+    canvas = newCanvas;
 
-    currentSize = compressedFile.size
+    currentSize = compressedFile.size;
     // console.log('currentSize', currentSize)
-    setProgress(Math.min(99, Math.floor((renderedSize - currentSize) / (renderedSize - maxSizeByte) * 100)))
+    setProgress(Math.min(99, Math.floor(((renderedSize - currentSize) / (renderedSize - maxSizeByte)) * 100)));
   }
 
-  cleanupCanvasMemory(canvas)
-  cleanupCanvasMemory(newCanvas)
-  cleanupCanvasMemory(maxWidthOrHeightFixedCanvas)
-  cleanupCanvasMemory(orientationFixedCanvas)
-  cleanupCanvasMemory(origCanvas)
+  cleanupCanvasMemory(canvas);
+  cleanupCanvasMemory(newCanvas);
+  cleanupCanvasMemory(maxWidthOrHeightFixedCanvas);
+  cleanupCanvasMemory(orientationFixedCanvas);
+  cleanupCanvasMemory(origCanvas);
 
-  setProgress(100)
-  return compressedFile
+  setProgress(100);
+  return compressedFile;
 }