import * as Utils from 'src/utils'
import { Tab, GroupConfig, GroupInfo, GroupedTabInfo, GroupPin } from 'src/types'
import { GroupMsg } from 'src/injections/group.ipc'
import { Windows } from 'src/services/windows'
import { Settings } from 'src/services/settings'
import { Tabs } from './tabs.fg'
import { GroupConfigResult, Sidebar } from './sidebar'
import * as Favicons from './favicons.fg'
import * as IPC from './ipc'
import * as Logs from './logs'
import * as Popups from './popups'

/**
 * Set relGroupId prop in related pinned and group tabs
 */
export function linkGroupWithPinnedTab(groupTab: Tab, tabs: Tab[]): void {
  const info = new URL(groupTab.url)
  const pin = info.searchParams.get('pin')
  if (!pin) return

  const [ctx, url] = pin.split('::')
  let pinnedTab: Tab | undefined
  for (const tab of tabs) {
    if (!tab.pinned) break
    if (tab.pinned && tab.cookieStoreId === ctx && tab.url === url) {
      pinnedTab = tab
      break
    }
  }

  if (!pinnedTab) {
    info.searchParams.delete('pin')
    groupTab.url = info.href
    browser.tabs.update(groupTab.id, { url: info.href }).catch(err => {
      Logs.err('Tabs.linkGroupWithPinnedTab: Cannot update url:', err)
    })
    return
  }

  pinnedTab.relGroupId = groupTab.id
}

/**
 * ...
 */
export async function replaceRelGroupWithPinnedTab(groupTab: Tab, pinnedTab: Tab): Promise<void> {
  await browser.tabs.move(pinnedTab.id, { index: groupTab.index - 1 })
  Utils.sleep(120)

  groupTab.parentId = pinnedTab.id
  Tabs.updateTabsTree()

  await browser.tabs.remove(groupTab.id)
}

/**
 * Group tabs
 */
export async function groupTabs(tabIds: ID[], conf?: GroupConfig): Promise<void> {
  const noConfig = !conf
  if (!conf) conf = {}

  // Get sorted list of tabs
  const tabs = []
  for (const t of Tabs.list) {
    if (tabIds.includes(t.id)) tabs.push(t)
    else if (tabIds.includes(t.parentId)) {
      tabIds.push(t.id)
      tabs.push(t)
    }
  }

  if (!tabs.length) return
  if (Settings.state.tabsTreeLimit !== 'none' && tabs[0].lvl >= Settings.state.tabsTreeLimit) return

  // Find title for group tab
  if (!conf.title) {
    const titles = tabs.map(t => t.title)
    const commonPart = Utils.commonSubStr(titles)
    const isOk = commonPart ? commonPart[0] === commonPart[0].toUpperCase() : false
    let groupTitle = commonPart
      .replace(/^(\s|\.|_|-|—|–|\(|\)|\/|=|;|:)+/g, ' ')
      .replace(/(\s|\.|_|-|—|–|\(|\)|\/|=|;|:)+$/g, ' ')
      .trim()

    if (!isOk || groupTitle.length < 4) {
      const hosts = tabs.filter(t => !t.url.startsWith('about:')).map(t => t.url.split('/')[2])
      groupTitle = Utils.commonSubStr(hosts)
      if (groupTitle.startsWith('.')) groupTitle = groupTitle.slice(1)
      groupTitle = groupTitle.replace(/^www\./, '')
    }

    if (!isOk || groupTitle.length < 4) groupTitle = tabs[0].title

    conf.title = groupTitle
  }

  // Show config popup
  if (noConfig) {
    const result = await Tabs.openGroupConfigPopup(conf)
    if (result === GroupConfigResult.Cancel) return
  }

  // Get panel
  const panelId = tabs[0].panelId
  const panel = Sidebar.panelsById[panelId]
  if (!Utils.isTabsPanel(panel)) return

  // Find index and create group tab
  Tabs.setNewTabPosition(tabs[0].index, tabs[0].parentId, tabs[0].panelId)
  const groupTab = await browser.tabs.create({
    active: !!conf.active,
    cookieStoreId: tabs[0].cookieStoreId,
    index: tabs[0].index,
    url: Utils.createGroupUrl(conf.title, conf),
    windowId: Windows.id,
  })

  // Set link between group and pinned tabs
  if (conf.pinnedTab) {
    conf.pinnedTab.relGroupId = groupTab.id
  }

  // Move tabs if needed
  let properIndex = tabs[0].index
  const tabsToMove: Tab[] = []
  let indexToMoveTo = -1
  for (const tab of tabs) {
    if (tab.index !== properIndex) {
      if (indexToMoveTo === -1) indexToMoveTo = properIndex
      tabsToMove.push(tab)
    }
    properIndex++
  }
  const dst = { index: groupTab.index + 1, panelId: panel.id, parentId: groupTab.id }
  await Tabs.move(tabs, {}, dst)
}

