BUILDDIR?=/opt/www/htdocs/os
DOCDIR?=/opt/www/htdocs/doc/antos
BLUE=\033[1;34m
NC=\033[0m

GSED=sed
UNAME_S := $(shell uname -s)
ifeq ($(UNAME_S),Darwin)
	GSED=gsed
endif

tags = 	dist/core/tags/tag.js \
		dist/core/tags/WindowTag.js \
		dist/core/tags/TileLayoutTags.js \
		dist/core/tags/ResizerTag.js \
		dist/core/tags/LabelTag.js \
		dist/core/tags/ButtonTag.js \
		dist/core/tags/ListViewTag.js \
		dist/core/tags/SwitchTag.js \
		dist/core/tags/NSpinnerTag.js \
		dist/core/tags/MenuTag.js \
		dist/core/tags/GridViewTag.js \
		dist/core/tags/TabBarTag.js \
		dist/core/tags/TabContainerTag.js \
		dist/core/tags/TreeViewTag.js \
		dist/core/tags/SliderTag.js \
		dist/core/tags/FloatListTag.js \
		dist/core/tags/CalendarTag.js \
		dist/core/tags/ColorPickerTag.js \
		dist/core/tags/FileViewTag.js \
		dist/core/tags/OverlayTag.js \
		dist/core/tags/AppDockTag.js \
		dist/core/tags/SystemPanelTag.js

javascripts= 	dist/core/core.js \
				dist/core/settings.js \
				dist/core/handles/RemoteHandle.js \
				dist/core/Announcerment.js \
				dist/core/vfs.js \
				dist/core/db.js \
				dist/core/BaseModel.js \
				dist/core/BaseApplication.js \
				dist/core/BaseService.js \
				dist/core/BaseDialog.js \
				$(tags) \
				dist/core/gui.js \
				dist/core/pm.js \
				dist/bootstrap.js

antfx = $(tags) \
		dist/core/Announcerment.js
 
packages = Syslog CodePad Files MarketPlace  Setting

main: initd build_javascripts build_themes libs  build_packages languages
	- cp src/index.html $(BUILDDIR)/

initd:
	- mkdir -p $(BUILDDIR)

lite: build_javascripts build_themes build_packages
#%.js: %.coffee
#		coffee --compile $<

ts:
	-rm -rf dist
	tsc -p tsconfig.json

standalone_tags: ts
	@echo "$(BLUE)Bundling standalone tags files$(NC)"
	- mkdir -p $(BUILDDIR)
	- rm $(BUILDDIR)/afx*
	#echo "(function() {" > $(BUILDDIR)/scripts/antos.js
	for f in $(antfx); do \
		(cat "$${f}"; echo) >> dist/afx.js;\
		rm "$${f}";\
	done
	echo "var Ant=this;" >> dist/afx.js
	terser dist/afx.js --compress --mangle --output $(BUILDDIR)/afx.js
	# standalone theme

	@for f in src/themes/system/afx-*.css; do \
		if [ "$$f" != "src/themes/system/antos.css" ]; then \
			echo "$$f"; \
			(cat "$${f}"; echo) >> $(BUILDDIR)/afx.css; \
		fi;\
	done

	@for f in src/themes/antos_light/afx-*.css; do \
		if [ "$$f" != "src/themes/antos_light/antos.css" ]; then \
			echo "$$f"; \
			(cat "$${f}"; echo) >> $(BUILDDIR)/afx.css; \
		fi;\
	done
	# uglifycss  --output $(BUILDDIR)/afx.css $(BUILDDIR)/afx.css
	rm -r dist/core

build_javascripts: ts
	@echo "$(BLUE)Bundling javascript files$(NC)"
	- mkdir -p $(BUILDDIR)/scripts
	- rm $(BUILDDIR)/scripts/antos.js
	#echo "(function() {" > $(BUILDDIR)/scripts/antos.js
	for f in $(javascripts); do \
		(cat "$${f}"; echo) >> dist/antos.js;\
		rm "$${f}";\
	done
	cp dist/antos.js $(BUILDDIR)/scripts/
	echo "if(exports){ exports.__esModule = true;exports.OS = OS; }" >> dist/antos.js
	rm -r dist/core
libs:
	@echo "$(BLUE)Copy lib files$(NC)"
	cp -rf src/libs/* $(BUILDDIR)/scripts/

testdata:
	@echo "$(BLUE)Copy JSON test files$(NC)"
	- mkdir -p $(BUILDDIR)/resources/jsons
	cp src/core/handlers/jsons/* $(BUILDDIR)/resources/jsons

languages:
	-mkdir -p $(BUILDDIR)/resources
	-mkdir -p $(BUILDDIR)/resources/languages
	cp src/core/languages/*.json $(BUILDDIR)/resources/languages/

genlang:
	read -r -p "Enter locale: " LOCAL;\
		./src/core/languages/gen.sh ./src ./src/core/languages/$$LOCAL.json
build_themes: antos_light antos_dark
	-rm -rf $(BUILDDIR)/resources/themes/system/*
	-mkdir -p $(BUILDDIR)/resources/themes/system
	cp -r src/themes/system/fonts $(BUILDDIR)/resources/themes/system
	cp -r src/themes/system/wp $(BUILDDIR)/resources/themes/system
	for f in src/themes/system/*.css; do (cat "$${f}"; echo) >> $(BUILDDIR)/resources/themes/system/system.css;done

antos_light:
	@echo "$(BLUE)Building themes name: antos-light$(NC)"
	-rm -rf $(BUILDDIR)/resources/themes/antos_light/*
	-mkdir -p $(BUILDDIR)/resources/themes/antos_light
	for f in src/themes/antos_light/*.css; do (cat "$${f}"; echo) >> $(BUILDDIR)/resources/themes/antos_light/antos_light.css;done


antos_dark:
	@echo "$(BLUE)Building themes name: antos-dark$(NC)"
	-rm -rf $(BUILDDIR)/resources/themes/antos_dark/*
	-mkdir -p $(BUILDDIR)/resources/themes/antos_dark
	for f in src/themes/antos_dark/*.css; do (cat "$${f}"; echo) >> $(BUILDDIR)/resources/themes/antos_dark/antos_dark.css;done


build_packages:
	- mkdir -p $(BUILDDIR)/packages
	- for d in $(packages); do ( test -d $(BUILDDIR)/packages/$$d && rm -rf $(BUILDDIR)/packages/$$d/* ); done
	for d in $(packages); do (cd src/packages/$$d; make);done
	for d in $(packages); do ( test -d $(BUILDDIR)/packages/$$d || mkdir -p $(BUILDDIR)/packages/$$d && cp -rf src/packages/$$d/build/* $(BUILDDIR)/packages/$$d/);done
	for d in $(packages); do ( test -d src/packages/$$d/build && rm -r src/packages/$$d/build ); done

package:
	read -r -p "Enter package name: " PKG;\
	test -d $(BUILDDIR)/packages/$$PKG && rm -rf $(BUILDDIR)/packages/$$PKG/*;\
	cd src/packages/$$PKG && make;\
	cd ../../../;\
	test -d $(BUILDDIR)/packages/$$PKG || mkdir -p $(BUILDDIR)/packages/$$PKG;\
	cp -rfv src/packages/$$PKG/build/* $(BUILDDIR)/packages/$$PKG/;\
	test -d src/packages/$$PKG/build && rm -r src/packages/$$PKG/build;

pkgar:
	read -r -p "Enter package name: " PKG;\
	echo $$PKG | make package &&\
	test -f $(BUILDDIR)/packages/$$PKG/main.js  &&  terser $(BUILDDIR)/packages/$$PKG/main.js --compress --mangle --output $(BUILDDIR)/packages/$$PKG/main.js;\
	test -f $(BUILDDIR)/packages/$$PKG/main.css  &&  uglifycss --output $(BUILDDIR)/packages/$$PKG/main.css $(BUILDDIR)/packages/$$PKG/main.css;\
	cd $(BUILDDIR)/packages/$$PKG && zip -r "$$PKG.zip" ./ ; \
	cd ../../ && (test -d repo/$$PKG || mkdir repo/$$PKG) && mv packages/$$PKG/"$$PKG.zip" repo/$$PKG && touch repo/$$PKG/$$PKG.md && rm -r packages/$$PKG

uglify:
	# sudo npm install terser -g
	# 
	terser $(BUILDDIR)/scripts/antos.js --compress --mangle --output $(BUILDDIR)/scripts/antos.js
	# uglify tags
	# npm install uglifycss -g
	# uglify the css
	uglifycss  --output $(BUILDDIR)/resources/themes/antos_light/antos_light.css $(BUILDDIR)/resources/themes/antos_light/antos_light.css
	uglifycss  --output $(BUILDDIR)/resources/themes/antos_dark/antos_dark.css $(BUILDDIR)/resources/themes/antos_dark/antos_dark.css
	uglifycss  --output $(BUILDDIR)/resources/themes/system/system.css $(BUILDDIR)/resources/themes/system/system.css
	#uglify each packages

	for d in $(packages); do\
		echo "Uglifying $$d";\
		test -f $(BUILDDIR)/packages/$$d/main.js  &&  terser $(BUILDDIR)/packages/$$d/main.js --compress --mangle --output $(BUILDDIR)/packages/$$d/main.js;\
		test -f $(BUILDDIR)/packages/$$d/main.css  &&  uglifycss --output $(BUILDDIR)/packages/$$d/main.css $(BUILDDIR)/packages/$$d/main.css;\
	done

release: main uglify

doc:
	./node_modules/.bin/typedoc --mode file --excludeNotExported  --hideGenerator  --name "AntOS API" --out $(DOCDIR)

test:
	jest

clean:
	rm -rf $(BUILDDIR)/resources
	rm -rf $(BUILDDIR)/scripts
	rm -rf $(BUILDDIR)/packages
	rm -rf $(BUILDDIR)/index.html