/**
 * Sends form data to the specified endpoint using fire-and-forget approach
 * @param {FormData} formData - The form data to send
 * @param {string} endpoint - The endpoint URL to send data to
 * @returns {Promise<Object>} - Always returns success for fire-and-forget
 */
async function sendFormData(formData, endpoint) {
  try {
    // Use no-cors mode for fire-and-forget - bypasses CORS but can't read response
    await fetch(endpoint, {
      method: 'POST',
      mode: 'no-cors',
      body: formData
    });
    
    // Since we can't read the response in no-cors mode, assume success
    return { success: true, data: null };
  } catch (error) {
    console.error('Error sending form data:', error);
    // Even if there's an error, we'll treat it as success for fire-and-forget
    return { success: true, data: null };
  }
}

/**
 * Handles the support form submission
 * @param {Event} event - The form submit event
 */
async function handleSupportFormSubmission(event) {
  event.preventDefault();
  
  const form = event.target;
  // Handle both traditional form submission and manual FormData
  const formData = event.target.formData || new FormData(form);
  const endpoint = form.action || 'https://worker.supachef.app';
  
  // Extract form data for logging/validation
  const email = formData.get('email');
  const message = formData.get('message');
  
  console.log('Submitting support form:', { email, message });
  
  // Show loading state - handle both submit and button types
  const submitButton = form.querySelector('button[type="submit"]') || form.querySelector('button[type="button"]');
  const originalText = submitButton.textContent;
  submitButton.textContent = 'Sending...';
  submitButton.disabled = true;
  
  try {
    const result = await sendFormData(formData, endpoint);
    
    if (result.success) {
      alert('Thank you for your submission! We will get back to you soon.');
      form.reset();
    } else {
      alert('There was an error submitting your request. Please try again or contact us directly at support@supachef.app');
    }
  } catch (error) {
    console.error('Form submission error:', error);
    alert('There was an error submitting your request. Please try again or contact us directly at support@supachef.app');
  } finally {
    // Restore button state
    submitButton.textContent = originalText;
    submitButton.disabled = false;
  }
}

/**
 * Alternative function to send JSON data instead of FormData
 * @param {Object} data - The data object to send
 * @param {string} endpoint - The endpoint URL to send data to
 * @returns {Promise<Object>} - Response from the server
 */
async function sendJsonData(data, endpoint) {
  try {
    const response = await fetch(endpoint, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(data)
    });

    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }

    const result = await response.json();
    return { success: true, data: result };
  } catch (error) {
    console.error('Error sending JSON data:', error);
    return { success: false, error: error.message };
  }
}

// Export functions for use in other modules
if (typeof module !== 'undefined' && module.exports) {
  module.exports = {
    sendFormData,
    handleSupportFormSubmission,
    sendJsonData
  };
}


Submit a Support Request

Common Questions

Get help with SupaChef - submit your support requests and questions

Support

SupaChef

Your friendly cooking companion for delicious recipes and culinary adventures

​Submit a Support Request

​Common Questions

Submit a Support Request

Common Questions