export async function openGroupConfigPopup(config: GroupConfig): Promise<GroupConfigResult> {
  return new Promise<GroupConfigResult>(ok => {
    Popups.reactive.groupConfigPopup = {
      config,
      done: result => ok(result),
    }
  })
}

function getPinInfo(groupUrl: string): GroupPin | undefined {
  if (!groupUrl.includes('pin=')) return

  const urlInfo = new URL(groupUrl)
  const pinValue = urlInfo.searchParams.get('pin')
  if (!pinValue) return

  const [ctr, url] = pinValue.split('::')
  const pinnedTab = Tabs.list.find(t => t.pinned && t.cookieStoreId === ctr && t.url === url)
  if (pinnedTab) {
    return {
      id: pinnedTab.id,
      title: pinnedTab.title,
      url: pinnedTab.url,
      favIconUrl: pinnedTab.favIconUrl ?? '',
    }
  }
}

/**
 * Get grouped tabs (for group page)
 */
export async function getGroupInfo(groupTabId: ID): Promise<GroupInfo | null> {
  if (!Tabs.ready) await Tabs.waitForTabsReady()
  if (!Favicons.ready) await Favicons.waitForFaviconsReady()

  const groupTab = Tabs.byId[groupTabId]
  if (!groupTab) {
    Logs.warn('Tabs.getGroupInfo: No group tab:', groupTabId)
    return null
  }

  const out: GroupInfo = {
    id: groupTab.id,
    index: groupTab.index,
    len: 0,
    tabs: [] as GroupedTabInfo[],
  }

  const parentTab = Tabs.byId[groupTab.parentId]
  if (parentTab && parentTab.isGroup) {
    out.parentId = parentTab.id
  }

  const pinInfo = getPinInfo(groupTab.url)
  if (pinInfo) out.pin = pinInfo

  let subGroupLvl = null
  for (let i = groupTab.index + 1; i < Tabs.list.length; i++) {
    const tab = Tabs.list[i]
    if (tab.lvl <= groupTab.lvl) break
    out.len++

    if (subGroupLvl && tab.lvl > subGroupLvl) continue
    else subGroupLvl = null
    if (tab.isGroup) subGroupLvl = tab.lvl

    out.tabs.push({
      id: tab.id,
      index: tab.index,
      lvl: tab.lvl - groupTab.lvl - 1,
      title: tab.customTitle ?? tab.title,
      url: tab.url,
      discarded: !!tab.discarded,
      favIconUrl: tab.favIconUrl ?? '',
    })
  }

  return out
}

export function getGroupTab(tab?: Tab): Tab | undefined {
  if (!tab) return
  if (!Settings.state.tabsTree && !tab.lvl) return

  let i = tab.lvl || 0
  while (i--) {
    tab = Tabs.byId[tab.parentId]
    if (!tab) return
    if (tab && tab.isGroup) return tab
  }
}

