Add $stateConfig provider

angular-ui/ui-router#265

Author: IllyaMoskvin

app/app.route.js

@@ -7,15 +7,15 @@
         .run(services)
         .run(redirection);
 
-    routing.$inject = ['$stateProvider', '$urlRouterProvider'];
+    routing.$inject = ['$stateConfigProvider', '$urlRouterProvider'];
 
-    function routing( $stateProvider, $urlRouterProvider ) {
+    function routing( $stateConfigProvider, $urlRouterProvider ) {
 
         // default route
         $urlRouterProvider.otherwise('/');
 
         // decorator: set reasonable defaults for entity.* routes
-        $stateProvider.decorator('views', function( state, parent ) {
+        $stateConfigProvider.decorator('views', function( state, parent ) {
 
             var config = state.self;
 
@@ -34,7 +34,7 @@
         });
 
         // app routes
-        $stateProvider
+        $stateConfigProvider
             .state('root', {
                 url: '/',
                 redirectTo: {

app/index.html

@@ -45,10 +45,13 @@
     <script src="services/data.factory.js"></script>
     <script src="services/mapper.service.js"></script>
 
-    <!-- Models -->
+    <!-- Custom Models -->
     <script src="models/artwork.service.js"></script>
     <script src="models/agent.service.js"></script>
 
+    <!-- Generic Models -->
+    <script src="services/state-config.provider.js"></script>
+
     <!-- States -->
     <script src="states/entity/entity.js"></script>
     <script src="states/entity/default.js"></script>

app/services/state-config.provider.js

@@ -0,0 +1,52 @@
+(function () {
+    'use strict';
+
+    angular
+        .module('app')
+        .provider('$stateConfig', Provider);
+
+    // $state.get() allows us to check if a state exists,
+    // but there's no equivallent method for $stateProvider.
+    // https://github.com/angular-ui/ui-router/issues/265
+
+    // $stateConfigProvider stores the state's name,
+    //   before deferring  calls to $stateProvider.
+
+    // Use $stateConfigProvider.exists() to check if a state exists
+
+    Provider.$inject = ['$stateProvider'];
+
+    function Provider( $stateProvider ) {
+
+        var states = [];
+
+        this.state = state;
+        this.decorator = $stateProvider.decorator;
+
+        this.exists = exists;
+
+        this.$get = function() {
+            return this;
+        };
+
+        return this;
+
+        function state( name, data ) {
+
+            states.push( name );
+
+            $stateProvider.state.apply( this, arguments );
+
+            return this;
+
+        }
+
+        function exists( name ) {
+
+            return states.indexOf( name ) > -1;
+
+        }
+
+    }
+
+})();