Decoupled domain module in AngularJS

0_trelloboard_repository.js

define(function() {
  'use strict';

  function TrelloboardRepository($q) {
    this.$q = $q;
  }

  TrelloboardRepository.prototype = {
    find: function() {
      // first iteration: just return a hard-coded Trelloboard
      var output = this.$q.defer();

      output.resolve({
        cardGroups: [
          {
            name: 'Ungrouped',
            cards: []
          }
        ]
      });

      return output.promise;
    }
  };

  return TrelloboardRepository;
});

1_trelloboard_repository_spec.js

define(['trelloboard_repository', 'q'], function(TrelloboardRepository, q) {
  'use strict';

  var trelloboardRepository;

  describe('TrelloboardRepository', function() {
    beforeEach(function() {
      trelloboardRepository = new TrelloboardRepository(q);
    });

    describe('#find', function() {
      it('returns a Trello board', function() {
        trelloboardRepository.find(1).then(function(trelloboard) {
          trelloboard.cardGroups.should.be.instanceof(Array);
        });
      });
    });
  });
});

2_trelloboard_services.js

define([
  'bootstrap', // our app's main AngularJS bootstrap
  'trelloboard_repository'
], function(
  app,
  TrelloboardRepository
) {
  'use strict';

  app.service('TrelloboardRepository', TrelloboardRepository);
});

3_trelloboard_index_controller.js

define(['bootstrap', 'trelloboard_services'], function(app) {
  'use strict';

  // TrelloboardRepository is magically injected by Angular, now that we've wired it up in trelloboard_services
  app.controller('TrelloboardIndexController', function($scope, TrelloboardRepository, $stateParams) {
    TrelloboardRepository.find($stateParams.id).then(function(trelloboard) {
      $scope.model = trelloboard;
    });
  });
});