2019-05-23 22:13:48 +02:00
|
|
|
import { createStore, applyMiddleware } from 'redux'
|
|
|
|
import { composeWithDevTools } from 'redux-devtools-extension'
|
|
|
|
import { persistReducer } from 'redux-persist'
|
|
|
|
import storage from 'redux-persist/lib/storage'
|
|
|
|
|
|
|
|
const exampleInitialState = {
|
|
|
|
lastUpdate: 0,
|
|
|
|
light: false,
|
|
|
|
count: 0,
|
|
|
|
exampleData: [],
|
2019-11-11 04:24:53 +01:00
|
|
|
error: null,
|
2019-05-23 22:13:48 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
export const actionTypes = {
|
|
|
|
TICK: 'TICK',
|
|
|
|
INCREMENT: 'INCREMENT',
|
|
|
|
DECREMENT: 'DECREMENT',
|
|
|
|
RESET: 'RESET',
|
|
|
|
LOAD_EXAMPLE_DATA: 'LOAD_EXAMPLE_DATA',
|
2019-11-11 04:24:53 +01:00
|
|
|
LOADING_DATA_FAILURE: 'LOADING_DATA_FAILURE',
|
2019-05-23 22:13:48 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// REDUCERS
|
|
|
|
export const reducer = (state = exampleInitialState, action) => {
|
|
|
|
switch (action.type) {
|
|
|
|
case actionTypes.TICK:
|
|
|
|
return Object.assign({}, state, {
|
|
|
|
lastUpdate: action.ts,
|
2019-11-11 04:24:53 +01:00
|
|
|
light: !!action.light,
|
2019-05-23 22:13:48 +02:00
|
|
|
})
|
|
|
|
case actionTypes.INCREMENT:
|
|
|
|
return Object.assign({}, state, {
|
2019-11-11 04:24:53 +01:00
|
|
|
count: state.count + 1,
|
2019-05-23 22:13:48 +02:00
|
|
|
})
|
|
|
|
case actionTypes.DECREMENT:
|
|
|
|
return Object.assign({}, state, {
|
2019-11-11 04:24:53 +01:00
|
|
|
count: state.count - 1,
|
2019-05-23 22:13:48 +02:00
|
|
|
})
|
|
|
|
case actionTypes.RESET:
|
|
|
|
return Object.assign({}, state, {
|
2019-11-11 04:24:53 +01:00
|
|
|
count: exampleInitialState.count,
|
2019-05-23 22:13:48 +02:00
|
|
|
})
|
|
|
|
case actionTypes.LOAD_EXAMPLE_DATA:
|
|
|
|
return Object.assign({}, state, {
|
2019-11-11 04:24:53 +01:00
|
|
|
exampleData: action.data,
|
2019-05-23 22:13:48 +02:00
|
|
|
})
|
|
|
|
case actionTypes.LOADING_DATA_FAILURE:
|
|
|
|
return Object.assign({}, state, {
|
2019-11-11 04:24:53 +01:00
|
|
|
error: true,
|
2019-05-23 22:13:48 +02:00
|
|
|
})
|
|
|
|
default:
|
|
|
|
return state
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// ACTIONS
|
|
|
|
export const serverRenderClock = () => {
|
|
|
|
return { type: actionTypes.TICK, light: false, ts: Date.now() }
|
|
|
|
}
|
|
|
|
export const startClock = () => {
|
|
|
|
return { type: actionTypes.TICK, light: true, ts: Date.now() }
|
|
|
|
}
|
|
|
|
|
|
|
|
export const incrementCount = () => {
|
|
|
|
return { type: actionTypes.INCREMENT }
|
|
|
|
}
|
|
|
|
|
|
|
|
export const decrementCount = () => {
|
|
|
|
return { type: actionTypes.DECREMENT }
|
|
|
|
}
|
|
|
|
|
|
|
|
export const resetCount = () => {
|
|
|
|
return { type: actionTypes.RESET }
|
|
|
|
}
|
|
|
|
|
|
|
|
export const loadExampleData = data => {
|
|
|
|
return { type: actionTypes.LOAD_EXAMPLE_DATA, data }
|
|
|
|
}
|
|
|
|
|
|
|
|
export const loadingExampleDataFailure = () => {
|
|
|
|
return { type: actionTypes.LOADING_DATA_FAILURE }
|
|
|
|
}
|
|
|
|
|
|
|
|
const persistConfig = {
|
|
|
|
key: 'primary',
|
|
|
|
storage,
|
2019-11-11 04:24:53 +01:00
|
|
|
whitelist: ['exampleData'], // place to select which state you want to persist
|
2019-05-23 22:13:48 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
const persistedReducer = persistReducer(persistConfig, reducer)
|
|
|
|
|
2019-11-11 04:24:53 +01:00
|
|
|
export function initializeStore(initialState = exampleInitialState) {
|
2019-05-23 22:13:48 +02:00
|
|
|
return createStore(
|
|
|
|
persistedReducer,
|
|
|
|
initialState,
|
|
|
|
composeWithDevTools(applyMiddleware())
|
|
|
|
)
|
|
|
|
}
|