sprintify-ui 0.1.17 → 0.2.0

package/src/utils/index.ts

@@ -1,16 +1,16 @@
-import toHumanList from './toHumanList';
-import fileSizeFormat from './fileSizeFormat';
-import resizeImageFromURI from './resizeImageFromURI';
-import { disableScroll, enableScroll } from './scrollPreventer';
-import { blobToBase64, validateBase64, base64ToBlob } from './blob';
-
-export {
-  toHumanList,
-  fileSizeFormat,
-  disableScroll,
-  enableScroll,
-  resizeImageFromURI,
-  blobToBase64,
-  validateBase64,
-  base64ToBlob,
-};
+import toHumanList from './toHumanList';
+import fileSizeFormat from './fileSizeFormat';
+import resizeImageFromURI from './resizeImageFromURI';
+import { disableScroll, enableScroll } from './scrollPreventer';
+import { blobToBase64, validateBase64, base64ToBlob } from './blob';
+
+export {
+  toHumanList,
+  fileSizeFormat,
+  disableScroll,
+  enableScroll,
+  resizeImageFromURI,
+  blobToBase64,
+  validateBase64,
+  base64ToBlob,
+};

package/src/utils/resizeImageFromURI.ts

@@ -1,118 +1,118 @@
-export default function resizeImageFromURI(
-  source: string,
-  height: number,
-  width: number
-): Promise<string> {
-  const img = new Image();
-  img.src = source;
-  img.crossOrigin = 'anonymous';
-
-  return new Promise((resolve, reject) => {
-    img.onload = () => {
-      // Check if the image require resize at all
-      if (img.height <= height && img.width <= width) {
-        resolve(source);
-        return;
-      }
-
-      // Make sure the width and height preserve the original aspect ratio and adjust if needed
-      if (img.height > img.width) {
-        width = Math.floor(height * (img.width / img.height));
-      } else {
-        height = Math.floor(width * (img.height / img.width));
-      }
-
-      const resizingCanvas: HTMLCanvasElement =
-        document.createElement('canvas');
-      const resizingCanvasContext = resizingCanvas.getContext('2d');
-
-      if (!resizingCanvasContext) {
-        reject('Could not acquire context 2d');
-        return;
-      }
-
-      // Start with original image size
-      resizingCanvas.width = img.width;
-      resizingCanvas.height = img.height;
-
-      // Draw the original image on the (temp) resizing canvas
-      resizingCanvasContext.drawImage(
-        img,
-        0,
-        0,
-        resizingCanvas.width,
-        resizingCanvas.height
-      );
-
-      const curImageDimensions = {
-        width: Math.floor(img.width),
-        height: Math.floor(img.height),
-      };
-
-      const halfImageDimensions = {
-        width: null as number | null,
-        height: null as number | null,
-      };
-
-      // Quickly reduce the size by 50% each time in few iterations until the size is less then
-      // 2x time the target size - the motivation for it, is to reduce the aliasing that would have been
-      // created with direct reduction of very big image to small image
-      while (curImageDimensions.width * 0.5 > width) {
-        // Reduce the resizing canvas by half and refresh the image
-        halfImageDimensions.width = Math.floor(curImageDimensions.width * 0.5);
-        halfImageDimensions.height = Math.floor(
-          curImageDimensions.height * 0.5
-        );
-
-        resizingCanvasContext.drawImage(
-          resizingCanvas,
-          0,
-          0,
-          curImageDimensions.width,
-          curImageDimensions.height,
-          0,
-          0,
-          halfImageDimensions.width,
-          halfImageDimensions.height
-        );
-
-        curImageDimensions.width = halfImageDimensions.width;
-        curImageDimensions.height = halfImageDimensions.height;
-      }
-
-      // Now do final resize for the resizingCanvas to meet the dimension requirements
-      // directly to the output canvas, that will output the final image
-      const outputCanvas: HTMLCanvasElement = document.createElement('canvas');
-      const outputCanvasContext = outputCanvas.getContext('2d');
-
-      outputCanvas.width = width;
-      outputCanvas.height = height;
-
-      if (!outputCanvasContext) {
-        reject('Could not acquire context 2d');
-        return;
-      }
-
-      outputCanvasContext.drawImage(
-        resizingCanvas,
-        0,
-        0,
-        curImageDimensions.width,
-        curImageDimensions.height,
-        0,
-        0,
-        width,
-        height
-      );
-
-      // output the canvas pixels as an image. params: format, quality
-      const base64ResizedImage = outputCanvas.toDataURL('image/jpeg', 0.85);
-
-      // Cleanup
-      resizingCanvas.remove();
-      outputCanvas.remove();
-
-      resolve(base64ResizedImage);
-    };
-  });
-}
+export default function resizeImageFromURI(
+  source: string,
+  height: number,
+  width: number
+): Promise<string> {
+  const img = new Image();
+  img.src = source;
+  img.crossOrigin = 'anonymous';
+
+  return new Promise((resolve, reject) => {
+    img.onload = () => {
+      // Check if the image require resize at all
+      if (img.height <= height && img.width <= width) {
+        resolve(source);
+        return;
+      }
+
+      // Make sure the width and height preserve the original aspect ratio and adjust if needed
+      if (img.height > img.width) {
+        width = Math.floor(height * (img.width / img.height));
+      } else {
+        height = Math.floor(width * (img.height / img.width));
+      }
+
+      const resizingCanvas: HTMLCanvasElement =
+        document.createElement('canvas');
+      const resizingCanvasContext = resizingCanvas.getContext('2d');
+
+      if (!resizingCanvasContext) {
+        reject('Could not acquire context 2d');
+        return;
+      }
+
+      // Start with original image size
+      resizingCanvas.width = img.width;
+      resizingCanvas.height = img.height;
+
+      // Draw the original image on the (temp) resizing canvas
+      resizingCanvasContext.drawImage(
+        img,
+        0,
+        0,
+        resizingCanvas.width,
+        resizingCanvas.height
+      );
+
+      const curImageDimensions = {
+        width: Math.floor(img.width),
+        height: Math.floor(img.height),
+      };
+
+      const halfImageDimensions = {
+        width: null as number | null,
+        height: null as number | null,
+      };
+
+      // Quickly reduce the size by 50% each time in few iterations until the size is less then
+      // 2x time the target size - the motivation for it, is to reduce the aliasing that would have been
+      // created with direct reduction of very big image to small image
+      while (curImageDimensions.width * 0.5 > width) {
+        // Reduce the resizing canvas by half and refresh the image
+        halfImageDimensions.width = Math.floor(curImageDimensions.width * 0.5);
+        halfImageDimensions.height = Math.floor(
+          curImageDimensions.height * 0.5
+        );
+
+        resizingCanvasContext.drawImage(
+          resizingCanvas,
+          0,
+          0,
+          curImageDimensions.width,
+          curImageDimensions.height,
+          0,
+          0,
+          halfImageDimensions.width,
+          halfImageDimensions.height
+        );
+
+        curImageDimensions.width = halfImageDimensions.width;
+        curImageDimensions.height = halfImageDimensions.height;
+      }
+
+      // Now do final resize for the resizingCanvas to meet the dimension requirements
+      // directly to the output canvas, that will output the final image
+      const outputCanvas: HTMLCanvasElement = document.createElement('canvas');
+      const outputCanvasContext = outputCanvas.getContext('2d');
+
+      outputCanvas.width = width;
+      outputCanvas.height = height;
+
+      if (!outputCanvasContext) {
+        reject('Could not acquire context 2d');
+        return;
+      }
+
+      outputCanvasContext.drawImage(
+        resizingCanvas,
+        0,
+        0,
+        curImageDimensions.width,
+        curImageDimensions.height,
+        0,
+        0,
+        width,
+        height
+      );
+
+      // output the canvas pixels as an image. params: format, quality
+      const base64ResizedImage = outputCanvas.toDataURL('image/jpeg', 0.85);
+
+      // Cleanup
+      resizingCanvas.remove();
+      outputCanvas.remove();
+
+      resolve(base64ResizedImage);
+    };
+  });
+}

