($uiRouter: UIRouter, $log: ILogService) => {
    const subscription = $uiRouter.globals.start$.subscribe((transition: Transition) => {
      const details = {
        transition,
        toState: transition.to(),
        toParams: transition.params('to'),
        fromState: transition.from(),
        fromParams: transition.params('from'),
      };

      $log.debug('$stateChangeStart', details);
      const success = () => $log.debug('$stateChangeSuccess', details);
      const failure = (error: any) => $log.debug('$stateChangeError', { ...details, error });

      transition.promise.then(success, failure);
    });

    $uiRouter.disposable({ dispose: () => subscription.unsubscribe() });
  },

bootstrapModule.config(($uiRouterProvider: UIRouter) => {
  'ngInject';
  $uiRouterProvider.plugin(UIRouterRxPlugin);
});

 ($uiRouterProvider: UIRouter) => {
   $uiRouterProvider.plugin(UIRouterRxPlugin);
 },

    function createVisualizer() {
      if (visualizerEnabled !== 'true') {
        return;
      }

      // Cleanup any current visualizer first
      destroyVisualizer();

      if (VisualizerPlugin) {
        $uiRouter.plugin(VisualizerPlugin);
      } else {
        loadVisualizer();
      }
    }

  const createVisualizer = () => {
    if (!visualizerEnabled) {
      return;
    }

    // Cleanup any current visualizer first
    destroyVisualizer();

    if (VisualizerPlugin) {
      $uiRouter.plugin(VisualizerPlugin);
    } else {
      loadVisualizer();
    }
  };

 function destroyVisualizer() {
   const plugin = $uiRouter.getPlugin('visualizer');
   plugin && $uiRouter.dispose(plugin);
 }

 const destroyVisualizer = () => {
   const plugin = $uiRouter.getPlugin('visualizer');
   plugin && $uiRouter.dispose(plugin);
 };