import { compose, createStore, combineReducers, applyMiddleware } from 'redux'
import { routerMiddleware } from 'react-router-redux'
import thunk from 'redux-thunk'
import createHistory from 'history/createBrowserHistory'

import { routerReducer } from 'react-router-redux'

// import navReducer from './nav.reducer'
import systemReducer from './system/system.reducer'
import dashboardReducer from './dashboard/dashboard.reducer'
import liveReducer from './live/live.reducer'
import uploadReducer from './dataset/upload.reducer'
import queueReducer from './queue/queue.reducer'
import audioPlayerReducer from './common/audioPlayer/audioPlayer.reducer'
import { moduleReducer } from './modules/module.reducer'

const appReducer = combineReducers({
  system: systemReducer,
  dashboard: dashboardReducer,
  live: liveReducer,
  upload: uploadReducer,
  queue: queueReducer,
  router: routerReducer,
  module: moduleReducer,
  audioPlayer: audioPlayerReducer,
})

export const history = createHistory()
export const store = createStore(
  appReducer,
  compose(
    applyMiddleware(
      // createLogger(),
      thunk,
      routerMiddleware(history),
    )
  )
)

export const dispatch = store.dispatch