@linear_non/stellar-kit 1.0.9 → 1.0.10

package/events/Emitter.js

@@ -63,5 +63,5 @@ const PRIORITY = {
   low: 30,
 }
 
-export { EVENTS, PRIORITY }
+export { Emitter, EVENTS, PRIORITY }
 export default emitter

package/package.json

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

package/utils/splitText.js

@@ -1,45 +1,48 @@
 // splitText.js
-import { emitter, EVENTS } from "../events"
+import { Emitter, EVENTS } from "../events"
 import { SplitText } from "../libraries/gsap"
 
-// Emits `APP_SPLITTEXT_READY` once all elements are split
-export const splitText = elements => {
+export const splitText = data => {
+  const emitter = new Emitter()
   const splits = []
   let splitted = 0
-  const totalSplits = elements.length
+  const totalSplits = data.length
 
-  elements.forEach(el => {
+  data.forEach(el => {
     const dataset = el.dataset.split
-    const types = dataset.split(",")
+    const data = dataset.split(",")
+    const split = {}
     const classes = {}
 
-    types.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-++`
+    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-++`
     })
 
-    const splitInstance = new SplitText(el, {
+    const splitText = new SplitText(el, {
       type: dataset.toString(),
       ...classes,
     })
 
-    splits.push(splitInstance)
-    splitted++
+    splits.push(splitText)
 
-    if (splitted === totalSplits) {
+    if (splitted == totalSplits) {
       setTimeout(() => {
         emitter.emit(EVENTS.APP_SPLITTEXT_READY, splits)
-      }, 0)
+      }, 0) // Use a small delay to ensure the event listener is set up
     }
   })
 
-  return splits
+  return emitter
 }
 
-export const reverseSplit = instances => {
-  instances.forEach(split => {
+export const reverseSplit = data => {
+  data.forEach(split => {
     split.revert()
   })
 }