import {
  app,
  Menu,
  Tray,
  dialog,
  clipboard,
  nativeTheme
} from 'electron'
import uploader from 'apis/app/uploader'
import picgo from '@core/picgo'
import { GalleryDB } from '~/main/apis/core/datastore'
import windowManager from 'apis/app/window/windowManager'
import { IPasteStyle, IWindowList } from '#/types/enum'
import pasteTemplate from '~/main/utils/pasteTemplate'
import pkg from 'root/package.json'
import { ensureFilePath, getClipboardFilePathList, handleCopyUrl, showNotification } from '~/main/utils/common'
import { privacyManager } from '~/main/utils/privacyManager'
import { T } from '~/main/i18n'
import { isMacOSVersionGreaterThanOrEqualTo } from '~/main/utils/getMacOSVersion'
import { buildPicBedListMenu } from '~/main/events/remotes/picBedListMenu'
import { isLinux, isMacOS } from '~/universal/utils/common'
import { getStaticPath } from '#/utils/staticPath'
let contextMenu: Menu | null
let menu: Menu | null
let tray: Tray | null
// need to build new menu
export function createContextMenu () {
  if (process.platform === 'darwin' || process.platform === 'win32') {
    const submenu = buildPicBedListMenu()
    contextMenu = Menu.buildFromTemplate([
      {
        label: T('ABOUT'),
        click () {
          dialog.showMessageBox({
            title: 'PicGo',
            message: 'PicGo',
            detail: `Version: ${pkg.version}\nAuthor: Molunerfinn\nGithub: https://github.com/Molunerfinn/PicGo`
          })
        }
      },
      {
        label: T('OPEN_MAIN_WINDOW'),
        click () {
          const settingWindow = windowManager.get(IWindowList.SETTING_WINDOW)
          settingWindow!.show()
          settingWindow!.focus()
          if (windowManager.has(IWindowList.MINI_WINDOW)) {
            windowManager.get(IWindowList.MINI_WINDOW)!.hide()
          }
        }
      },
      {
        label: T('CHOOSE_DEFAULT_PICBED'),
        type: 'submenu',
        // @ts-ignore
        submenu
      },
      // @ts-ignore
      {
        label: T('OPEN_UPDATE_HELPER'),
        type: 'checkbox',
        checked: picgo.getConfig<boolean>('settings.showUpdateTip') !== false,
        click () {
          const value = picgo.getConfig<boolean>('settings.showUpdateTip') !== false
          picgo.saveConfig({ 'settings.showUpdateTip': !value })
        }
      },
      {
        label: T('PRIVACY_TERMS_AGREEMENT'),
        click () {
          privacyManager.show(false)
        }
      },
      {
        label: T('RELOAD_APP'),
        click () {
          app.relaunch()
          app.exit(0)
        }
      },
      // @ts-ignore
      {
        role: 'quit',
        label: T('QUIT')
      }
    ])
  } else if (process.platform === 'linux') {
    // TODO 图床选择功能
    // 由于在Linux难以像在Mac和Windows上那样在点击时构造ContextMenu，
    // 暂时取消这个选单，避免引起和设置中启用的图床不一致

    // TODO 重启应用功能
    // 目前的实现无法正常工作

    contextMenu = Menu.buildFromTemplate([
      {
        label: T('OPEN_MAIN_WINDOW'),
        click () {
          const settingWindow = windowManager.get(IWindowList.SETTING_WINDOW)
          settingWindow!.show()
          settingWindow!.focus()
          if (windowManager.has(IWindowList.MINI_WINDOW)) {
            windowManager.get(IWindowList.MINI_WINDOW)!.hide()
          }
        }
      },
      // @ts-ignore
      {
        label: T('OPEN_UPDATE_HELPER'),
        type: 'checkbox',
        checked: picgo.getConfig<boolean>('settings.showUpdateTip') !== false,
        click () {
          const value = picgo.getConfig<boolean>('settings.showUpdateTip') !== false
          picgo.saveConfig({ 'settings.showUpdateTip': !value })
        }
      },
      {
        label: T('ABOUT'),
        click () {
          dialog.showMessageBox({
            title: 'PicGo',
            message: 'PicGo',
            buttons: ['Ok'],
            detail: `Version: ${pkg.version}\nAuthor: Molunerfinn\nGithub: https://github.com/Molunerfinn/PicGo`
          })
        }
      },
      // @ts-ignore
      {
        role: 'quit',
        label: T('QUIT')
      }
    ])
  }
  return contextMenu!
}

const getTrayIcon = () => {
  if (process.platform === 'darwin') {
    const isMacOSGreaterThan11 = isMacOSVersionGreaterThanOrEqualTo('11')
    return isMacOSGreaterThan11
      ? getStaticPath('menubar-newdarwinTemplate.png')
      : getStaticPath('menubar.png')
  } else {
    return getStaticPath('menubar-nodarwin.png')
  }
}

