clean up project for use with npm install

2025-12-15 19:48:56 -08:00
parent b6a681338a
commit 4fe053c324
50 changed files with 391 additions and 15409 deletions
@@ -0,0 +1,89 @@
+/** @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
+ * @param {Boolean} unsafe load assets directly into the DOM
+ */
+export async function loadAsset(dataURL,id=undefined,unsafe=false){
+    const type=dataURL.split(';')[0].split(':')[1]
+    switch(type){
+        case 'text/css':{
+            const style=document.createElement('style')
+            style.id=id
+            style.innerHTML=atob(dataURL.split(',')[1])
+            if(unsafe){
+                return document.body.appendChild(style)
+            }
+            return style
+        }
+        case 'text/html':{
+            const element=document.createElement('span')
+            element.innerHTML=atob(dataURL.split(',')[1])
+            element.id=id
+            if(unsafe){
+                for(const script of element.querySelectorAll('script')){
+                    import('data:text/javascript,'+script.innerHTML)
+                }
+                return document.body.appendChild(element)
+            }
+            return element
+        }
+        case 'text/javascript':{
+            if(unsafe){
+                return import(dataURL)
+            }
+            const script=document.createElement('script')
+            script.id=id
+            script.innerHTML=atob(dataURL.split(',')[1])
+            return script
+        }
+        default:{
+            const mtype=type.split('/')[0]
+            switch(mtype){
+                case 'audio':{
+                    const audio=document.createElement('audio')
+                    audio.id=id
+                    audio.src=dataURL
+                    if(unsafe){
+                        return document.body.appendChild(audio)
+                    }
+                    return audio
+                }
+                case 'font':{
+                    if(unsafe){
+                        document.fonts.add(await new FontFace(id,dataURL).load())
+                    }
+                    return new FontFace(id,dataURL)
+                }
+                case 'image':{
+                    const img=document.createElement('img')
+                    img.id=id
+                    img.src=dataURL
+                    if(unsafe){
+                        return document.body.appendChild(img)
+                    }
+                    return img
+                }
+                case 'video':{
+                    const video=document.createElement('video')
+                    video.id=id
+                    video.src=dataURL
+                    if(unsafe){
+                        return document.body.appendChild(video)
+                    }
+                    return video
+                }
+                default:{
+                    if(unsafe){
+                        window[id]=await fetch(dataURL)
+                    }
+                    return await fetch(dataURL)
+                }
+            }
+        }
+    }
+}
+
+export default loadAsset