WIP: Tailwind v3 -> v4

Makefile

@@ -121,7 +121,7 @@ GO_TEST_PACKAGES ?= $(filter-out $(shell $(GO) list code.gitea.io/gitea/models/m
 MIGRATE_TEST_PACKAGES ?= $(shell $(GO) list code.gitea.io/gitea/models/migrations/...)
 
 FRONTEND_SOURCES := $(shell find web_src/js web_src/css -type f)
-FRONTEND_CONFIGS := vite.config.ts tailwind.config.ts
+FRONTEND_CONFIGS := vite.config.ts web_src/css/tailwind.css
 FRONTEND_DEST := public/assets/.vite/manifest.json
 FRONTEND_DEST_ENTRIES := public/assets/js public/assets/css public/assets/fonts public/assets/.vite
 

models/avatars/avatar.go

@@ -24,7 +24,7 @@ import (
 
 const (
 	// DefaultAvatarClass is the default class of a rendered avatar
-	DefaultAvatarClass = "ui avatar tw-align-middle"
+	DefaultAvatarClass = "ui avatar tw:align-middle"
 	// DefaultAvatarPixelSize is the default size in pixels of a rendered avatar
 	DefaultAvatarPixelSize = 28
 )

models/issues/review.go

@@ -220,20 +220,20 @@ func (r *Review) HTMLTypeColorClass() string {
 	switch r.Type {
 	case ReviewTypeApprove:
 		if !r.Official {
-			return "tw-text-text-light"
+			return "tw:text-text-light"
 		}
 		if r.Stale {
-			return "tw-text-yellow"
+			return "tw:text-yellow"
 		}
-		return "tw-text-green"
+		return "tw:text-green"
 	case ReviewTypeComment:
-		return "tw-text-text-light"
+		return "tw:text-text-light"
 	case ReviewTypeReject:
-		return "tw-text-red"
+		return "tw:text-red"
 	case ReviewTypeRequest:
-		return "tw-text-yellow"
+		return "tw:text-yellow"
 	}
-	return "tw-text-text-light"
+	return "tw:text-text-light"
 }
 
 // TooltipContent returns the locale string describing the review type

modules/public/vitedev.go

@@ -136,30 +136,44 @@ func IsViteDevMode() bool {
 	return isDev
 }
 
+func viteDevSourceURLByCandidates(candidates ...string) string {
+	for _, candidate := range candidates {
+		srcPath := filepath.Join(setting.StaticRootPath, filepath.FromSlash(candidate))
+		if _, err := os.Stat(srcPath); err == nil {
+			return setting.AppSubURL + "/" + filepath.ToSlash(candidate)
+		}
+	}
+	return ""
+}
+
 func viteDevSourceURL(name string) string {
 	if !IsViteDevMode() {
 		return ""
 	}
 	if strings.HasPrefix(name, "css/theme-") {
 		// Only redirect built-in themes to Vite source; custom themes are served from custom/public/assets/css/
 		themeFile := strings.TrimPrefix(name, "css/")
-		srcPath := filepath.Join(setting.StaticRootPath, "web_src/css/themes", themeFile)
-		if _, err := os.Stat(srcPath); err == nil {
-			return setting.AppSubURL + "/web_src/css/themes/" + themeFile
-		}
-		return ""
+		return viteDevSourceURLByCandidates("web_src/css/themes/" + themeFile)
 	}
 	if strings.HasPrefix(name, "css/") {
-		return setting.AppSubURL + "/web_src/" + name
+		file := strings.TrimPrefix(name, "css/")
+		return viteDevSourceURLByCandidates(
+			"web_src/css/"+file,
+			"web_src/css/standalone/"+file,
+		)
 	}
 	if name == "js/eventsource.sharedworker.js" {
 		return setting.AppSubURL + "/web_src/js/features/eventsource.sharedworker.ts"
 	}
 	if name == "js/iife.js" {
 		return setting.AppSubURL + "/web_src/js/__vite_iife.js"
 	}
-	if name == "js/index.js" {
-		return setting.AppSubURL + "/web_src/js/index.ts"
+	if strings.HasPrefix(name, "js/") {
+		file := strings.TrimSuffix(strings.TrimPrefix(name, "js/"), ".js") + ".ts"
+		return viteDevSourceURLByCandidates(
+			"web_src/js/"+file,
+			"web_src/js/standalone/"+file,
+		)
 	}
 	return ""
 }

package.json

@@ -18,6 +18,7 @@
     "@primer/octicons": "19.23.1",
     "@resvg/resvg-wasm": "2.6.2",
     "@silverwind/vue3-calendar-heatmap": "2.1.1",
+    "@tailwindcss/vite": "4.2.2",
     "@vitejs/plugin-vue": "6.0.5",
     "ansi_up": "6.0.6",
     "asciinema-player": "3.15.1",
@@ -46,7 +47,7 @@
     "rollup-plugin-license": "3.7.0",
     "sortablejs": "1.15.7",
     "swagger-ui-dist": "5.32.1",
-    "tailwindcss": "3.4.19",
+    "tailwindcss": "4.2.2",
     "throttle-debounce": "5.0.2",
     "tippy.js": "6.3.7",
     "toastify-js": "1.12.0",