const { createStore, compose, applyMiddleware } = require('redux')
const thunk = require('redux-thunk')
const { createHistory } = require('history')

const reducer = require('app/reducers')

let storeEnhancers  = []
let middleware = []

middleware.push(thunk)

if (process.env.NODE_ENV === 'development') {
  var logger = require('redux-logger')
  var { persistState } = require('redux-devtools')
  
  var DevTools = require('app/components/dev-tools')
}

storeEnhancers.push(
  applyMiddleware(...middleware)
)

if (process.env.NODE_ENV === 'development') {
  storeEnhancers.push(
    applyMiddleware(logger())
  )
  storeEnhancers.push(DevTools.instrument())

  if (module.browser) {
    storeEnhancers.push(persistState(
      window.location.href.match(
        /[?&]debug_session=([^&]+)\b/
      )
    ))
  }
}

const createEnhancedStore = compose(
  ...storeEnhancers
)(createStore)

function finalCreateStore(initialState) {
  return createEnhancedStore(reducer, initialState)
}

module.exports = finalCreateStore