index.js

import React from 'react';
import ReactDOM from 'react-dom';
import { createStore } from 'redux';

import './index.css';
import { App } from './App';
import { appReducer } from './reducers/reducers.js'
import { ServerClient } from './ServerClient.js'
import { init } from './common/commandActions.js'
// import { FetchWrapper } from './FetchWrapper'
import { SocketWrapper } from './SocketWrapper'

//import registerServiceWorker from './registerServiceWorker';

const store = createStore(appReducer)
// store.subscribe(server.onAction)
//new ServerClient(store, new FakeServer(2000))
// new ServerClient(store, new FetchWrapper(store, 'http://localhost:12010'))

const server = getWsServer()

new ServerClient(store, new SocketWrapper(store, server))
//new ServerClient(store, new SocketWrapper(store))

store.dispatch(init())
// console.log('store.getState():', store.getState())
ReactDOM.render(<App store={store} />, document.getElementById('root'));

// registerServiceWorker();

function getWsServer () {
  console.log('window.location.href:', window.location.href)
  console.log('window.location.href.includes(//localhost):', window.location.href.includes('//localhost'))
  if (window && window.location && window.location.href && window.location.href.includes && window.location.href.includes('//localhost')) {
    return 'ws://localhost:12010'
  } else {
    return undefined
  }
}