add console debugging

Author: michaellambgelo

.github/workflows/deploy.yml

@@ -45,15 +45,14 @@ jobs:
           echo "Before injection (showing relevant line):"
           grep -n "let webhookUrl = null;" index.html || echo "Pattern not found"
           
-          # Create a temporary file with the replacement
-          awk -v url="$WEBHOOK_URL" '
-          {
-            if ($0 ~ /let webhookUrl = null;/) {
-              print "						const webhookUrl = \"" url "\"; // Injected during build"
-            } else {
-              print $0
-            }
-          }' index.html > index.html.tmp
+          # Create a temporary file with the exact replacement
+          sed '/let webhookUrl = null;/c\						const webhookUrl = "'"$WEBHOOK_URL"'"; // Injected by GitHub Actions' index.html > index.html.tmp
+          
+          echo "Checking if replacement was successful..."
+          if ! grep -q "Injected by GitHub Actions" index.html.tmp; then
+            echo "Error: Replacement string not found in temporary file"
+            exit 1
+          fi
           
           # Replace the original file
           mv index.html.tmp index.html
@@ -62,8 +61,10 @@ jobs:
           grep -n "webhookUrl = " index.html | sed 's|https://[^"]*|[WEBHOOK_URL_HIDDEN]|'
           
           echo "Verifying file was modified:"
-          if grep -q "Injected during build" index.html; then
+          if grep -q "Injected by GitHub Actions" index.html; then
             echo "Webhook URL successfully injected"
+            echo "Number of lines containing webhookUrl:"
+            grep -c "webhookUrl" index.html
           else
             echo "Failed to inject webhook URL"
             exit 1

index.html

@@ -285,6 +285,9 @@ <h2>{{title}}</h2>
 					submitButton.value = 'Sending...';
 
 					try {
+						console.log('Form submission started');
+						console.log('Current hostname:', window.location.hostname);
+						
 						// For local development, load from config.json
 						const getConfigPath = () => {
 							if (window.location.hostname === 'localhost' || 
@@ -297,22 +300,28 @@ <h2>{{title}}</h2>
 
 						// This line will be replaced during build with the actual webhook URL
 						let webhookUrl = null;
+						console.log('Initial webhookUrl:', webhookUrl);
 
 						// Try to load from config for local development
 						const configPath = getConfigPath();
+						console.log('Config path:', configPath);
+						
 						if (configPath && !webhookUrl) {
-							console.log('Loading config from:', configPath);
+							console.log('Attempting to load local config...');
 							try {
 								const configResponse = await fetch(configPath);
+								console.log('Config response:', configResponse.status, configResponse.statusText);
 								if (configResponse.ok) {
 									const config = await configResponse.json();
 									webhookUrl = config.webhookUrl;
+									console.log('Loaded webhook from config:', !!webhookUrl);
 								}
 							} catch (error) {
 								console.log('Failed to load local config:', error);
 							}
 						}
 
+						console.log('Final webhookUrl status:', !!webhookUrl);
 						if (!webhookUrl) {
 							throw new Error('Contact form is not properly configured. Please try again later.');
 						}