nuxt-glorious 1.3.2 → 1.3.3-1

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "nuxt-glorious",
   "configKey": "glorious",
-  "version": "1.3.2"
+  "version": "1.3.3-1"
 }

package/dist/runtime/composables/useGloriousCore.d.ts

@@ -1,5 +1,6 @@
 declare const _default: () => {
     debounce: (callback: () => void, delay: number) => void;
     numbersWithSeparateSamePrice: (value: String) => string;
+    compressImage: (file: any, MAX_WIDTH?: number, MAX_HEIGHT?: number, QUALITY?: number) => Promise<Blob>;
 };
 export default _default;

package/dist/runtime/composables/useGloriousCore.mjs

@@ -1,4 +1,5 @@
 import { GloriousStore } from "../stores/GloriousStore.mjs";
+import compressImage from "../core/compressImage.mjs";
 const numbersWithSeparateSamePrice = (value) => {
   if (typeof value === "undefined") return "";
   let nStr = value.match(/\d+/g)?.join("") + "";
@@ -23,6 +24,7 @@ const debounce = (callback, delay) => {
 export default () => {
   return {
     debounce,
-    numbersWithSeparateSamePrice
+    numbersWithSeparateSamePrice,
+    compressImage
   };
 };

package/dist/runtime/core/compressImage.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (file: any, MAX_WIDTH?: number, MAX_HEIGHT?: number, QUALITY?: number) => Promise<Blob>;
+export default _default;

package/dist/runtime/core/compressImage.mjs

@@ -0,0 +1,33 @@
+export default (file, MAX_WIDTH = 600, MAX_HEIGHT = 600, QUALITY = 1) => {
+  return new Promise(function(resolve) {
+    const blobURL = URL.createObjectURL(file);
+    const img = new Image();
+    img.src = blobURL;
+    img.onload = function() {
+      URL.revokeObjectURL(this.src);
+      const [newWidth, newHeight] = calculateSize(img, MAX_WIDTH, MAX_HEIGHT);
+      const canvas = document.createElement("canvas");
+      canvas.width = newWidth;
+      canvas.height = newHeight;
+      const ctx = canvas.getContext("2d");
+      ctx.drawImage(img, 0, 0, newWidth, newHeight);
+      canvas.toBlob((blob) => resolve(blob), "image/jpeg", QUALITY);
+    };
+  });
+};
+function calculateSize(img, maxWidth, maxHeight) {
+  let width = img.width;
+  let height = img.height;
+  if (width > height) {
+    if (width > maxWidth) {
+      height = Math.round(height * maxWidth / width);
+      width = maxWidth;
+    }
+  } else {
+    if (height > maxHeight) {
+      width = Math.round(width * maxHeight / height);
+      height = maxHeight;
+    }
+  }
+  return [width, height];
+}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.2",
+  "version": "1.3.3-1",
   "name": "nuxt-glorious",
   "description": "This package provides many things needed by a project, including server requests and authentication, SEO and other requirements of a project.",
   "repository": "sajadhzj/nuxt-glorious",