Update loader.js

loader.js

@@ -1,39 +1,36 @@
+const { createCanvas, loadImage } = require('canvas');
 const fs = require('fs');
 const path = require('path');
-const fetch = import('node-fetch')
-const { Image } = require('canvas');
+const fetch = import('node-fetch');
 
-// Fungsi untuk memuat gambar dari URL atau jalur file lokal
-async function loadImg(source) {
+const loadImg = async (source) => {
   try {
-    // Cek apakah sumber adalah URL
+    // Cek apakah source adalah URL
     const isUrl = /^https?:\/\//.test(source);
 
+    let img;
     if (isUrl) {
-      // Jika URL, ambil gambar menggunakan fetch
+      // Jika source adalah URL, ambil gambar menggunakan fetch
       const response = await fetch(source);
       if (!response.ok) {
         throw new Error(`Gagal memuat gambar dari URL: ${response.statusText}`);
       }
-      const buffer = await response.buffer();
-      const img = new Image();
-      img.src = buffer;
-      return img;
+      const buffer = await response.buffer();  // Ambil gambar dalam bentuk buffer
+      img = await loadImage(buffer); // Load gambar menggunakan canvas.loadImage
     } else {
-      // Jika jalur lokal, baca file secara sinkron
-      const filePath = path.resolve(source); // Resolusi jalur absolut
+      // Jika source adalah file lokal, baca gambar dari sistem file
+      const filePath = path.resolve(source);
       if (!fs.existsSync(filePath)) {
         throw new Error(`File tidak ditemukan di jalur: ${filePath}`);
       }
       const buffer = fs.readFileSync(filePath);
-      const img = new Image();
-      img.src = buffer;
-      return img;
+      img = await loadImage(buffer); // Load gambar dari buffer file
     }
+    return img;  // Kembalikan gambar
   } catch (error) {
-    console.error(`Error loading image (${source}):`, error.message);
-    throw error;
+    console.error(`Error loading image from ${source}:`, error.message);
+    throw error;  // Lempar error jika gagal
   }
-}
+};
 
 module.exports = loadImg