@hortonstudio/main 1.7.14 → 1.7.16

package/autoInit/form.js

@@ -1,4 +1,19 @@
 export function init() {
+  // Honeypot spam prevention
+  document.addEventListener('submit', (e) => {
+    const form = e.target;
+    if (form.tagName !== 'FORM') return;
+
+    const honeypot = form.querySelector('[data-hs-form="form-handler"]');
+    if (honeypot && honeypot.value) {
+      // Honeypot filled - likely a bot
+      e.preventDefault();
+      e.stopPropagation();
+      e.stopImmediatePropagation();
+      return false;
+    }
+  }, true);
+
   // Simple Custom Select Component for Webflow
   (function() {
     'use strict';

package/autoInit/transition.js

@@ -2,7 +2,7 @@
 const API_NAME = "hsmain";
 
 export async function init() {
-  
+
   // Wait for Webflow to be ready before initializing transitions
   window[API_NAME].afterWebflowReady(() => {
     setTimeout(() => {
@@ -14,104 +14,52 @@ export async function init() {
 }
 
 function initTransitions() {
-  const transitionTrigger = document.querySelector(".transition-trigger");
-  const transitionElement = document.querySelector(".transition");
-
-  // Page Load - Trigger entrance animation with optional delay
-  if (transitionTrigger) {
-    // Check if entrance transition should be skipped
-    const skipEntrance = sessionStorage.getItem('skip-entrance-transition');
-    if (skipEntrance) {
-      sessionStorage.removeItem('skip-entrance-transition');
-      // Keep transition element hidden when skipping animation
-      if (transitionElement) {
-        transitionElement.style.display = "none";
-      }
-      return; // Skip entrance animation
-    }
-    
-    // Check if this is the first page load of the session  
-    const isFirstLoad = !sessionStorage.getItem('transition-loaded');
-    const delayAttr = transitionElement?.getAttribute('data-hs-delay');
-    const delaySeconds = delayAttr ? parseFloat(delayAttr) : 0;
-    
-    
-    const triggerAnimation = () => {
-      Webflow.push(function () {
-        transitionTrigger.click();
-      });
-    };
-    
-    if (isFirstLoad && delaySeconds > 0) {
-      setTimeout(triggerAnimation, delaySeconds * 1000);
-      sessionStorage.setItem('transition-loaded', 'true');
-    } else {
-      triggerAnimation();
-      if (isFirstLoad) {
-        sessionStorage.setItem('transition-loaded', 'true');
-      }
-    }
-  }
+  const transitionTrigger = document.querySelector('[data-hs-transition="trigger"]');
+  const transitionElement = document.querySelector('[data-hs-transition="element"]');
 
-  // Monitor for transition completion
-  function waitForTransitionComplete(callback) {
-    if (!transitionElement) return;
-    
-    const checkComplete = () => {
-      if (transitionElement.classList.contains('transition-done')) {
-        callback();
-      } else {
-        setTimeout(checkComplete, 50);
-      }
-    };
-    checkComplete();
-  }
+  if (!transitionTrigger || !transitionElement) return;
 
-  // Helper function to check if element or any ancestor has data-hs-transition="prevent"
-  function hasTransitionPrevented(element) {
-    let current = element;
-    while (current && current !== document) {
-      if (current.getAttribute && current.getAttribute('data-hs-transition') === 'prevent') {
-        return true;
-      }
-      current = current.parentElement;
-    }
-    return false;
+  // Get exit time from data attribute (in seconds)
+  const exitTimeAttr = transitionElement.getAttribute('data-hs-exit-time');
+  const exitTime = exitTimeAttr ? parseFloat(exitTimeAttr) * 1000 : 0;
+
+  // Page Load - Trigger entrance animation
+  // Check if this is the first page load of the session
+  const isFirstLoad = !sessionStorage.getItem('transition-loaded');
+
+  const triggerAnimation = () => {
+    Webflow.push(function () {
+      transitionTrigger.click();
+    });
+  };
+
+  triggerAnimation();
+  if (isFirstLoad) {
+    sessionStorage.setItem('transition-loaded', 'true');
   }
 
   // On Link Click
   document.addEventListener("click", function (e) {
     const link = e.target.closest("a");
-    
+
     if (
       link &&
       link.hostname === window.location.hostname &&
       link.getAttribute("href") &&
       link.getAttribute("href").indexOf("#") === -1 &&
-      link.getAttribute("target") !== "_blank" &&
-      transitionTrigger
+      link.getAttribute("target") !== "_blank"
     ) {
-      // Check if transitions are prevented
-      const transitionPrevented = hasTransitionPrevented(link);
-      
-      if (transitionPrevented) {
-        // Set flag to prevent entrance animation on next page
-        sessionStorage.setItem('skip-entrance-transition', 'true');
-        // Navigate normally without exit animation
-        return;
-      }
-      
       e.preventDefault();
-      
+
       let transitionURL = link.getAttribute("href");
-      
+
       // Trigger exit animation
       transitionTrigger.click();
-      
-      // Wait for animation to complete before navigating
-      waitForTransitionComplete(() => {
+
+      // Wait for exit time, then navigate
+      setTimeout(() => {
         window.location = transitionURL;
-      });
+      }, exitTime);
     }
   });
 
@@ -128,4 +76,4 @@ function initTransitions() {
       transitionElement.style.display = "none";
     }
   });
-}
+}

package/index.js

@@ -29,12 +29,6 @@ const initializeHsMain = async () => {
 
   const allDataAttributes = { ...animationModules, ...utilityModules };
 
-  const waitForWebflow = async () =>
-    new Promise((resolve) => {
-      if (!window.Webflow) window.Webflow = [];
-      window.Webflow.push(resolve);
-    });
-
   const moduleMap = {
     transition: () => import("./autoInit/transition.js"),
     "data-hs-util-ba": () => import("./utils/before-after.js"),
@@ -253,42 +247,33 @@ const initializeHsMain = async () => {
     });
   });
 
-  const waitForIx2 = async () => {
+  const waitForIx3 = async () => {
     const startTime = Date.now();
     const timeout = 2000; // 2 second timeout
 
     return new Promise((resolve) => {
-      const checkIx2 = () => {
+      const checkIx3 = () => {
         const htmlElement = document.documentElement;
-        const hasIx2 = htmlElement.classList.contains('w-mod-ix3');
+        const hasIx3 = htmlElement.classList.contains('w-mod-ix3');
 
-        if (hasIx2) {
+        if (hasIx3) {
           resolve(true);
         } else if (Date.now() - startTime >= timeout) {
-          console.warn('[hsmain] IX2 (w-mod-ix3) not detected after 2s timeout. Proceeding anyway, but Webflow interactions may not be fully loaded.');
+          console.warn('[hsmain] IX3 (w-mod-ix3) not detected after 2s timeout. Proceeding anyway, but Webflow interactions may not be fully loaded.');
           resolve(false);
         } else {
-          setTimeout(checkIx2, 50);
+          setTimeout(checkIx3, 50);
         }
       };
-      checkIx2();
+      checkIx3();
     });
   };
 
   const finalize = async () => {
     processModules();
-    await waitForWebflow();
-
-    // Small delay to ensure all scripts are fully initialized
-    await new Promise(resolve => setTimeout(resolve, 10));
-
-    // Force Webflow to reinitialize (not redraw) - rescans DOM and rebinds interactions
-    if (window.Webflow && typeof window.Webflow.ready === 'function') {
-      window.Webflow.ready();
-    }
 
-    // Wait for IX2 to be ready before firing callbacks
-    await waitForIx2();
+    // Wait for IX3 to be ready before firing callbacks
+    await waitForIx3();
 
     window[API_NAME].loaded = true;
     readyCallbacks.forEach((callback) => {

package/package.json

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