import React from 'react'
import ReactDOM from 'react-dom'
import Route from './router'
import {Provider} from 'react-redux'
import store from '@/store'
import * as serviceWorker from './serviceWorker'
import options from '@/store/options.js'
import '@/assets/css/main.scss'
import '@/assets/css/action.scss'
import '@/assets/css/minkeicon.css'
import '@/assets/css/viewstyle.scss'

if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
  window.location.replace(window.location.href.split(/(index.html)+/ig)[0] + 'mob/index.html')
}

const render  = Component => {
  ReactDOM.render(
    <Provider store={store}>
      <Component/>
    </Provider>,
    document.getElementById('root')
  )
}

window.GLOB = window.GLOB || {}

if (!(options.systemType === 'local' && window.GLOB.systemType === 'official')) { // 只有业务系统才可以设置为正式系统
  window.GLOB.systemType = ''
}
if (options.systemType !== 'local') { // sso,cloud不可设置单点服务器地址
  window.GLOB.mainSystemApi = ''
} else if (options.systemType === 'local' && window.GLOB.mainSystemApi) { // 业务系统
  let systemApi = window.GLOB.mainSystemApi

  if (/^(http|https):\/\//ig.test(systemApi)) {
    let _systemApi = /^(http|https):\/\/[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62}|(:[0-9]{1,4}))+\.?/ig.exec(systemApi)

    systemApi = _systemApi ? _systemApi[0] : ''
  } else {
    systemApi = ''
  }

  // 业务系统连接云端时，格式化处理
  if (systemApi && systemApi === /^(http|https):\/\/[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62}|(:[0-9]{1,4}))+\.?/ig.exec(options.cloudServiceApi)[0]) {
    window.GLOB.dataFormat = true
  }

  if (systemApi) {
    systemApi = systemApi + '/webapi/dostars'
  }

  window.GLOB.mainSystemApi = systemApi
}

let _systemMsg = localStorage.getItem(window.location.href.split('#')[0] + 'system')

if (_systemMsg) {
  try {
    _systemMsg = JSON.parse(window.decodeURIComponent(window.atob(_systemMsg)))

    window.GLOB.platTitle = _systemMsg.platTitle
    window.GLOB.platName = _systemMsg.platName
    window.GLOB.favicon = _systemMsg.favicon
    window.GLOB.loginlogo = _systemMsg.loginlogo
    window.GLOB.copyRight = _systemMsg.copyRight
    window.GLOB.ICP = _systemMsg.ICP
    window.GLOB.bgImage = _systemMsg.bgImage
    window.GLOB.mainlogo = _systemMsg.mainlogo
    window.GLOB.doclogo = _systemMsg.doclogo
    window.GLOB.webSite = _systemMsg.webSite
    window.GLOB.style = _systemMsg.style

    if (window.GLOB.favicon) {
      let link = document.querySelector("link[rel*='icon']") || document.createElement('link')
      link.type = 'image/x-icon'
      link.rel = 'shortcut icon'
      link.href = window.GLOB.favicon
      document.getElementsByTagName('head')[0].appendChild(link)
    }
  } catch {
    console.warn('Parse Failure')
  }
}

document.title = window.GLOB.platTitle || ''

if (window.GLOB.filter === 'true') {
  let html = document.getElementsByTagName('html')[0]
  
  if (html) {
    html.style.filter = 'grayscale(100%)'
  }
}

if (process.env.NODE_ENV === 'production') { // 用于校验是否存在开发权限
  let _service = window.location.href.replace(/\/index.html(.*)|\/#(.*)/ig, '').replace(new RegExp(document.location.origin + '/?', 'ig'), '')
  window.GLOB.linkurl = window.location.href.split('#')[0]
  window.GLOB.service = _service ? _service + '/' : ''
} else {
  window.GLOB.linkurl = ''
  window.GLOB.location = 'http://qingqiumarket.cn/'
  window.GLOB.service = 'mkwms/'
}

const option = {
  white: 'mk-white'
}

if (window.GLOB.style && option[window.GLOB.style]) {
  document.getElementById('root').className = option[window.GLOB.style]
}

sessionStorage.removeItem('isEditState')

render(Route)

serviceWorker.unregister()