import React from 'react';
import ReactDOM from 'react-dom';
import 'url-search-params-polyfill';

import Router from './router'
import ErrorBoundary from './error-boundary'
import * as api from './api'
import * as timer from './util/realtime-update-timer'

timer.start()

const container = document.getElementById('stats-react-container')

if (container) {
  const site = {
    domain: container.dataset.domain,
    offset: container.dataset.offset,
    hasGoals: container.dataset.hasGoals === 'true',
    conversionsEnabled: container.dataset.conversionsEnabled === 'true',
    funnelsEnabled: container.dataset.funnelsEnabled === 'true',
    propsEnabled: container.dataset.propsEnabled === 'true',
    hasProps: container.dataset.hasProps === 'true',
    funnels: JSON.parse(container.dataset.funnels),
    statsBegin: container.dataset.statsBegin,
    nativeStatsBegin: container.dataset.nativeStatsBegin,
    embedded: container.dataset.embedded,
    background: container.dataset.background,
    isDbip: container.dataset.isDbip === 'true',
    flags: JSON.parse(container.dataset.flags),
    validIntervalsByPeriod: JSON.parse(container.dataset.validIntervalsByPeriod)
  }

  const loggedIn = container.dataset.loggedIn === 'true'
  const currentUserRole = container.dataset.currentUserRole
  const sharedLinkAuth = container.dataset.sharedLinkAuth
  if (sharedLinkAuth) {
    api.setSharedLinkAuth(sharedLinkAuth)
  }

  const app = (
    <ErrorBoundary>
      <Router site={site} loggedIn={loggedIn} currentUserRole={currentUserRole} />
    </ErrorBoundary>
  )

  ReactDOM.render(app, container);
}