/* eslint-disable no-console */
import { onMessage } from 'webext-bridge'
import { createApp } from 'vue'
// import { router } from '~/contentScripts/router'

// Firefox `browser.tabs.executeScript()` requires scripts return a primitive value

import App from './views/App.vue'
import { SVG_ICONS, getCookie, i18n, setCookie } from '~/utils'
;(() => {
  console.info('[vitesse-webext] Hello world from content script')

  // communication example: send previous tab title from background page
  onMessage('tab-prev', ({ data }) => {
    console.log(`[vitesse-webext] Navigate from page "${data.title}"`)
  })

  const currentUrl = document.URL

  if (
    /https?:\/\/bilibili.com\/?$/.test(currentUrl)
    || /https?:\/\/www.bilibili.com\/?$/.test(currentUrl)
    || /https?:\/\/bilibili.com\/\?spm_id_from=.*/.test(currentUrl)
    || /https?:\/\/www.bilibili.com\/\?spm_id_from=(.)*/.test(currentUrl)
    // || /https?:\/\/www.bilibili.com\/video\/.*/.test(currentUrl)
    // || /https?:\/\/bilibili.com\/video\/.*/.test(currentUrl)
  ) {
    // if the current homepage is an old version, redirect to the new version
    // because they had some style errors in the old version
    // if (`${getCookie('i-wanna-go-back')}` === '2') {
    //   setCookie('i-wanna-go-back', '-1', 1)
    //   location.reload()
    // }

    const container = document.createElement('div')
    const root = document.createElement('div')
    const styleEl = document.createElement('link')
    styleEl.setAttribute('rel', 'stylesheet')
    styleEl.setAttribute('href', browser.runtime.getURL('dist/contentScripts/style.css'))
    container.id = 'bewly'
    container.appendChild(styleEl)
    container.appendChild(root)
    document.body.appendChild(container)

    createApp(App).use(i18n).mount(root)

    // inject svg icons
    const svgDiv = document.createElement('div')
    svgDiv.innerHTML = SVG_ICONS
    document.body.appendChild(svgDiv)
  }
})()