import type { VNode } from 'vue'
import { NButton, NImage } from 'naive-ui'
import UpdateNoteContainer from '@/components/UpdateNoteContainer.vue'

export const updateNotes: updateNoteType[] = [
  {
    ver: 7,
    date: '2025.5.1',
    items: [
      {
        type: 'optimize',
        title: '礼物支持置顶和随机key',
        content: [
          [
            '积分礼物现在可以对部分进行置顶操作, 置顶的礼物会出现在礼物列表的最前面',
          ],
          [
            '现在支持为礼物附加key, 可以在兑换礼物之后自动选择一个附加到礼物内容中',
          ],
          [
            '礼物页面样式优化',
          ],
        ],
      },
      {
        type: 'new',
        title: '签到功能增加排行榜, 允许仅签到',
        content: [
          [
            '签到功能增加排行榜, 可以查看签到天数和签到排名 ',
            () => h(NImage, { src: 'https://files.vtsuru.suki.club/updatelog/25_5_1_1.png', width: 300 }),
          ],
          [
            '签到功能增加仅签到功能, 可以只签到不给予积分, 修改设置项',
            () => h(NImage, { src: 'https://files.vtsuru.suki.club/updatelog/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202025-05-01%20080506.png', width: 300 }),
          ],
        ],
      },
    ],
  },
  {
    ver: 6,
    date: '2025.4.26',
    items: [
      {
        type: 'new',
        title: '自动操作新增弹幕签到功能',
        content: [
          [
            '客户端新增弹幕签到功能，支持观众通过发送特定指令获得积分 (需扫码登录或者使用CookieCloud才能发送回复',
            () => h(NImage, { src: 'https://pan.suki.club/d/vtsuru/imgur/0e784480a3016b748af2579b2c492a3b.png', width: 300 }),
          ],
          [
            '客户端安装方式:',
            () => h(NButton, {
              text: true,
              tag: 'a',
              href: 'https://www.wolai.com/carN6qvUm3FErze9Xo53ii',
              target: '_blank',
              type: 'info',
            }, () => '查看介绍'),
          ],
        ],
      },
      {
        type: 'optimize',
        title: '优化',
        content: [
          [
            '读弹幕现在支持进入直播间消息',
          ],
        ],
      },
    ],
  },
  {
    ver: 5,
    date: '2025.4.24',
    items: [
      {
        type: 'new',
        title: '新增弹幕姬管理页面',
        content: [
          [
            '弹幕姬现在可用，兼容 blivechat 样式',
            () => h(NImage, { src: 'https://files.vtsuru.suki.club/updatelog/屏幕截图 2025-05-01 081550.png', width: 300 }),
          ],
          [
            '大部分功能都和 blivechat 一致, 不过目前还无法提供本地文件访问, 部分css中需要使用图片等本地资源样式的需要等 EventFetcher 更新相关功能后才能使用\r\n',
            '配置上传之后会自动同步到obs中',
          ],
        ],
      },
    ],
  },
  {
    ver: 4,
    date: '2025.4.22',
    items: [
      {
        type: 'new',
        title: '添加自动操作功能',
        content: [
          [
            'EventFetcher客户端新增多种自动操作类型支持，包括弹幕自动回复、礼物感谢、上舰发送私信、关注感谢、入场欢迎、定时发送和SC感谢等, 可以执行js代码',
            () => h(NImage, { src: 'https://pan.suki.club/d/vtsuru/imgur/QQ20250422-221703.png', width: 300 }),
          ],
          [
            '使用模板系统，支持随机回复、自定义表达式和条件判断等\r\n',
            '数据持久化存储，各类操作配置和运行状态不会丢失\r\n\r\n',
            '发送弹幕和私信需要客户端扫码登录, 客户端安装方式:',
            () => h(NButton, {
              text: true,
              tag: 'a',
              href: 'https://www.wolai.com/carN6qvUm3FErze9Xo53ii',
              target: '_blank',
              type: 'info',
            }, () => '查看介绍'),
          ],
        ],
      },
    ],
  },
  {
    ver: 3,
    date: '2025.4.15',
    items: [
      {
        type: 'new',
        title: 'Tauri 客户端新增弹幕机功能',
        content: [
          [
            'Tauri 客户端新增弹幕机功能, 可以在自己电脑上显示弹幕礼物等. ',
            '客户端需更新至0.1.2版本, 重启客户端后会自动更新',
            () => h(NImage, { src: 'https://pan.suki.club/d/vtsuru/imgur/81d76a89-96b8-44e9-be79-6caaa5741f64.png', width: 200 }),
          ],
        ],
      },
    ],
  },
  {
    ver: 2,
    date: '2025.4.8',
    items: [
      {
        type: 'new',
        title: 'EventFetcher Tauri 客户端开始测试',
        content: [
          ['比当前所有 EventFetcher 部署方法都更要简单且支持扫码登录的客户端开始测试力, 支持Windows, Linux, MacOS (后两个没测试过'],
          [
            '安装方式: ',
            () => h(NButton, {
              text: true,
              tag: 'a',
              href: 'https://www.wolai.com/carN6qvUm3FErze9Xo53ii',
              target: '_blank',
              type: 'info',
            }, () => '查看介绍'),
          ],
          [
            '当前可能存在一些问题, 可以加入秋秋群 873260337 进行反馈, 有功能需求也可以提出',
          ],
          [],
          [
            '源码: ',
            () => h(NButton, {
              text: true,
              tag: 'a',
              href: 'https://github.com/Megghy/vtsuru-fetvher-client',
              target: '_blank',
              type: 'info',
            }, () => ' 客户端 Repo '),
            ' | ',
            () => h(NButton, {
              text: true,
              tag: 'a',
              href: 'https://github.com/Megghy/vtsuru.live/tree/master/src/client',
              target: '_blank',
              type: 'info',
            }, () => ' UI/逻辑 '),
          ],
          [
            () => h(NImage, { src: 'https://pan.suki.club/d/vtsuru/imgur/01295402D7FBBF192FE5608179A4A7A6.png', width: 200 }),
          ],
        ],
      },
    ],
  },
  {
    ver: 1,
    date: '2025.3.18',
    items: [
      {
        title: '歌单',
        type: 'optimize',
        content: [
          [
            '新增一个歌单样式: 列表',
            () => h(NImage, { src: 'https://pan.suki.club/d/vtsuru/imgur/QQ20250408-134631.png', width: 300, height: 200 }),
          ],
        ],
      },
    ],
  },
]

export const currentUpdateNoteVer = updateNotes.sort((a, b) => b.ver - a.ver)[0].ver
export const currentUpdateNote = updateNotes.sort((a, b) => b.ver - a.ver)[0].items
export const savedUpdateNoteVer = useStorage('UpdateNoteVer', 0)

export function checkUpdateNote() {
  if (savedUpdateNoteVer.value < currentUpdateNoteVer) {
    window.$dialog.create({
      title: '更新日志',
      style: {
        width: '700px',
        maxWidth: '90vw',
      },
      content: () => h(UpdateNoteContainer),
      negativeText: '确定',
      positiveText: '下次更新前不再提示',
      onPositiveClick: () => {
        savedUpdateNoteVer.value = currentUpdateNoteVer
      },
      onClose: () => {
        savedUpdateNoteVer.value = currentUpdateNoteVer
      },
    })
  }
}

export type updateType = 'fix' | 'new' | 'optimize' | 'other'
export interface updateNoteType {
  ver: number
  date: string
  items: updateNoteItemType[]
}
export interface updateNoteItemType {
  title?: string | (() => VNode)
  type: updateType
  content: updateNoteItemContentType[]
}
export type updateNoteItemContentType = (() => VNode) | string | updateNoteItemContentType[]