import React from 'react'
import ReactDOM from 'react-dom'
import { ConfigProvider } from 'antd'
import zhCN from 'antd/es/locale/zh_CN'

import Route from './router'
import md5 from 'md5'
import * as serviceWorker from './serviceWorker'
import options, { styles, langs } from '@/store/options.js'
import '@/assets/css/main.scss'
import '@/assets/css/action.scss'
import '@/assets/css/viewstyle.scss'

if (!localStorage.getItem('SessionUid')) {
  let sid = (() => {
    let uuid = []
    let _options = '0123456789abcdefghigklmnopqrstuv'
    for (let i = 0; i < 32; i++) {
      uuid.push(_options.substr(Math.floor(Math.random() * 0x20), 1))
    }
    return uuid.join('')
  })()

  if (/_mk_sid=[0-9a-z]{32}/.test(document.cookie)) {
    sid = document.cookie.match(/_mk_sid=[0-9a-z]{32}/)[0].split('=')[1]
  } else {
    document.cookie = '_mk_sid=' + sid
  }

  localStorage.setItem('SessionUid', sid)

}

fetch('../options.json')
  .then(response => response.json())
  .catch(() => {
    document.getElementById('root').innerHTML = '<div style="text-align: center; font-size: 30px; margin-top: 40vh;">系统配置信息获取失败，请联系管理员！</div>'
  })
  .then(config => {
    if (!config) return

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

    config.keepPwd = config.keepPwd || config.keepPassword

    let GLOB = {}
    GLOB.appId = config.appId || ''
    GLOB.lineColor = config.lineColor || ''
    GLOB.licenseKey = config.licenseKey || ''
    GLOB.probation = false
    GLOB.watermark = config.watermark + '' !== 'false'
    GLOB.transfer = config.transfer + '' === 'true'
    GLOB.keepKey = config.keepPwd + '' !== 'false'
    GLOB.vispwd = config.keepPwd + '' !== 'invisible'
    GLOB.WXAppID = config.WXAppID || ''
    GLOB.WXminiAppID = config.WXminiAppID || ''
    GLOB.WXMerchID = config.WXMerchID || ''
    GLOB.WXNotice = config.WXNotice + '' === 'true'
    GLOB.SysNotice = config.SysNotice + '' === 'true'
    GLOB.execType = config.execType === 'x' ? 'x' : ''
    GLOB.mkHS = false
    GLOB.debugger = false
    GLOB.dataFormat = false
    GLOB.upStatus = false
    GLOB.navBar = 'shutter' // 默认为百叶窗
    GLOB.style = 'bg_black_style_blue'
    GLOB.defLang = ''

    if (config.WXApps) {
      config.WXApps = config.WXApps.filter(app => app.appId && app.appName && ['public', 'miniProgram', 'merchant'].includes(app.appType))
      if (config.WXApps.length) {
        GLOB.WXApps = config.WXApps
      }
    }

    if (langs[config.defaultLang]) {
      GLOB.defLang = config.defaultLang
    }

    GLOB.sysType = options.sysType
    if (GLOB.sysType !== 'cloud') {
      GLOB.cloudServiceApi = options.cdomain + '/webapi/dostars'
    }

    if (sessionStorage.getItem('externalDatabase')) {
      GLOB.externalDatabase = `[${sessionStorage.getItem('externalDatabase')}]..`
    } else if (config.externalDatabase + '' !== 'false' && config.externalDatabase !== undefined) {
      GLOB.externalDatabase = config.externalDatabase ? `[${config.externalDatabase}]..` : ''
    } else {
      GLOB.externalDatabase = null
    }

    if (config.probation && /^[1-9]\d{3}-\d{2}-\d{2}$/.test(config.probation) && new Date(config.probation).getTime() > new Date().getTime()) {
      GLOB.probation = true
    }
    if (config.forcedUpdate && /^[1-9]\d{3}-\d{2}-\d{2}$/.test(config.forcedUpdate) && new Date(config.forcedUpdate).getTime() > new Date().getTime()) {
      GLOB.forcedUpdate = true
    }

    // 只有业务系统才可以设置为正式系统
    if (GLOB.sysType === 'local' && (config.systemType === 'official' || config.systemType === 'production')) {
      if (!config.mainSystemApi) {
        document.getElementById('root').innerHTML = '<div style="text-align: center; font-size: 30px; margin-top: 40vh;">系统未设置单点地址，请联系管理员！</div>'
        return
      } else if (/http(s?):\/\/sso.mk9h.cn\/cloud/ig.test(config.mainSystemApi)) {
        document.getElementById('root').innerHTML = '<div style="text-align: center; font-size: 30px; margin-top: 40vh;">正式系统不可使用 http://sso.mk9h.cn/cloud 做为单点地址，请联系管理员！</div>'
        return
      } else if (/http(s?):\/\/cloud.mk9h.cn/ig.test(config.mainSystemApi)) {
        document.getElementById('root').innerHTML = '<div style="text-align: center; font-size: 30px; margin-top: 40vh;">正式系统不可使用 http://cloud.mk9h.cn 做为单点地址，请联系管理员！</div>'
        return
      }

      GLOB.systemType = 'production'
    } else if (GLOB.sysType === 'local') {
      GLOB.probation = true
      GLOB.debugger = true
      GLOB.systemType = ''
      GLOB.upStatus = config.updateStatus + '' !== 'false'

      if (config.style_appkey) {
        GLOB.style_appkey = config.style_appkey
      }

      // GLOB.mainSystemApi = 'https://cloud.positecgroup.com/webapi/dostars'

      GLOB.mainSystemApi = 'https://sso.mk9h.cn/cloud/webapi/dostars'
      if (!/^https/.test(window.location.protocol)) { // https转换
        GLOB.mainSystemApi = 'http://sso.mk9h.cn/cloud/webapi/dostars'
      }

      if (GLOB.watermark) {
        GLOB.dataFormat = true
      }
    } else {
      GLOB.systemType = ''
      GLOB.mainSystemApi = ''
    }

    if (GLOB.sysType !== 'cloud') {
      if (config.appkey === options.cakey) {
        document.getElementById('root').innerHTML = '<div style="text-align: center; font-size: 30px; margin-top: 40vh;">不可使用云端appkey，请联系管理员！</div>'
        return
      }
    }

    if (GLOB.sysType === 'cloud') { // cloud不可设置单点服务器地址,云端appkey为系统设置
      GLOB.appkey = options.cakey
      GLOB.appId = options.caId
      GLOB.WXNotice = false
    } else if (GLOB.sysType === 'SSO') { // sso不可设置单点服务器地址
      GLOB.appkey = config.appkey
    } else if (GLOB.sysType === 'local') { // 业务系统
      GLOB.appkey = config.appkey
      if (GLOB.systemType === 'production') {
        let systemApi = config.mainSystemApi
        if (/index.html/ig.test(systemApi)) {
          systemApi = systemApi.replace(/index.html.*/ig, 'webapi/dostars')
        } else if (!/webapi\/dostars$/ig.test(systemApi)) {
          systemApi = systemApi.replace(/\/?$/, '/webapi/dostars')
        }

        if (/^https/.test(window.location.protocol) && /^http:/.test(systemApi) && !GLOB.transfer) {
          systemApi = systemApi.replace(/^http:/, 'https:')
        }
      
        GLOB.mainSystemApi = systemApi
      }

      if (config.errorLog === 'true' && /#\/(login|main|billprint|docprint|tab|iframe|view|ssologin)/.test(window.location.href)) {
        GLOB.errorLog = true
      }
    }

    if (/#\/hs$/.test(window.location.href)) { // hs下不打印脚本
      GLOB.debugger = false

      if (GLOB.mainSystemApi) {
        GLOB.localSystemApi = GLOB.mainSystemApi
        GLOB.mainSystemApi = ''
      }
      if (GLOB.cloudServiceApi) {
        GLOB.mainSystemApi = GLOB.cloudServiceApi
      }

      if (config.systemRun === 'backend') {
        config.systemRun = '' // hs 不使用后端替换
        GLOB.backend = true
      }
    }

    if (process.env.NODE_ENV === 'production') { // 用于校验是否存在开发权限
      let _service = window.location.href.replace(/\/admin(.*)/ig, '').replace(new RegExp(document.location.origin + '/?', 'ig'), '')
      GLOB.service = _service ? _service + '/' : ''
      GLOB.host = window.location.host + (_service ? '_' + _service : '')
      GLOB.baseurl = document.location.origin + '/' + GLOB.service
      GLOB.linkurl = GLOB.baseurl + 'index.html'
      GLOB.location = document.location.origin
    } else {
      GLOB.location = config.host
      GLOB.service = config.service
      GLOB.host = config.host.replace(/http(s)?:\/\//ig, '') + (config.service ? '_' + config.service.replace(/\//ig, '') : '')
      GLOB.baseurl = GLOB.location + '/' + GLOB.service
      GLOB.linkurl = GLOB.baseurl + 'index.html'
      GLOB.dataFormat = false
    }
    
    let mark = sessionStorage.getItem('system_mark')
    let _mark = `sys_${GLOB.service.replace('/', '') || 'service'}`
    if (mark && mark !== _mark) {
      sessionStorage.clear()
    }
    sessionStorage.setItem('system_mark', _mark)

    if (config.mainkey && GLOB.sysType !== 'cloud' && config.mainkey !== options.cakey) {
      GLOB.localkey = GLOB.appkey
      GLOB.appkey = config.mainkey
    }

    let lang = sessionStorage.getItem('lang') || localStorage.getItem(window.location.href.split('#')[0] + 'lang') || GLOB.defLang || 'zh-CN'
    sessionStorage.setItem('lang', lang)

    GLOB.sysSign = GLOB.service + 'admin/' + lang + '/'

    let _systemMsg = localStorage.getItem(GLOB.sysSign + 'system')
    let className = 'mk-blue-black'

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

        GLOB.platTitle = _systemMsg.platTitle
        GLOB.platName = _systemMsg.platName
        GLOB.favicon = _systemMsg.favicon
        GLOB.loginlogo = _systemMsg.loginlogo
        GLOB.copyRight = _systemMsg.copyRight
        GLOB.ICP = _systemMsg.ICP
        GLOB.bgImage = _systemMsg.bgImage
        GLOB.mainlogo = _systemMsg.mainlogo
        GLOB.doclogo = _systemMsg.doclogo
        GLOB.webSite = _systemMsg.webSite
        GLOB.prolType = _systemMsg.prolType || ''
        GLOB.prolCont = _systemMsg.prolCont || ''
        GLOB.style = _systemMsg.style || 'bg_black_style_blue'
        GLOB.showline = _systemMsg.showline || ''
        GLOB.navBar = _systemMsg.navBar || 'shutter'
        GLOB.appVersion = _systemMsg.app_version || ''
        GLOB.loginOtop = _systemMsg.loginOtop || ''
        GLOB.loginOleft = _systemMsg.loginOleft || ''
        sessionStorage.setItem('appname', _systemMsg.appname || '')

        let levels = [30, 10, 20, 40, 50, 60, 70, 80, 90, 100]

        levels.some(m => {
          if (_systemMsg.Member_Level === md5('mksoft' + GLOB.appkey + m)) {
            GLOB.memberLevel = m
            return true
          }
          return false
        })

        if (GLOB.favicon) {
          let link = document.querySelector("link[rel*='icon']") || document.createElement('link')
          link.type = 'image/x-icon'
          link.rel = 'shortcut icon'
          link.href = GLOB.favicon
          document.getElementsByTagName('head')[0].appendChild(link)
        }
        if (styles[GLOB.style]) {
          className = styles[GLOB.style] + ' ' + (GLOB.showline === 'false' ? 'hidden-split-line' : '')
        }
      } catch (e) {
        console.warn('Parse Failure')
      }
    }

    document.body.className = className

    if (/^https/.test(window.location.protocol)) { // https转换
      let meta = document.createElement('meta')
      meta.content = 'upgrade-insecure-requests'
      meta.httpEquiv = 'Content-Security-Policy'
      document.getElementsByTagName('head')[0].appendChild(meta)
    }

    document.title = GLOB.platTitle || ''

    if (config.filter === 'true' || (/^[1-9]\d{3}-\d{2}-\d{2}$/.test(config.filter) && new Date(config.filter).getTime() + 86400000 >= new Date().getTime())) {
      GLOB.filter = true
    }

    if (lang !== 'zh-CN') {
      GLOB.WXNotice = false
    }

    if (localStorage.getItem(GLOB.sysSign + 'files') === md5(GLOB.sysSign + 'files')) {
      let d = localStorage.getItem(GLOB.sysSign + 'filesDate')

      GLOB.storeFiles = true
      GLOB.storeDate = Math.ceil((new Date(d).getTime() - new Date().getTime()) / 86400000)
    } else if (GLOB.licenseKey && config.storeKey && config.storeKey.length === 16) {
      let trans = {A:0, B:1, C:2, D:3, E:4, F:5, G:6, H:7, I:8, J:9}
      let d = config.storeKey.slice(0, 8)

      d = d.split('').map(k => trans[k]).join('')

      let key = config.storeKey.slice(8)
      let _key = GLOB.appId + GLOB.appkey + 'e_files_key' + d
      _key = md5(_key.toLowerCase())
      _key = _key.toUpperCase()
      _key = _key.slice(-8)

      if (key === _key) {
        GLOB.storeFiles = true
        
        d = d.slice(0, 4) + '-' + d.slice(4, 6) + '-' + d.slice(6)
        GLOB.storeDate = Math.ceil((new Date(d).getTime() - new Date().getTime()) / 86400000)
      }
    }

    GLOB.dict = {}

    if (localStorage.getItem(GLOB.sysSign + 'js_trans')) {
      let js_trans = JSON.parse(localStorage.getItem(GLOB.sysSign + 'js_trans'))

      js_trans.forEach(item => {
        if (lang !== item.lang) return
        GLOB.dict[item.key] = item.val
      })
    }

    GLOB.mkActions = {}  // 按钮权限集

    Object.defineProperty(GLOB, 'appId', {
      writable: false,
      value: GLOB.appId
    })
    Object.defineProperty(GLOB, 'appkey', {
      writable: false,
      value: GLOB.appkey
    })
    Object.defineProperty(GLOB, 'systemType', {
      writable: false,
      value: GLOB.systemType
    })
    Object.defineProperty(GLOB, 'mainSystemApi', {
      writable: false,
      value: GLOB.mainSystemApi
    })
    Object.defineProperty(GLOB, 'linkurl', {
      writable: false,
      value: GLOB.linkurl
    })
    Object.defineProperty(GLOB, 'sysType', {
      writable: false,
      value: GLOB.sysType
    })
    Object.defineProperty(GLOB, 'cloudServiceApi', {
      writable: false,
      value: GLOB.cloudServiceApi || ''
    })

    if (GLOB.memberLevel) {
      Object.defineProperty(GLOB, 'memberLevel', {
        writable: false,
        value: GLOB.memberLevel
      })
    } else {
      GLOB.memberLevel = 0
    }

    if (config.systemRun === 'backend') {
      if (sessionStorage.getItem('systemRun') === 'front') {
        GLOB.debugger = true
      } else {
        GLOB.debugger = false
        Object.defineProperty(window, 'backend', {
          writable: false,
          value: true
        })
      }
    }
    if (config.debugger === 'forbid') {
      sessionStorage.removeItem('breakpoint')
      GLOB.debugger = false

      Object.defineProperty(GLOB, 'debugger', {
        writable: false,
        value: GLOB.debugger
      })
    } else if (GLOB.sysType === 'cloud') {
      if (sessionStorage.getItem('cloudRun') === 'debug') {
        GLOB.debugger = true
      } else {
        Object.defineProperty(GLOB, 'debugger', {
          writable: false,
          value: GLOB.debugger
        })
  
        GLOB.breakpoint = false
      }
    } else {
      if (sessionStorage.getItem('breakpoint')) {
        GLOB.debugger = true
        GLOB.breakpoint = sessionStorage.getItem('breakpoint')
      } else {
        GLOB.breakpoint = false
      }
    }

    Object.defineProperty(window, 'GLOB', {
      writable: false,
      value: GLOB
    })

    window.GLOB.CacheMap = new Map()     // 缓存配置信息
    window.GLOB.CacheVoucher = new Map() // 缓存凭证信息
    window.GLOB.UserCacheMap = new Map() // 缓存用户自定义设置
    window.GLOB.CacheData = new Map()    // 存储选中数据
    window.GLOB.SearchBox = new Map()    // 存储搜索条件
    window.GLOB.SyncData = new Map()     // 存储同步查询数据
    window.GLOB.mkThdMenus = new Map()   // 三级菜单

    if (lang === 'zh-CN' || !/#\/(login|main|billprint|docprint|tab\/|iframe|view|ssologin)/.test(window.location.href)) { // 开发使用中文
      ReactDOM.render(
        <ConfigProvider locale={zhCN}>
          <Route/>
        </ConfigProvider>,
        document.getElementById('root')
      )
    } else {
      ReactDOM.render(
        <Route/>,
        document.getElementById('root')
      )
    }
  })

serviceWorker.unregister()