Dev server: add placeholder while bundling application

aduh95 · Oct 28, 2019 · 04e4819 · 04e4819
1 parent 8dc4c9d
commit 04e4819
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/scripts/dev-build-html.mjs b/scripts/dev-build-html.mjs
@@ -24,6 +24,16 @@ export default indexFile =>
             return scriptTag;
           })
       );
+      const removeDialogScript = document.createElement("script");
+      const dialog = document.createElement("dialog");
+      dialog.open = true;
+      dialog.id = "placeholder-dialog";
+      dialog.append(
+        document.createElement("progress"),
+        " Building application..."
+      );
+      removeDialogScript.textContent = `import("./${BUNDLE_NAME}").then(()=>document.getElementById("${dialog.id}").remove())`;
+      document.body.append(dialog, removeDialogScript);
       return dom.serialize();
     }
   );