@hortonstudio/main 1.2.26 → 1.2.27

package/.claude/settings.local.json

@@ -35,7 +35,8 @@
       "Bash(git remote remove:*)",
       "Bash(tree:*)",
       "Bash(grep:*)",
-      "Bash(git reset:*)"
+      "Bash(git reset:*)",
+      "Bash(git checkout:*)"
     ],
     "deny": []
   }

package/animations/hero.js

@@ -468,7 +468,9 @@ export async function init() {
                             ease: config.headingSplit.ease,
                             onComplete: () => {
                                 if (split && split.revert) {
-                                    
+                                    setTimeout(() => {
+                                        split.revert();
+                                    }, 100);
                                 }
                             }
                         }, 
@@ -487,7 +489,9 @@ export async function init() {
                             ease: config.subheadingSplit.ease,
                             onComplete: () => {
                                 if (split && split.revert) {
-                                    
+                                    setTimeout(() => {
+                                        split.revert();
+                                    }, 100);
                                 }
                             }
                         }, 
@@ -597,72 +601,16 @@ export async function init() {
     
     // Add resize listener for responsive line splits
     let heroResizeTimeout;
+    let lastWidth = window.innerWidth;
     window.addEventListener('resize', () => {
-        clearTimeout(heroResizeTimeout);
-        heroResizeTimeout = setTimeout(() => {
-            // Only refresh line splits, not chars or words
-            const hasLineSplits = headingSplits.some(split => split.elementsClass === 'lines') || 
-                                 subheadingSplits.some(split => split.elementsClass === 'lines');
-            
-            if (hasLineSplits) {
-                // Kill current line splits
-                headingSplits.forEach((split, index) => {
-                    if (split.elementsClass === 'lines' && split.revert) {
-                        split.revert();
-                    }
-                });
-                
-                subheadingSplits.forEach((split, index) => {
-                    if (split.elementsClass === 'lines' && split.revert) {
-                        split.revert();
-                    }
-                });
-                
-                // Re-initialize line splits after resize
-                document.fonts.ready.then(() => {
-                    // Re-split line elements
-                    headingSplitElements.forEach((parent, index) => {
-                        const textElement = heading[index];
-                        const splitType = parent.getAttribute('data-hs-heroconfig') || 'line';
-                        
-                        if (splitType === 'line') {
-                            const splitConfig = {
-                                type: "lines",
-                                mask: "lines",
-                                linesClass: "line"
-                            };
-                            
-                            const split = new SplitText(textElement, splitConfig);
-                            split.elementsClass = 'lines';
-                            headingSplits[index] = split;
-                            
-                            gsap.set(split.lines, { yPercent: 0 });
-                        }
-                    });
-                    
-                    subheadingSplitElements.forEach((parent, index) => {
-                        const textElement = subheading[index];
-                        const splitType = parent.getAttribute('data-hs-heroconfig') || 'word';
-                        
-                        if (splitType === 'line') {
-                            const splitConfig = {
-                                type: "lines",
-                                mask: "lines",
-                                linesClass: "line"
-                            };
-                            
-                            const split = new SplitText(textElement, splitConfig);
-                            split.elementsClass = 'lines';
-                            subheadingSplits[index] = split;
-                            
-                            gsap.set(split.lines, { yPercent: 0 });
-                        }
-                    });
-                });
-            }
-            
-            ScrollTrigger.refresh();
-        }, 100);
+        const currentWidth = window.innerWidth;
+        if (currentWidth !== lastWidth) {
+            lastWidth = currentWidth;
+            clearTimeout(heroResizeTimeout);
+            heroResizeTimeout = setTimeout(() => {
+                ScrollTrigger.refresh();
+            }, 300);
+        }
     });
     
     return { result: 'anim-hero initialized' };

package/animations/text.js

@@ -141,10 +141,13 @@ const CharSplitAnimations = {
                 scrollTrigger: {
                     trigger: textElement,
                     start: config.charSplit.start,
-                    invalidateOnRefresh: true,
+                    invalidateOnRefresh: false,
                 },
                 onComplete: () => {
-                    
+                    if (textElement.splitTextInstance) {
+                        textElement.splitTextInstance.revert();
+                        delete textElement.splitTextInstance;
+                    }
                 }
             });
 
@@ -198,10 +201,13 @@ const WordSplitAnimations = {
                 scrollTrigger: {
                     trigger: textElement,
                     start: config.wordSplit.start,
-                    invalidateOnRefresh: true,
+                    invalidateOnRefresh: false,
                 },
                 onComplete: () => {
-                    
+                    if (textElement.splitTextInstance) {
+                        textElement.splitTextInstance.revert();
+                        delete textElement.splitTextInstance;
+                    }
                 }
             });
 
