79 lines
2.4 KiB
Makefile
79 lines
2.4 KiB
Makefile
.PHONY: clean live/watch_images debug
|
|
|
|
clean/assets:
|
|
rm -rf assets/
|
|
|
|
clean:
|
|
make -j1 clean/assets
|
|
|
|
# run templ generation in watch mode to detect all .templ files and
|
|
# re-create _templ.txt files on change, then send reload event to browser.
|
|
# Default url: http://localhost:7331
|
|
live/templ:
|
|
templ generate --watch --proxy="http://localhost:8080" --open-browser=false -v
|
|
|
|
build/templ:
|
|
templ generate
|
|
|
|
# run air to detect any go file changes to re-build and re-run the server.
|
|
live/server:
|
|
go run github.com/air-verse/air@v1.61.1 \
|
|
--build.cmd "go build -o tmp/bin/main" --build.bin "tmp/bin/main" --build.delay "100" \
|
|
--build.exclude_dir "node_modules" \
|
|
--build.include_ext "go" \
|
|
--build.stop_on_error "false" \
|
|
--misc.clean_on_exit true
|
|
|
|
# run tailwindcss to generate the *.css bundle in watch mode.
|
|
live/tailwind:
|
|
npx tailwindcss -i ./web/assets/css/global.css -o ./assets/css/global.css
|
|
npx tailwindcss -o ./assets/css/styles.css --watch
|
|
|
|
build/tailwind:
|
|
npx tailwindcss -i ./web/assets/css/global.css -o ./assets/css/global.css --minify
|
|
npx tailwindcss -o ./assets/css/styles.css --minify
|
|
|
|
# run esbuild to generate the index.js bundle in watch mode.
|
|
live/esbuild:
|
|
npx esbuild web/assets/js/**/*.ts --bundle --outdir=assets/js/ --watch=forever
|
|
|
|
build/esbuild:
|
|
npx esbuild web/assets/js/**/*.ts --bundle --outdir=assets/js/ --minify
|
|
|
|
# watch for any js or css change in the assets/ folder, then reload the browser via templ proxy.
|
|
live/sync_assets:
|
|
go run github.com/air-verse/air@v1.61.1 \
|
|
--build.cmd "templ generate --notify-proxy" \
|
|
--build.bin "true" \
|
|
--build.delay "100" \
|
|
--build.exclude_dir "" \
|
|
--build.include_dir "assets" \
|
|
--build.include_ext "js,css"
|
|
|
|
live/watch_images:
|
|
make build/images
|
|
inotifywait -m -r -e modify,create,delete "web/assets/images" | while read -r line; do \
|
|
make build/images; \
|
|
done
|
|
|
|
build/images:
|
|
rm -rf assets/images/
|
|
mkdir -p assets/images/
|
|
cp web/assets/images/* assets/images/ || true
|
|
|
|
debug:
|
|
make build
|
|
dlv debug --headless --listen=:2345 --api-version=2
|
|
|
|
# start all 6 watch processes in parallel.
|
|
live:
|
|
make clean
|
|
APP_ENVIRONMENT="DEVELOPMENT" make -j6 live/tailwind live/templ live/server live/esbuild live/sync_assets live/watch_images
|
|
|
|
# ENABLE: https://templ.guide/syntax-and-usage/raw-go/
|
|
# https://templ.guide/commands-and-tools/live-reload-with-other-tools/
|
|
|
|
build:
|
|
make clean
|
|
make -j4 build/tailwind build/templ build/esbuild build/images
|
|
go build -ldflags="-s -w"
|