import { Message } from "./message.js";
import { Fullscreen } from "./fullscreen.js";
type filejson= {id:string,filename:string,content_type:string,width:number,height:number,proxy_url:string|undefined,url:string,size:number};
class File{
    owner:Message;
    id:string;
    filename:string;
    content_type:string;
    width:number;
    height:number;
    proxy_url:string;
    url:string;
    size:number;
    constructor(fileJSON:filejson,owner:Message){
        console.log(fileJSON);
        this.owner=owner;
        this.id=fileJSON.id;
        this.filename=fileJSON.filename;
        this.content_type=fileJSON.content_type;
        this.width=fileJSON.width;
        this.height=fileJSON.height;
        this.url=fileJSON.url;
        this.proxy_url=fileJSON.proxy_url;
        this.content_type=fileJSON.content_type;
        this.size=fileJSON.size;
    }
    getHTML(temp:boolean=false):HTMLElement{
        const src=this.proxy_url||this.url;
        if(this.content_type.startsWith('image/')){
            const img=document.createElement("img");
            img.classList.add("messageimg");
            img.onclick=function(){
                const full=new Fullscreen(["img",img.src,["fit"]]);
                full.show();
            }
            img.src=src;
            img.height=this.height;
            img.width=this.width;
            return img;
        }else if(this.content_type.startsWith('video/')){
            const video=document.createElement("video");
            const source=document.createElement("source");
            source.src=src;
            video.append(source);
            source.type=this.content_type;
            video.controls=!temp;
            return video;
        }else if(this.content_type.startsWith('audio/')){
            const audio=document.createElement("audio");
            const source=document.createElement("source");
            source.src=src;
            audio.append(source);
            source.type=this.content_type;
            audio.controls=!temp;
            return audio;
        }else{
            return this.createunknown();
        }
    }
    upHTML(files:Blob[],file:globalThis.File):HTMLElement{
        const div=document.createElement("div");
        const contained=this.getHTML(true);
        div.classList.add("containedFile");
        div.append(contained);
        const controls=document.createElement("div");
        const garbage=document.createElement("button");
        garbage.textContent="🗑";
        garbage.onclick=_=>{
            div.remove();
            files.splice(files.indexOf(file),1);
        }
        controls.classList.add("controls");
        div.append(controls);
        controls.append(garbage);
        return div;
    }
    static initFromBlob(file:globalThis.File){
        return new File({
            filename:file.name,
            size:file.size,
            id:null,
            content_type:file.type,
            width:undefined,
            height:undefined,
            url:URL.createObjectURL(file),
            proxy_url:undefined
        },null)
    }
    createunknown():HTMLElement{
        console.log("🗎")
        const src=this.proxy_url||this.url;
        const div=document.createElement("table");
        div.classList.add("unknownfile");
        const nametr=document.createElement("tr");
        div.append(nametr);
        const fileicon=document.createElement("td");
        nametr.append(fileicon);
        fileicon.append("🗎");
        fileicon.classList.add("fileicon");
        fileicon.rowSpan=2;
        const nametd=document.createElement("td");
        if(src){
            const a=document.createElement("a");
            a.href=src;
            a.textContent=this.filename;
            nametd.append(a);
        }else{
            nametd.textContent=this.filename;
        }

        nametd.classList.add("filename");
        nametr.append(nametd);
        const sizetr=document.createElement("tr");
        const size=document.createElement("td");
        sizetr.append(size);
        size.textContent="Size:"+File.filesizehuman(this.size);
        size.classList.add("filesize");
        div.appendChild(sizetr);
        return div;
    }
    static filesizehuman(fsize:number){
        var i = fsize == 0 ? 0 : Math.floor(Math.log(fsize) / Math.log(1024));
        return +((fsize / Math.pow(1024, i)).toFixed(2)) * 1 + ' ' + ['Bytes', 'Kilobytes', 'Megabytes', 'Gigabytes', 'Terabytes'][i];
    }
}
export{File}