export function createTray () {
  const menubarPic = getTrayIcon()
  tray = new Tray(menubarPic)
  // click事件在Mac和Windows上可以触发（在Ubuntu上无法触发，Unity不支持）
  if (process.platform === 'darwin' || process.platform === 'win32') {
    tray.on('right-click', () => {
      if (windowManager.has(IWindowList.TRAY_WINDOW)) {
        windowManager.get(IWindowList.TRAY_WINDOW)!.hide()
      }
      createContextMenu()
      setTimeout(() => {
        tray!.popUpContextMenu(contextMenu!)
      }, 0)
    })
    tray.on('click', (event, bounds) => {
      if (process.platform === 'darwin') {
        toggleWindow(bounds)
        setTimeout(async () => {
          const obj: ImgInfo[] = []
          const imgPathList = getClipboardFilePathList()
          if (imgPathList.length > 0) {
            for (const imgPath of imgPathList) {
              const decodePath = ensureFilePath(imgPath)
              obj.push({
                imgUrl: decodePath
              })
            }
          } else {
            const img = clipboard.readImage()
            if (!img.isEmpty()) {
              const imgUrl = img.toDataURL()
              obj.push({
                width: img.getSize().width,
                height: img.getSize().height,
                imgUrl
              })
            }
          }
          windowManager
            .get(IWindowList.TRAY_WINDOW)!
            .webContents.send('clipboardFiles', obj)
        }, 0)
      } else {
        if (windowManager.has(IWindowList.TRAY_WINDOW)) {
          windowManager.get(IWindowList.TRAY_WINDOW)!.hide()
        }
        const settingWindow = windowManager.get(IWindowList.SETTING_WINDOW)
        settingWindow!.show()
        settingWindow!.focus()
        if (windowManager.has(IWindowList.MINI_WINDOW)) {
          windowManager.get(IWindowList.MINI_WINDOW)!.hide()
        }
      }
    })

    tray.on('drag-enter', () => {
      if (nativeTheme.shouldUseDarkColors) {
        tray!.setImage(getStaticPath('upload-dark.png'))
      } else {
        tray!.setImage(getStaticPath('upload.png'))
      }
    })

    tray.on('drag-end', () => {
      const menubarPic = getTrayIcon()
      tray!.setImage(menubarPic)
    })

    // drop-files only be supported in macOS
    // so the tray window must be available
    tray.on('drop-files', async (event, files: string[]) => {
      const pasteStyle = picgo.getConfig<IPasteStyle>('settings.pasteStyle') || 'markdown'
      const trayWindow = windowManager.get(IWindowList.TRAY_WINDOW)!
      const imgs = await uploader
        .setWebContents(trayWindow.webContents)
        .upload(files)
      if (imgs !== false) {
        const pasteText: string[] = []
        for (let i = 0; i < imgs.length; i++) {
          pasteText.push(
            pasteTemplate(pasteStyle, imgs[i], picgo.getConfig<string>('settings.customLink'))
          )
          setTimeout(() => {
            showNotification({
              title: T('UPLOAD_SUCCEED'),
              body: imgs[i].imgUrl!
              // icon: files[i]
            })
          }, i * 100)
          await GalleryDB.getInstance().insert(imgs[i])
        }
        handleCopyUrl(pasteText.join('\n'))
        trayWindow.webContents.send('dragFiles', imgs)
      }
    })
    // toggleWindow()
  } else if (isLinux) {
    // click事件在Ubuntu上无法触发，Unity不支持（在Mac和Windows上可以触发）
    // 需要使用 setContextMenu 设置菜单
    createContextMenu()
    tray!.setContextMenu(contextMenu)
  }
}

const destroyTray = () => {
  if (tray) {
    tray.removeAllListeners()
    tray.destroy()
    tray = null
  }
  if (windowManager.has(IWindowList.TRAY_WINDOW)) {
    windowManager.get(IWindowList.TRAY_WINDOW)!.hide()
  }
}

/**
 * macOS only: show/hide the menubar (tray) icon.
 * For other platforms this keeps the existing behavior (always show tray).
 */
export function handleMenubarIcon (visible?: boolean) {
  if (!isMacOS) {
    if (!tray) {
      createTray()
    }
    return
  }
  const shouldShow = visible !== undefined ? visible : (picgo.getConfig<boolean>('settings.showMenubarIcon') !== false)
  if (shouldShow) {
    if (!tray) {
      createTray()
    }
  } else {
    destroyTray()
  }
}

export function handleDockIcon () {
  if (isMacOS) {
    if (picgo.getConfig<boolean>('settings.showDockIcon') !== false) {
      app.dock?.show()
      app.dock?.setMenu(createContextMenu())
    } else {
      app.dock?.hide()
    }
  }
}

export function createMenu () {
  if (menu) {
    return menu
  }
  if (process.env.NODE_ENV !== 'development') {
    const template = [
      {
        label: 'Edit',
        submenu: [
          { label: 'Undo', accelerator: 'CmdOrCtrl+Z', selector: 'undo:' },
          {
            label: 'Redo',
            accelerator: 'Shift+CmdOrCtrl+Z',
            selector: 'redo:'
          },
          { type: 'separator' },
          { label: 'Cut', accelerator: 'CmdOrCtrl+X', selector: 'cut:' },
          { label: 'Copy', accelerator: 'CmdOrCtrl+C', selector: 'copy:' },
          { label: 'Paste', accelerator: 'CmdOrCtrl+V', selector: 'paste:' },
          {
            label: 'Select All',
            accelerator: 'CmdOrCtrl+A',
            selector: 'selectAll:'
          },
          {
            label: 'Quit',
            accelerator: 'CmdOrCtrl+Q',
            click () {
              app.quit()
            }
          }
        ]
      }
    ]
    // @ts-ignore
    menu = Menu.buildFromTemplate(template)
    Menu.setApplicationMenu(menu)
  }
}

const toggleWindow = (bounds: IBounds) => {
  const trayWindow = windowManager.get(IWindowList.TRAY_WINDOW)!
  if (trayWindow.isVisible()) {
    trayWindow.hide()
  } else {
    trayWindow.setPosition(bounds.x - 98 + 11, bounds.y, false)
    trayWindow.webContents.send('updateFiles')
    trayWindow.show()
    trayWindow.focus()
  }
}