// We use `league-connect` package on npmjs
createWebSocketConnection().then((ws=>{
  console.log('连接客户端成功')
  ws.subscribe('/lol-gameflow/v1/gameflow-phase', async (data, _) => {
    let bflag = false
    if (data === 'Lobby') {
      while (bflag === false) {
        bflag = await fillUpDices1()
      }
    }
  })
  console.log('开始监听，保持后台运行即可')
}))

export async function fillUpDices1() {
  // Find the iframe
  const targets = await CDP.List({ 'host': 'localhost', port: REMOTE_DEBUGGING_PORT })
  const theFrame = targets.find(t => {     
    return t.type === 'iframe' 
    // This can both catch ARAM & AURF iframe
    && t.title.includes('aram/random')
  })
  if (!theFrame) {
    return false
  }

  // Tell if it's aram  or aurf
  const isAURF = theFrame.url.includes('infinite') ? true : false
  
  // Connect to frame
  const client = await CDP({ 'host': 'localhost', 'port': REMOTE_DEBUGGING_PORT, 'target': theFrame.id })

  // Wait for Milo(:thinking any better idea?)
  // blog: 看这里！
  // blog: 这里使用Runtime.evaluate来检测Milo是否初始化完毕
  let isMiloReady = await client.Runtime.evaluate({ 'expression': `typeof Milo !== 'undefined'` })
  while (!isMiloReady.result.value) {
    // console.log('MILO NOT READY')
    isMiloReady = await client.Runtime.evaluate({ 'expression': `typeof Milo === 'undefined'` })
    await new Promise<void>((r, j) => { setTimeout(() => { r() }, 200) })
  }


  let ret = false
  if(isAURF){
    ret = await AURF(client)
  }
  else{
    ret=  await ARAM(client)
  }

  await updateCount(client,isAURF)
  client.close()

  return ret
}

// blog: 这里就是核心业务的代码，通过Milo.emit来上报
function miloEmitExpressionString(actId:string,token:string){
  // Will return stringified JSON
  return `
      (async function(){
        return await Milo.emit({actId:'${actId}',token:'${token}',sData:{sArea:window.area}})
      })()          
        .then((r)=>{
          return JSON.stringify(r)
        })
      `
}

// blog:针对不同模式，业务参数有所不同，这里就不多讲了
export async function ARAM(client:Client){
    // blog: awaitPromise设置为True，不要给自己找麻烦
    const evalRes = await client.Runtime.evaluate({
      expression: miloEmitExpressionString('705790','7b9c56'),
      awaitPromise: true
    })

    // console.log('请求MILO')
    // console.log('请求结果', evalRes)
  
    // 原因未知，偶尔出现，应该代表了业务失败
    if (evalRes.result.value === undefined) {
      // console.log('调用完了，但是结果不对劲')
      return false
    }
    // 解析结果，输出到终端
    const miloResObject = JSON.parse(evalRes.result.value)
    console.log(`[${new Date().toTimeString()}]尝试补充大乱斗骰子，返回结果: ${miloResObject.sMsg}`)
    return true
  
}


export async function AURF(client:Client){
  const evalRes = await client.Runtime.evaluate({
    expression: miloEmitExpressionString('705790','656963'),
    awaitPromise: true
  })
  // blog: 下面一样就不贴了
  // ....
}



export async function remainingDicesCount(client:Client,isAURF:boolean){
  // blog: 查询骰子数量也是一个单独的业务
  const evalRes = await client.Runtime.evaluate({
    expression: miloEmitExpressionString('705790','c43e85'),
    awaitPromise: true
  })
  if (evalRes.result.value === undefined) {
    return false
  }
  const miloResObject = JSON.parse(evalRes.result.value)
  console.log(`[${new Date().toTimeString()}]查询ARAM骰子数量，返回结果: 剩余${miloResObject.details.jData.scoreNum},目前${miloResObject.details.jData.diceNum}/2`)

  const evalRes2 = await client.Runtime.evaluate({
    expression: miloEmitExpressionString('705790','6ae6d9'),
    awaitPromise: true
  })
  if (evalRes2.result.value === undefined) {
    return false
  }
  const miloResObject2 = JSON.parse(evalRes2.result.value)
  console.log(`[${new Date().toTimeString()}]查询AURF骰子数量，返回结果: 剩余${miloResObject2.details.jData.scoreNum},目前${miloResObject2.details.jData.diceNum}/2`)

  // blog: 把骰子数量的查询结果同步到网页中
  client.Runtime.evaluate({expression:`
    document.querySelector('#diceNum').innerText = ${ isAURF ? miloResObject2.details.jData.diceNum : miloResObject.details.jData.diceNum};
    document.querySelector('#scoreNum').innerText = ${miloResObject.details.jData.scoreNum};
    `
  })
}