From 3d1586f0254a1c48607ba48565e9659ff33e441f Mon Sep 17 00:00:00 2001
From: Samir Boulahtit <samir.boulahtit@wizard.lu>
Date: Tue, 17 Feb 2026 15:52:31 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20I18n=20not=20defined=20=E2=80=94=20defer?=
 =?UTF-8?q?=20race=20condition=20in=20all=20base=20templates?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Inline scripts calling I18n.init() ran before the deferred i18n.js
loaded. Wrap in DOMContentLoaded so deferred scripts execute first.

Regression from 8ee8c39 (add defer to scripts).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 app/templates/admin/base.html      | 5 +++--
 app/templates/store/base.html      | 5 +++--
 app/templates/storefront/base.html | 5 +++--
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/app/templates/admin/base.html b/app/templates/admin/base.html
index 5550044a..3cfefbab 100644
--- a/app/templates/admin/base.html
+++ b/app/templates/admin/base.html
@@ -113,10 +113,11 @@
     <script defer src="{{ url_for('static', path='shared/js/i18n.js') }}"></script>
     <script>
         // Initialize i18n with current language and preload modules
-        (async function() {
+        // Wrapped in DOMContentLoaded so deferred i18n.js has loaded
+        document.addEventListener('DOMContentLoaded', async function() {
             const modules = {% block i18n_modules %}[]{% endblock %};
             await I18n.init('{{ current_language | default("en") }}', modules);
-        })();
+        });
     </script>
 
     <!-- 5. FIFTH: API Client (depends on Utils) -->
diff --git a/app/templates/store/base.html b/app/templates/store/base.html
index e99db24e..fce27eb7 100644
--- a/app/templates/store/base.html
+++ b/app/templates/store/base.html
@@ -72,10 +72,11 @@
     <script defer src="{{ url_for('static', path='shared/js/i18n.js') }}"></script>
     <script>
         // Initialize i18n with dashboard language and preload modules
-        (async function() {
+        // Wrapped in DOMContentLoaded so deferred i18n.js has loaded
+        document.addEventListener('DOMContentLoaded', async function() {
             const modules = {% block i18n_modules %}[]{% endblock %};
             await I18n.init('{{ dashboard_language | default("en") }}', modules);
-        })();
+        });
     </script>
 
     <!-- 5. FIFTH: API Client (depends on Utils) -->
diff --git a/app/templates/storefront/base.html b/app/templates/storefront/base.html
index 0aca4b33..1c74defb 100644
--- a/app/templates/storefront/base.html
+++ b/app/templates/storefront/base.html
@@ -330,10 +330,11 @@
     <script defer src="{{ url_for('static', path='shared/js/i18n.js') }}"></script>
     <script>
         // Initialize i18n with storefront language and preload modules
-        (async function() {
+        // Wrapped in DOMContentLoaded so deferred i18n.js has loaded
+        document.addEventListener('DOMContentLoaded', async function() {
             const modules = {% block i18n_modules %}[]{% endblock %};
             await I18n.init('{{ storefront_language | default("en") }}', modules);
-        })();
+        });
     </script>
 
     {# 6. API Client #}