@hortonstudio/main 1.6.0 → 1.6.1

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/index.js

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

package/package.json

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