Merge pull request #63 from pgulb/49-use-tailwindcss-not-from-cdn

49 use tailwindcss not from cdn

Author: pgulb

.github/workflows/deploy-pwa.yml

@@ -30,6 +30,13 @@ jobs:
         uses: actions/checkout@v4
       - name: Setup Pages
         uses: actions/configure-pages@v5
+      - name: Install wget
+        run: sudo apt-get update && sudo apt-get install -y wget
+      - name: Install Tailwind CLI
+        run: |
+          wget https://github.com/tailwindlabs/tailwindcss/releases/download/v3.4.14/tailwindcss-linux-x64 &&
+          chmod +x tailwindcss-linux-x64 &&
+          sudo mv tailwindcss-linux-x64 /usr/bin/tailwindcss
       - name: Setup Go environment
         uses: actions/setup-go@v5.0.2
         with:
@@ -40,10 +47,12 @@ jobs:
         run: |
           cd pwa &&
           mkdir -p ./app/web &&
+          mv ./web/* ./app/web/ &&
           echo -n ${{ vars.FLUSH_API_URL }} > ./app/web/apiurl &&
           GOARCH=wasm GOOS=js go build -o ./app/web/app.wasm ./main/main.go &&
           BUILD_STATIC=true go build -o ./flush-log ./main/main.go &&
           ./flush-log &&
+          tailwindcss -i ./app/web/tailwind-input.css -o ./app/web/style.css --minify
           ls -ltrRa &&
           mv ./*.html ./*.webmanifest ./*.js ./*.css ./app &&
           mv app ..

.gitignore

@@ -5,9 +5,20 @@ venv/
 
 # go
 tmp/
-web/
 flush-log
 flush-log.exe
+*.exe
+apiurl
 
 # drawio
 .$*
+
+# web static artifacts
+wasm_exec.js
+app-worker.js
+app.js
+app.css
+*.html
+*.webmanifest
+app.wasm
+style.css

pwa/flush/pwa.go

@@ -21,8 +21,8 @@ func Run() {
 			Name:        "Flush-Log",
 			Description: "bowel tracking app",
 			Resources:   app.GitHubPages("flush-log"),
-			Scripts: []string{
-				"https://cdn.tailwindcss.com",
+			Styles: []string{
+				"/web/style.css",
 			},
 		})
 		if err != nil {

pwa/tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./*.{html,js}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}

pwa/web/tailwind-input.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;