/** @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,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':{
            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:{
            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 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)
                }
            }
        }
    }
}

export default loadAsset