Extending Lazy Services for value return

app/admin/controllers/fourth.js

@@ -0,0 +1,15 @@
+/**
+ * Created with IntelliJ IDEA.
+ * User: Mateusz
+ * Date: 15.11.12
+ * Time: 22:38
+ */
+
+'use strict';
+
+define([], function () {
+
+    return ['FourthController', function ($scope) {
+        $scope.message = "I'm the 4th controller!";
+    }]
+})

app/admin/partials/admin.html

@@ -0,0 +1,7 @@
+<div>
+    <h1>{{message}}</h1>
+ 	<h2 ng-controller="ThirdController">{{message}}</h2>
+	<h2 ng-controller="FourthController">{{message}}</h2>
+    <h1>Still - {{message}}</h1>
+</div>
+

app/index.html

@@ -11,10 +11,13 @@
 <div>
     <a href="#/view1" class="btn">view1</a>
     <a href="#/view2" class="btn">view2</a>
+    <a href="#/admin" class="btn" ng-show="isAdmin">admin</a>
 </div>
 
 <div ng-view class="well well-small"></div>
 
+<button ng-hide="isAdmin" ng-click="isAdmin=true;">Become admin</button>
+
 <script data-main="js/main" src="lib/require/require.js"></script>
 </body>
 </html>

app/js/app.js

@@ -6,10 +6,12 @@
  */
 'use strict';
 
