updates

.air.toml

@@ -5,7 +5,7 @@ tmp_dir = ".air-tmp"
   bin = "./tijl.dev"
   cmd = "just build"
   delay = 1000
-  exclude_dir = ["node_modules","modules/database","web/assets/static"]
+  exclude_dir = ["node_modules","modules/database","web/static"]
   exclude_unchanged = false
   follow_symlink = false
   include_ext = ["go", "html", "js", "ts"]

.gitignore

@@ -1,6 +1,6 @@
 node_modules/
 tijl.dev
-web/assets/static/js/interactive.js
-web/assets/static/css/styles.css
+web/static/js/interactive.js
+web/static/css/styles.css
 config.yaml
 

assets/embed.go

@@ -1,4 +1,4 @@
-package views
+package assets
 
 import "embed"
 

internal/assets/svg.go

@@ -2,10 +2,10 @@ package assets
 
 import (
 	"html/template"
-	"os"
 	"path/filepath"
 	"strings"
 
+	"git.tijl.dev/tijl/tijl.dev/assets"
 	"git.tijl.dev/tijl/tijl.dev/modules/logger"
 )
 
@@ -14,24 +14,29 @@ var SVGData map[string]string
 func loadSVGs() {
 	SVGData = make(map[string]string)
 
-	dir := "web/assets/icons"
-
-	// assets.Embed
-
-	files, err := filepath.Glob(filepath.Join(dir, "*.svg"))
+	files, err := assets.Embed.ReadDir("icons")
 	if err != nil {
 		log.Fatal().Err(err)
 	}
 
 	for _, file := range files {
-		data, err := os.ReadFile(file)
+		if file.IsDir() {
+			continue
+		}
+
+		if filepath.Ext(file.Name()) != ".svg" {
+			continue
+		}
+
+		data, err := assets.Embed.ReadFile(filepath.Join("icons", file.Name()))
 		if err != nil {
 			log.Fatal().Err(err)
 			continue
 		}
-		filename := filepath.Base(file)
+		filename := file.Name()
 		key := strings.TrimSuffix(filename, filepath.Ext(filename))
 		SVGData[key] = string(data)
+		log.Debug().Str("filename", filename).Msg("assets.loadSVGs: loaded")
 	}
 
 	log.Debug().Msg("loaded svg files")

internal/handlers/account.go

@@ -0,0 +1,25 @@
+package handlers
+
+import (
+	"database/sql"
+
+	"git.tijl.dev/tijl/tijl.dev/internal/i18n"
+	"git.tijl.dev/tijl/tijl.dev/internal/user"
+	"git.tijl.dev/tijl/tijl.dev/modules/web"
+	"github.com/gofiber/fiber/v2"
+)
+
+func accountHandler(c *fiber.Ctx) error {
+	data := *web.Common(c)
+	data["Title"] = i18n.Translate(c, "account")
+	err, u := user.GetUser(data["Uid"].(string))
+	data["User"] = u
+	if err != nil {
+		if err == sql.ErrNoRows {
+			c.Redirect("/login")
+		} else {
+			return err
+		}
+	}
+	return c.Render("account", data, "layouts/base")
+}

internal/handlers/auth.go

@@ -0,0 +1,39 @@
+package handlers
+
+import (
+	"git.tijl.dev/tijl/tijl.dev/internal/i18n"
+	"git.tijl.dev/tijl/tijl.dev/internal/oidc"
+	"git.tijl.dev/tijl/tijl.dev/internal/user"
+	"git.tijl.dev/tijl/tijl.dev/modules/web"
+	"github.com/gofiber/fiber/v2"
+)
+
+func loginHandler(c *fiber.Ctx) error {
+	_, err := user.GetSession(c)
+	if err == nil {
+		return c.Redirect("/account")
+	} else {
+		data := *web.Common(c)
+		data["Title"] = i18n.Translate(c, "login")
+		return c.Render("login", data, "layouts/base")
+	}
+}
+
+func authHandler(c *fiber.Ctx) error {
+	_, err := user.GetSession(c)
+	if err == nil {
+		return c.Redirect("/account")
+	} else {
+		return oidc.HandleRedirect(c)
+	}
+}
+
+func logoutHandler(c *fiber.Ctx) error {
+	_, err := user.GetSession(c)
+	if err == nil {
+		c.ClearCookie("session")
+		return c.Redirect("/login")
+	} else {
+		return c.Redirect("/login")
+	}
+}

internal/handlers/login.go

@@ -1,16 +0,0 @@
-package handlers
-
-import (
-	"git.tijl.dev/tijl/tijl.dev/internal/oidc"
-	"git.tijl.dev/tijl/tijl.dev/internal/sessions"
-	"github.com/gofiber/fiber/v2"
-)
-
-func loginHandler(c *fiber.Ctx) error {
-	_, err := sessions.GetSession(c)
-	if err == nil {
-		return c.Redirect("/account")
-	} else {
-		return oidc.HandleRedirect(c)
-	}
-}

internal/handlers/routes.go

@@ -8,7 +8,7 @@ import (
 	"git.tijl.dev/tijl/tijl.dev/internal/i18n"
 	"git.tijl.dev/tijl/tijl.dev/internal/oidc"
 	"git.tijl.dev/tijl/tijl.dev/modules/web"
-	"git.tijl.dev/tijl/tijl.dev/web/assets"
+	webf "git.tijl.dev/tijl/tijl.dev/web"
 	"github.com/gofiber/fiber/v2"
 	"github.com/gofiber/fiber/v2/middleware/filesystem"
 )
@@ -39,15 +39,18 @@ func routes(app *fiber.App) {
 		data["Title"] = i18n.Translate(c, "about")
 		return c.Render("about", data, "layouts/base")
 	})
