/**
 * {sonist app}
 * @author yutent<yutent@doui.cc>
 * @date 2018/12/16 17:15:57
 */

import '/lib/anot.js'
import layer from '/lib/layer/index.js'
import store from '/lib/store/index.js'
import AudioPlayer from '/lib/audio/index.js'
import Lyrics from '/lib/lyrics/index.js'

import Api from '/js/api.js'

import Artist from '/js/modules/artist.js'
import Local from '/js/modules/local.js'
import Profile from '/js/modules/profile.js'
import Search from '/js/modules/search.js'

import KTV from '/js/modules/ktv.js'
import PLAYCTRL from '/js/modules/play-ctrl.js'

const log = console.log

const fs = require('iofs')
const path = require('path')

const { remote, ipcRenderer, screen } = require('electron')
const { createDesktopLrcWindow, createMiniWindow } = remote.require(
  './tools/windows'
)
const MAIN_SCREEN = screen.getPrimaryDisplay()

const WIN = remote.getCurrentWindow()
const __LRC__ = createDesktopLrcWindow(MAIN_SCREEN)
const __MINI__ = createMiniWindow(MAIN_SCREEN)

const PLAY_MODE = {
  0: 'all',
  1: 'single',
  2: 'random'
}

// 本地音乐和试用音乐列表
window.LS = store.collection('local')
window.TS = store.collection('temp')
//  音乐播放器
window.SONIST = new AudioPlayer()
window.LYRICS = new Lyrics()

let appInit = ipcRenderer.sendSync('get-init')

Anot.ss('app-init', appInit)

SONIST.target = 'local' //播放目标是本地音乐