package/src/utils/scrollPreventer.ts

@@ -1,11 +1,11 @@
-import { disablePageScroll, enablePageScroll } from 'scroll-lock';
-
-function disableScroll() {
-  disablePageScroll();
-}
-
-function enableScroll() {
-  enablePageScroll();
-}
-
-export { disableScroll, enableScroll };
+import { disablePageScroll, enablePageScroll } from 'scroll-lock';
+
+function disableScroll() {
+  disablePageScroll();
+}
+
+function enableScroll() {
+  enablePageScroll();
+}
+
+export { disableScroll, enableScroll };

package/src/utils/toHumanList.ts

@@ -1,20 +1,20 @@
-import { t } from '@/i18n';
-
-export default function (list: string[], conjunction?: string): string {
-  let sentence = '';
-
-  conjunction = conjunction ? conjunction : t('sui.and');
-
-  for (let i = 0; i < list.length; i++) {
-    const item = list[i];
-    sentence += item;
-
-    if (i < list.length - 2) {
-      sentence += ', ';
-    } else if (i == list.length - 2) {
-      sentence += ' ' + conjunction + ' ';
-    }
-  }
-
-  return sentence;
-}
+import { t } from '@/i18n';
+
+export default function (list: string[], conjunction?: string): string {
+  let sentence = '';
+
+  conjunction = conjunction ? conjunction : t('sui.and');
+
+  for (let i = 0; i < list.length; i++) {
+    const item = list[i];
+    sentence += item;
+
+    if (i < list.length - 2) {
+      sentence += ', ';
+    } else if (i == list.length - 2) {
+      sentence += ' ' + conjunction + ' ';
+    }
+  }
+
+  return sentence;
+}