fetta 1.5.2 → 1.5.3

package/dist/chunk-PA22PLRB.js

@@ -0,0 +1,73 @@
+// src/internal/initialStyles.ts
+function reapplyInitialStyles(elements, style) {
+  if (!style || elements.length === 0) return;
+  const isFn = typeof style === "function";
+  for (let i = 0; i < elements.length; i++) {
+    const el = elements[i];
+    const styles = isFn ? style(el, i) : style;
+    for (const [key, value] of Object.entries(styles)) {
+      if (value == null) continue;
+      if (key === "cssText") {
+        if (typeof value === "string") {
+          el.style.cssText = value;
+        }
+        continue;
+      }
+      if (typeof value !== "string" && typeof value !== "number") continue;
+      const cssValue = typeof value === "number" ? String(value) : value;
+      const cssKey = key.startsWith("--") ? key : key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+      el.style.setProperty(cssKey, cssValue);
+    }
+  }
+}
+function reapplyInitialClasses(elements, className) {
+  if (!className || elements.length === 0) return;
+  const classes = className.split(/\s+/).filter(Boolean);
+  for (const el of elements) {
+    el.classList.add(...classes);
+  }
+}
+
+// src/internal/waitForFontsReady.ts
+async function waitForFontsReady(waitForFonts) {
+  if (!waitForFonts) return;
+  const fonts = document.fonts;
+  const ready = fonts?.ready;
+  if (!ready || typeof ready.then !== "function") return;
+  try {
+    await ready;
+  } catch {
+  }
+}
+
+// src/internal/viewportObserver.ts
+function createViewportObserver(options, hasTriggeredOnceRef, onEnter, onLeave) {
+  const vpOptions = options ?? {};
+  const threshold = vpOptions.amount === "some" ? 0 : vpOptions.amount === "all" ? 1 : vpOptions.amount ?? 0;
+  const leaveThreshold = vpOptions.leave === "some" ? 0 : vpOptions.leave === "all" ? 1 : vpOptions.leave ?? 0;
+  const rootMargin = vpOptions.margin ?? "0px";
+  const root = vpOptions.root?.current ?? void 0;
+  const isOnce = vpOptions.once === true;
+  const thresholdValues = Array.from(/* @__PURE__ */ new Set([0, threshold, leaveThreshold])).sort(
+    (a, b) => a - b
+  );
+  const thresholds = thresholdValues.length === 1 ? thresholdValues[0] : thresholdValues;
+  return new IntersectionObserver(
+    (entries) => {
+      const entry = entries[0];
+      if (!entry) return;
+      if (entry.isIntersecting && entry.intersectionRatio >= threshold) {
+        if (isOnce && hasTriggeredOnceRef.current) return;
+        hasTriggeredOnceRef.current = true;
+        onEnter();
+        return;
+      }
+      if (isOnce) return;
+      const shouldLeave = leaveThreshold === 0 ? !entry.isIntersecting : entry.intersectionRatio <= leaveThreshold;
+      if (shouldLeave) onLeave();
+    },
+    { threshold: thresholds, rootMargin, root }
+  );
+}
+
+export { createViewportObserver, reapplyInitialClasses, reapplyInitialStyles, waitForFontsReady };

package/dist/motion.js

@@ -1,4 +1,4 @@
-import { waitForFontsReady, reapplyInitialStyles, reapplyInitialClasses } from './chunk-V7FJXNWJ.js';
+import { waitForFontsReady, createViewportObserver, reapplyInitialStyles, reapplyInitialClasses } from './chunk-PA22PLRB.js';
 import { splitTextData, buildLineFingerprintFromData, normalizeToPromise, buildKerningStyleKey, resolveAutoSplitTargets, getObservedWidth, recordWidthChange, resolveAutoSplitWidth, querySplitWords, clearKerningCompensation, applyKerningCompensation } from './chunk-OUXSJF3P.js';
 import { scroll, animate } from 'motion';
 import { usePresence, useReducedMotion, MotionConfig, motion } from 'motion/react';
