From ffaf52882ddc68fbf0d4efeb42c3ee1e345f0921 Mon Sep 17 00:00:00 2001
From: Rob Aimes <r.aimes@youweagency.com>
Date: Thu, 24 Aug 2023 10:11:02 +0100
Subject: [PATCH] Replace require usage with vanilla javascript

---
 view/base/templates/loader.phtml | 28 ++++++++++++----------------
 1 file changed, 12 insertions(+), 16 deletions(-)

diff --git a/view/base/templates/loader.phtml b/view/base/templates/loader.phtml
index e9ed54a..6f00e5e 100644
--- a/view/base/templates/loader.phtml
+++ b/view/base/templates/loader.phtml
@@ -12,21 +12,17 @@ $viewModel = $block->getData('viewModel');
 
 <?php if ($viewModel->isToolbarEnabled()): ?>
 <script>
-    require(
-        ['jquery'],
-        function ($) {
-            $('document').ready(function () {
-                $.ajax({
-                    url: '<?= $escaper->escapeUrl($block->getUrl('smile_debug_toolbar')) ?>',
-                    success: function (html) {
-                        $('body').append(html);
-                    },
-                    error: function (xhr) {
-                        console.log('Failed to load the debug toolbar: ' + xhr.responseText);
-                    }
-                });
-            });
-        }
-    );
+    document.addEventListener('DOMContentLoaded', () => {
+        fetch('<?= $escaper->escapeUrl($block->getUrl('smile_debug_toolbar')) ?>', {
+            method: 'GET',
+        }).then((response) => {
+            return response.text();
+        }).then((html) => {
+            const fragment = document.createRange().createContextualFragment(html);
+            document.body.append( fragment);
+        }).catch((error) => {
+            console.log(`Failed to load the debug toolbar: ${error}`);
+        });
+    });
 </script>
 <?php endif ?>