@hortonstudio/main 1.2.7 → 1.2.9

package/index.js

@@ -1,16 +1,11 @@
-// ver 1.2.6
+// ver 1.2.9
 
 const API_NAME = 'hsmain';
 
-console.log(`🟢 ${API_NAME} v1.2.6 initializing...`);
-console.log('🔍 DOM state:', document.readyState);
-console.log('🔍 Script URL:', import.meta.url);
-
 // Main initialization function
 const initializeHsMain = () => {
     // Handle existing API
     if (window[API_NAME] && !Array.isArray(window[API_NAME]) && window[API_NAME].loaded) {
-        console.log('⚠️ API already loaded, skipping initialization');
         return;
     }
 
@@ -39,8 +34,6 @@ const initializeHsMain = () => {
 
     // Dynamic module loader (like Finsweet)
     const loadModule = async (moduleName) => {
-        console.log(`📦 Loading module: ${moduleName}`);
-        
         switch (moduleName) {
             case "data-hs-anim-text":
                 return import(new URL('./animations/text.js', import.meta.url).href);
@@ -57,7 +50,6 @@ const initializeHsMain = () => {
             case "smooth-scroll":
                 return import(new URL('./autoInit/smooth-scroll.js', import.meta.url).href);
             default:
-                console.error(`❌ Unsupported module: ${moduleName}`);
                 throw new Error(`${API_NAME} module "${moduleName}" is not supported.`);
         }
     };
@@ -83,22 +75,17 @@ const initializeHsMain = () => {
 
     // Find script tags (Finsweet approach)
     const scripts = [...document.querySelectorAll(`script[type="module"][src="${import.meta.url}"]`)];
-    console.log(`📄 Found ${scripts.length} matching script tags`);
 
     // Module loading function
     const loadHsModule = async (moduleName) => {
-        console.log(`🔄 loadHsModule called for: ${moduleName}`);
-        
         const apiInstance = window[API_NAME];
         
         // Check if already processing
         if (apiInstance.process.has(moduleName)) {
-            console.log(`⚠️ Module ${moduleName} already processing`);
             return apiInstance.modules[moduleName]?.loading;
         }
         
         // Add to processing set
-        console.log(`➕ Adding ${moduleName} to process set`);
         apiInstance.process.add(moduleName);
         
         // Create module object
@@ -112,14 +99,9 @@ const initializeHsMain = () => {
         });
         
         try {
-            console.log(`📦 Importing ${moduleName}...`);
             const { init, version } = await loadModule(moduleName);
-            console.log(`✅ ${moduleName} imported, version: ${version}`);
-            
-            console.log(`🔧 Initializing ${moduleName}...`);
             const initResult = await init();
             const { result, destroy } = initResult || {};
-            console.log(`✅ ${moduleName} initialized:`, result);
             
             moduleObj.version = version;
             
@@ -141,13 +123,15 @@ const initializeHsMain = () => {
             return result;
             
         } catch (error) {
-            console.error(`❌ Failed to load ${moduleName}:`, error);
             moduleObj.reject?.(error);
             apiInstance.process.delete(moduleName);
             throw error;
         }
     };
 
+    // Store callbacks to run after initialization
+    const postWebflowCallbacks = [];
+
     // Initialize API
     window[API_NAME] = {
         scripts,
@@ -173,6 +157,28 @@ const initializeHsMain = () => {
                 this.modules[moduleName]?.destroy?.();
             }
         },
+
+        // API function for scripts to register post-initialization callbacks
+        afterReady(callback) {
+            if (typeof callback === 'function') {
+                if (this.loaded) {
+                    callback();
+                } else {
+                    postWebflowCallbacks.push(callback);
+                }
+            }
+        },
+        
+        // Legacy alias for Webflow compatibility
+        afterWebflowReady(callback) {
+            if (typeof callback === 'function') {
+                if (this.loaded) {
+                    callback();
+                } else {
+                    postWebflowCallbacks.push(callback);
+                }
+            }
+        },
         
         // Status method
         status(moduleName) {
@@ -194,19 +200,13 @@ const initializeHsMain = () => {
 
     // Process modules from script tags
     const processScriptModules = () => {
-        console.log(`⚙️ Processing ${scripts.length} script tags`);
-        
         for (const script of scripts) {
-            console.log(`🏷️ Processing script:`, script.src);
-            
             // Check for auto mode
             const autoMode = script.getAttribute('data-hs-auto') === 'true';
-            console.log(`🔍 Auto mode: ${autoMode}`);
             
             // Load modules based on script attributes
             for (const moduleName of Object.keys(allModules)) {
                 if (script.hasAttribute(moduleName)) {
-                    console.log(`✅ Found attribute for: ${moduleName}`);
                     loadHsModule(moduleName);
                 }
             }
@@ -214,7 +214,6 @@ const initializeHsMain = () => {
             // Auto-discovery mode
             if (autoMode) {
                 waitDOMReady().then(() => {
-                    console.log(`🔍 Starting auto-discovery...`);
                     const foundModules = new Set();
                     const allElements = document.querySelectorAll('*');
                     
@@ -228,7 +227,6 @@ const initializeHsMain = () => {
                         }
                     }
                     
-                    console.log(`🔍 Auto-discovered modules:`, [...foundModules]);
                     for (const moduleName of foundModules) {
                         loadHsModule(moduleName);
                     }
@@ -237,7 +235,6 @@ const initializeHsMain = () => {
         }
         
         // Always load auto-init modules
-        console.log(`🔄 Loading auto-init modules:`, Object.keys(autoInitModules));
         for (const moduleName of Object.keys(autoInitModules)) {
             loadHsModule(moduleName);
         }
@@ -263,28 +260,31 @@ const initializeHsMain = () => {
 
     // Main initialization
     const initializeMain = async () => {
-        console.log(`🚀 Starting main initialization...`);
-        
         // Process script modules
         processScriptModules();
         
         // Wait for Webflow
-        console.log(`⏳ Waiting for Webflow...`);
         await waitWebflowReady();
-        console.log(`✅ Webflow ready`);
         
         // Mark as loaded
         window[API_NAME].loaded = true;
-        console.log(`🎉 ${API_NAME} fully loaded and ready!`);
+        
+        // Run all registered post-Webflow callbacks
+        postWebflowCallbacks.forEach((callback) => {
+            try {
+                callback();
+            } catch (error) {
+                // Silent fail for callbacks
+            }
+        });
     };
 
     // Process any early requests
-    console.log(`📝 Processing ${existingRequests.length} early requests`);
     window[API_NAME].push(...existingRequests);
 
     // Start initialization
-    initializeMain().catch(error => {
-        console.error(`❌ Failed to initialize ${API_NAME}:`, error);
+    initializeMain().catch(() => {
+        // Silent fail for initialization
     });
 };
 

package/package.json

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