import { applyMiddleware, compose, combineReducers, createStore } from 'redux'
import { connectRouter, routerMiddleware } from 'connected-react-router'
import { createBrowserHistory } from 'history'
import thunk from 'redux-thunk'
import * as types from './types'
// import { login } from './util'

// import metadataReducer from './metadata/metadata.reducer'

const initialState = () => ({
  institutions: {},
  papers: {},
  address: {},
  paperInfo: {},
  unknownCitations: {},
  verify: {},
  verifications: {},
  options: {},
  sortedCitations: [],
})

export default function apiReducer(state = initialState(), action) {
  // console.log(action.type, action)
  switch (action.type) {
    case types.api.loading:
      return {
        ...state,
        [action.tag]: { loading: true },
      }

    case types.api.loaded:
      return {
        ...state,
        [action.tag]: action.data,
      }

    case types.api.error:
      return {
        ...state,
        [action.tag]: { error: action.err },
      }

    case types.api.set_paper_key:
      return {
        ...state,
        paperKey: action.paperKey
      }

    case types.system.set_sorted_citations:
      // console.log(action.sortedCitations || [])
      return {
        ...state,
        sortedCitations: action.sortedCitations || [],
      }

    default:
      return state
  }
}

const rootReducer = combineReducers({
  api: apiReducer,
})

function configureStore(initialState = {}, history) {
  const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose

  const store = createStore(
    connectRouter(history)(rootReducer), // new root reducer with router state
    initialState,
    composeEnhancers(
      applyMiddleware(
        thunk,
        routerMiddleware(history)
      ),
    ),
  )

  return store
}

const history = createBrowserHistory()
const store = configureStore({}, history)

export { store, history }