end of day

2022-12-08 17:50:37 +00:00
parent 5a26216726
commit 3ed59e05b4
15 changed files with 555 additions and 79 deletions
@@ -0,0 +1,60 @@
+/** @module AssetLoader */
+
+/**
+ * Loads a data url and returns the resulting element, font face, or when the type is unrecognized, a fetch response.
+ * @param {String} dataURL
+ * @param {String} id
+ */
+export async function loadAsset(dataURL,id=undefined){
+    const type=dataURL.split(';')[0].split(':')[1]
+    switch(type){
+        case 'text/css':{
+            const style=new HTMLStyleElement()
+            style.id=id
+            style.innerHTML=atob(dataURL.split(',')[1])
+            return style
+        }
+        case 'text/html':{
+            const element=new HTMLElement()
+            element.id=id
+            element.outerHTML=atob(dataURL.split(',')[1])
+            return element
+        }
+        case 'text/javascript':{
+            const script=new HTMLScriptElement()
+            script.id=id
+            script.innerHTML=atob(dataURL.split(',')[1])
+            return script
+        }
+        default:{
+            const mtype=type.split('/')[0]
+            switch(mtype){
+                case 'audio':{
+                    const audio=new HTMLAudioElement()
+                    audio.id=id
+                    audio.src=dataURL
+                    return audio
+                }
+                case 'font':{
+                    return await new FontFace(id,dataURL).load()
+                }
+                case 'image':{
+                    const img=new HTMLImageElement()
+                    img.id=id
+                    img.src=dataURL
+                    return img
+                }
+                case 'video':{
+                    const video=new HTMLVideoElement()
+                    video.id=id
+                    video.src=dataURL
+                }
+                default:{
+                    return await fetch(dataURL)
+                }
+            }
+        }
+    }
+}
+
+export default loadAsset