import { compose, createStore, applyMiddleware } from 'redux';

import { offline } from 'redux-offline';

import offlineDefaultConfig from 'redux-offline/lib/defaults';

import localForage from 'localforage';

import immutableTransform from 'redux-persist-transform-immutable'

import NoteRecord from './noteRecord'

import SessionRecord from './sessionRecord'

import APIClient from '../api/APIClient';

import createEffect from '../api';

// const composeEnhancers = (process.env.NODE_ENV !== 'production' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) ?

//     window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({

//         shouldHotReload: false,

//     }) : compose;

const composeEnhancers = compose;

  isAuthenticated: false,

  currentUser: null,

  token: '',

  login: Immutable.Map({

  })

const immutableTransformConfig = {

  records: [NoteRecord, SessionRecord],

  whitelist: ['sessions', 'notes', 'currentUser']

}

const persistOptions = {

  storage: localForage,

  transforms: [immutableTransform(immutableTransformConfig)],

  whitelist: ['sessions', 'notes', 'isAuthenticated', 'currentUser', 'token']

}

const apiClient = new APIClient(config.apiRootUrl);

const offlineConfig = {

  ...offlineDefaultConfig,

  persistOptions,

  effect: createEffect(apiClient)

//  detectNetwork: callback => callback(true),

}

const storeInitialState = { ...defaultState };

  const store = offline(offlineConfig)(createStore)(rootReducer, initialState, composeEnhancers(

    applyMiddleware(router, saga)

  apiClient.setStore(store);

    client: apiClient,

    history