commit a509cc3d827cd60bb8b5036e3afb2dcd205ad6ad
Author: Adhityaa <c.adhityaa@gmail.com>
Date:   Mon Apr 16 19:29:32 2018 +0530

    frontend: add Makefile

diff --git a/frontend/Makefile b/frontend/Makefile
new file mode 100644
index 0000000..a13521e
--- /dev/null
+++ b/frontend/Makefile
@@ -0,0 +1,107 @@
+SHELL = bash
+
+# list of JS files to be built
+JS_BUILD =
+
+# for each file in $(JS_BUILD), list its composition
+
+BUILD_DIR              = build
+DEVEL_BUILD_DIR        = $(BUILD_DIR)/devel
+PROD_BUILD_DIR         = $(BUILD_DIR)/prod
+
+HTML_SRC_DIR           = .
+HTML_SRC_FILES         = $(wildcard $(HTML_SRC_DIR)/*.html)
+HTML_DEVEL_BUILD_DIR   = $(DEVEL_BUILD_DIR)
+HTML_DEVEL_BUILD_FILES = $(patsubst $(HTML_SRC_DIR)/%, $(HTML_DEVEL_BUILD_DIR)/%, $(HTML_SRC_FILES))
+HTML_PROD_BUILD_DIR    = $(PROD_BUILD_DIR)
+HTML_PROD_BUILD_FILES  = $(patsubst $(HTML_SRC_DIR)/%, $(HTML_PROD_BUILD_DIR)/%, $(HTML_SRC_FILES))
+
+HTML_MINIFIER          = html-minifier
+HTML_MINIFIER_FLAGS    = --collapse-whitespace --remove-comments
+
+JS_SRC_DIR             = js
+JS_SRC_FILES           = $(wildcard $(JS_SRC_DIR)/*.js)
+JS_DEVEL_BUILD_DIR     = $(DEVEL_BUILD_DIR)/js
+JS_DEVEL_BUILD_FILES   = $(addprefix $(JS_DEVEL_BUILD_DIR)/, $(JS_BUILD))
+JS_PROD_BUILD_DIR      = $(PROD_BUILD_DIR)/js
+JS_PROD_BUILD_FILES    = $(addprefix $(JS_PROD_BUILD_DIR)/, $(JS_BUILD))
+
+JS_MINIFIER            = uglifyjs
+JS_MINIFIER_FLAGS      = --compress --mangle
+
+ENV_JS                 = env.js
+
+SASS_SRC_DIR           = sass
+SASS_SRC_FILES         = $(wildcard $(SASS_SRC_DIR)/*.scss)
+CSS_DEVEL_BUILD_DIR    = $(DEVEL_BUILD_DIR)/css
+CSS_DEVEL_BUILD_FILES  = $(patsubst $(SASS_SRC_DIR)/%.scss, $(CSS_DEVEL_BUILD_DIR)/%.css, $(SASS_SRC_FILES))
+CSS_PROD_BUILD_DIR     = $(PROD_BUILD_DIR)/css
+CSS_PROD_BUILD_FILES   = $(patsubst $(SASS_SRC_DIR)/%.scss, $(CSS_PROD_BUILD_DIR)/%.css, $(SASS_SRC_FILES))
+
+CSS                    = sass
+CSS_DEVEL_FLAGS        = --sourcemap=none
+CSS_PROD_FLAGS         = $(CSS_DEVEL_FLAGS) --style compressed
+
+IMGS_SRC_DIR           = images
+IMGS_SRC_FILES         = $(wildcard $(IMGS_SRC_DIR)/*)
+IMGS_DEVEL_BUILD_DIR   = $(DEVEL_BUILD_DIR)/images
+IMGS_DEVEL_BUILD_FILES = $(patsubst $(IMGS_SRC_DIR)/%, $(IMGS_DEVEL_BUILD_DIR)/%, $(IMGS_SRC_FILES))
+IMGS_PROD_BUILD_DIR    = $(PROD_BUILD_DIR)/images
+IMGS_PROD_BUILD_FILES  = $(patsubst $(IMGS_SRC_DIR)/%, $(IMGS_PROD_BUILD_DIR)/%, $(IMGS_SRC_FILES))
+
+devel: devel-html devel-js devel-css devel-imgs
+
+prod: devel prod-html prod-js prod-css prod-imgs
+
+clean:
+	-rm -rf $(BUILD_DIR);
+
+devel-html: $(HTML_DEVEL_BUILD_FILES)
+
+$(HTML_DEVEL_BUILD_FILES): $(HTML_DEVEL_BUILD_DIR)/%.html: $(HTML_SRC_DIR)/%.html
+	cp $^ $@;
+
+prod-html: $(HTML_PROD_BUILD_FILES)
+
+$(HTML_PROD_BUILD_FILES): $(HTML_PROD_BUILD_DIR)/%.html: $(HTML_DEVEL_BUILD_DIR)/%.html
+	$(HTML_MINIFIER) $(HTML_MINIFIER_FLAGS) -o $@ $^;
+
+devel-js: $(JS_DEVEL_BUILD_FILES)
+
+.SECONDEXPANSION:
+$(JS_DEVEL_BUILD_FILES): $(JS_DEVEL_BUILD_DIR)/%.js: $$(addprefix $$(JS_SRC_DIR)/, $$(%.js) $$(ENV_JS))
+	>$@; \
+	for f in $^; do \
+		printf "// %s\n" "$$f" >>$@; \
+		cat $$f >>$@; \
+		printf "\n" >>$@; \
+	done;
+
+prod-js: $(JS_PROD_BUILD_FILES)
+
+$(JS_PROD_BUILD_FILES): $(JS_PROD_BUILD_DIR)/%.js: $(JS_DEVEL_BUILD_DIR)/%.js
+	$(JS_MINIFIER) $(JS_MINIFIER_FLAGS) -o $@ $^;
+
+devel-css: $(CSS_DEVEL_BUILD_FILES)
+
+$(CSS_DEVEL_BUILD_FILES): $(CSS_DEVEL_BUILD_DIR)/%.css: $(SASS_SRC_DIR)/%.scss $(SASS_SRC_FILES)
+	$(CSS) $(CSS_DEVEL_FLAGS) $< $@;
+
+prod-css: $(CSS_PROD_BUILD_FILES)
+
+$(CSS_PROD_BUILD_FILES): $(CSS_PROD_BUILD_DIR)/%.css: $(SASS_SRC_DIR)/%.scss
+	$(CSS) $(CSS_PROD_FLAGS) $^ $@;
+
+$(shell mkdir -p $(HTML_DEVEL_BUILD_DIR) $(JS_DEVEL_BUILD_DIR) $(CSS_DEVEL_BUILD_DIR) $(HTML_PROD_BUILD_DIR) $(JS_PROD_BUILD_DIR) $(CSS_PROD_BUILD_DIR))
+
+devel-imgs: $(IMGS_DEVEL_BUILD_FILES)
+
+$(IMGS_DEVEL_BUILD_FILES): $(IMGS_DEVEL_BUILD_DIR)/%: $(IMGS_SRC_DIR)/%
+	cp $^ $@;
+
+prod-imgs: $(IMGS_PROD_BUILD_FILES)
+
+$(IMGS_PROD_BUILD_FILES): $(IMGS_PROD_BUILD_DIR)/%: $(IMGS_SRC_DIR)/%
+	cp $^ $@
+
+$(shell mkdir -p $(HTML_DEVEL_BUILD_DIR) $(JS_DEVEL_BUILD_DIR) $(CSS_DEVEL_BUILD_DIR) $(IMGS_DEVEL_BUILD_DIR) $(HTML_PROD_BUILD_DIR) $(JS_PROD_BUILD_DIR) $(CSS_PROD_BUILD_DIR) $(IMGS_PROD_BUILD_DIR))