@linear_non/stellar-kit 1.1.7 → 1.1.8

package/classes/ImageLoader.js

@@ -45,9 +45,10 @@ export default class ImageLoader {
       }
     })
 
+    console.log(urls)
+
     // cache-aware filter
     const toLoad = this.cache ? urls.filter(u => !this.cache.has(u)) : urls
-
     this.total = urls.length
     this.loaded = this.total - toLoad.length // count already-cached as loaded
 

package/events/Raf.js

@@ -106,16 +106,31 @@ export default class Raf {
     })
   }
 
+  stop = () => {
+    gsap.ticker.remove(this.tick)
+  }
+
+  resume = () => {
+    this.scroll.current = this.scroll.target
+    this.scroll.rounded = this.scroll.target
+    gsap.ticker.add(this.tick)
+    ScrollTrigger.update()
+  }
+
   on() {
     gsap.ticker.add(this.tick)
     emitter.on(EVENTS.APP_SCROLL, this.onScroll)
     emitter.on(EVENTS.APP_MOUSEMOVE, this.onMouseMove)
+    window.addEventListener("pagehide", () => this.stop)
+    window.addEventListener("pageshow", () => this.resume)
   }
 
   off() {
     gsap.ticker.remove(this.tick)
     emitter.off(EVENTS.APP_SCROLL, this.onScroll)
     emitter.off(EVENTS.APP_MOUSEMOVE, this.onMouseMove)
+    window.removeEventListener("pagehide", () => this.stop)
+    window.removeEventListener("pageshow", () => this.resume)
   }
 
   destroy() {

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@linear_non/stellar-kit",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "Stellar frontend core for Non-Linear Studio projects.",
   "main": "index.js",
   "exports": {
     ".": "./index.js",
     "./utils": "./utils/index.js",
     "./classes": "./classes/index.js",
-    "./workers": "./workers/*",
     "./events": "./events/index.js",
     "./gsap": "./libraries/gsap/index.js"
   },
@@ -23,7 +22,6 @@
     "utils/",
     "libraries/",
     "libraries/gsap/",
-    "workers/",
     "kitStore.js",
     "index.js"
   ],

package/workers/image-loader.js

@@ -1,10 +0,0 @@
-self.addEventListener("message", 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) {
-    console.error("Image worker error:", err)
-  }
-})