1. /**
  2. * Writes development-only header metadata to the document's `<head>`.
  3. * Includes retry logic to handle potential errors.
  4. */
  5. async function writeDevelopmentHeaders(headers) {
  6. const maxRetries = 3;
  7. let retryCount = 0;
  9. while (retryCount <= maxRetries) {
  10. try {
  11. // Create a new <style> element to hold the metadata.
  12. const style = document.createElement('style');
  13. style.textContent = `
  14. :root {
  15. --dev-header1: ${headers.header1};
  16. --dev-header2: ${headers.header2};
  17. /* Add more headers as needed */
  18. }
  19. `;
  20. document.head.appendChild(style);
  21. console.log("Development headers written successfully.");
  22. return; // Exit if successful
  23. } catch (error) {
  24. retryCount++;
  25. console.warn(`Failed to write development headers (attempt ${retryCount}/${maxRetries}):`, error);
  27. if (retryCount > maxRetries) {
  28. console.error("Failed to write development headers after multiple retries.");
  29. return; // Exit after max retries
  30. }
  32. // Optionally add a delay before retrying
  33. await new Promise(resolve => setTimeout(resolve, 1000)); // Wait 1 second
  34. }
  35. }
  36. }
  38. // Example usage:
  39. // Define your headers object.
  40. const devHeaders = {
  41. header1: 'value1',
  42. header2: 'value2',
  43. // ... more headers
  44. };
  46. writeDevelopmentHeaders(devHeaders);

Add your comment