dbvw-frontend/makefile at master · work-shop/dbvw-frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
# -------------------------------------------------------------
# GLOBALLY DEFINED CONSTANTS (Defined Once, on a Per-Project Basis)
# -------------------------------------------------------------

PROJECT-NAME = dbvw
DOMAIN-NAME = dbvw.workshopdesignstudio.org
PROJECT-IP= 45.55.43.76
LOCAL-URL= http://localhost:8080

ROOT-DIRECTORY = ./
TEMPLATE-DIRECTORY=templates/
STATIC-DIRECTORY = static/
PUBLIC-DIRECTORY = public/
DYNAMIC-DIRECTORY = dynamic/
JAVASCRIPT-SOURCE-DIRECTORY = $(STATIC-DIRECTORY)javascript/
SCSS-SOURCE-DIRECTORY = $(STATIC-DIRECTORY)scss/
JAVASCRIPT-TARGET-DIRECTORY = $(PUBLIC-DIRECTORY)
SCSS-TARGET-DIRECTORY = $(PUBLIC-DIRECTORY)

JAVASCRIPT-SOURCE-MAIN = main.js
JAVASCRIPT-TARGET-MAIN = bundle.js
SCSS-SOURCE-MAIN = main.scss
SCSS-TARGET-MAIN = bundle.css

SERVER-MAIN = index.js

# ----------------------------------------------------------------------
# LOCALLY DEFINED RULE PARAMETERS (Defined on a Per-invocation Basis, with Sensible Defaults)
# ----------------------------------------------------------------------

branch=master
javascript-postcompilation-hook=cat
scss-postcompilation-hook=cat

# ----------------------------------------------------------------------
# RULE SET
# ----------------------------------------------------------------------

.PHONY: all clean

#all: build-client-js build-client-scss
all: start

start: run-server watch-build

stop: kill-watch kill-server

install-dependencies:
	brew install fswatch
	npm install -g browserify
	npm install -g livereload
	git remote add live root@$(PROJECT-IP):/var/www/$(PROJECT-NAME)/$(DOMAIN-NAME)/git

deploy-project:
	git push live +$(branch):refs/heads/master

build-client-js:
	browserify $(JAVASCRIPT-SOURCE-DIRECTORY)$(JAVASCRIPT-SOURCE-MAIN) | $(javascript-postcompilation-hook) > $(JAVASCRIPT-TARGET-DIRECTORY)$(JAVASCRIPT-TARGET-MAIN)

build-client-scss:
	sass --scss $(SCSS-SOURCE-DIRECTORY)$(SCSS-SOURCE-MAIN) | $(scss-postcompilation-hook) > $(SCSS-TARGET-DIRECTORY)$(SCSS-TARGET-MAIN)

watch-build:
	fswatch -r -0 $(JAVASCRIPT-SOURCE-DIRECTORY) | xargs -0 -n 1 make build-client-js 1>/dev/null &
	sass --scss --watch $(SCSS-SOURCE-DIRECTORY)$(SCSS-SOURCE-MAIN):$(SCSS-TARGET-DIRECTORY)$(SCSS-TARGET-MAIN) &
	livereload "./public, ./templates" -w 1100 &

kill-watch:
	kill -9 $$(ps aux | grep -v grep | grep "fswatch" | awk '{print $$2}')
	kill -9 $$(ps aux | grep -v grep | grep "sass" | awk '{print $$	2}')
	kill -9 $$(ps aux | grep -v grep | grep "node /usr/local/bin/livereload" | awk '{print $$2}')

run-server:
	pm2 start local-process.json --node-args "--development"
	subl
	open $(LOCAL-URL)

kill-server:
	pm2 stop local-process.json
	pm2 delete local-process.json
	kill-watch

clean:
	rm -f logs/*