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 '@/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 || {}

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.platTitle
    window.GLOB.platName = _systemMsg.platName || window.GLOB.platName
    window.GLOB.favicon = _systemMsg.favicon || window.GLOB.favicon
    window.GLOB.loginlogo = _systemMsg.loginlogo || window.GLOB.loginlogo
    window.GLOB.copyRight = _systemMsg.copyRight || window.GLOB.copyRight
    window.GLOB.ICP = _systemMsg.ICP || window.GLOB.ICP
    window.GLOB.mainlogo = _systemMsg.mainlogo || window.GLOB.mainlogo
    window.GLOB.doclogo = _systemMsg.doclogo || window.GLOB.doclogo
    window.GLOB.webSite = _systemMsg.webSite || window.GLOB.webSite


    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


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

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

if (process.env.NODE_ENV === 'production') {
  let service = window.GLOB.service ? (/\/$/.test(window.GLOB.service) ? window.GLOB.service : window.GLOB.service + '/') : ''
  window.GLOB.subSystemApi = document.location.origin + '/' + service + 'webapi/dostars'
} else {
  window.GLOB.subSystemApi = 'http://qingqiumarket.cn/mkwms/webapi/dostars'
}


sessionStorage.removeItem('isEditState')

render(Route)

serviceWorker.unregister()