export class UIRouter {
  /** Provides services related to ui-view synchronization */
  viewService = new ViewService(this);

  /** An object that contains global router state, such as the current state and params */
  globals: UIRouterGlobals = new UIRouterGlobals();

  /** A service that exposes global Transition Hooks */
  transitionService: TransitionService = new TransitionService(this);

  /** Provides services related to the URL */
  urlService: UrlService = new UrlService(this);

  /** Provides a registry for states, and related registration services */
  stateRegistry: StateRegistry = new StateRegistry(this);

  /** Provides services related to states */
  stateService = new StateService(this);
}

export class StateObject {
  /** The parent StateObject */
  public parent: StateObject;
  
  /** The name used to register the state */
  public name: string;
  
  /** A compiled URLMatcher which detects when the state's URL is matched */
  public url: UrlMatcher;
  
  /** The parameters for the state, built from the URL and params declaration */
  public params: { [key: string]: Param };
  
  /** The views for the state */
  public views: { [key: string]: _ViewDeclaration };
  
  /** A list of Resolvable objects. The internal representation of resolve */
  public resolvables: Resolvable[];
}

const state = {
  name: 'users',
  url: '/users',
  component: UsersComponent,
  resolve: {
    users: (UserService) => UserService.list()
  }
};

router.stateRegistry.register(state);

class MyPlugin implements UIRouterPlugin {
  name = 'myPlugin';
  
  constructor(router: UIRouter, options: any) {
    router.transitionService.onStart({}, (trans) => {
      // Custom logic
    });
  }
}

router.plugin(MyPlugin);