init - add project files

ui/root.go

@@ -0,0 +1,88 @@
+package ui
+
+import (
+	"maxwarden/config"
+	"maxwarden/security"
+
+	. "maragu.dev/gomponents"
+	. "maragu.dev/gomponents/html"
+)
+
+func RootLayout(title string, children ...Node) Node {
+	// automatically invalidates cached css when file hash changes
+	css_hash, err := security.QuickFileHash("./wwwroot/css/style.css")
+	if err != nil {
+		return Text("Error hashing style.css")
+	}
+
+	metagen_css_hash, err := security.QuickFileHash("./wwwroot/css/style.metagen.css")
+	if err != nil {
+		return Text("Error hashing style.css")
+	}
+
+	// automatically invalidates cached js when file hash changes
+	js_hash, err := security.QuickFileHash("./wwwroot/js/index.js")
+	if err != nil {
+		return Text("Error hashing index.js")
+	}
+
+	return Doctype(
+		HTML(InlineStyle("$me { height: 100%; }"),
+			Lang("en"),
+			Head(
+				Meta(Charset("utf-8")),
+				Meta(Name("viewport"), Content("width=device-width, initial-scale=1")),
+				TitleEl(Text(title)),
+				Meta(Name("description"), Content("Previous")),
+
+				/////////////////////////////////
+				// STYLES
+				/////////////////////////////////
+				Link(Rel("apple-touch-icon"), Attr("sizes", "180x180"), Href("/apple-touch-icon.png")),
+				Link(Rel("icon"), Type("image/png"), Attr("sizes", "32x32"), Href("/favicon-32x32.png")),
+				Link(Rel("icon"), Type("image/png"), Attr("sizes", "16x16"), Href("/favicon-16x16.png")),
+				Link(Rel("manifest"), Href("/site.webmanifest")),
+
+				Link(Rel("stylesheet"), Href("/css/style.css?v="+css_hash)),
+				Link(Rel("stylesheet"), Href("/css/style.metagen.css?v="+metagen_css_hash)),
+				Link(Rel("stylesheet"), Href("/lib/highlight/default.min.css")),
+				Link(Rel("stylesheet"), Href("/lib/quill/quill.snow.css")),
+
+				/////////////////////////////////
+				// SCRIPTS
+				/////////////////////////////////
+				Script(Src("/js/index.js?v="+js_hash)),
+
+				// https://github.com/gnat/surreal
+				Script(Src("/lib/surreal/surreal.js")),
+
+				// use minified htmx only in prod
+				IfElse(config.DEBUG,
+					Script(Src("/lib/htmx/htmx.js")),
+					Script(Src("/lib/htmx/htmx.min.js")),
+				),
+
+				Script(Src("/lib/chartjs/chart.js")),
+				Script(Src("/lib/highlight/highlight.min.js")),
+				Script(Src("/lib/quill/quill.js")),
+			),
+			Group(children), // expected to provide body
+		),
+	)
+}
+
+func EmailRoot(children ...Node) Node {
+	return Doctype(
+		HTML(
+			Lang("en"),
+			Head(
+				Meta(Charset("utf-8")),
+				Meta(Name("viewport"), Content("width=device-width, initial-scale=1")),
+				Meta(Name("description"), Content("Previous")),
+			),
+			Body(
+				Group(children),
+			),
+		),
+	)
+}