khatru-pyramid/pages.go

package main

import (
	"context"

	. "github.com/theplant/htmlgo"
)

const buttonClass = "rounded-md text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300"

func baseHTML(inside HTMLComponent) HTMLComponent {
	navItemClass := "text-gray-600 hover:bg-gray-200 rounded-md px-3 py-2 font-medium"

	return HTML(
		Head(
			Meta().Charset("utf-8"),
			Meta().Name("viewport").Content("width=device-width, initial-scale=1"),
			Title(s.RelayName),
			Script("").Src("https://cdn.tailwindcss.com"),
			Script("").Src("https://unpkg.com/htmx.org@1.9.6"),
			Script("").Src("https://unpkg.com/hyperscript.org@0.9.12"),
		),
		Body(
			Div(
				H1(s.RelayName).Class("font-bold text-2xl"),
				P().Text(s.RelayDescription).Class("text-lg"),
			).Class("mx-auto my-6 text-center"),
			Nav(
				A().Text("information").Href("/").Class(navItemClass).Attr("hx-boost", "true", "hx-target", "main", "hx-select", "main"),
				A().Text("invite tree").Href("/users").Class(navItemClass).Attr("hx-boost", "true", "hx-target", "main", "hx-select", "main"),
				A().Text("reports").Href("/reports").Class(navItemClass).Attr("hx-boost", "true", "hx-target", "main", "hx-select", "main"),
				A().Text("login").Href("#").Class(navItemClass).Attr("_", "on click get window.nostr.signEvent({created_at: Math.round(Date.now()/1000), kind: 27235, tags: [['u', location.href]], content: ''}) then get JSON.stringify(it) then set cookies['nip98'] to it"),
			).Class("flex flex-1 items-center justify-center"),
			Main(inside).Class("m-4"),
		).Class("mx-4 my-6"),
	)
}

type HomePageParams struct {
	RelayOwnerInfo SimpleUserInfo
}

func homePageHTML(ctx context.Context, params HomePageParams) HTMLComponent {
	contact := Div()
	if s.RelayContact != "" {
		contact = Div().Text("alternative contact: " + s.RelayContact)
	}

	description := Div()
	if s.RelayDescription != "" {
		description = Div().Text("description: " + s.RelayDescription)
	}

	return Div(
		Div().Text("name: "+s.RelayName),
		description,
		contact,
		Div(
			Text("relay master: "),
			A().Text(params.RelayOwnerInfo.Name).Href("nostr:"+params.RelayOwnerInfo.Npub),
		),
		Br(),
		Div(
			Text("this relay uses"),
			A().Target("_blank").Href("https://github.com/github-tijlxyz/khatru-invite").Text("Khatru Invite"),
			Text(" which is built with "),
			A().Target("_blank").Href("https://github.com/fiatjaf/khatru").Text("Khatru"),
		),
	)
}

type InviteTreePageParams struct {
	LoggedUser string
}

func inviteTreePageHTML(ctx context.Context, params InviteTreePageParams) HTMLComponent {
	return Form(
		Input("pubkey").Type("text").Placeholder("npub1...").Class("w-96 rounded-md border-0 p-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600"),
		Button("invite").Class(buttonClass+" p-2 bg-white hover:bg-gray-50"),
		Div(
			buildInviteTree(ctx, "", params.LoggedUser),
		).Id("tree").Class("mt-3"),
	).Attr(
		"hx-post", "/add-to-whitelist",
		"hx-trigger", "submit",
		"hx-target", "#tree",
		"_", "on htmx:afterRequest(elt, successful) if successful and elt is I call I.reset()",
	)
}

func buildInviteTree(ctx context.Context, inviter string, loggedUser string) HTMLComponent {
	children := make([]HTMLComponent, 0, len(whitelist))
	for pubkey, invitedBy := range whitelist {
		if invitedBy == inviter {
			user := getUserInfo(ctx, pubkey)
			button := Span("")
			if isAncestorOf(loggedUser, pubkey) && loggedUser != pubkey {
				button = Button("remove").
					Class(buttonClass+" px-2 bg-red-100 hover:bg-red-300").
					Attr(
						"hx-post", "/remove-from-whitelist",
						"hx-trigger", "click",
						"hx-target", "#tree",
						"hx-vals", `{"pubkey": "`+pubkey+`"}`,
					)
			}

			children = append(children,
				Li(
					A().Href("nostr:"+user.Npub).Text(user.Name).Class("font-mono py-1"),
					button,
					buildInviteTree(ctx, pubkey, loggedUser),
				).Class("ml-4"),
			)
		}
	}
	return Ul(children...)
}