ilp-plugin-virtual/integration-test/ilp-kit/src/client.js

ILP virtual ledger plugin for directly transacting connectors

/**
 * THIS IS THE ENTRY POINT FOR THE CLIENT, JUST LIKE server.js IS THE ENTRY POINT FOR THE SERVER.
 */
import 'babel-polyfill'
import React from 'react'
import ReactDOM from 'react-dom'
import createStore from './redux/store'
import ApiClient from './helpers/ApiClient'
import io from 'socket.io-client'
import {Provider} from 'react-redux'
import { Router, browserHistory, match } from 'react-router'
import { ReduxAsyncConnect } from 'redux-connect'
import Tracker from './tracker'

import getRoutes from './routes'
const client = new ApiClient()
const tracker = new Tracker()

client.get('/config')
  .then(config => {
    global.config = config
    tracker.init(config.track)

    // Remote log service
    if (config.sentry_dsn) Raven.config(config.sentry_dsn, {
      release: config.versions.hash
    }).install()
  })

const dest = document.getElementById('content')
const store = createStore(browserHistory, client, window.__data)

function initSocket () {
  return io('', {path: '/api/socket.io'})
}

global.socket = initSocket()
global.tracker = tracker

// Google analytics page view tracking
function logPageView () {
  tracker.pageview(window.location.pathname)
}

match({ routes: getRoutes(store), history: browserHistory }, (error, redirectLocation, renderProps) => {
  if (error) {
    console.error(error)
  }
  ReactDOM.render(
    <Provider store={store} key='provider'>
      <Router
        {...renderProps}
        render={props => <ReduxAsyncConnect {...props} helpers={{client}} filter={item => !item.deferred} />}
        onUpdate={logPageView} />
    </Provider>, dest)
})

if (process.env.NODE_ENV !== 'production') {
  window.React = React // enable debugger

  if (!dest || !dest.firstChild || !dest.firstChild.attributes || !dest.firstChild.attributes['data-react-checksum']) {
    console.error('Server-side React render was discarded. Make sure that your initial render does not contain any client-side code.')
  }
}

/*
if (__DEVTOOLS__ && !window.devToolsExtension) {
  const DevTools = require('./containers/DevTools/DevTools')
  ReactDOM.render(
    <Provider store={store} key="provider">
      <div>
        {component}
        <DevTools />
      </div>
    </Provider>,
    dest
  )
}
*/