diff options
Diffstat (limited to 'sdnr/wt/odlux/framework/src/middleware/navigation.ts')
-rw-r--r-- | sdnr/wt/odlux/framework/src/middleware/navigation.ts | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/sdnr/wt/odlux/framework/src/middleware/navigation.ts b/sdnr/wt/odlux/framework/src/middleware/navigation.ts new file mode 100644 index 000000000..758b51845 --- /dev/null +++ b/sdnr/wt/odlux/framework/src/middleware/navigation.ts @@ -0,0 +1,53 @@ +import { Location, History, createHashHistory } from "history"; + +import { ApplicationStore } from "../store/applicationStore"; +import { Dispatch } from '../flux/store'; + +import { LocationChanged, NavigateToApplication } from "../actions/navigationActions"; +import { PushAction, ReplaceAction, GoAction, GoBackAction, GoForwardeAction } from '../actions/navigationActions'; + +import applicationManager from "../services/applicationManager"; + +const routerMiddlewareCreator = (history: History) => () => (next: Dispatch): Dispatch => (action) => { + + if (action instanceof NavigateToApplication) { + const application = applicationManager.applications && applicationManager.applications[action.applicationName]; + if (application) { + const href = `/${ application.path || application.name }${ action.href ? '/' + action.href : '' }`.replace(/\/{2,}/i, '/'); + if (action.replace) { + history.replace(href, action.state); + } else { + history.push(href, action.state); + } + } + } else if (action instanceof PushAction) { + history.push(action.href, action.state); + } else if (action instanceof ReplaceAction) { + history.replace(action.href, action.state); + } else if (action instanceof GoAction) { + history.go(action.index); + } else if (action instanceof GoBackAction) { + history.goBack(); + } else if (action instanceof GoForwardeAction) { + history.goForward(); + } else { + return next(action); + } + return action; +}; + +function startListener(history: History, store: ApplicationStore) { + store.dispatch(new LocationChanged(history.location.pathname, history.location.search, history.location.hash)); + history.listen((location: Location) => { + store.dispatch(new LocationChanged(location.pathname, location.search, location.hash)); + }); +} + +const history = createHashHistory(); + +export function startHistoryListener(store: ApplicationStore) { + startListener(history, store); +} + +export const routerMiddleware = routerMiddlewareCreator(history); +export default routerMiddleware; |