@linear_non/stellar-kit 2.1.4 → 2.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linear_non/stellar-kit",
-  "version": "2.1.4",
+  "version": "2.1.5",
   "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

@@ -24,18 +24,26 @@ export const splitText = data => {
       if (filter == "chars") classes.charsClass = `char-${i} chr-++`
     })
 
-    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
-    }
+    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)
+      })
   })
 
   return emitter