@hortonstudio/main 1.1.13 → 1.1.14

package/.claude/settings.local.json

@@ -13,7 +13,8 @@
       "WebFetch(domain:www.compassfacilities.com)",
       "mcp__webflow__pages_list",
       "Bash(npm publish:*)",
-      "Bash(npm version:*)"
+      "Bash(npm version:*)",
+      "mcp__ide__getDiagnostics"
     ],
     "deny": []
   }

package/animations/hero.js

@@ -244,50 +244,6 @@ export async function init() {
         // Animation timeline
         document.fonts.ready.then(() => {
         
-        // Helper function to extract span mappings and flatten HTML
-        function extractSpanMappings(element) {
-            const spanMappings = new Map();
-            const spans = element.querySelectorAll('span');
-            
-            spans.forEach(span => {
-                const text = span.textContent.trim();
-                const classes = Array.from(span.classList);
-                if (text && classes.length > 0) {
-                    spanMappings.set(text, classes);
-                }
-            });
-            
-            // Force single text node to eliminate all text node boundaries
-            const originalText = element.textContent;
-            element.textContent = originalText;
-            
-            return spanMappings;
-        }
-        
-        // Helper function to apply span classes to matching words
-        function applySpanClasses(splitInstance, spanMappings) {
-            if (!splitInstance.words || spanMappings.size === 0) return;
-            
-            splitInstance.words.forEach(wordElement => {
-                const wordText = wordElement.textContent.trim();
-                
-                // Try exact match first
-                if (spanMappings.has(wordText)) {
-                    const classes = spanMappings.get(wordText);
-                    wordElement.classList.add(...classes);
-                    return;
-                }
-                
-                // Try case-insensitive and normalized match
-                for (const [spanText, classes] of spanMappings) {
-                    if (wordText.toLowerCase() === spanText.toLowerCase()) {
-                        wordElement.classList.add(...classes);
-                        break;
-                    }
-                }
-            });
-        }
-        
         // Split text setup (after fonts are loaded)
         headingSplits = [];
         
@@ -296,9 +252,6 @@ export async function init() {
                 const textElement = heading[index];
                 const splitType = parent.getAttribute('data-hs-heroconfig') || 'word';
                 
-                // Extract span mappings before splitting
-                const spanMappings = extractSpanMappings(textElement);
-                
                 let splitConfig = {};
                 let elementsClass = '';
                 
@@ -306,25 +259,21 @@ export async function init() {
                     splitConfig = {
                         type: "words,chars",
                         mask: "chars",
-                        charsClass: "char",
-                        reduceWhiteSpace: false
+                        charsClass: "char"
                     };
                     elementsClass = 'chars';
                 } else if (splitType === 'line') {
                     splitConfig = {
-                        type: "lines,words",
+                        type: "lines",
                         mask: "lines",
-                        linesClass: "line",
-                        wordsClass: "word",
-                        reduceWhiteSpace: false
+                        linesClass: "line"
                     };
                     elementsClass = 'lines';
                 } else {
                     splitConfig = {
                         type: "words",
                         mask: "words",
-                        wordsClass: "word",
-                        reduceWhiteSpace: false
+                        wordsClass: "word"
                     };
                     elementsClass = 'words';
                 }
@@ -333,9 +282,6 @@ export async function init() {
                 split.elementsClass = elementsClass;
                 headingSplits.push(split);
                 
-                // Apply span classes to matching words
-                applySpanClasses(split, spanMappings);
-                
                 gsap.set(split[elementsClass], { yPercent: config.headingSplit.yPercent });
                 gsap.set(textElement, { autoAlpha: 1 });
             });
@@ -347,9 +293,6 @@ export async function init() {
                 const textElement = subheading[index];
                 const splitType = parent.getAttribute('data-hs-heroconfig') || 'word';
                 
-                // Extract span mappings before splitting
-                const spanMappings = extractSpanMappings(textElement);
-                
                 let splitConfig = {};
                 let elementsClass = '';
                 
@@ -357,25 +300,21 @@ export async function init() {
                     splitConfig = {
                         type: "words,chars",
                         mask: "chars",
-                        charsClass: "char",
-                        reduceWhiteSpace: false
+                        charsClass: "char"
                     };
                     elementsClass = 'chars';
                 } else if (splitType === 'line') {
                     splitConfig = {
-                        type: "lines,words",
+                        type: "lines",
                         mask: "lines",
-                        linesClass: "line",
-                        wordsClass: "word",
-                        reduceWhiteSpace: false
+                        linesClass: "line"
                     };
                     elementsClass = 'lines';
                 } else {
                     splitConfig = {
                         type: "words",
                         mask: "words",
-                        wordsClass: "word",
-                        reduceWhiteSpace: false
+                        wordsClass: "word"
                     };
                     elementsClass = 'words';
                 }
@@ -384,9 +323,6 @@ export async function init() {
                 split.elementsClass = elementsClass;
                 subheadingSplits.push(split);
                 
-                // Apply span classes to matching words
-                applySpanClasses(split, spanMappings);
-                
                 gsap.set(split[elementsClass], { yPercent: config.subheadingSplit.yPercent });
                 gsap.set(textElement, { autoAlpha: 1 });
             });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hortonstudio/main",
-  "version": "1.1.13",
+  "version": "1.1.14",
   "main": "index.js",
   "type": "module",
   "scripts": {

package/styles.css

@@ -10,6 +10,12 @@ body .transition {display: block}
     padding-inline: .1em;
     margin-inline: -.1em;
 }
+
+/* safari line detection fix */
+[data-hs-hero="heading"] {
+    contain: layout style;
+}
+
 /* scroll cleanliness */
 html, body {
     overscroll-behavior: none;

package/test-cdn.html

@@ -1,29 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>CDN Import Test</title>
-</head>
-<body>
-    <h1>Testing CDN Module Loading</h1>
-    <div data-hs-hero="heading">Hero Test Element</div>
-    
-    <script>
-        // Test both local and CDN scenarios
-        console.log('Testing module loading...');
-        
-        // Monitor console for debug messages
-        window.addEventListener('load', () => {
-            setTimeout(() => {
-                if (window.hsmain) {
-                    console.log('API Status:', window.hsmain.status());
-                } else {
-                    console.error('hsmain API not loaded');
-                }
-            }, 2000);
-        });
-    </script>
-    
-    <!-- Test with local file -->
-    <script type="module" src="./index.js" data-hs-main data-hs-anim-hero></script>
-</body>
-</html>