feat(*): export redux middleware for transitions

Author: elboman

core/applyHooks.ts

@@ -1,21 +1,11 @@
 /**
   * @module core
   */ /** */
-import {
-  UIRouter,
-  Transition,
-  HookResult,
-  TransitionHookFn,
-} from '@uirouter/core';
+import { HookResult, Transition, TransitionHookFn, UIRouter } from '@uirouter/core';
 import { Rejection, RejectType } from '@uirouter/core';
-import { Store, Action } from 'redux';
+import { Store } from 'redux';
 
-import {
-  START_TRANSITION,
-  IGNORED_TRANSITION,
-  REDIRECTED_TRANSITION,
-  FINISH_TRANSITION,
-} from './actions';
+import { FINISH_TRANSITION, IGNORED_TRANSITION, REDIRECTED_TRANSITION, START_TRANSITION } from './actions';
 
 /** @hidden */
 const hookResult: HookResult = true;

core/index.ts

@@ -1,2 +1,4 @@
 export { createReduxPlugin } from './reduxPlugin';
 export { routerReducer } from './reducer';
+export { default as createRouterMiddleware } from './middleware';
+export { triggerTransition } from './actions';

core/middleware.ts

@@ -1,12 +1,14 @@
+import { UIRouter } from '@uirouter/core';
+
 import { TRIGGER_TRANSITION } from './actions';
 
-export default function routerMiddleware(router) {
+export default function createRouterMiddleware(router: UIRouter) {
   return () => next => action => {
     if (action.type !== TRIGGER_TRANSITION) {
       return next(action);
     }
 
     const { to, params } = action;
-    // TODO: trigger transition
+    router.stateService.go(to, params);
   };
 }

core/reducer.ts

@@ -1,9 +1,4 @@
-import {
-  START_TRANSITION,
-  IGNORED_TRANSITION,
-  REDIRECTED_TRANSITION,
-  FINISH_TRANSITION,
-} from './actions';
+import { FINISH_TRANSITION, IGNORED_TRANSITION, START_TRANSITION } from './actions';
 
 const initialState = {
   transitioning: false,

core/reduxPlugin.ts

@@ -1,8 +1,8 @@
 import { UIRouter } from '@uirouter/core';
 import { Store } from 'redux';
-import { ReduxPlugin } from './interface';
 
 import { applyHooks } from './applyHooks';
+import { ReduxPlugin } from './interface';
 
 export function reduxPluginFactory(name: string, store: Store<any>) {
   return function(router: UIRouter): ReduxPlugin {