export function updateGroupTab(groupTab: Tab) {
  const tabsCount = Tabs.list.length
  const tabs: GroupedTabInfo[] = []
  let subGroupLvl = null
  let len = 0

  for (let i = groupTab.index + 1; i < tabsCount; i++) {
    const tab = Tabs.list[i]
    if (tab.lvl <= groupTab.lvl) break
    len++

    if (subGroupLvl && tab.lvl > subGroupLvl) continue
    else subGroupLvl = null
    if (tab.isGroup) subGroupLvl = tab.lvl

    tabs.push({
      id: tab.id,
      index: tab.index,
      lvl: tab.lvl - groupTab.lvl - 1,
      title: tab.customTitle ?? tab.title,
      url: tab.url,
      discarded: !!tab.discarded,
      favIconUrl: tab.favIconUrl ?? '',
    })
  }

  const msg: GroupMsg = {
    index: groupTab.index,
    parentId: groupTab.parentId,
    tabs,
    len,
  }

  const parentTab = Tabs.byId[groupTab.parentId]
  if (parentTab && parentTab.isGroup) {
    msg.parentId = parentTab.id
  }

  IPC.groupPage(groupTab.id, msg)
}
const updateGroupTabDebounced = Utils.debounce(updateGroupTab)

export function updateActiveGroupPage(): void {
  let activeTab = Tabs.byId[Tabs.activeId]
  if (!activeTab) activeTab = Tabs.list.find(t => t.active)
  if (!activeTab) return
  if (activeTab.isGroup) {
    updateGroupTabDebounced(256, activeTab)
  }
}

const updateGroupChildTimeouts: Record<ID, number> = {}
export function updateGroupChild(groupId: ID, childId: ID, delay = 250): void {
  clearTimeout(updateGroupChildTimeouts[childId])
  updateGroupChildTimeouts[childId] = setTimeout(() => {
    const groupTab = Tabs.byId[groupId]
    const childTab = Tabs.byId[childId]
    if (!groupTab || groupTab.discarded || !childTab) return

    const updatedTab: GroupedTabInfo = {
      id: childTab.id,
      index: childTab.index,
      status: childTab.status,
      title: childTab.title,
      url: childTab.url,
      lvl: childTab.lvl - groupTab.lvl - 1,
      discarded: !!childTab.discarded,
      favIconUrl: childTab.favIconUrl || Favicons.getFavicon(childTab.url),
    }
    IPC.groupPage(groupTab.id, { updatedTab })
  }, delay)
}

export function getGroupConfig(groupTabId: ID): GroupConfig | undefined {
  const groupTab = Tabs.byId[groupTabId]
  if (!groupTab) return

  let urlInfo
  try {
    urlInfo = new URL(groupTab.url)
  } catch {
    return
  }
  if (!urlInfo.hash) urlInfo.hash = ''

  const config: GroupConfig = { active: groupTab.active }

  const title = decodeURIComponent(urlInfo.hash.slice(1))
  config.title = title.split(':id:')[0] // Remove legacy "id"

  const pin = urlInfo.searchParams.get('pin')
  if (pin) {
    const [ctx, url] = pin.split('::')
    let pinnedTab
    for (const tab of Tabs.list) {
      if (!tab.pinned) break
      if (url === tab.url && ctx === tab.cookieStoreId) {
        pinnedTab = tab
        break
      }
    }
    if (pinnedTab) {
      config.pin = pin
      config.pinnedTab = pinnedTab
    }
  }

  return config
}

export function setGroupName(groupTabId: ID, newName: string) {
  const groupTab = Tabs.byId[groupTabId]
  if (!groupTab) return

  const config = getGroupConfig(groupTabId)
  if (!config) return

  const isDiscarded = groupTab.discarded
  const newUrl = Utils.createGroupUrl(newName, config)
  browser.tabs
    .update(groupTabId, { url: newUrl })
    .then(() => {
      if (!isDiscarded) return IPC.groupPage(groupTabId, { title: newName })
    })
    .catch(() => {
      Logs.warn('setGroupName: Cannot update url')
    })
}
