@linear_non/stellar-kit 3.0.7 → 3.0.9

package/classes/ImageLoader.js

@@ -24,6 +24,8 @@ export default class ImageLoader {
 
     this._results = new Map() // url -> HTMLImageElement
     this._objectURLs = [] // for revoke
+    this._worker = null // shared worker instance
+    this._workerURL = null // blob URL for cleanup
   }
 
   async load() {
@@ -61,6 +63,9 @@ export default class ImageLoader {
 
     await Promise.all(toLoad.map(url => this._loadOne(url)))
 
+    // Terminate shared worker if created
+    this._terminateWorker()
+
     // build ordered result (use cache first, then freshly loaded)
     this.images = urls.map(u => this.cache?.get(u) || this._results.get(u) || null)
     this.isLoaded = true
@@ -69,19 +74,34 @@ export default class ImageLoader {
   }
 
   _createInlineWorker() {
+    if (this._worker) return this._worker
+
     const code = `
     self.onmessage = async (e) => {
-      const { url } = e.data;
+      const { url, id } = e.data;
       try {
         const res = await fetch(url);
         const blob = await res.blob();
-        self.postMessage({ url, blob });
+        self.postMessage({ url, id, blob });
       } catch (err) {
-        self.postMessage({ url, error: String(err) });
+        self.postMessage({ url, id, error: String(err) });
       }
     };`
     const blob = new Blob([code], { type: "application/javascript" })
-    return new Worker(URL.createObjectURL(blob))
+    this._workerURL = URL.createObjectURL(blob)
+    this._worker = new Worker(this._workerURL)
+    return this._worker
+  }
+
+  _terminateWorker() {
+    if (this._worker) {
+      this._worker.terminate()
+      this._worker = null
+    }
+    if (this._workerURL) {
+      URL.revokeObjectURL(this._workerURL)
+      this._workerURL = null
+    }
   }
 
   async _loadOne(url) {
@@ -89,20 +109,25 @@ export default class ImageLoader {
     if (this.useWorker && typeof Worker !== "undefined") {
       return new Promise(resolve => {
         const w = this._createInlineWorker()
-        w.onmessage = async e => {
+        const id = url // use url as unique message id
+
+        const handler = async e => {
+          if (e.data.id !== id) return // not our message
+          w.removeEventListener("message", handler)
+
           const { blob, error } = e.data
           if (error || !blob) {
             this._bumpProgress()
-            w.terminate()
             return resolve(null)
           }
           const img = await this._blobToImage(blob)
           this._store(url, img)
           this._bumpProgress()
-          w.terminate()
           resolve(img)
         }
-        w.postMessage({ url })
+
+        w.addEventListener("message", handler)
+        w.postMessage({ url, id })
       })
     }
 
@@ -155,6 +180,7 @@ export default class ImageLoader {
   }
 
   destroy() {
+    this._terminateWorker()
     this._objectURLs.forEach(u => URL.revokeObjectURL(u))
     this._objectURLs.length = 0
     this.images = []

package/core/PageEngine.js

@@ -123,6 +123,8 @@ export default class PageEngine {
       this.smooth = smooth
     }
 
+    this.trackImages()
+
     this.manager = new Manager()
 
     if (this.manager && this.components.length) {
@@ -132,11 +134,18 @@ export default class PageEngine {
     }
 
     this.manager.initialize()
-    this.manager.animateIn?.()
+    this.resize()
 
     this.on()
-    this.trackImages()
-    this.resize()
+  }
+
+  /**
+   * Trigger entry animations on all components.
+   * Call this from the page/renderer at the appropriate moment
+   * (e.g. after loader completes or onEnterCompleted).
+   */
+  animateIn() {
+    this.manager?.animateIn?.()
   }
 
   /**
@@ -166,7 +175,7 @@ export default class PageEngine {
 
     // Setup ScrollTrigger scroller proxy
     ScrollTrigger.scrollerProxy(wrapper, {
-      scrollTop: (value) => {
+      scrollTop: value => {
         if (value !== undefined) {
           this.lenis.scrollTo(value, { immediate: true })
         }

package/events/Emitter.js

@@ -33,7 +33,7 @@ class Emitter {
     }
     this.on(event, onceCallback, priority)
     return () => {
-      this.off(event, cb)
+      this.off(event, onceCallback)
     }
   }
 
@@ -53,6 +53,9 @@ const EVENTS = {
   APP_MOUSEMOVE: "mousemove",
   APP_MOUSEDOWN: "mousedown",
   APP_MOUSEUP: "mouseup",
+  APP_ROUTE_IN: "route:in",
+  APP_ROUTE_OUT: "route:out",
+  APP_ROUTE_END: "route:end",
   APP_SPLITTEXT_READY: "splittext:ready",
   APP_IMAGES_LOADED: "images:loaded",
   APP_IMAGES_PROGRESS: "images:progress",

package/events/Mouse.js

@@ -15,8 +15,6 @@ export default class Mouse {
       down: sniffer.isDevice ? "touchstart" : "mousedown",
       up: sniffer.isDevice ? "touchend" : "mouseup",
     }
-
-    this.on()
   }
 
   on() {
@@ -54,7 +52,7 @@ export default class Mouse {
   onUp = e => {
     const { x, target } = this.getPos(e)
     this.state.off = x
-    const isClick = Math.abs(this.state.on - this.state.off) > 10
+    const isClick = Math.abs(this.state.on - this.state.off) <= 10
     emitter.emit(EVENTS.APP_MOUSEUP, { x, target, isClick })
   }
 }

package/events/VirtualScroll.js

@@ -191,6 +191,6 @@ export default class VirtualScroll {
 
   destroy = () => {
     this.unbind()
-    emitter.off(EVT_ID, () => {}) // Clear all
+    emitter.events[EVT_ID] = []
   }
 }

package/kitStore.js

@@ -40,12 +40,36 @@ export const kitStore = {
   breakpoints,
   mouse,
   flags,
-  pageContent: null,
   assets,
+
+  /** @type {HTMLElement | null} — main content container (#app) */
+  pageContent: null,
+
+  /** @type {HTMLElement | null} — current page/view element ([data-taxi-view]) */
+  currentPage: null,
+
+  /** @type {URL | string | null} — current URL (set by Application) */
+  currentURL: null,
+
+  /** @type {HTMLElement | null} — loader element (set by Application) */
+  load: null,
+
   /**
    * Scroll scroller element (wrapper for Lenis, pageContent for internal scroll).
    * Used by ScrollTrigger components to get the correct scroller.
    * @type {HTMLElement | null}
    */
   scroller: null,
+
+  /** @type {import("./events/Raf").default | null} */
+  raf: null,
+
+  /** @type {import("./events/Scroll").default | null} */
+  scroll: null,
+
+  /** @type {import("./events/Resize").default | null} */
+  resize: null,
+
+  /** @type {any | null} — Taxi router instance (if attached via Application.attachTaxi()) */
+  taxi: null,
 }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@linear_non/stellar-kit",
-  "version": "3.0.7",
+  "version": "3.0.9",
   "description": "Stellar frontend core for Non-Linear Studio projects.",
   "type": "module",
-  "main": "/core/index.js",
+  "main": "./core/index.js",
   "sass": "./styles/index.scss",
   "exports": {
     ".": "./kitStore.js",

package/utils/math.js

@@ -31,7 +31,7 @@ export const clamp = (val, min, max) => Math.min(Math.max(val, min), max)
  * @param {number} [p=3] - Decimal precision
  * @returns {number}
  */
-export const round = (n, p) => {
-  const precision = p !== undefined ? Math.pow(10, p) : 1000
+export const round = (n, p = 3) => {
+  const precision = Math.pow(10, p)
   return Math.round(n * precision) / precision
 }

package/utils/sniffer.js

@@ -75,7 +75,7 @@ export const sniffer = {
   },
 
   get isWindows() {
-    return ["Win32", "Win64", "Windows", "WinCE"].includes(window.navigator.platform)
+    return /windows/i.test(this.uA)
   },
 
   get isChrome() {
@@ -89,7 +89,7 @@ export const sniffer = {
   },
 
   get isMac() {
-    return navigator.platform.toLowerCase().includes("mac")
+    return /macintosh|mac os x/i.test(this.uA)
   },
 
   get isDesktop() {

package/utils/support.js

@@ -14,7 +14,7 @@ export const supportMouseTouch = () => {
     hasTouch:
       "ontouchstart" in window ||
       window.TouchEvent ||
-      (window.DocumentTouch && document instanceof DocumentTouch),
+      (navigator.maxTouchPoints && navigator.maxTouchPoints > 0),
     hasTouchWin: navigator.msMaxTouchPoints && navigator.msMaxTouchPoints > 1,
     hasPointer: !!window.navigator.msPointerEnabled,
     hasKeyDown: "onkeydown" in document,