templui/Makefile at main · bitpoke/templui · 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
# Dev Tools
templ:
	templ generate --watch --proxy="http://localhost:8090" --open-browser=false

server:
	air \
	--build.cmd "go build -o tmp/bin/main ./cmd/docs" \
	--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

shiki-highlighter:
	cd shiki && npm start

tailwind-clean:
	tailwindcss -i ./assets/css/input.css -o ./assets/css/output.css --clean

tailwind-watch:
	tailwindcss -i ./assets/css/input.css -o ./assets/css/output.css --watch

dev:
	make tailwind-clean
	make -j6 tailwind-watch templ server shiki-highlighter minify-js-dev minify-js-components

debug:
	make -j3 templ tailwind-app tailwind

generate-sitemap:
	go run ./cmd/sitemap/main.go --baseurl="https://templui.io" --routes="./cmd/docs/main.go" --output="./static/sitemap.xml" --robots="./static/robots.txt"

generate-icons:
	go run cmd/icongen/main.go

install-compinstall:
	go install ./cmd/compinstall

# Validate generated HTML files against Eslint plugins
# Step 1: Compile templ files into Go
templ-generate:
	templ generate

# Step 2: Render showcase components into out/showcase/
render-showcases:
	go run ./cmd/render-showcases

# Step 3: Combined task
build-html: templ-generate render-showcases
	@echo "✅ Static showcase HTML rendered to ./out"

# Step 4: Lint HTML output using ESLint
lint-html:
	npx eslint --fix "out/**/*.html" --ext .html

# Step 6: Run full pipeline (build + lint)
validate-html: build-html lint-html

minify-js-dev:
	npx esbuild internal/components/main.js --minify --bundle --watch --outfile=assets/js/templui.min.js

minify-js-components:
	npx esbuild \
		internal/components/avatar/avatar.js \
		internal/components/calendar/calendar.js \
		internal/components/carousel/carousel.js \
		internal/components/chart/chart.js \
		internal/components/code/code.js \
		internal/components/datepicker/datepicker.js \
		internal/components/drawer/drawer.js \
		internal/components/dropdown/dropdown.js \
		internal/components/input/input.js \
		internal/components/inputotp/inputotp.js \
		internal/components/label/label.js \
		internal/components/modal/modal.js \
		internal/components/popover/popover.js \
		internal/components/progress/progress.js \
		internal/components/rating/rating.js \
		internal/components/selectbox/selectbox.js \
		internal/components/slider/slider.js \
		internal/components/tabs/tabs.js \
		internal/components/tagsinput/tagsinput.js \
		internal/components/textarea/textarea.js \
		internal/components/toast/toast.js \
		--minify \
		--watch \
		--bundle \
		--outdir=internal/components \
		--out-extension:.js=.min.js