@linear_non/stellar-libs 1.1.2 → 1.1.4

package/package.json

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

package/src/Smooth/index.js

@@ -1,7 +1,7 @@
 import Scrollbar from "../ScrollBar"
 import { kitStore } from "@linear_non/stellar-kit"
 import { emitter, EVENTS } from "@linear_non/stellar-kit/events"
-import { qs, qsa, bounds } from "@linear_non/stellar-kit/utils"
+import { qs, qsa, bounds, Debug } from "@linear_non/stellar-kit/utils"
 
 export default class Smooth {
   constructor(obj) {
@@ -12,6 +12,7 @@ export default class Smooth {
     this.sections = null
     this.scrollbar = null
     this.dpr = Math.max(1, Math.round(window.devicePixelRatio || 1))
+
     this.init()
   }
 
@@ -53,6 +54,8 @@ export default class Smooth {
   tick = ({ current }) => {
     const { isSmooth, isResizing } = kitStore.flags
     if (!isSmooth || isResizing) return
+    console.log("Smooth Tick: ", current)
+
     this.current = current
     this.transformSections()
   }
@@ -132,6 +135,8 @@ export default class Smooth {
     this.getSections()
     this.transformSections()
     kitStore.flags.isResizing = false
+
+    console.log("Smooth Update", this.elems)
   }
 
   clean() {
@@ -140,6 +145,8 @@ export default class Smooth {
   }
 
   on() {
+    console.log("Smooth On")
+
     emitter.on(EVENTS.APP_TICK, this.tick)
     emitter.on(EVENTS.APP_RESIZE, this.resize)
   }
@@ -159,6 +166,8 @@ export default class Smooth {
     const root = kitStore.currentPage || document
     this.elems = elems || qsa("[data-smooth]", root)
 
+    console.log("Smooth Init: ", this.elems)
+
     this.scrollbar = new Scrollbar({
       container: kitStore.currentPage,
     })

package/src/SplitOnScroll/index.js

@@ -13,7 +13,7 @@ function normalizeTargets(splitTargets) {
 export default class SplitonScroll {
   constructor({
     el,
-    splitTargets,
+    splitText: splitTargets,
     isReady,
     reverse,
     resize,
@@ -42,6 +42,7 @@ export default class SplitonScroll {
 
     this._readyFired = false
     this._rebuilding = false
+    this._entering = false
 
     if (!this.element || !this.targets.length) {
       this._notifyReadyOnce([])
@@ -98,6 +99,10 @@ export default class SplitonScroll {
   }
 
   async handleEnter() {
+    // Prevent double-split if already entering or already split
+    if (this._entering || this.splits) return
+    this._entering = true
+
     const splitEmitter = splitText(this.targets)
 
     const { splits, groups } = await new Promise(resolve => {
@@ -119,6 +124,7 @@ export default class SplitonScroll {
 
     this.splits = splits
     this.groups = groups
+    this._entering = false
 
     this._notifyReadyOnce(splits, groups)
   }