@linear_non/stellar-libs 1.0.40 → 1.0.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linear_non/stellar-libs",
-  "version": "1.0.40",
+  "version": "1.0.42",
   "description": "Reusable JavaScript libraries for Non-Linear Studio projects.",
   "main": "src/index.js",
   "type": "module",

package/src/Smooth/index.js

@@ -13,8 +13,6 @@ export default class Smooth {
     this.scrollbar = null
     this.dpr = Math.max(1, Math.round(window.devicePixelRatio || 1))
 
-    this._resizeRaf = null
-
     this.init()
   }
 
@@ -123,15 +121,8 @@ export default class Smooth {
     const { isSmooth } = kitStore.flags
     if (!isSmooth) return
 
-    if (this._resizeRaf) cancelAnimationFrame(this._resizeRaf)
-
-    this._resizeRaf = requestAnimationFrame(() => {
-      this._resizeRaf = null
-
-      this.update(this.elems)
-
-      emitter.emit(EVENTS.APP_SMOOTH_RESIZE)
-    })
+    this.update(this.elems)
+    emitter.emit(EVENTS.APP_SMOOTH_RESIZE)
   }
 
   update(elems) {

package/src/SplitOnScroll/index.js

@@ -40,11 +40,13 @@ export default class SplitonScroll {
       this._resolveReady = resolve
     })
 
-    this._onResize = this._onResize.bind(this)
-    this._resizeScheduled = false
-    this._offResize = null
+    this._needsResplit = false
+
+    this._onResizeStart = this._onResizeStart.bind(this)
+    this._onSmoothResize = this._onSmoothResize.bind(this)
+    this._offResizeStart = null
+    this._offSmoothResize = null
 
-    // No element or no targets → resolve immediately once and bail
     if (!this.element || !this.targets.length) {
       const payload = { splits: [], groups: {} }
       this._notifyReadyOnce(payload)
@@ -52,9 +54,8 @@ export default class SplitonScroll {
     }
 
     this.addObserver()
-    this.addResizeListener()
+    this.addResizeListeners()
 
-    // If already in view on init, run enter logic once
     if (this.observer && (this.observer.isActive || this.observer.progress > 0)) {
       this.handleEnter()
     }
@@ -64,10 +65,8 @@ export default class SplitonScroll {
     if (this._readyNotified) return
     this._readyNotified = true
 
-    // external callback
     this.isReadyCallback(payload.splits, payload.groups)
 
-    // external promise
     if (this._resolveReady) {
       this._resolveReady(payload)
       this._resolveReady = null
@@ -87,36 +86,51 @@ export default class SplitonScroll {
     this.observer.on("leave", () => this.handleLeave())
   }
 
-  addResizeListener() {
-    this._offResize = emitter.on(EVENTS.APP_RESIZE, this._onResize, PRIORITY.first)
-  }
+  addResizeListeners() {
+    // Raw resize start, clear split
+    this._offResizeStart = emitter.on(EVENTS.APP_RESIZE, this._onResizeStart, PRIORITY.first)
 
-  removeResizeListener() {
-    if (this._offResize) {
-      this._offResize()
-      this._offResize = null
-    }
+    // Smooth.update() + setScrollBounds()
+    this._offSmoothResize = emitter.on(EVENTS.APP_SMOOTH_RESIZE, this._onSmoothResize)
   }
 
-  _onResize() {
-    this._handleResizeInternal()
+  removeResizeListeners() {
+    if (this._offResizeStart) {
+      this._offResizeStart()
+      this._offResizeStart = null
+    }
+    if (this._offSmoothResize) {
+      this._offSmoothResize()
+      this._offSmoothResize = null
+    }
   }
 
-  _handleResizeInternal() {
+  _onResizeStart() {
     if (!this.element || !this.targets || !this.targets.length) return
 
     if (this.splits) {
       reverseSplit(this.splits)
+
+      this.splits = null
+      this.groups = null
     }
 
+    this._needsResplit = true
+  }
+
+  _onSmoothResize() {
+    if (!this._needsResplit) return
+    if (!this.element || !this.targets || !this.targets.length) return
+
     if (this.observer && typeof this.observer.refresh === "function") {
       this.observer.refresh()
     }
 
-    // If in view after resize, re-split; external callback will *not* re-fire
     if (this.observer && (this.observer.isActive || this.observer.progress > 0)) {
       this.handleEnter()
     }
+
+    this._needsResplit = false
   }
 
   async handleEnter() {
@@ -143,13 +157,14 @@ export default class SplitonScroll {
     this.splits = splits
     this.groups = groups
 
-    // First time → notify + resolve; later (resize, re-enter) → no-op
     this._notifyReadyOnce({ splits, groups })
   }
 
   handleLeave() {
     if (this.splits) {
       reverseSplit(this.splits)
+      this.splits = null
+      this.groups = null
     }
 
     this.reverseCallback()
@@ -165,7 +180,7 @@ export default class SplitonScroll {
 
   destroy() {
     this.observer?.kill()
-    this.removeResizeListener()
+    this.removeResizeListeners()
 
     if (this.splits) {
       reverseSplit(this.splits)