@linear_non/stellar-kit 1.1.4 → 1.1.5

package/classes/ImageLoader.js

@@ -3,7 +3,11 @@ import { emitter, EVENTS } from "../events"
 
 export default class ImageLoader {
   static type = "images"
-  static events = { PROGRESS: EVENTS.APP_IMAGES_PROGRESS, LOADED: EVENTS.APP_IMAGES_LOADED }
+  static events = {
+    PROGRESS: EVENTS.APP_IMAGES_PROGRESS,
+    LOADED: EVENTS.APP_IMAGES_LOADED,
+  }
+
   constructor({ origin, fileName, extension, total, urls = [] }) {
     this.origin = origin
     this.fileName = fileName
@@ -17,7 +21,6 @@ export default class ImageLoader {
   }
 
   async load() {
-    // If explicit URLs are passed, use them
     const urls = this.urls.length
       ? this.urls
       : Array.from({ length: this.total }, (_, i) => `${this.origin}/${this.fileName}${i}.${this.extension}`)
@@ -31,30 +34,65 @@ export default class ImageLoader {
     emitter.emit(EVENTS.APP_IMAGES_LOADED, this.images)
   }
 
+  // --- inline worker (classic) ---
+  createWorker() {
+    const code = `
+    self.onmessage = async (e) => {
+      const { url, index } = e.data;
+      try {
+        const res = await fetch(url);
+        const blob = await res.blob();
+        self.postMessage({ url, blob, index });
+      } catch (err) {
+        self.postMessage({ url, error: String(err), index });
+      }
+    };`
+    const blob = new Blob([code], { type: "application/javascript" })
+    const workerUrl = URL.createObjectURL(blob)
+    const w = new Worker(workerUrl) // classic worker (no imports)
+    // (optional) URL.revokeObjectURL(workerUrl) after creation; leaving as-is for safety
+    return w
+  }
+
   loadSingle(url, index) {
     return new Promise(resolve => {
-      const worker = new Worker(
-        new URL("../workers/image-loader.js", import.meta.url),
-        { type: "module" } // important
-      )
+      const worker = this.createWorker()
       worker.postMessage({ url, index })
 
       worker.addEventListener("message", e => {
-        const { blob, index } = e.data
-        const img = new Image()
-        img.src = URL.createObjectURL(blob)
-
-        img.onload = () => {
-          this.images[index] = img
-          this.loaded++
+        const { blob, index, error } = e.data
+        this.loaded++
 
+        if (!error && blob) {
+          const img = new Image()
+          img.src = URL.createObjectURL(blob)
+          img.onload = () => {
+            this.images[index] = img
+            emitter.emit(EVENTS.APP_IMAGES_PROGRESS, {
+              loaded: this.loaded,
+              total: this.total,
+              percent: Math.round((this.loaded / this.total) * 100),
+            })
+            resolve(img)
+            worker.terminate()
+          }
+          img.onerror = () => {
+            emitter.emit(EVENTS.APP_IMAGES_PROGRESS, {
+              loaded: this.loaded,
+              total: this.total,
+              percent: Math.round((this.loaded / this.total) * 100),
+            })
+            resolve(null)
+            worker.terminate()
+          }
+        } else {
+          // count progress even on error
           emitter.emit(EVENTS.APP_IMAGES_PROGRESS, {
             loaded: this.loaded,
             total: this.total,
             percent: Math.round((this.loaded / this.total) * 100),
           })
-
-          resolve(img)
+          resolve(null)
           worker.terminate()
         }
       })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linear_non/stellar-kit",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "Stellar frontend core for Non-Linear Studio projects.",
   "main": "index.js",
   "exports": {