refactor

web/pages/layout/layout.go

@@ -0,0 +1,63 @@
+package layout
+
+import (
+	"errors"
+	"fmt"
+
+	g "maragu.dev/gomponents"
+	h "maragu.dev/gomponents/html"
+	"reichard.io/antholume/web/components/ui"
+	"reichard.io/antholume/web/models"
+)
+
+func Layout(ctx models.PageContext, children ...g.Node) (g.Node, error) {
+	if ctx.UserInfo == nil {
+		return nil, errors.New("no user info")
+	} else if ctx.ServerInfo == nil {
+		return nil, errors.New("no server info")
+	} else if !ctx.Route.Valid() {
+		return nil, fmt.Errorf("invalid route: %s", ctx.Route)
+	}
+
+	return h.Doctype(
+		h.HTML(
+			g.Attr("lang", "en"),
+			Head(ctx.Route.Title()),
+			h.Body(
+				g.Attr("class", "bg-gray-100 dark:bg-gray-800 text-black dark:text-white"),
+				Navigation(ctx),
+				Base(children),
+				ui.Notifications(ctx.Notifications),
+			),
+		),
+	), nil
+}
+
+func Head(routeTitle string) g.Node {
+	return h.Head(
+		g.El("title", g.Text("AnthoLume - "+routeTitle)),
+		h.Meta(g.Attr("charset", "utf-8")),
+		h.Meta(g.Attr("name", "viewport"), g.Attr("content", "width=device-width, initial-scale=0.9, user-scalable=no, viewport-fit=cover")),
+		h.Meta(g.Attr("name", "apple-mobile-web-app-capable"), g.Attr("content", "yes")),
+		h.Meta(g.Attr("name", "apple-mobile-web-app-status-bar-style"), g.Attr("content", "black-translucent")),
+		h.Meta(g.Attr("name", "theme-color"), g.Attr("content", "#F3F4F6"), g.Attr("media", "(prefers-color-scheme: light)")),
+		h.Meta(g.Attr("name", "theme-color"), g.Attr("content", "#1F2937"), g.Attr("media", "(prefers-color-scheme: dark)")),
+		h.Link(g.Attr("rel", "manifest"), g.Attr("href", "/manifest.json")),
+		h.Link(g.Attr("rel", "stylesheet"), g.Attr("href", "/assets/index.css")),
+		h.Link(g.Attr("rel", "stylesheet"), g.Attr("href", "/assets/tailwind.css")),
+		h.Script(g.Attr("src", "/assets/lib/idb-keyval.min.js")),
+		h.Script(g.Attr("src", "/assets/common.js")),
+		h.Script(g.Attr("src", "/assets/index.js")),
+	)
+}
+
+func Base(body []g.Node) g.Node {
+	return h.Main(
+		g.Attr("class", "relative overflow-hidden"),
+		h.Div(
+			g.Attr("id", "container"),
+			g.Attr("class", "h-[100dvh] px-4 overflow-auto md:px-6 lg:ml-48"),
+			g.Group(body),
+		),
+	)
+}