-define(['angular', 'utils/route-config'], function (angular, routeConfig, lazyDirectives) {
+define(['angular', 'utils/route-config'], function (angular, routeConfig) {
 
-    return angular.module('myApp', [], function ($compileProvider, $controllerProvider) {
+    return angular.module('myApp', [], function ($provide, $compileProvider, $controllerProvider, $filterProvider) {
+        routeConfig.setProvide($provide);
         routeConfig.setCompileProvider($compileProvider);
         routeConfig.setControllerProvider($controllerProvider);
+        routeConfig.setFilterProvider($filterProvider);
     })
 });

app/js/controllers/first.js

@@ -11,6 +11,8 @@ define([], function () {
 
     function FirstController($scope) {
         $scope.message = "I'm the 1st controller!";
+        $scope.greeting = "Hello world!";
+
     }
 
     return FirstController;

app/js/controllers/second.js

@@ -9,8 +9,8 @@
 
 define([], function () {
 
-    function SecondController($scope) {
-        $scope.message = "I'm the 2nd controller!";
+    function SecondController($scope, tester) {
+        $scope.message = "I'm the 2nd controller! "  + tester;
     }
 
     return SecondController;

app/js/controllers/third.js

@@ -0,0 +1,15 @@
+/**
+ * Created with IntelliJ IDEA.
+ * User: Mateusz
+ * Date: 15.11.12
+ * Time: 22:38
+ */
+
+'use strict';
+
+define([], function () {
+
+    return ['ThirdController', function ($scope) {
+        $scope.message = "I'm the 3rd controller!";
+    }]
+})

app/js/filters/reverse.js

@@ -0,0 +1,28 @@
+/**
+ * Created with JetBrains WebStorm.
+ * User: avivcallander
+ * Date: 3/31/13
+ * Time: 4:40 PM
+ * To change this template use File | Settings | File Templates.
+ */
+
+
+'use strict';
+
+define([], function () {
+
+    return ['reverse', function() {
+        return function(input, uppercase) {
+            var out = "";
+            for (var i = 0; i < input.length; i++) {
+                out = input.charAt(i) + out;
+            }
+            // conditional based on optional argument
+            if (uppercase) {
+                out = out.toUpperCase();
+            }
+            return out;
+        }}];
+})
+
+

app/js/routes.js

@@ -10,8 +10,9 @@
 define(['app', 'utils/route-config'], function (app, routeConfig) {
 
     return app.config(function ($routeProvider) {
-        $routeProvider.when('/view1', routeConfig.config('../partials/view1.html', 'controllers/first'));
-        $routeProvider.when('/view2', routeConfig.config('../partials/view2.html', 'controllers/second', ['directives/version']));
+        $routeProvider.when('/view1', routeConfig.config('../partials/view1.html', 'controllers/first', null, {directives: ['directives/version'], services: [], filters: ['filters/reverse']}));
+        $routeProvider.when('/view2', routeConfig.config('../partials/view2.html', 'controllers/second', null, {directives: ['directives/version'], services: ['services/tester'], filters: []}));
+        $routeProvider.when('/admin', routeConfig.config('../admin/partials/admin.html', 'controllers/second', ['controllers/third', '../admin/controllers/fourth'])); 
 
         $routeProvider.otherwise({redirectTo:'/view1'});
     });

app/js/services/tester.js

@@ -0,0 +1,13 @@
+/**
+ * Created with IntelliJ IDEA.
+ * User: Mateusz
+ * Date: 22.11.12
+ * Time: 22:04
+ */
+
+'use strict';
+
+define([], function () {
+
+    return ['tester', 'test service via value return']
+})

app/js/utils/lazy-directives.js

@@ -14,14 +14,19 @@ define([], function () {
     }
 
     function register(directive) {
-        if (!$compileProvider) {
-            throw new Error("$compileProvider is not set!");
+        if(directive){
+            if (!$compileProvider) {
+                throw new Error("$compileProvider is not set!");
+            }
+            $compileProvider.directive.apply(null, directive);
+        }else{
+            $compileProvider.directive.apply = null;
         }
-        $compileProvider.directive.apply(null, directive);
+
     }
 
     return {
-        setCompileProvider:setCompileProvider,
-        register:register
+        setCompileProvider: setCompileProvider,
+        register: register
     }
 })

app/js/utils/lazy-filters.js

@@ -0,0 +1,25 @@
+define([], function () {
+
+    var $filterProvider;
+
+    function setFilterProvider(value) {
+        $filterProvider = value;
+    }
+
+    function register(filter) {
+        if(filter){
+            if (!$filterProvider) {
+                throw new Error("$setProvide is not set!");
+            }
+            $filterProvider.register(filter[0], filter[1]);
+        }else{
+            $filterProvider.register = null;
+        }
+
+    }
+
+    return {
+        setFilterProvider: setFilterProvider,
+        register: register
+    }
+})

app/js/utils/lazy-services.js

@@ -0,0 +1,26 @@
+define([], function () {
+
+    var $provide;
+
+    function setProvide(value) {
+        $provide = value;
+    }
+
+    function register(service) {
+        if (service) {
+            if (!$provide) {
+                throw new Error("$setProvide is not set!");
+            }
+            $provide.value(service[0], service[1]);
+        } else {
+            $provide.value = null;
+        }
+
+    }
+
+
+    return {
+        setProvide: setProvide,
+        register: register
+    }
+})

app/js/utils/route-config.js

@@ -5,10 +5,12 @@
  * Time: 22:38
  */
 
-define(['utils/lazy-directives'], function (lazyDirectives) {
+define(['utils/lazy-directives', 'utils/lazy-services', 'utils/lazy-filters'], function (lazyDirectives, lazyServices, lazyFilters) {
 
     var $controllerProvider,
-        $compileProvider;
+        $compileProvider,
+        $provide,
+        $filterProvider;
 
     function setControllerProvider(value) {
         $controllerProvider = value;
@@ -19,7 +21,25 @@ define(['utils/lazy-directives'], function (lazyDirectives) {
         lazyDirectives.setCompileProvider(value);
     }
 
-    function config(templateUrl, controllerName, directives) {
+    function setProvide(value) {
+        $provide = value;
+        lazyServices.setProvide(value);
+    }
+
+    function setFilterProvider(value) {
+        $filterProvider = value;
+        lazyFilters.setFilterProvider(value);
+    }
+
+    // Use this as a guide to extend... current "services" is only value provide
+    // Services should use factory
+    //$provide.value('a', 123);
+    //$provide.factory('a', function() { return 123; });
+    //$compileProvider.directive('directiveName', ...);
+    //$filterProvider.register('filterName', ...);
+
+
+    function config(templateUrl, controllerName, controllers, lazyResources) {
         if (!$controllerProvider) {
             throw new Error("$controllerProvider is not set!");
         }
@@ -33,28 +53,56 @@ define(['utils/lazy-directives'], function (lazyDirectives) {
         };
         routeDefinition.controller = controllerName;
         routeDefinition.resolve = {
-            delay:function ($q, $rootScope) {
+            delay: function ($q, $rootScope) {
                 defer = $q.defer();
                 if (!html) {
-                    var dependencies = [controllerName, "text!" + templateUrl];
-                    if (directives) {
-                        dependencies = dependencies.concat(directives);
+                    var dependencies = ["text!" + templateUrl, controllerName];
+                    if (controllers) {
+                        dependencies = dependencies.concat(controllers);
+                    }
+                    if (lazyResources) {
+                        dependencies = dependencies.concat(lazyResources.directives);
+                        dependencies = dependencies.concat(lazyResources.services);
+                        dependencies = dependencies.concat(lazyResources.filters);
                     }
                     require(dependencies, function () {
-                        var controller = arguments[0],
-                            template = arguments[1];
 
-                        for (var i = 2; i < arguments.length; i++) {
-                            lazyDirectives.register(arguments[i]);
-                        }
+                            // TODO fix this mess
+                            var template = arguments[0];
+                            $controllerProvider.register(controllerName, arguments[1]);
+                            var baseNumber = 2 + (controllers == null ? 0 : controllers.length);
+                            var directiveNumber = (lazyResources.directives == null ? 0 : lazyResources.directives.length);
+                            var serviceNumber = (lazyResources.services == null ? 0 : lazyResources.services.length);
+                            var filterNumber = (lazyResources.filters == null ? 0 : lazyResources.filters.length);
 
-                        $controllerProvider.register(controllerName, controller);
-                        html = template;
-                        defer.resolve();
-                        $rootScope.$apply()
-                    })
+                            if (controllers) {
+                                for (var i = 2; i < baseNumber; i++) {
+                                    $controllerProvider.register(arguments[i][0], arguments[i][1]);
+                                }
+                            }
+                            if (lazyResources.directives) {
+                                for (var i = (baseNumber); i < baseNumber + directiveNumber; i++) {
+                                    lazyDirectives.register(arguments[i]);
+                                }
+                            }
+                            if (lazyResources.services) {
+                                for (var i = (baseNumber) + directiveNumber; i < baseNumber + directiveNumber + serviceNumber; i++) {
+                                    lazyServices.register(arguments[i]);
+                                }
+                            }
+                            if (lazyResources.filters) {
+                                for (var i = (baseNumber) + directiveNumber + serviceNumber; i < baseNumber + directiveNumber + serviceNumber + filterNumber; i++) {
+                                    lazyFilters.register(arguments[i]);
+                                }
+                            }
+                            html = template;
+                            defer.resolve();
+                            $rootScope.$apply()
+                        }
+                    )
 
-                } else {
+                }
+                else {
                     defer.resolve();
                 }
                 return defer.promise;
@@ -65,9 +113,11 @@ define(['utils/lazy-directives'], function (lazyDirectives) {
     }
 
     return {
-        setControllerProvider:setControllerProvider,
-        setCompileProvider:setCompileProvider,
-        config:config
+        setControllerProvider: setControllerProvider,
+        setCompileProvider: setCompileProvider,
+        setProvide: setProvide,
+        setFilterProvider: setFilterProvider,
+        config: config
     }
 })
 

app/partials/view1.html

@@ -1,3 +1,5 @@
 <div>
     <h1>{{message}}</h1>
+    No filter: {{greeting}}<br>
+    Reverse: {{greeting|reverse}}
 </div>