@linear_non/stellar-kit 2.1.4 → 2.1.6

package/package.json

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

package/plugins/Observer.js

@@ -7,6 +7,7 @@ const DEFAULTS = {
   start: "top bottom",
   end: "bottom top",
   scrub: false,
+  once: true,
   markers: false,
 }
 
@@ -21,6 +22,7 @@ export default class Observer extends Emitter {
       start: this.opts.start,
       end: this.opts.end,
       scrub: this.opts.scrub,
+      once: this.opts.once,
       markers: this.opts.markers,
       onEnter: self => this.emit("enter", self, this),
       onLeave: self => this.emit("leave", self, this),

package/plugins/SplitText.js

@@ -5,36 +5,32 @@ import { SplitText } from "../libraries/gsap"
 export const splitText = data => {
   const emitter = new Emitter()
   const splits = []
-  let splitted = 0
-  const totalSplits = data.length
+  let remaining = data.length
 
   data.forEach(el => {
-    const dataset = el.dataset.split
-    const data = dataset.split(",")
-    const split = {}
+    const dataset = el.dataset.split || ""
+    const parts = dataset.split(",")
     const classes = {}
 
-    split.el = el
-    splitted++
-
-    data.forEach((type, i) => {
-      const filter = type.trim()
-      if (filter == "lines") classes.linesClass = `line-${i}`
-      if (filter == "words") classes.wordsClass = `word-${i}`
-      if (filter == "chars") classes.charsClass = `char-${i} chr-++`
+    parts.forEach((type, i) => {
+      const t = type.trim()
+      if (t === "lines") classes.linesClass = `line-${i}`
+      if (t === "words") classes.wordsClass = `word-${i}`
+      if (t === "chars") classes.charsClass = `char-${i} chr-++`
     })
 
-    const splitText = new SplitText(el, {
-      type: dataset.toString(),
+    const splitInstance = new SplitText(el, {
+      type: dataset,
       ...classes,
     })
 
-    splits.push(splitText)
+    splits.push(splitInstance)
+    remaining -= 1
 
-    if (splitted == totalSplits) {
+    if (remaining === 0) {
       setTimeout(() => {
         emitter.emit(EVENTS.APP_SPLITTEXT_READY, splits)
-      }, 0) // Use a small delay to ensure the event listener is set up
+      }, 0)
     }
   })
 
@@ -42,7 +38,5 @@ export const splitText = data => {
 }
 
 export const reverseSplit = data => {
-  data.forEach(split => {
-    split.revert()
-  })
+  data.forEach(split => split.revert())
 }