ESLINT=./node_modules/.bin/eslint
NODE=node
SASSLINT=./node_modules/.bin/sass-lint -v
WATCH=./node_modules/.bin/watch
WEBPACK=./node_modules/.bin/webpack

# ------------------------------------

build:
	@make clean
	@make static
	@make translations
	@make webpack

clean:
	rm -rf ./build
	mkdir -p build
	mkdir -p locales

static:
	cp -a ./static/. ./build/

translations:
	./src/scripts/build-locales locales/translations.json

webpack:
	$(WEBPACK) --bail

# ------------------------------------

watch:
	$(WATCH) "make clean && make static" ./static &
	$(WEBPACK) -d --watch &
	wait

stop:
	-pkill -f "$(WEBPACK) -d --watch"
	-pkill -f "$(WATCH) make clean && make static ./static"
	-pkill -f "$(NODE) ./server/index.js"

start:
	$(NODE) ./server/index.js

# ------------------------------------

test:
	@make lint
	@make build

lint:
	$(ESLINT) ./*.js
	$(ESLINT) ./server/*.js
	$(ESLINT) ./src/*.js
	$(ESLINT) ./src/*.jsx
	$(ESLINT) ./src/mixins/*.jsx
	$(ESLINT) ./src/views/**/*.jsx
	$(ESLINT) ./src/components/**/*.jsx
	$(SASSLINT) ./src/*.scss
	$(SASSLINT) ./src/views/**/*.scss
	$(SASSLINT) ./src/components/**/*.scss

# ------------------------------------

.PHONY: build clean static translations webpack watch stop start test lint