FileBrowser/Makefile at master · jonataswalker/FileBrowser · 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
LAST_VERSION	:= $(shell node -p "require('./package.json').version")
NOW		:= $(shell date --iso=seconds)
ROOT_DIR	:= $(shell dirname $(realpath $(lastword $(MAKEFILE_LIST))))
SRC_DIR 	:= $(ROOT_DIR)/src
BUILD_DIR 	:= $(ROOT_DIR)/build
EXTERNS_DIR 	:= $(ROOT_DIR)/externs
JS_DEBUG 	:= $(BUILD_DIR)/filebrowser-debug.js
JS_FINAL 	:= $(BUILD_DIR)/filebrowser.js
CSS_COMBINED 	:= $(BUILD_DIR)/filebrowser.css
CSS_FINAL 	:= $(BUILD_DIR)/filebrowser.min.css
TMPFILE 	:= $(BUILD_DIR)/tmp

JS_FILES 	:= $(SRC_DIR)/wrapper-head.js \
		   $(SRC_DIR)/utils.js \
		   $(SRC_DIR)/base.js \
		   $(SRC_DIR)/lang/pt-br.js \
		   $(SRC_DIR)/lang/en.js \
		   $(SRC_DIR)/tree.js \
		   $(SRC_DIR)/internal.js \
		   $(SRC_DIR)/html.js \
		   $(SRC_DIR)/drag.js \
		   $(SRC_DIR)/upload.js \
		   $(SRC_DIR)/alert.js \
		   $(SRC_DIR)/wrapper-tail.js \
		   $(EXTERNS_DIR)/canvas-to-blob.js \
		   $(EXTERNS_DIR)/FileAPI.core.js \
		   $(EXTERNS_DIR)/FileAPI.Image.js \
		   $(EXTERNS_DIR)/FileAPI.Form.js \
		   $(EXTERNS_DIR)/FileAPI.XHR.js \
		   $(EXTERNS_DIR)/FileAPI.Flash.js

CSS_FILES 	:= $(SRC_DIR)/filebrowser.css \
		   $(SRC_DIR)/brankic-icomoon.css

NODE_MODULES	:= ./node_modules/.bin
CLEANCSS 	:= $(NODE_MODULES)/cleancss
CLEANCSSFLAGS 	:= --skip-restructuring
POSTCSS 	:= $(NODE_MODULES)/postcss
POSTCSSFLAGS 	:= --use autoprefixer -b "last 2 versions"
STYLELINT 	:= $(NODE_MODULES)/stylelint
ESLINT 		:= $(NODE_MODULES)/eslint
UGLIFYJS 	:= $(NODE_MODULES)/uglifyjs
UGLIFYJSFLAGS 	:= --mangle --mangle-regex --screw-ie8 -c warnings=false
JS_BEAUTIFY	:= $(NODE_MODULES)/js-beautify
BEAUTIFYFLAGS 	:= -f - --indent-size 2 --preserve-newlines
NODEMON 	:= $(NODE_MODULES)/nodemon
PARALLELSHELL 	:= $(NODE_MODULES)/parallelshell

# just to create variables like NODEMON_JS_FLAGS when called
define NodemonFlags
	UP_LANG = $(shell echo $(1) | tr '[:lower:]' '[:upper:]')
	NODEMON_$$(UP_LANG)_FLAGS := --on-change-only --watch "$(SRC_DIR)" --ext "$(1)" --exec "make build-$(1)"
endef

define HEADER
// A multi-purpose filebrowser.
// https://github.com/jonataswalker/FileBrowser
// Version: v$(LAST_VERSION)
// Built: $(NOW)

endef
export HEADER

# targets
.PHONY: ci
ci: build

build-watch: build watch

watch:
	$(PARALLELSHELL) "make watch-js" "make watch-css"

build: build-js build-css

build-js: combine-js lint uglifyjs addheader
	@echo `date +'%H:%M:%S'` " - build JS ... OK"

build-css: combine-css stylelint cleancss
	@echo `date +'%H:%M:%S'` " - build CSS ... OK"

uglifyjs: $(JS_DEBUG)
	@$(UGLIFYJS) $^ $(UGLIFYJSFLAGS) > $(JS_FINAL)

lint: $(JS_DEBUG)
	@$(ESLINT) $^

addheader-debug: $(JS_DEBUG)
	@echo "$$HEADER" | cat - $^ > $(TMPFILE) && mv $(TMPFILE) $^

addheader-min: $(JS_FINAL)
	@echo "$$HEADER" | cat - $^ > $(TMPFILE) && mv $(TMPFILE) $^

addheader: addheader-debug addheader-min

stylelint: $(CSS_COMBINED)
	@$(STYLELINT) $^

cleancss: $(CSS_COMBINED)
	@cat $^ | $(CLEANCSS) $(CLEANCSSFLAGS) > $(CSS_FINAL)

combine-css: $(CSS_FILES)
	@cat $^ | $(POSTCSS) $(POSTCSSFLAGS) > $(CSS_COMBINED)

combine-js: $(JS_FILES)
	@cat $^ | $(JS_BEAUTIFY) $(BEAUTIFYFLAGS) > $(JS_DEBUG)

watch-js: $(JS_FILES)
	$(eval $(call NodemonFlags,js))
	@$(NODEMON) $(NODEMON_JS_FLAGS)

watch-css: $(CSS_FILES)
	$(eval $(call NodemonFlags,css))
	@$(NODEMON) $(NODEMON_CSS_FLAGS)

.DEFAULT_GOAL := build