From d874fe427475e9d9aaebe9058732df39d5013bf7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BCrgen=20Mummert?= <juergen@Macmini.fritz.box>
Date: Tue, 24 Feb 2026 12:58:34 +0100
Subject: [PATCH] Add resilient CDN loader for Meilisearch browser client

---
 .../mod_meilisearch_search.html.twig          | 55 ++++++++++++++++---
 1 file changed, 48 insertions(+), 7 deletions(-)

diff --git a/src/Resources/contao/templates/frontend_module/mod_meilisearch_search.html.twig b/src/Resources/contao/templates/frontend_module/mod_meilisearch_search.html.twig
index 0429c0f..1708890 100644
--- a/src/Resources/contao/templates/frontend_module/mod_meilisearch_search.html.twig
+++ b/src/Resources/contao/templates/frontend_module/mod_meilisearch_search.html.twig
@@ -60,16 +60,45 @@ Contao 5 – Frontend Module Template
     </div>
 </div>
 
-<script type="module">
-<script src="https://cdn.jsdelivr.net/npm/meilisearch@0.39.0/dist/bundles/meilisearch.umd.min.js"></script>
 <script>
-    document.addEventListener('DOMContentLoaded', () => {
+    (function () {
+        const CDN_URLS = [
+            'https://cdn.jsdelivr.net/npm/meilisearch@0.39.0/dist/bundles/meilisearch.umd.min.js',
+            'https://unpkg.com/meilisearch@0.39.0/dist/bundles/meilisearch.umd.min.js'
+        ];
 
-        if (typeof MeiliSearch === 'undefined') {
-            console.error('[Meilisearch] Browser client konnte nicht geladen werden');
-            return;
+        function loadClient(urls, onDone) {
+            if (typeof MeiliSearch !== 'undefined') {
+                onDone(true, null);
+                return;
+            }
+
+            if (!urls.length) {
+                onDone(false, 'Alle CDN-Quellen fehlgeschlagen (mögliche CSP-Blockierung von script-src).');
+                return;
+            }
+
+            const url = urls.shift();
+            const script = document.createElement('script');
+            script.src = url;
+            script.async = true;
+            script.crossOrigin = 'anonymous';
+
+            script.onload = () => {
+                if (typeof MeiliSearch !== 'undefined') {
+                    onDone(true, null);
+                } else {
+                    loadClient(urls, onDone);
+                }
+            };
+
+            script.onerror = () => loadClient(urls, onDone);
+
+            document.head.appendChild(script);
         }
 
+        function initSearch() {
+
         const wrapper  = document.querySelector('.meilisearch-search');
         if (!wrapper) return;
 
@@ -226,7 +255,19 @@ Contao 5 – Frontend Module Template
                 results.appendChild(node);
             }
         }
-    });
+        }
+
+        document.addEventListener('DOMContentLoaded', () => {
+            loadClient([...CDN_URLS], (ok, reason) => {
+                if (!ok) {
+                    console.error('[Meilisearch] Browser client konnte nicht geladen werden. ' + reason);
+                    return;
+                }
+
+                initSearch();
+            });
+        });
+    })();
 </script>
 {% endblock %}
 <!-- indexer::continue -->
\ No newline at end of file