initial: bootstrap from BukidBountyApp base

resources/js/utils/image.js

@@ -0,0 +1,62 @@
+/**
+ * Resize an image file while preserving aspect ratio.
+ *
+ * @param {File|Blob} file
+ * @param {number} maxWidth
+ * @param {number} maxHeight
+ * @param {number} [quality=0.7] - JPEG/WebP quality (0–1)
+ * @returns {Promise<Blob>}
+ *
+ * @example
+ * const resized = await resizeImage(file, 800, 800)
+ */
+export function resizeImage(file, maxWidth, maxHeight, quality = 0.7) {
+  return new Promise((resolve, reject) => {
+    if (!(file instanceof Blob)) {
+      reject(new Error('Invalid file'))
+      return
+    }
+
+    const reader = new FileReader()
+
+    reader.onload = e => {
+      const img = new Image()
+
+      img.onload = () => {
+        let { width, height } = img
+
+        const widthRatio = maxWidth / width
+        const heightRatio = maxHeight / height
+        const ratio = Math.min(widthRatio, heightRatio, 1)
+
+        width = Math.round(width * ratio)
+        height = Math.round(height * ratio)
+
+        const canvas = document.createElement('canvas')
+        canvas.width = width
+        canvas.height = height
+
+        const ctx = canvas.getContext('2d')
+        ctx.drawImage(img, 0, 0, width, height)
+
+        canvas.toBlob(
+          blob => {
+            if (!blob) {
+              reject(new Error('Image resize failed'))
+              return
+            }
+            resolve(blob)
+          },
+          file.type || 'image/jpeg',
+          quality
+        )
+      }
+
+      img.onerror = () => reject(new Error('Invalid image'))
+      img.src = e.target.result
+    }
+
+    reader.onerror = () => reject(new Error('File read error'))
+    reader.readAsDataURL(file)
+  })
+}