@linear_non/stellar-kit 2.1.5 → 2.1.6

package/package.json

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

package/plugins/SplitText.js

@@ -5,52 +5,38 @@ 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++
+    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-++`
+    })
 
-    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, {
+      type: dataset,
+      ...classes,
     })
 
-    document.fonts.ready
-      .then(() => {
-        console.log("--FONT READY--")
-
-        const splitText = new SplitText(el, {
-          type: dataset.toString(),
-          ...classes,
-        })
-
-        splits.push(splitText)
-
-        if (splitted == totalSplits) {
-          setTimeout(() => {
-            emitter.emit(EVENTS.APP_SPLITTEXT_READY, splits)
-          }, 0) // Use a small delay to ensure the event listener is set up
-        }
-      })
-      .catch(error => {
-        console.error("Error loading fonts:", error)
-      })
+    splits.push(splitInstance)
+    remaining -= 1
+
+    if (remaining === 0) {
+      setTimeout(() => {
+        emitter.emit(EVENTS.APP_SPLITTEXT_READY, splits)
+      }, 0)
+    }
   })
 
   return emitter
 }
 
 export const reverseSplit = data => {
-  data.forEach(split => {
-    split.revert()
-  })
+  data.forEach(split => split.revert())
 }