all: build

nil: 

reactNextJS/out/*: reactNextJS/app/* reactNextJS/*.js reactNextJS/*.json
	cd reactNextJS && npm install && npm run build
nextjs: reactNextJS/out/*
cleanNext:
	rm -rf reactNextJS/out

vuejs/dist/*: vuejs/src/*
	cd vuejs && npm install && npm run build
vuejs: vuejs/dist/*
cleanVue:
	rm -rf ./vuejs/dist

svelte/dist/*: svelte/src/*
	cd svelte && npm install && npm run build
svelte: svelte/dist/*
cleanSvelte:
	rm -rf ./svelte/dist

cleandist:
	rm -rf dist
dist: 
	mkdir -p dist
dist/vanillaJS: dist vanillaJS/index.html
	rm -rf dist/vanillaJS && \
		cp -r ./vanillaJS ./dist/vanillaJS
dist/react: dist react/index.html
	rm -rf dist/react && \
		cp -r ./react ./dist/react
dist/alpinejs: dist alpinejs/index.html
	rm -rf dist/alpinejs && \
		cp -r ./alpinejs ./dist/alpinejs
dist/reactNextJS: dist reactNextJS/out/*
	rm -rf ./dist/reactNextJS && \
		cp -r ./reactNextJS/out ./dist/reactNextJS
dist/vuejs: dist vuejs/dist/*
	rm -rf ./dist/vuejs && \
		cp -r ./vuejs/dist ./dist/vuejs
dist/svelte: dist svelte/dist/*
	rm -rf ./dist/svelte && \
		cp -r ./svelte/dist ./dist/svelte
dist/index.html: dist index.tmpl
	go run server.go generate
	mv index.html dist/

export: dist/vanillaJS dist/react dist/alpinejs dist/reactNextJS dist/assets dist/vuejs dist/svelte dist/index.html
web: ./svelte/dist/* ./vuejs/dist/* ./reactNextJS/out/* vanillaJS/index.html react/index.html alpinejs/index.html
build: web server.go
	go build server.go
run: web server.go
	go run server.go
air: nil web server.go
	air server.go
clean: cleanNext cleanVue cleanSvelte cleandist
	rm -rf tmp
	rm -f server
	rm -f index.html

.PHONY: all build clean cleanbuild nextjs vuejs svelte run air nil web export