Swap Bulma for DaisyUI (Tailwind) (#111)

Author: mikestefanello

.air.toml

@@ -5,16 +5,16 @@ tmp_dir = "tmp"
 [build]
   args_bin = []
   bin = "./tmp/main"
-  cmd = "go build -o ./tmp/main ./cmd/web"
+  cmd = "make build"
   delay = 1000
-  exclude_dir = ["assets", "tmp", "vendor", "testdata", "uploads", "dbs"]
+  exclude_dir = ["assets", "tmp", "vendor", "testdata", "uploads", "dbs", "public"]
   exclude_file = []
   exclude_regex = ["_test.go"]
   exclude_unchanged = false
   follow_symlink = false
   full_bin = ""
   include_dir = []
-  include_ext = ["go", "tpl", "tmpl", "html"]
+  include_ext = ["go", "tpl", "tmpl", "html", "css"]
   include_file = []
   kill_delay = "0s"
   log = "build-errors.log"

.gitignore

@@ -1,4 +1,6 @@
 .idea
 dbs
 uploads
-tmp
+tmp
+tailwindcss
+daisyui*

Makefile

@@ -1,7 +1,20 @@
+# The Tailwind CSS CLI package to install (pick the one that matches your OS: https://github.com/tailwindlabs/tailwindcss/releases/latest)
+TAILWIND_PACKAGE = tailwindcss-linux-x64
+
 .PHONY: help
 help: ## Print make targets
 	@grep -E '^[a-zA-Z_-]+:.*?## .*$$' $(MAKEFILE_LIST) | sort | awk 'BEGIN {FS = ":.*?## "}; {printf "\033[36m%-30s\033[0m %s\n", $$1, $$2}'
 
+.PHONY: install
+install: ent-install air-install tailwind-install ## Install all dependencies
+
+.PHONY: tailwind-install
+tailwind-install: ## Install the Tailwind CSS CLI
+	curl -sLo tailwindcss https://github.com/tailwindlabs/tailwindcss/releases/latest/download/$(TAILWIND_PACKAGE)
+	chmod +x tailwindcss
+	curl -sLO https://github.com/saadeghi/daisyui/releases/latest/download/daisyui.js
+	curl -sLO https://github.com/saadeghi/daisyui/releases/latest/download/daisyui-theme.js
+
 .PHONY: ent-install
 ent-install: ## Install Ent code-generation module
 	go get entgo.io/ent/cmd/ent
@@ -39,3 +52,11 @@ test: ## Run all tests
 .PHONY: check-updates
 check-updates: ## Check for direct dependency updates
 	go list -u -m -f '{{if not .Indirect}}{{.}}{{end}}' all | grep "\["
+
+.PHONY: css
+css: ## Build and minify Tailwind CSS
+	./tailwindcss -i tailwind.css -o public/static/main.css -m
+
+.PHONY: build
+build: css ## Build CSS and compile the application binary
+	go build -o ./tmp/main ./cmd/web

README.md

@@ -8,14 +8,6 @@ import (
 	"github.com/spf13/viper"
 )
 
-const (
-	// StaticDir stores the name of the directory that will serve static files.
-	StaticDir = "static"
-
-	// StaticPrefix stores the URL prefix used when serving static files.
-	StaticPrefix = "files"
-)
-
 type environment string
 
 const (
@@ -25,8 +17,8 @@ const (
 	// EnvTest represents the test environment.
 	EnvTest environment = "test"
 
-	// EnvDevelop represents the development environment.
-	EnvDevelop environment = "dev"
+	// EnvDevelopment represents the development environment.
+	EnvDevelopment environment = "dev"
 
 	// EnvStaging represents the staging environment.
 	EnvStaging environment = "staging"
@@ -92,7 +84,7 @@ type (
 	CacheConfig struct {
 		Capacity   int
 		Expiration struct {
-			StaticFile time.Duration
+			PublicFile time.Duration
 		}
 	}
 

config/config.go

@@ -27,7 +27,7 @@ app:
 cache:
   capacity: 100000
   expiration:
-    staticFile: "4380h"
+    publicFile: "4380h"
 
 database:
   driver: "sqlite3"

config/config.yaml

@@ -128,7 +128,7 @@ func (h *Admin) EntityAddSubmit(n *gen.Type) echo.HandlerFunc {
 	return func(ctx echo.Context) error {
 		err := h.admin.Create(ctx, n.Name)
 		if err != nil {
-			msg.Danger(ctx, err.Error())
+			msg.Error(ctx, err.Error())
 			return h.EntityAdd(n)(ctx)
 		}
 
@@ -154,7 +154,7 @@ func (h *Admin) EntityEditSubmit(n *gen.Type) echo.HandlerFunc {
 		id := ctx.Get(context.AdminEntityIDKey).(int)
 		err := h.admin.Update(ctx, n.Name, id)
 		if err != nil {
-			msg.Danger(ctx, err.Error())
+			msg.Error(ctx, err.Error())
 			return h.EntityEdit(n)(ctx)
 		}
 
@@ -178,7 +178,7 @@ func (h *Admin) EntityDeleteSubmit(n *gen.Type) echo.HandlerFunc {
 	return func(ctx echo.Context) error {
 		id := ctx.Get(context.AdminEntityIDKey).(int)
 		if err := h.admin.Delete(ctx, n.Name, id); err != nil {
-			msg.Danger(ctx, err.Error())
+			msg.Error(ctx, err.Error())
 			return h.EntityDelete(n)(ctx)
 		}
 

pkg/handlers/admin.go

@@ -134,7 +134,7 @@ func (h *Auth) LoginSubmit(ctx echo.Context) error {
 	authFailed := func() error {
 		input.SetFieldError("Email", "")
 		input.SetFieldError("Password", "")
-		msg.Danger(ctx, "Invalid credentials. Please try again.")
+		msg.Error(ctx, "Invalid credentials. Please try again.")
 		return h.LoginPage(ctx)
 	}
 
@@ -185,7 +185,7 @@ func (h *Auth) Logout(ctx echo.Context) error {
 	if err := h.auth.Logout(ctx); err == nil {
 		msg.Success(ctx, "You have been logged out successfully.")
 	} else {
-		msg.Danger(ctx, "An error occurred. Please try again.")
+		msg.Error(ctx, "An error occurred. Please try again.")
 	}
 	return redirect.New(ctx).
 		Route(routenames.Home).

pkg/handlers/auth.go

@@ -54,7 +54,7 @@ func (h *Files) Page(ctx echo.Context) error {
 func (h *Files) Submit(ctx echo.Context) error {
 	file, err := ctx.FormFile("file")
 	if err != nil {
-		msg.Danger(ctx, "A file is required.")
+		msg.Error(ctx, "A file is required.")
 		return h.Page(ctx)
 	}
 

pkg/handlers/files.go

@@ -42,6 +42,7 @@ func (h *Pages) fetchPosts(pager *pager.Pager) []models.Post {
 
 	for k := range posts {
 		posts[k] = models.Post{
+			ID:    k + 1,
 			Title: fmt.Sprintf("Post example #%d", k+1),
 			Body:  fmt.Sprintf("Lorem ipsum example #%d ddolor sit amet, consectetur adipiscing elit. Nam elementum vulputate tristique.", k+1),
 		}