@hortonstudio/main 1.6.0 → 1.6.2

package/autoInit/accessibility.js

@@ -10,6 +10,7 @@ export function init() {
     setupPreventDefault();
     setupRichTextAccessibility();
     setupSummaryAccessibility();
+    setupCustomValuesReplacement();
   }
 
   function setupListAccessibility() {
@@ -339,6 +340,98 @@ export function init() {
     });
   }
 
+  function setupCustomValuesReplacement() {
+    const customValuesList = document.querySelector('[data-hs-a11y="custom-values-list"]');
+    
+    if (!customValuesList) {
+      return;
+    }
+
+    // Collect all custom values data
+    const customValues = {};
+    const descendants = customValuesList.getElementsByTagName('*');
+    
+    Array.from(descendants).forEach(descendant => {
+      const nameElement = descendant.querySelector('[data-hs-a11y="custom-values-name"]');
+      const valueElement = descendant.querySelector('[data-hs-a11y="custom-values-value"]');
+      
+      if (nameElement && valueElement) {
+        const name = nameElement.textContent.trim();
+        const value = valueElement.textContent.trim();
+        
+        if (name && value) {
+          customValues[name] = value;
+        }
+      }
+    });
+
+    // If no custom values found, exit early
+    if (Object.keys(customValues).length === 0) {
+      return;
+    }
+
+    // Replace text content efficiently using TreeWalker
+    const walker = document.createTreeWalker(
+      document.body,
+      NodeFilter.SHOW_TEXT,
+      {
+        acceptNode: (node) => {
+          // Check if any custom value names exist in the text content
+          const text = node.textContent;
+          for (const name in customValues) {
+            if (text.includes(`{{${name}}}`)) {
+              return NodeFilter.FILTER_ACCEPT;
+            }
+          }
+          return NodeFilter.FILTER_SKIP;
+        }
+      }
+    );
+
+    const textNodes = [];
+    let node;
+    while (node = walker.nextNode()) {
+      textNodes.push(node);
+    }
+
+    // Replace text in collected nodes
+    textNodes.forEach(textNode => {
+      let newText = textNode.textContent;
+      let hasChanges = false;
+      
+      for (const name in customValues) {
+        const placeholder = `{{${name}}}`;
+        if (newText.includes(placeholder)) {
+          newText = newText.replace(new RegExp(placeholder, 'g'), customValues[name]);
+          hasChanges = true;
+        }
+      }
+      
+      if (hasChanges) {
+        textNode.textContent = newText;
+      }
+    });
+
+    // Replace link hrefs
+    const links = document.querySelectorAll('a[href]');
+    links.forEach(link => {
+      let href = link.getAttribute('href');
+      let hasChanges = false;
+      
+      for (const name in customValues) {
+        const placeholder = `{{${name}}}`;
+        if (href.includes(placeholder)) {
+          href = href.replace(new RegExp(placeholder, 'g'), customValues[name]);
+          hasChanges = true;
+        }
+      }
+      
+      if (hasChanges) {
+        link.setAttribute('href', href);
+      }
+    });
+  }
+
   function setupRichTextAccessibility() {
     const contentAreas = document.querySelectorAll('[data-hs-a11y="rich-content"]');
     const tocLists = document.querySelectorAll('[data-hs-a11y="rich-toc"]');

package/autoInit/transition.js

@@ -1,15 +1,11 @@
 // Page Transition Module
 const API_NAME = "hsmain";
-let initialized = false;
 
 export async function init() {
-  console.log('[Transition] Module init called');
   
   // Wait for Webflow to be ready before initializing transitions
   window[API_NAME].afterWebflowReady(() => {
-    console.log('[Transition] afterWebflowReady callback fired');
     setTimeout(() => {
-      console.log('[Transition] Attempting to initialize transitions');
       initTransitions();
       initialized = true;
     }, 50);
@@ -19,11 +15,8 @@ export async function init() {
 }
 
 function initTransitions() {
-  console.log('[Transition] initTransitions called');
   const transitionTrigger = document.querySelector(".transition-trigger");
   const transitionElement = document.querySelector(".transition");
-  console.log('[Transition] transitionTrigger found:', transitionTrigger);
-  console.log('[Transition] transitionElement found:', transitionElement);
   
   let excludedClass = "no-transition";
 
@@ -34,19 +27,14 @@ function initTransitions() {
     const delayAttr = transitionElement?.getAttribute('data-hs-delay');
     const delaySeconds = delayAttr ? parseFloat(delayAttr) : 0;
     
-    console.log('[Transition] First load:', isFirstLoad);
-    console.log('[Transition] Delay attribute:', delayAttr);
-    console.log('[Transition] Delay seconds:', delaySeconds);
     
     const triggerAnimation = () => {
-      console.log('[Transition] Triggering page load transition');
       Webflow.push(function () {
         transitionTrigger.click();
       });
     };
     
     if (isFirstLoad && delaySeconds > 0) {
-      console.log(`[Transition] Delaying first load by ${delaySeconds} seconds`);
       setTimeout(triggerAnimation, delaySeconds * 1000);
       sessionStorage.setItem('transition-loaded', 'true');
     } else {
@@ -63,7 +51,6 @@ function initTransitions() {
     
     const checkComplete = () => {
       if (transitionElement.classList.contains('transition-done')) {
-        console.log('[Transition] Animation complete detected');
         callback();
       } else {
         setTimeout(checkComplete, 50);
@@ -73,7 +60,6 @@ function initTransitions() {
   }
 
   // On Link Click
-  console.log('[Transition] Setting up click handler');
   document.addEventListener("click", function (e) {
     const link = e.target.closest("a");
     
@@ -86,7 +72,6 @@ function initTransitions() {
       link.getAttribute("target") !== "_blank" &&
       transitionTrigger
     ) {
-      console.log('[Transition] Triggering exit transition to:', link.getAttribute("href"));
       e.preventDefault();
       
       let transitionURL = link.getAttribute("href");
@@ -96,7 +81,6 @@ function initTransitions() {
       
       // Wait for animation to complete before navigating
       waitForTransitionComplete(() => {
-        console.log('[Transition] Navigating to:', transitionURL);
         window.location = transitionURL;
       });
     }

package/index.js

@@ -1,4 +1,4 @@
-// Version:1.6.0
+// Version:1.6.2
 
 const API_NAME = "hsmain";
 

package/package.json

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