Makefile

default: build

BIN := ./node_modules/.bin

STYLUS_SRC_FILE := $(wildcard src/styles/*.styl)

STYLUS_DEST := $(STYLUS_SRC_FILE:src/%.styl=public/%.css)

public/%.css: src/%.styl
	@echo "stylus: $< ➜ $@"
	@$(BIN)/stylus < $< > $@

src/scripts/pianoRollTemplate.html: node_modules/ src/scripts/pianoRollTemplate.pug
	@node ./pug.js src/scripts/pianoRollTemplate.pug
src/scripts/pianoRollTemplate.ts: node_modules/ src/scripts/pianoRollTemplate.pug
	@node ./pug.js src/scripts/pianoRollTemplate.pug --client -E ts

public/scripts/script.js: rollup.config.js tsconfig.json src/scripts/pianoRollTemplate.ts $(wildcard src/scripts/*.ts)
	@$(BIN)/rollup --config

install: node_modules/

node_modules/:
	npm install

clear:
	@rm -fv \
		src/scripts/pianoRollTemplate.ts \
		public/scripts/script.js \
		public/scripts/script.js.map \
		$(STYLUS_DEST)

build: node_modules/ public/scripts/script.js $(STYLUS_DEST)

rebuild: clear build

watch: node_modules/
	@node ./pug.js src/scripts/pianoRollTemplate.pug --client -E ts -w \
	& $(BIN)/rollup --config -w --no-watch.clearScreen \
	& $(BIN)/stylus src/styles/ --out public/styles/ -w \

watch-strict:
	@echo 'watching for change'
	@echo 'press ctrl+C to stop'
	while true; do ${MAKE} --silent ; sleep 0.5; done

serve: node_modules/
	@$(BIN)/http-server -o -s -c-1

dev: node_modules/
	${MAKE} watch & ${MAKE} serve

.PHONY: default install clear build rebuild watch watch-strict serve