Local assets

Author: retlehs

.github/workflows/ci.yml

@@ -17,6 +17,13 @@ jobs:
       - uses: actions/setup-go@v6
         with:
           go-version-file: go.mod
+      - name: Install Tailwind CSS
+        run: |
+          mkdir -p bin
+          curl -sL https://github.com/tailwindlabs/tailwindcss/releases/latest/download/tailwindcss-linux-x64 -o bin/tailwindcss
+          chmod +x bin/tailwindcss
+      - name: Build CSS
+        run: make tailwind
       - name: Install golangci-lint
         run: go install github.com/golangci/golangci-lint/v2/cmd/golangci-lint@latest
       - name: Lint
@@ -63,6 +70,13 @@ jobs:
       - uses: actions/setup-go@v6
         with:
           go-version-file: go.mod
+      - name: Install Tailwind CSS
+        run: |
+          mkdir -p bin
+          curl -sL https://github.com/tailwindlabs/tailwindcss/releases/latest/download/tailwindcss-linux-x64 -o bin/tailwindcss
+          chmod +x bin/tailwindcss
+      - name: Build CSS
+        run: make tailwind
       - name: Vet
         run: go vet ./...
 
@@ -74,5 +88,12 @@ jobs:
       - uses: actions/setup-go@v6
         with:
           go-version-file: go.mod
+      - name: Install Tailwind CSS
+        run: |
+          mkdir -p bin
+          curl -sL https://github.com/tailwindlabs/tailwindcss/releases/latest/download/tailwindcss-linux-x64 -o bin/tailwindcss
+          chmod +x bin/tailwindcss
+      - name: Build CSS
+        run: make tailwind
       - name: Test
         run: go test -v ./...

.github/workflows/deploy.yml

@@ -34,6 +34,17 @@ jobs:
         with:
           ref: ${{ inputs.ref }}
 
+      - name: Setup Go
+        uses: actions/setup-go@v6
+        with:
+          go-version-file: go.mod
+
+      - name: Install Tailwind CSS
+        run: |
+          mkdir -p bin
+          curl -sL https://github.com/tailwindlabs/tailwindcss/releases/latest/download/tailwindcss-linux-x64 -o bin/tailwindcss
+          chmod +x bin/tailwindcss
+
       - name: Setup Python
         uses: actions/setup-python@v6
         with:

.gitignore

@@ -1,4 +1,6 @@
 /wpcomposer
+/bin/
+internal/http/static/assets/styles/app.css
 storage/
 *.db
 *.db-wal

Makefile

@@ -1,7 +1,13 @@
-.PHONY: build install dev test smoke lint clean
+.PHONY: build install dev test smoke lint clean tailwind
+
+TAILWIND ?= ./bin/tailwindcss
+
+# Generate CSS from templates
+tailwind:
+	$(TAILWIND) -i internal/http/tailwind-input.css -o internal/http/static/assets/styles/app.css --minify
 
 # Build the binary
-build:
+build: tailwind
 	go build -o wpcomposer ./cmd/wpcomposer
 
 # Install to $GOPATH/bin

deploy/ansible/roles/app/tasks/deploy.yml

@@ -15,6 +15,13 @@
     group: www-data
     mode: "0775"
 
+- name: Build CSS with Tailwind
+  delegate_to: localhost
+  become: false
+  shell: >
+    cd {{ playbook_dir }}/../.. &&
+    make tailwind
+
 - name: Build Go binary locally
   delegate_to: localhost
   become: false

internal/http/router.go

@@ -36,9 +36,10 @@ func NewRouter(a *app.App) chi.Router {
 
 	staticSub, _ := fs.Sub(staticFS, "static")
 	staticServer := http.FileServer(http.FS(staticSub))
-	for _, f := range []string{"/favicon.ico", "/icon.svg", "/icon-192.png", "/icon-512.png", "/apple-touch-icon.png", "/manifest.webmanifest", "/carrot.svg", "/kinsta.svg", "/wordpress-com.svg", "/itineris.svg"} {
+	for _, f := range []string{"/favicon.ico", "/icon.svg", "/icon-192.png", "/icon-512.png", "/apple-touch-icon.png", "/manifest.webmanifest"} {
 		r.Get(f, staticServer.ServeHTTP)
 	}
+	r.Get("/assets/*", staticServer.ServeHTTP)
 
 	// Ensure fallback OG image exists (uploads to R2 in production)
 	ensureLocalFallbackOG(a.Config)