add unsafe loading

AssetLoader.mjs

@@ -5,25 +5,37 @@
  * @param {String} dataURL
  * @param {String} id
  */
-export async function loadAsset(dataURL,id=undefined){
+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.outerHTML=atob(dataURL.split(',')[1])
+            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':{
             const script=document.createElement('script')
             script.id=id
             script.innerHTML=atob(dataURL.split(',')[1])
+            if(unsafe){
+                import('data:text/javascript,'+script.innerHTML)
+            }
             return script
         }
         default:{
@@ -33,23 +45,39 @@ export async function loadAsset(dataURL,id=undefined){
                     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 await new FontFace(id,dataURL).load()
                 }
                 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)
                 }
             }