fix(playground/runner): fix external script loading in playground (#1…

…1017) * fix(playground/runner): fix external script loading in playground * refactor mapping Co-authored-by: Claas Augner <[email protected]> * add comment to make clear Co-authored-by: Claas Augner <[email protected]> * fix code formatting * update upproach for handling scripts * code refactoring Co-authored-by: Claas Augner <[email protected]> --------- Co-authored-by: Claas Augner <[email protected]> Co-authored-by: Florian Dieminger <[email protected]>
mdn · May 8, 2024 · 8ba95b2 · 8ba95b2
1 parent 8ee8605
commit 8ba95b2
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/client/public/runner.html b/client/public/runner.html
@@ -104,7 +104,7 @@
       }
 
       let initialized = false;
-      function init(state) {
+      async function init(state) {
         if (initialized) {
           return;
         }
@@ -117,6 +117,13 @@
         document.body.innerHTML = "";
         setHTML(document.body, state.html);
 
+        for (const script of document.querySelectorAll("script[src]")) {
+          await new Promise((resolve) => {
+            script.addEventListener("load", resolve);
+            script.addEventListener("error", resolve);
+          });
+        }
+
         const script = document.createElement("script");
         script.textContent = state.js;
         document.body.appendChild(script);
@@ -129,10 +136,10 @@
 
         initialized = true;
       }
-      window.addEventListener("message", (event) => {
+      window.addEventListener("message", async (event) => {
         const e = event.data;
         if (e.typ === "init") {
-          init(e.state);
+          await init(e.state);
         }
         if (e.typ === "reload") {
           window.location.reload();