Makefile

BOURBON=node_modules/bourbon/app/assets/stylesheets
FOOTER=printf $(if $$? = 0, '\x1b[32mDONE', '\x1b[31mERROR')"\x1b[0m\n"
HEADER=printf '  $@... '
HTML_MINIFIER=node_modules/html-minifier/cli.js
HTTP_SERVER=node_modules/http-server/bin/http-server
IMAGEMIN=node_modules/imagemin/cli.js
MUSTACHE=node_modules/mu2/bin/mu
SASS=node_modules/node-sass/bin/node-sass
VIGILIA=node_modules/vigilia/bin/vigilia
WEBPACK=node_modules/webpack/bin/webpack.js

PORT?=4040

.SILENT:

build: images scripts styles templates

clean:
	$(HEADER)
	rm -fr public
	rm -f npm-debug.log
	$(FOOTER)

images: tree
	$(HEADER)
	$(IMAGEMIN) client/images public/images
	$(FOOTER)

install:
	npm install

run: build
	$(HTTP_SERVER) -p $(PORT)

scripts: tree
	$(HEADER)
	$(WEBPACK) --bail -p client/scripts/main.js public/scripts/main.js > /dev/null
	$(FOOTER)

styles: tree
	$(HEADER)
	$(SASS) --include-path $(BOURBON) --output public/styles --output-style compressed --quiet client/styles/major.scss public/styles/major.css
	$(SASS) --include-path $(BOURBON) --output public/styles --output-style compressed --quiet client/styles/minor.scss public/styles/minor.css
	$(FOOTER)

templates: tree
	$(HEADER)
	$(MUSTACHE) --view "`cat package.json`" --root client/templates main.html > public/index.html
	$(HTML_MINIFIER) --collapse-whitespace --output public/index.html --remove-comments public/index.html
	$(FOOTER)

tree:
	$(HEADER)
	mkdir -p public/images
	mkdir -p public/scripts
	mkdir -p public/styles
	$(FOOTER)

watch: build
	$(VIGILIA) 'client/images/**/*':'make images' 'client/scripts/**/*.js':'make scripts' 'client/styles/**/*.scss':'make styles' 'client/templates/**/*.html':'make templates'