@@ -1035,39 +1035,6 @@ var SplitText = forwardRef(function SplitText2({
     pendingSignatureRef.current = null;
     resetSplitState(next);
   }, [isPresent, resetSplitState]);
-  function setupViewportObserver(container) {
-    const vpOptions = viewportRef.current || {};
-    const amount = vpOptions.amount ?? 0;
-    const leave = vpOptions.leave ?? 0;
-    const threshold = amount === "some" ? 0 : amount === "all" ? 1 : amount;
-    const leaveThreshold = leave === "some" ? 0 : leave === "all" ? 1 : leave;
-    const rootMargin = vpOptions.margin ?? "0px";
-    const root = vpOptions.root?.current ?? void 0;
-    const thresholdValues = Array.from(
-      /* @__PURE__ */ new Set([0, threshold, leaveThreshold])
-    ).sort((a, b) => a - b);
-    const thresholds = thresholdValues.length === 1 ? thresholdValues[0] : thresholdValues;
-    observerRef.current = new IntersectionObserver(
-      (entries) => {
-        const entry = entries[0];
-        if (!entry) return;
-        const isOnce = vpOptions.once;
-        if (entry.isIntersecting && entry.intersectionRatio >= threshold) {
-          if (isOnce && hasTriggeredOnceRef.current) return;
-          hasTriggeredOnceRef.current = true;
-          setIsInView(true);
-          return;
-        }
-        if (isOnce) return;
-        const shouldLeave = leaveThreshold === 0 ? !entry.isIntersecting : entry.intersectionRatio <= leaveThreshold;
-        if (shouldLeave) {
-          setIsInView(false);
-        }
-      },
-      { threshold: thresholds, rootMargin, root }
-    );
-    observerRef.current.observe(container);
-  }
   const buildSplitDataFromProbe = useCallback((width) => {
     const currentChild = childElement && childElement.isConnected ? childElement : (() => {
       const element = containerRef.current?.firstElementChild;
@@ -1657,7 +1624,13 @@ var SplitText = forwardRef(function SplitText2({
       observerRef.current.disconnect();
       observerRef.current = null;
     }
-    setupViewportObserver(containerRef.current);
+    observerRef.current = createViewportObserver(
+      viewportRef.current,
+      hasTriggeredOnceRef,
+      () => setIsInView(true),
+      () => setIsInView(false)
+    );
+    observerRef.current.observe(containerRef.current);
     return () => {
       if (observerRef.current) {
         observerRef.current.disconnect();

package/dist/react.js

@@ -1,4 +1,4 @@
-import { waitForFontsReady, reapplyInitialStyles, reapplyInitialClasses } from './chunk-V7FJXNWJ.js';
+import { waitForFontsReady, createViewportObserver, reapplyInitialStyles, reapplyInitialClasses } from './chunk-PA22PLRB.js';
 import { splitText, normalizeToPromise } from './chunk-OUXSJF3P.js';
 import { forwardRef, useRef, useCallback, useState, useLayoutEffect, useEffect, isValidElement, createElement } from 'react';
 
@@ -136,42 +136,15 @@ var SplitText = forwardRef(
           }
         }
         if (needsViewport && containerRef.current) {
-          setupViewportObserver(containerRef.current);
+          observerRef.current = createViewportObserver(
+            viewportRef.current,
+            hasTriggeredOnceRef,
+            () => setIsInView(true),
+            () => setIsInView(false)
+          );
+          observerRef.current.observe(containerRef.current);
         }
       });
-      function setupViewportObserver(container) {
-        const vpOptions = viewportRef.current || {};
-        const amount = vpOptions.amount ?? 0;
-        const leave = vpOptions.leave ?? 0;
-        const threshold = amount === "some" ? 0 : amount === "all" ? 1 : amount;
-        const leaveThreshold = leave === "some" ? 0 : leave === "all" ? 1 : leave;
-        const rootMargin = vpOptions.margin ?? "0px";
-        const root = vpOptions.root?.current ?? void 0;
-        const thresholdValues = Array.from(
-          /* @__PURE__ */ new Set([0, threshold, leaveThreshold])
-        ).sort((a, b) => a - b);
-        const thresholds = thresholdValues.length === 1 ? thresholdValues[0] : thresholdValues;
-        observerRef.current = new IntersectionObserver(
-          (entries) => {
-            const entry = entries[0];
-            if (!entry) return;
-            const isOnce = vpOptions.once;
-            if (entry.isIntersecting && entry.intersectionRatio >= threshold) {
-              if (isOnce && hasTriggeredOnceRef.current) return;
-              hasTriggeredOnceRef.current = true;
-              setIsInView(true);
-              return;
-            }
-            if (isOnce) return;
-            const shouldLeave = leaveThreshold === 0 ? !entry.isIntersecting : entry.intersectionRatio <= leaveThreshold;
-            if (shouldLeave) {
-              setIsInView(false);
-            }
-          },
-          { threshold: thresholds, rootMargin, root }
-        );
-        observerRef.current.observe(container);
-      }
       return () => {
         isMounted = false;
         if (observerRef.current) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fetta",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "Text splitting library with kerning compensation for animations",
   "type": "module",
   "sideEffects": false,

package/dist/chunk-V7FJXNWJ.js

@@ -1,43 +0,0 @@
-// src/internal/initialStyles.ts
-function reapplyInitialStyles(elements, style) {
-  if (!style || elements.length === 0) return;
-  const isFn = typeof style === "function";
-  for (let i = 0; i < elements.length; i++) {
-    const el = elements[i];
-    const styles = isFn ? style(el, i) : style;
-    for (const [key, value] of Object.entries(styles)) {
-      if (value == null) continue;
-      if (key === "cssText") {
-        if (typeof value === "string") {
-          el.style.cssText = value;
-        }
-        continue;
-      }
-      if (typeof value !== "string" && typeof value !== "number") continue;
-      const cssValue = typeof value === "number" ? String(value) : value;
-      const cssKey = key.startsWith("--") ? key : key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-      el.style.setProperty(cssKey, cssValue);
-    }
-  }
-}
-function reapplyInitialClasses(elements, className) {
-  if (!className || elements.length === 0) return;
-  const classes = className.split(/\s+/).filter(Boolean);
-  for (const el of elements) {
-    el.classList.add(...classes);
-  }
-}
-
-// src/internal/waitForFontsReady.ts
-async function waitForFontsReady(waitForFonts) {
-  if (!waitForFonts) return;
-  const fonts = document.fonts;
-  const ready = fonts?.ready;
-  if (!ready || typeof ready.then !== "function") return;
-  try {
-    await ready;
-  } catch {
-  }
-}
-
-export { reapplyInitialClasses, reapplyInitialStyles, waitForFontsReady };