/*
 * Live2D Widget
 * https://github.com/stevenjoezhang/live2d-widget
 */

function initWidget(waifuPath = "/waifu-tips.json", apiPath = "") {
    sessionStorage.removeItem("waifu-text")
    document.body.insertAdjacentHTML("beforeend",
        `<div id="waifu">
			<div id="waifu-tips"></div>
			<canvas id="live2d" width="300" height="300"></canvas>
			<div id="waifu-tool">
				<span class="el-icon-s-promotion" title="打飞机"></span>
				<span class="el-icon-refresh" title="换人"></span>
				<span class="el-icon-s-operation" title="换装"></span>
				<span class="el-icon-camera" title="拍照"></span>
				<span class="el-icon-switch-button" title="关闭"></span>
			</div>
		</div>`)
    setTimeout(() => {
        document.getElementById("waifu").style.bottom = 0
    }, 0)

    function registerEventListener() {
        document.querySelector("#waifu-tool .el-icon-s-promotion").addEventListener("click", () => {
            if (window.Asteroids) {
                if (!window.ASTEROIDSPLAYERS) window.ASTEROIDSPLAYERS = []
                window.ASTEROIDSPLAYERS.push(new Asteroids())
            }
            else {
                var script = document.createElement("script")
                script.src = "https://cdn.jsdelivr.net/gh/GalaxyMimi/CDN/asteroids.js"
                document.head.appendChild(script)
            }
        })
        document.querySelector("#waifu-tool .el-icon-refresh").addEventListener("click", loadOtherModel)
        document.querySelector("#waifu-tool .el-icon-s-operation").addEventListener("click", loadRandModel)
        document.querySelector("#waifu-tool .el-icon-camera").addEventListener("click", () => {
            showMessage("照好了嘛，是不是很可爱呢？", 6000, 9)
            Live2D.captureName = "photo.png"
            Live2D.captureFrame = true
        })
        document.querySelector("#waifu-tool .el-icon-switch-button").addEventListener("click", exit)
        var devtools = () => ({})
        console.log("%c", devtools)
        devtools.toString = () => {
            showMessage("哈哈，你打开了控制台，是想要看看我的小秘密吗？", 6000, 9)
        }
        window.addEventListener("visibilitychange", () => {
            if (!document.hidden) showMessage("哇，你终于回来了～", 6000, 9)
        })
    }

    registerEventListener()

    function welcomeMessage() {
        let text
        if (location.pathname === "/") { // 如果是主页
            let now = new Date().getHours()
            if (now > 5 && now <= 7) text = "早上好！一日之计在于晨，美好的一天就要开始了。"
            else if (now > 7 && now <= 11) text = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！"
            else if (now > 11 && now <= 13) text = "中午了，工作了一个上午，现在是午餐时间！"
            else if (now > 13 && now <= 17) text = "午后很容易犯困呢，今天的运动目标完成了吗？"
            else if (now > 17 && now <= 19) text = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红～"
            else if (now > 19 && now <= 21) text = "晚上好，今天过得怎么样？"
            else if (now > 21 && now <= 23) text = ["已经这么晚了呀，早点休息吧，晚安～", "深夜时要爱护眼睛呀！"]
            else text = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？"
        }
        else if (document.referrer !== "") {
            let referrer = new URL(document.referrer),
                domain = referrer.hostname.split(".")[1]
            if (location.hostname === referrer.hostname) text = `欢迎阅读<span>「${document.title.split(" - ")[0]}」</span>`
            else if (domain === "baidu") text = `Hello！来自 百度搜索 的朋友<br>你是搜索 <span>${referrer.search.split("&wd=")[1].split("&")[0]}</span> 找到的我吗？`
            else if (domain === "so") text = `Hello！来自 360搜索 的朋友<br>你是搜索 <span>${referrer.search.split("&q=")[1].split("&")[0]}</span> 找到的我吗？`
            else if (domain === "google") text = `Hello！来自 谷歌搜索 的朋友<br>欢迎阅读<span>「${document.title.split(" - ")[0]}」</span>`
            else text = `Hello！来自 <span>${referrer.hostname}</span> 的朋友`
        }
        else {
            text = `欢迎阅读<span>「${document.title.split(" - ")[0]}」</span>`
        }
        showMessage(text, 7000, 8)
    }

    welcomeMessage()

    // 检测用户活动状态，并在空闲时显示消息
    var userAction = false,
        userActionTimer = null,
        messageTimer = null,
        messageArray = ["好久不见，日子过得好快呢……", "大坏蛋！你都多久没理人家了呀，嘤嘤嘤～", "嗨～快来逗我玩吧！", "拿小拳拳锤你胸口！", "记得把小家加入 Adblock 白名单哦！"]
    window.addEventListener("mousemove", () => userAction = true)
    window.addEventListener("keydown", () => userAction = true)
    setInterval(() => {
        if (userAction) {
            userAction = false
            clearInterval(userActionTimer)
            userActionTimer = null
        }
        else if (!userActionTimer) {
            userActionTimer = setInterval(() => {
                showMessage(messageArray[Math.floor(Math.random() * messageArray.length)], 6000, 9)
            }, 20000)
        }
    }, 1000)

    function initModel() {
        let modelId = localStorage.getItem("modelId"),
            modelTexturesId = localStorage.getItem("modelTexturesId")
        if (modelId == null) {
            // 首次访问加载 指定模型 的 指定材质
            modelId = 1 // 模型 ID
            modelTexturesId = 53 // 材质 ID
        }
        loadModel(modelId, modelTexturesId)
        fetch(waifuPath)
            .then(response => response.json())
            .then(result => {
                result.mouseover.forEach(tips => {
                    window.addEventListener("mouseover", event => {
                        if (!event.target.matches(tips.selector)) return
                        var text = Array.isArray(tips.text) ? tips.text[Math.floor(Math.random() * tips.text.length)] : tips.text
                        text = text.replace("{text}", event.target.innerText)
                        showMessage(text, 4000, 8)
                    })
                })
                result.click.forEach(tips => {
                    window.addEventListener("click", event => {
                        if (!event.target.matches(tips.selector)) return
                        var text = Array.isArray(tips.text) ? tips.text[Math.floor(Math.random() * tips.text.length)] : tips.text
                        text = text.replace("{text}", event.target.innerText)
                        showMessage(text, 4000, 8)
                    })
                })
                result.seasons.forEach(tips => {
                    var now = new Date(),
                        after = tips.date.split("-")[0],
                        before = tips.date.split("-")[1] || after
                    if ((after.split("/")[0] <= now.getMonth() + 1 && now.getMonth() + 1 <= before.split("/")[0]) && (after.split("/")[1] <= now.getDate() && now.getDate() <= before.split("/")[1])) {
                        var text = Array.isArray(tips.text) ? tips.text[Math.floor(Math.random() * tips.text.length)] : tips.text
                        text = text.replace("{year}", now.getFullYear())
                        //showMessage(text, 7000, true);
                        messageArray.push(text)
                    }
                })
            })
    }

    initModel()

    function loadModel(modelId, modelTexturesId) {
        localStorage.setItem("modelId", modelId)
        if (modelTexturesId === undefined) modelTexturesId = 0
        localStorage.setItem("modelTexturesId", modelTexturesId)
        loadlive2d("live2d", `${apiPath}/get/?id=${modelId}-${modelTexturesId}`, console.log(`Live2D 模型 ${modelId}-${modelTexturesId} 加载完成`))
    }

    //调用一言api
    function showHitokoto() {
        // 增加 hitokoto.cn 的 API
        fetch("https://v1.hitokoto.cn")
            .then(response => response.json())
            .then(result => {
                var text = `这句一言来自 <span>「${result.from}」</span>，是 <span>${result.creator}</span> 在 hitokoto.cn 投稿的。`
                showMessage(result.hitokoto, 6000, 9)
                setTimeout(() => {
                    showMessage(text, 4000, 9)
                }, 6000)
            })
    }

    //显示信息
    function showMessage(text, timeout, priority) {
        if (!text) return
        if (!sessionStorage.getItem("waifu-text") || sessionStorage.getItem("waifu-text") <= priority) {
            if (messageTimer) {
                clearTimeout(messageTimer)
                messageTimer = null
            }
            if (Array.isArray(text)) text = text[Math.floor(Math.random() * text.length)]
            sessionStorage.setItem("waifu-text", priority)
            var tips = document.getElementById("waifu-tips")
            if (!tips) return
            tips.innerHTML = text
            tips.classList.add("waifu-tips-active")
            messageTimer = setTimeout(() => {
                sessionStorage.removeItem("waifu-text")
                tips.classList.remove("waifu-tips-active")
            }, timeout)
        }
    }

    //换装
    function loadRandModel() {
        let modelId = localStorage.getItem("modelId"),
            modelTexturesId = localStorage.getItem("modelTexturesId")
        // 可选 "rand"(随机), "switch"(顺序)
        fetch(`${apiPath}/rand_textures/?id=${modelId}-${modelTexturesId}`)
            .then(response => response.json())
            .then(result => {
                if (result.textures.id == 1 && (modelTexturesId == 1 || modelTexturesId == 0)) showMessage("我还没有其他衣服呢！", 4000, 10)
                else showMessage("我的新衣服好看嘛？", 4000, 10)
                loadModel(modelId, result.textures.id)
            })
    }

    //切换其他模型
    function loadOtherModel() {
        var modelId = localStorage.getItem("modelId")
        fetch(`${apiPath}/switch/?id=${modelId}`)
            .then(response => response.json())
            .then(result => {
                loadModel(result.model.id)
                showMessage(result.model.message, 4000, 10)
            })
    }

    //退出
    function exit() {
        showMessage("愿你有一天能与重要的人重逢。", 2000, 11)
        const dom = document.getElementById("waifu")
        dom.style.bottom = "-500px"
        setTimeout(() => {
            // dom.style.display = "none"
            dom.remove()
        }, 3000)
    }
}