+	app.Get("/login", loginHandler)
+	app.Get("/account", accountHandler)
+	app.Get("/logout", logoutHandler)
 
 	app.Get("/settings", settingsHandler)
-	app.Get("/login", loginHandler)
+	app.Get("/auth", authHandler)
 	app.Get(config.Config.Oidc.CallbackUrl, oidc.HandleCallback)
 
 	/*
 		Static
 	*/
-	static, _ := fs.Sub(assets.StaticEmbed, "static")
+	static, _ := fs.Sub(webf.StaticEmbed, "static")
 	app.Use("/static/", filesystem.New(filesystem.Config{
 		Root: http.FS(static),
 	}))

internal/handlers/settings.go

@@ -1,10 +1,17 @@
 package handlers
 
-import "github.com/gofiber/fiber/v2"
+import (
+	"git.tijl.dev/tijl/tijl.dev/internal/i18n"
+	"git.tijl.dev/tijl/tijl.dev/modules/web"
+	"github.com/gofiber/fiber/v2"
+)
 
 func settingsHandler(c *fiber.Ctx) error {
-	lang := c.Query("lang")
 	redirectURL := c.Query("redirect")
+	if redirectURL != "" {
+		lang := c.Query("lang")
+		logout := c.Query("logout")
+
 		if lang != "" {
 			c.Cookie(&fiber.Cookie{
 				Name:   "language",
@@ -12,8 +19,15 @@ func settingsHandler(c *fiber.Ctx) error {
 				Secure: false,
 			})
 		}
-	if redirectURL != "" {
+
+		if logout == "true" {
+			c.ClearCookie("session", "state")
+		}
+
 		return c.Redirect(redirectURL)
 	}
-	return nil
+
+	data := *web.Common(c)
+	data["Title"] = i18n.Translate(c, "settings")
+	return c.Render("settings", data, "layouts/base")
 }

internal/i18n/i18n.go

@@ -2,9 +2,10 @@ package i18n
 
 import (
 	"encoding/json"
-	"os"
 	"path/filepath"
+	"strings"
 
+	"git.tijl.dev/tijl/tijl.dev/locales"
 	log "git.tijl.dev/tijl/tijl.dev/modules/logger"
 	"github.com/gofiber/fiber/v2"
 )
@@ -16,28 +17,35 @@ const DefaultLang = "en"
 func Load() {
 	translations = make(map[string]map[string]string)
 
-	dir := "locales"
-	files, err := filepath.Glob(filepath.Join(dir, "*.json"))
+	files, err := locales.Embed.ReadDir(".")
 	if err != nil {
 		log.Fatal().Err(err)
 	}
 
 	for _, file := range files {
-		lang := filepath.Base(file)
-		lang = lang[:len(lang)-len(filepath.Ext(lang))]
-
-		file, err := os.Open(file)
-		if err != nil {
-			log.Error().Err(err)
+		if file.IsDir() {
+			continue
+		}
+
+		if filepath.Ext(file.Name()) != ".json" {
+			continue
+		}
+
+		lang := strings.TrimSuffix(file.Name(), filepath.Ext(file.Name()))
+
+		data, err := locales.Embed.ReadFile(filepath.Join(".", file.Name()))
+		if err != nil {
+			log.Error().Err(err).Msg("Failed to read file")
 			continue
 		}
-		defer file.Close()
 
 		var messages map[string]string
-		if err := json.NewDecoder(file).Decode(&messages); err != nil {
-			log.Error().Err(err)
+		if err := json.Unmarshal(data, &messages); err != nil {
+			log.Error().Err(err).Msg("Failed to decode JSON")
 			continue
 		}
+
+		log.Debug().Str("lang", lang).Msg("i18n.Load: loaded")
 		translations[lang] = messages
 	}
 

internal/oidc/handler.go

@@ -7,7 +7,7 @@ import (
 	"net/http"
 
 	"git.tijl.dev/tijl/tijl.dev/internal/db"
-	"git.tijl.dev/tijl/tijl.dev/internal/sessions"
+	"git.tijl.dev/tijl/tijl.dev/internal/user"
 	"git.tijl.dev/tijl/tijl.dev/internal/utils"
 	"git.tijl.dev/tijl/tijl.dev/modules/database"
 	log "git.tijl.dev/tijl/tijl.dev/modules/logger"
@@ -73,7 +73,7 @@ func HandleCallback(c *fiber.Ctx) error {
 		return err
 	}
 
-	_, err = sessions.NewSession(idToken.Subject, c)
+	_, err = user.NewSession(idToken.Subject, c)
 	if err != nil {
 		return err
 	}

internal/service/main.go

@@ -13,7 +13,7 @@ import (
 	webinternal "git.tijl.dev/tijl/tijl.dev/internal/web"
 	"git.tijl.dev/tijl/tijl.dev/modules/logger"
 	"git.tijl.dev/tijl/tijl.dev/modules/web"
-	"git.tijl.dev/tijl/tijl.dev/views"
+	webf "git.tijl.dev/tijl/tijl.dev/web"
 	"github.com/gofiber/contrib/fiberzerolog"
 	"github.com/gofiber/fiber/v2"
 	"github.com/gofiber/template/html/v2"
@@ -41,7 +41,8 @@ func Listen() {
 	webinternal.Load()
 
 	// Init templating engine
-	engine := html.NewFileSystem(http.FS(views.Embed), ".html")
+	engine := html.NewFileSystem(http.FS(webf.ViewsEmbed), ".html")
+	engine.Directory = "views"
 	engine.AddFunc("icon", assets.Svg)
 
 	// Init fiber

internal/user/sessions.go

@@ -1,4 +1,4 @@
-package sessions
+package user
 
 import (
 	"context"

internal/user/users.go

@@ -0,0 +1,17 @@
+package user
+
+import (
+	"context"
+
+	"git.tijl.dev/tijl/tijl.dev/internal/db"
+	"git.tijl.dev/tijl/tijl.dev/modules/database"
+)
+
+func GetUser(uid string) (error, database.User) {
+	user, err := db.Queries.GetUser(context.TODO(), uid)
+	if err != nil {
+		return err, database.User{}
+	}
+
+	return nil, user
+}

internal/web/common.go

@@ -2,19 +2,20 @@ package web
 
 import (
 	"git.tijl.dev/tijl/tijl.dev/internal/i18n"
-	"git.tijl.dev/tijl/tijl.dev/internal/sessions"
+	"git.tijl.dev/tijl/tijl.dev/internal/user"
 	"git.tijl.dev/tijl/tijl.dev/modules/web"
 	"github.com/gofiber/fiber/v2"
 )
 
 func Load() {
 	web.RegisterCommon(func(c *fiber.Ctx, m *fiber.Map) {
-		_, err := sessions.GetSession(c)
+		uid, err := user.GetSession(c)
 		signedIn := false
 		if err == nil {
 			signedIn = true
 		}
 
+		(*m)["Uid"] = uid
 		(*m)["SignedIn"] = signedIn
 		(*m)["Path"] = c.Path()
 		(*m)["Language"] = i18n.GetLanguage(c)

locales/en.json

@@ -7,5 +7,7 @@
 	"dutch": "Dutch",
 	"about": "About",
 	"projects": "Projects",
-	"account": "Account"
+	"account": "Account",
+	"login": "Login",
+	"settings": "Settings"
 }

locales/nl.json

@@ -7,5 +7,7 @@
 	"dutch": "Nederlands",
 	"about": "Over",
 	"projects": "Projecten",
-	"account": "Account"
+	"account": "Account",
+	"login": "Login",
+	"settings": "Instellingen"
 }

package.json

@@ -3,7 +3,7 @@
 	"scripts": {
 		"dev": "vite",
 		"build": "vite build",
-		"build:css": "tailwindcss -i ./web/styles.css -o ./web/assets/static/css/styles.css --minify"
+		"build:css": "tailwindcss -i ./web/lib/main.css -o ./web/static/css/styles.css --minify"
 	},
 	"devDependencies": {
 		"@tailwindcss/typography": "^0.5.14",

vite.config.ts

@@ -3,7 +3,7 @@ import { defineConfig } from "vite";
 export default defineConfig({
 	plugins: [],
 	build: {
-		outDir: "web/assets/static/js", // Output directory for compiled JS
+		outDir: "web/static/js", // Output directory for compiled JS
 		rollupOptions: {
 			output: {
 				entryFileNames: "[name].js",

web/assets/embed.go

@@ -1,9 +0,0 @@
-package assets
-
-import "embed"
-
-//go:embed *
-var Embed embed.FS
-
-//go:embed static/*
-var StaticEmbed embed.FS

web/embed.go

@@ -0,0 +1,11 @@
+package web
+
+import (
+	"embed"
+)
+
+//go:embed static/*
+var StaticEmbed embed.FS
+
+//go:embed views/*
+var ViewsEmbed embed.FS

web/views/account.html

@@ -0,0 +1,7 @@
+<div>
+    <div>id: {{.User.Uid}}</div>
+    <div>username: {{.User.Username}}</div>
+    <div>email: {{.User.Email}}</div>
+    <div>full name: {{.User.FullName}}</div>
+    <a class="btn btn-error" hx-boost="true" href="/settings?redirect=/&logout=true">Logout</a>
+</div>

web/views/login.html

@@ -0,0 +1 @@
+<a class="btn" href="/auth">Login with TT Authentication Services</a>

web/views/partials/menu.html

@@ -45,6 +45,7 @@
                             <span class="text-base">{{.T.about}}</span>
                         </a>
                     </li>
+                    <!--
                     <li class="flex-none">
                         <details class="dropdown">
                             <summary><a class="flex gap-4">
@@ -81,9 +82,10 @@
                             </ul>
                         </details>
                     </li>
+-->
                     <li>
                         {{if .SignedIn}}
-                        <a class="flex gap-4" href="/account">
+                        <a class='flex gap-4 {{if eq .Path "/account"}}active{{end}}' href="/account">
                             <span class="w-5 text-center">
                                 {{icon "login"}}
                             </span>

web/views/settings.html

@@ -0,0 +1 @@
+<div>hello</div>