47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
import { configureStore } from '@reduxjs/toolkit';
|
|
import _ from 'lodash';
|
|
|
|
export interface RouteState {
|
|
path: string,
|
|
history: string[]
|
|
}
|
|
|
|
const store = configureStore({
|
|
reducer: {
|
|
path: (state = '/load', action) => {
|
|
if (action.type != 'setPath') return state;
|
|
return action.path ?? state;
|
|
},
|
|
history: (state = ['/load'], action) => {
|
|
|
|
let new_state: string[] = _.cloneDeep(state);
|
|
|
|
if (action.type == 'addHistory') {
|
|
// detect attempts to add same as last url
|
|
if (new_state[new_state.length - 1] == action.path)
|
|
return new_state;
|
|
|
|
new_state.push(action.path);
|
|
}
|
|
if (action.type == 'popHistory') {
|
|
new_state.pop();
|
|
}
|
|
return new_state;
|
|
}
|
|
},
|
|
});
|
|
|
|
export default store;
|
|
|
|
export function route(path: string) {
|
|
store.dispatch({ type: 'setPath', path });
|
|
store.dispatch({ type: 'addHistory', path });
|
|
}
|
|
|
|
export function back() {
|
|
const history: string[] = store.getState().history;
|
|
if (history[history.length - 2] == '/load') return
|
|
|
|
store.dispatch({ type: 'setPath', path: history[history.length - 2] });
|
|
store.dispatch({ type: 'popHistory' });
|
|
} |