postal.js/example/node/client/js/infrastructure/app.js

define([
	'jquery',
	'backbone',
	'bus',
	'infrastructure/router',
	'infrastructure/view-manager',
	'views/container',
	'views/menu',
	'views/tweet-count',
	'views/mention-count',
	'views/mentioner-count',
	'views/hash-tag-count',
	'views/profanity-percentage',
	'views/search-requests'
], function( $, Backbone, bus, Router, ViewManager, ContainerView, MenuView, TweetCountView, MentionCountView,
	MentionerCountView, HashTagCountView, ProfanityPercentage, SearchRequestView ) {
	var app = {
		bus: bus,
		router: new Router()
	};

	// Set up UI concerns
	app.viewManager = new ViewManager();
	app.bus.viewManager.subscribe( "ui.show", function( data, env ) {
		app.viewManager.UI[ data.name ].activate( data.context );
	});

	app.viewManager.registerViews([
		{ name:  "container",           ctor: ContainerView       },
		{ name:  "menu",                ctor: MenuView            },
		{ name:  "tweetCount",          ctor: TweetCountView      },
		{ name:  "mentionCount",        ctor: MentionCountView    },
		{ name:  "mentionerCount",      ctor: MentionerCountView  },
		{ name:  "hashTagCount",        ctor: HashTagCountView    },
		{ name:  "profanityPercentage", ctor: ProfanityPercentage },
		{ name:  "searchRequests",      ctor: SearchRequestView   }
	]);
	app.viewManager.defineUIs([
		{ name: "homeUI",          dependencies: [ "container", "menu", "tweetCount", "mentionCount", "mentionerCount", "hashTagCount", "profanityPercentage" ] },
		{ name: "searchRequestUI", dependencies: [ "container", "menu", "searchRequests" ] },
		{ name: "wireTapLogUI",    dependencies: [ "menu" ], options: { noHide: true } }
	]);

	$(function() {
		Backbone.history.start({
			pushState: true,
			root: $( "base" ).attr( "href" )
		});
	});

	return app;
});