Updated

Author: HashLips

src/main.js

@@ -177,18 +177,13 @@ const addAttributes = (_element) => {
 };
 
 const loadLayerImg = async (_layer) => {
-  try {
-    if (_layer.selectedElement.path.includes("-")) {
-      throw new Error("layer name can not contain dashes");
-    }
-    const image = await loadImage(`${_imgObject.path}`);
-    return {
-      imgObject: _imgObject,
-      loadedImage: image,
-    };
-  } catch (error) {
-    console.error("Error loading image:", error);
+  if (_layer.selectedElement.path.includes("-")) {
+    throw new Error("layer name can not contain dashes");
   }
+  return new Promise(async (resolve) => {
+    const image = await loadImage(`${_layer.selectedElement.path}`);
+    resolve({ layer: _layer, loadedImage: image });
+  });
 };
 
 const addText = (_sig, x, y, size) => {

utils/pixelate.js

@@ -38,10 +38,15 @@ const getImages = (_dir) => {
 };
 
 const loadImgData = async (_imgObject) => {
-  return new Promise(async (resolve) => {
+  try {
     const image = await loadImage(`${_imgObject.path}`);
-    resolve({ imgObject: _imgObject, loadedImage: image });
-  });
+    return {
+      imgObject: _imgObject,
+      loadedImage: image,
+    };
+  } catch (error) {
+    console.error("Error loading image:", error);
+  }
 };
 
 const draw = (_imgObject) => {