Anot({
  $id: 'app',
  state: {
    theme: appInit.theme || 1, // 1:macos, 2: deepin
    winFocus: false,
    mod: 'profile',
    searchTxt: '',
    playMode: Anot.ls('play-mode') >>> 0, // 0:all | 1:single |  2:random
    ktvMode: 0,
    isPlaying: false,
    optBoxShow: false,
    volumeCtrlShow: false,
    volume: Anot.ls('volume') || 70,
    muted: false,
    curr: {
      id: '',
      cover: '',
      title: '',
      artist: '',
      album: '',
      time: 0,
      duration: 0
    },
    ctrlLrc: '暂无歌词...',
    ...KTV.data,
    loading: false,
    progress: 0
  },
  skip: [],
  computed: {
    views() {
      if (!this.mod) {
        return
      }
      return '/views/' + this.mod + '.htm'
    },
    coverBG() {
      if (this.curr.cover) {
        return `url(${this.curr.cover})`
      } else {
        return 'none'
      }
    }
  },
  watch: {
    mod(val) {
      this.activeModule(val)
    }
  },
  mounted() {
    let canvas = this.$refs.player

    // 画布放大4倍, 以解决模糊的问题
    this.__WIDTH__ = canvas.clientWidth * 4
    this.__HEIGHT__ = canvas.clientHeight * 4

    canvas.width = this.__WIDTH__
    canvas.height = this.__HEIGHT__
    this.__CTX__ = canvas.getContext('2d')

    this.draw(true)

    // 修改歌曲进度
    canvas.addEventListener(
      'click',
      ev => {
        if (!this.curr.id) {
          return
        }
        let rect = canvas.getBoundingClientRect()
        let aw = rect.width
        let ax = ev.pageX - rect.left
        let ay = ev.pageY - rect.top

        if (ax < 80) {
          this.ktvMode = this.ktvMode ^ 1
          if (!this.isPlaying) {
            this.draw()
          }
          return
        }
        if (ax > 124 && ay > 55 && ay < 64) {
          let pp = (ax - 124) / (aw - 124)
          this.curr.time = pp * this.curr.duration
          SONIST.seek(this.curr.time)
          LYRICS.seek(this.curr.time)
          if (!this.isPlaying) {
            this.draw()
          }
        }
      },
      false
    )

    // 设置循环模式
    SONIST.mode = PLAY_MODE[this.playMode]
    SONIST.volume = this.volume

    SONIST.on('play', time => {
      this.curr.time = time
      LYRICS.update(time)
    })

    SONIST.on('end', time => {
      this.nextSong(1)
    })

    // 控制条的单行歌词
    LYRICS.on('ctrl-lrc', lrc => {
      this.ctrlLrc = lrc
    })

    // ktv模式的歌词
    LYRICS.on('ktv-lrc', lrc => {
      this.lrc = lrc
      __LRC__.emit('ktv-lrc', lrc)
    })

    // ktv模式的歌词
    LYRICS.on('view-all', lrc => {
      this.allLrc = lrc
    })

    this.activeModule(this.mod)

    remote.app.on('browser-window-focus', _ => {
      this.winFocus = true
    })
    remote.app.on('browser-window-blur', _ => {
      this.winFocus = false
    })

    /**
     * 响应mini窗口的事件
     */
    WIN.on('mini-ctrl', ev => {
      switch (ev) {
        case 'prev':
          this.nextSong(-1)
          break
        case 'play':
          this.play()
          break
        case 'next':
          this.nextSong(1)
          break
        case 'desktoplrc':
          this.toggleDesktopLrc()
          break
        default:
          if (ev.name === 'play-mode') {
            this.playMode = ev.value
            SONIST.mode = PLAY_MODE[ev.value]
            Anot.ls('play-mode', ev.value)
          }
      }
    })

    /**
     * 响应 全局快捷键的事件
     */
    WIN.on('gs-ctrl', ev => {
      switch (ev) {
        case 'prev':
          this.nextSong(-1)
          break
        case 'play':
          this.play()
          break
        case 'next':
          this.nextSong(1)
          break
        case 'stop':
          this.isPlaying = false
          this.curr.time = 0
          SONIST.seek(0)
          LYRICS.seek(0)
          SONIST.pause()
          this.draw()
          break

        case 'vu':
          this.volume += 5
          if (this.volume >= 100) {
            this.volume = 100
          }
          SONIST.volume = this.volume
          break
        case 'vd':
          this.volume -= 5
          if (this.volume <= 0) {
            this.volume = 0
          }
          SONIST.volume = this.volume
          break
        case 'mute':
          this.muted = SONIST.mute()
          break
        default:
          if (ev.name === 'play-mode') {
            this.playMode = ev.value
            SONIST.mode = PLAY_MODE[ev.value]
            Anot.ls('play-mode', ev.value)
          }
      }
    })

    // 迷你模式开启时, 不响应托盘和dock栏的点击事件
    ipcRenderer.on('dock-click', () => {
      if (!__MINI__.isVisible()) {
        WIN.show()
      }
    })
  },
  methods: {
    quit(force) {
      if (force) {
        remote.app.exit()
      } else {
        if (appInit.allowPlayOnBack) {
          WIN.hide()
        } else {
          remote.app.exit()
        }
      }
    },
    minimize() {
      WIN.minimize()
    },
    change2mini() {
      this.optBoxShow = false
      WIN.hide()
      __MINI__.show()
      let song = this.curr.$model
      if (!this.isPlaying) {
        delete song.id
      }
      __MINI__.emit('mini-init', song)
    },

    activeModule(mod) {
      switch (mod) {
        case 'artist':
          Artist.__init__()
          break
        case 'local':
          Local.__init__()
          break
        case 'profile':
          Profile.__init__()
          break
        case 'search':
          Search.__init__()
          break
        default:
          break
      }
    },

    toggleOptBox() {
      this.optBoxShow = !this.optBoxShow
    },
    toggleDesktopLrc() {
      if (__LRC__.isVisible()) {
        __LRC__.hide()
      } else {
        __LRC__.showInactive()
      }
    },
    toggleModule(mod) {
      if ('mv' === mod) {
        return
      }
      this.optBoxShow = false
      this.__last__ = this.mod
      this.mod = mod
    },
    // 设置保存 回调
    onProfileSaved() {
      this.toggleModule(this.__last__)
      appInit = JSON.parse(Anot.ss('app-init'))
    },

    //  切换循环模式
    togglePlayMode() {
      let mod = this.playMode
      mod++
      if (mod > 2) {
        mod = 0
      }
      this.playMode = mod
      SONIST.mode = PLAY_MODE[mod]
      Anot.ls('play-mode', mod)
    },

    // 修改音量
    changeValume(ev) {
      let volume = 575 - ev.pageY
      if (volume < 0) {
        volume = 0
      }
      if (volume > 100) {
        volume = 100
      }
      this.volume = volume
      SONIST.volume = volume
      Anot.ls('volume', volume)
    },

    searchMusic(ev) {
      if (ev.keyCode === 13) {
        let txt = this.searchTxt.trim()

        if (!txt) {
          return
        }

        if (txt === ':debug:') {
          log('-----  调试模式  -----')
          this.searchTxt = ''
          WIN.openDevTools()
          return
        }
        if (this.mod !== 'search') {
          this.toggleModule('search')
        }

        Search.search(txt)
        this.searchTxt = ''
        // layer.toast('搜索功能还未开放')
      }
    },

    /**
     * 播放按钮的事件
     */
    handleCtrl(ev) {
      let key = ev.target.dataset.key

      switch (key) {
        case 'prev':
          this.nextSong(-1)
          break
        case 'play':
          this.play()
          break
        case 'next':
          this.nextSong(1)
          break
        default:
          break
      }
    },

    nextSong(step) {
      let _p = null
      if (step > 0) {
        _p = SONIST.next()
      } else {
        _p = SONIST.prev()
      }
      this.isPlaying = false
      _p.then(it => {
        if (this.mod === 'local') {
          Local.__updateSong__(it)
        }
        // 通知子模块歌曲已经改变
        this.$fire('child!curr', it.id)
        this.play(it)
      })
    },

    updateCurr(obj) {
      let old = this.curr.$model
      this.curr = Object.assign(old, obj)
      __MINI__.emit('mini-init', this.curr.$model)
    },

    play(song) {
      // 有参数的,说明是播放回调通知
      // 此时仅更新播放控制条的信息即可
      if (song) {
        song.time = 0
        this.ctrlLrc = '暂无歌词...'
        this.updateCurr(song)
        this.isPlaying = true
        this.draw(true)
        LYRICS.__init__(song.id)
      } else {
        if (SONIST.stat === 'ready') {
          let played = this.isPlaying
          this.isPlaying = !this.isPlaying
          if (this.curr.id) {
            if (played) {
              SONIST.pause()
            } else {
              SONIST.play()
            }
            this.draw()
          } else {
            let lastPlay = Anot.ls('last-play') || 0
            SONIST.play(lastPlay).then(it => {
              it.time = 0
              this.ctrlLrc = '暂无歌词...'
              this.updateCurr(it)
              this.draw(true)
              // this.ktvMode = 1

              LYRICS.__init__(it.id)
            })
          }
        }
      }
    },
    ...PLAYCTRL.methods,
    ...KTV.methods
  }
})