Maruf Siddiqui marufsiddiqui

This is a small collection of scripts showing how to use require.js. It's only one of several ways of setting up a require.js project, but it's enough to get started.

At its core, require.js is about three things:

Dependency management
Modularity
Dynamic script loading

The following files show how these are achieved.

Yeoman + Compass Sprites

Setup

generator-webapp has support for compass out of the box. However, in order to use one of my favorite features of it — sprites and the image_url helper — you have to make some adjustments to the Gruntfile.

Let's assume you use a SASS stylesheet like this one:

@import "design/*.png"

	browser.get "/phones" # navigate to /phones URL
	input.clear() # clear text input field


	expect(browser.getTitle()).toMatch 'My Google Photo Gallery'
	expect(browser.getCurrentUrl()).toMatch "/phones$"
	expect(element.all(by_.repeater("phone in phones")).count()).toBe 8
	expect(element.all(by_.repeater("phone in phones").column("phone.name")).first().getText()).toBe "Motorola XOOM"

	# Find by...

	function readDir(start, callback) {
	// Use lstat to resolve symlink if we are passed a symlink
	fs.lstat(start, function(err, stat) {
	if(err) {
	return callback(err);
	}
	var found = {dirs: [], files: []},
	total = 0,
	processed = 0;
	function isDir(abspath) {

	!(function (ng) {
	'use strict';
	ng.module('jquery', ['jquery.directives']);

	var jqdir = ng.module('jquery.directives', []);

	function tokenInput($parse, $timeout) {
	return {
	restrict: 'A',
	require: '?ngModel',

	// articles per page
	var limit = 10;

	// pagination middleware function sets some
	// local view variables that any view can use
	function pagination(req, res, next) {
	var page = parseInt(req.params.page) \|\| 1,
	num = page * limit;
	db.articles.count(function(err, total) {
	res.local("total", total);

	// Generated on 2013-04-23 using generator-webapp 0.1.7
	'use strict';
	var path = require('path');

	// # Globbing
	// for performance reasons we're only matching one level down:
	// 'test/spec/{,/}.js'
	// use this if you want to match all subfolders:
	// 'test/spec/*/.js'


	/**
	* Module dependencies.
	*/
	var express = require('express');
	var http = require('http');
	var app = express();

	// all environments
	app.use(express.favicon());