1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
|
const { Record, List } = require('immutable');
const { createBrowserHistory, createMemoryHistory } = require('history');
const ACTION_TYPES = require('../actions/TYPES');
const Location = require('../models/Location');
const isServerSide = (typeof window === 'undefined');
const HistoryState = Record({
// Current location
location: new Location(),
// Are we loading a new page
loading: Boolean(false),
// Did we fail loading a page?
error: null,
// Listener for history changes
listeners: List(),
// Function to call to stop listening
unlisten: null,
// HistoryJS instance
client: null
});
function reduceHistory(state, action) {
state = state || HistoryState();
switch (action.type) {
case ACTION_TYPES.PAGE_FETCH_START:
return state.merge({
loading: true
});
case ACTION_TYPES.PAGE_FETCH_END:
return state.merge({
loading: false
});
case ACTION_TYPES.PAGE_FETCH_ERROR:
return state.merge({
loading: false,
error: action.error
});
case ACTION_TYPES.HISTORY_ACTIVATE:
const client = isServerSide ? createMemoryHistory() : createBrowserHistory();
const unlisten = client.listen(action.listener);
// We can't use .merge since it convert history to an immutable
const newState = state
// TODO: we should find a way to have the correct location on server side
.set('location', isServerSide ? new Location() : Location.fromNative(window.location))
.set('client', client)
.set('unlisten', unlisten);
return newState;
case ACTION_TYPES.HISTORY_DEACTIVATE:
if (state.unlisten) {
state.unlisten();
}
return state.merge({
client: null,
unlisten: null
});
case ACTION_TYPES.HISTORY_UPDATE:
return state.merge({
location: action.location
});
case ACTION_TYPES.HISTORY_LISTEN:
return state.merge({
listeners: state.listeners.push(action.listener)
});
default:
return state;
}
}
module.exports = reduceHistory;
|
