const angular = require('angular');

angular.module('myApp', [
  require('angular-ui-router')
]).config(['$stateProvider', function($stateProvider) {
  $stateProvider.state('foo', {
    url: '/foo',
    controller: 'FooCtrl',
    template: require('./foo.jade'),
    abstract: true
  });
  $stateProvider.state('foo.bar', {
    url: '/bar',
    controller: 'BarCtrl',
    template: '<p>Page bar</p>'
  });
}]).config(['$stateProvider', function($stateProvider) {
  $stateProvider.state('foo.baz', {
    url: '/baz',
    controller: 'BazCtrl',
    template: '<p>Page baz</p>'
  });
}]);

const states = require('ui-state!./some-state');
/*
  Equal as
  const states = [{
    name: 'foo',
    url: '/foo',
    controller: 'FooCtrl',
    // template: require('./foo.jade'), // @note ignores CallExpression
    abstract: true
  }, {
    name: 'foo.bar',
    url: '/bar',
    controller: 'BarCtrl',
    template: '<p>Page bar</p>'
  }, {
    name: 'foo.baz',
    url: '/baz',
    controller: 'BazCtrl',
    template: '<p>Page baz</p>'
  }];
 */