/**
 * 本插件使用项目：https://github.com/stevenjoezhang/live2d-widget
 * 另外：插件系统不推荐动态载入js、css，因此此插件并不符合规范！
 */

const loadLive2DWidget = async () => {
  const scritp = document.createElement('script')
  scritp.innerHTML = /* javascript */ `
  // live2d_path 参数建议使用绝对路径
  const live2d_path = 'https://fastly.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/'
  //const live2d_path = "/live2d-widget/";

  // 封装异步加载资源的方法
  function loadExternalResource(url, type) {
    return new Promise((resolve, reject) => {
      let tag

      if (type === 'css') {
        tag = document.createElement('link')
        tag.rel = 'stylesheet'
        tag.href = url
      } else if (type === 'js') {
        tag = document.createElement('script')
        tag.src = url
      }
      if (tag) {
        tag.onload = () => resolve(url)
        tag.onerror = () => reject(url)
        document.head.appendChild(tag)
      }
    })
  }

  // 加载 waifu.css live2d.min.js waifu-tips.js
  if (screen.width >= 768) {
    Promise.all([
      loadExternalResource(live2d_path + 'waifu.css', 'css'),
      loadExternalResource(live2d_path + 'live2d.min.js', 'js'),
      loadExternalResource(live2d_path + 'waifu-tips.js', 'js')
    ]).then(() => {
      // 配置选项的具体用法见 README.md
      const options = {
        //apiPath: "https://live2d.fghrsh.net/api/",
        cdnPath: 'https://fastly.jsdelivr.net/gh/fghrsh/live2d_api/',
        tools: ['switch-model', 'switch-texture', 'quit']
      }
      if(${Plugin.DisableMessage ? 'false' : 'true'}) {
          options.waifuPath = live2d_path + "waifu-tips.json"
      }
      initWidget(options)
    })
  }
  `
  document.body.appendChild(scritp)

  // 循环查找dom
  let changeModelBtn = null
  let tryCount = 0
  while (!changeModelBtn && tryCount < 10) {
    changeModelBtn = document.getElementById('waifu-tool-switch-model')
    if (changeModelBtn) break
    tryCount += 1
    await Plugins.sleep(1000)
  }

  // 点击切换模型按钮时，获取模型ID，然后APP换肤
  const colorMap = {
    5: 'rgb(166,131,216)',
    6: 'rgb(212,224,236)',
    0: 'rgb(80,60,83)',
    1: 'rgb(250,245,132)',
    2: 'rgb(93,147,219)',
    3: 'rgba(116,194,255)',
    4: 'rgb(209,122,83)'
  }

  if (changeModelBtn) {
    changeModelBtn.onclick = () => {
      const modelId = localStorage.getItem('modelId')
      const modelTexturesId = localStorage.getItem('modelTexturesId')
      console.log(modelId, modelTexturesId)
      document.documentElement.style.setProperty('--primary-color', colorMap[modelId])
      document.documentElement.style.setProperty('--secondary-color', colorMap[modelId])
    }
  }
}

const onRun = async () => {
  await loadLive2DWidget()
}

const onReady = () => {
  Plugin.AutoStart && loadLive2DWidget()
}