@@ -255,10 +261,13 @@ const LineSplitAnimations = {
                 scrollTrigger: {
                     trigger: textElement,
                     start: config.lineSplit.start,
-                    invalidateOnRefresh: true,
+                    invalidateOnRefresh: false,
                 },
                 onComplete: () => {
-                    
+                    if (textElement.splitTextInstance) {
+                        textElement.splitTextInstance.revert();
+                        delete textElement.splitTextInstance;
+                    }
                 }
             });
 
@@ -303,7 +312,7 @@ const AppearAnimations = {
                 scrollTrigger: {
                     trigger: element,
                     start: config.appear.start,
-                    invalidateOnRefresh: true,
+                    invalidateOnRefresh: false,
                 }
             });
 
@@ -352,25 +361,16 @@ export async function init() {
     }
     
     let resizeTimeout;
+    let lastWidth = window.innerWidth;
     window.addEventListener('resize', () => {
-        clearTimeout(resizeTimeout);
-        resizeTimeout = setTimeout(() => {
-            // Kill and restart line split animations on resize
-            const lineSplitElements = document.querySelectorAll(".a-line-split > *:first-child");
-            lineSplitElements.forEach((textElement) => {
-                if (textElement.splitTextInstance) {
-                    textElement.splitTextInstance.revert();
-                    delete textElement.splitTextInstance;
-                }
-            });
-            
-            // Re-initialize line splits after resize
-            LineSplitAnimations.initial().then(() => {
-                LineSplitAnimations.animate();
-            });
-            
-            ScrollTrigger.refresh();
-        }, 100);
+        const currentWidth = window.innerWidth;
+        if (currentWidth !== lastWidth) {
+            lastWidth = currentWidth;
+            clearTimeout(resizeTimeout);
+            resizeTimeout = setTimeout(() => {
+                ScrollTrigger.refresh();
+            }, 300);
+        }
     });
 
     const api = window[API_NAME] || {};

package/animations/transition.js

@@ -21,18 +21,28 @@ function initTransitions() {
     
   // On Page Load
   if (transitionTrigger.length > 0) {
-    if (window.Webflow && window.Webflow.push) {
-      Webflow.push(function () {
-        transitionTrigger.click();
-      });
+    
+    function triggerTransition() {
+      if (window.Webflow && window.Webflow.push) {
+        Webflow.push(function () {
+          transitionTrigger.click();
+        });
+      } else {
+        // Non-Webflow initialization
+        setTimeout(() => {
+          transitionTrigger.click();
+        }, 100);
+      }
+      $("body").addClass("no-scroll-transition");
+      setTimeout(() => {$("body").removeClass("no-scroll-transition");}, introDurationMS);
+    }
+    
+    // Wait for full page load (images, fonts, etc.) for Safari
+    if (document.readyState === 'complete') {
+      triggerTransition();
     } else {
-      // Non-Webflow initialization
-      setTimeout(() => {
-        transitionTrigger.click();
-      }, 100);
+      window.addEventListener('load', triggerTransition, { once: true });
     }
-    $("body").addClass("no-scroll-transition");
-    setTimeout(() => {$("body").removeClass("no-scroll-transition");}, introDurationMS);
   }
   
   // On Link Click

package/index.js

@@ -1,4 +1,4 @@
-// Version:1.2.26
+// Version:1.2.27
 
 const API_NAME = 'hsmain';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hortonstudio/main",
-  "version": "1.2.26",
+  "version": "1.2.27",
   "description": "Animation and utility library for client websites",
   "main": "index.js",
   "type": "module",

package/configure-example.js

@@ -1,32 +0,0 @@
-function configure() {
-  // Check if hsmain is loaded AND the specific animation modules are available
-  if (!window.hsmain?.loaded || 
-      !window.hsmain?.textAnimations?.updateConfig || 
-      !window.hsmain?.heroAnimations?.updateConfig) {
-    setTimeout(configure, 10);
-    return;
-  }
-  
-  const api = window.hsmain;
-  
-  try {
-    api.textAnimations.updateConfig({
-      // your text animation config
-    });
-    
-    api.heroAnimations.updateConfig({
-      headingSplit: {
-        // your hero animation config
-      }
-    });
-    
-    api.textAnimations.restart();
-    api.heroAnimations.restart();
-  } catch (error) {
-    console.warn('Animation configuration failed:', error);
-    // Retry after a short delay if needed
-    setTimeout(configure, 50);
-  }
-}
-
-configure();