Fix css injection order

2021-10-22 18:10:32 +02:00
parent 1572f1137a
commit 92fb3b7529
3 changed files with 40 additions and 10 deletions
--- a/src/lib/tools/headInsert.ts
+++ b/src/lib/tools/headInsert.ts
@ -0,0 +1,70 @@
+import "./HTMLElement.prototype.prepend";
+import { Deferred } from "evt/tools/Deferred";
+
+export function headInsert(
+    params:
+        | {
+              type: "css";
+              href: string;
+              position: "append" | "prepend";
+          }
+        | {
+              type: "javascript";
+              src: string;
+          },
+) {
+    const htmlElement = document.createElement(
+        (() => {
+            switch (params.type) {
+                case "css":
+                    return "link";
+                case "javascript":
+                    return "script";
+            }
+        })(),
+    );
+
+    const dLoaded = new Deferred<void>();
+
+    htmlElement.addEventListener("load", () => dLoaded.resolve());
+
+    Object.assign(
+        htmlElement,
+        (() => {
+            switch (params.type) {
+                case "css":
+                    return {
+                        "href": params.href,
+                        "type": "text/css",
+                        "rel": "stylesheet",
+                        "media": "screen,print",
+                    };
+                case "javascript":
+                    return {
+                        "src": params.src,
+                        "type": "text/javascript",
+                    };
+            }
+        })(),
+    );
+
+    document.getElementsByTagName("head")[0][
+        (() => {
+            switch (params.type) {
+                case "javascript":
+                    return "appendChild";
+                case "css":
+                    return (() => {
+                        switch (params.position) {
+                            case "append":
+                                return "appendChild";
+                            case "prepend":
+                                return "prepend";
+                        }
+                    })();
+            }
+        })()
+    ](htmlElement);
+
+    return dLoaded.pr;
+}