const os = require('os')
const totalMem = os.totalmem() / (1.049 * Math.pow(10, 6))

app = vue.createApp({
    data() {
        return {
            minMemValue: localStorage.getItem("minMem") != null ? localStorage.getItem("minMem") : 1024 ,
            maxMemValue: localStorage.getItem("maxMem") != null ? localStorage.getItem("maxMem") : 2048,
            memStep: 128,
            memMax: totalMem,
            invalidateButtonText: "Supprimer et retélécharger les bibliothèques",
            invalidateButtonDisabled: false,
            displayFullscreen: "none",
            nick: "Chargement",
            launchBtnText: "Selectionnez un chapitre",
            launchBtnDisable: true,
            launchBtnHidden: false,
            loadingMessageHidden: true,
            loadingMessageText: "Téléchargement de Minecraft en cours...",
            fullprogressbarHidden: true,
            progressbarWidth: 0,
            sidebarContent: "<hr><p>Chargement en cours</p>",
            modsInformations: [],
            modsInformationsLoaded: true
        }
        
    },
    mounted () {
        iziToast.settings({
            close: false,
            closeOnClick: true,
            timeout: 5000,
            position: 'topRight',
            resetOnHover: true,
        })
        ipcRenderer.on("modsInformations", (e, args) => {
            console.log("loaded")
            if(args === null) {
                this.modsInformationsLoaded = false
            } else {
                this.modsInformationsLoaded = true
            }
            this.updateModsInformations(args)
        })
        ipcRenderer.on("nick", (_, args) => root.nick = args.name)
    },
    methods: {
        invalidateData () {
            this.invalidateButtonDisabled = true
            this.invalidateButtonText = "Opération en cours"
            this.notificationTitle = "Opération en cours"
            this.notificationMessage = "Suppression des données du jeu en cours"
            this.showInfo()
            ipcRenderer.send('invalidateData')
        },
        launchBtnClick () {
            this.launchBtnHidden = true
            this.fullprogressbarHidden = false
            this.loadingMessageHidden = false
            if(Number(this.minMemValue) <= Number(this.maxMemValue)){
                ipcRenderer.send('launch', {
                    minMem: this.minMemValue + "M",
                    maxMem: this.maxMemValue + "M",
                    chapter: selectedChapter
                })
                this.launchBtnDisable = true
                localStorage.setItem("minMem", this.minMemValue)
                localStorage.setItem("maxMem", this.maxMemValue)
                gameLaunching = true
            } else {
                this.showError("Erreur de lancement", "La mémoire minimale doit être inférieure ou égale à la mémoire maximale.")
            }
        },
        disconnectBtn () {
            ipcRenderer.send('disconnect')
        },
        options () {
            if(!gameLaunching)
                this.displayFullscreen = "block"
        },
        discord() {
            shell.openExternal("https://discord.gg/b923tMhmRE") }
            ,
        web() {
            shell.openExternal("https://altarik.fr")
        },
        closeFullscreen () {
            this.displayFullscreen = "none"
        },
        updateModsInformations(content) {
            this.modsInformations = content
            nextTick(() => {})
        },
        getModsInformations() {
            return this.modsInformations
        },
        showInfo(title, body) {
            iziToast.info({
                title: title,
                message: body,
                color: 'blue'
            })
        },
        showError(title, body) {
            iziToast.error({
                title: title,
                message: body,
                color: 'red',
            })
        },
        showWarning(title, body) {
            iziToast.warning({
                title: title,
                message: body,
                color: 'yellow'
            })
        },
        showSuccess(title, body) {
            iziToast.success({
                title: title,
                message: body,
                color: 'green'
            })
        }
    }
})

let root = app.mount("#vue")

let gameLaunching = false

let selectedChapter = -1;

ipcRenderer.on("invalidated", () => {
    root.invalidateButtonDisabled = false
    root.invalidateButtonText = "Supprimer et retélécharger les bibliothèques"
    root.showSuccess("Opération terminée", "Les données du jeu ont été supprimé avec succès")
})

ipcRenderer.on("progress", (e, args) => {
    root.progressbarWidth =  (args.task / Math.max(args.total, args.task)) * 100
    root.loadingMessageText =  "Téléchargement de " + args.type + ": " + args.task + " sur " + Math.max(args.total, args.task)
})

ipcRenderer.on("close", (_e, _args) => {
    root.launchBtnHidden = false
    root.fullprogressbarHidden = true
    root.loadingMessageHidden = true
    root.loadingMessageText = "Chargement de Minecraft en cours..."
    root.progressbarWidth = 0
    root.launchBtnDisable = false
    gameLaunching = false
})

ipcRenderer.on('launch', (_e, _args) => {
    root.fullprogressbarHidden = true
    root.loadingMessageHidden = true
})

function changeSelectedChapter(element) {
    selectedChapter = Number(element.dataset.chapter)
    document.querySelectorAll("#sidebar-content > div").forEach((v) => {
        v.classList.remove("selected")
    })
    element.classList.add("selected")
    root.launchBtnText = "JOUER"
    root.launchBtnDisable = false
}