prologic-saltyim/internal/pwa/components/hello.go

package components

import (
	"fmt"

	"github.com/maxence-charriere/go-app/v9/pkg/app"
	"github.com/maxence-charriere/go-app/v9/pkg/ui"
)

const (
	menuWidth = 282
	introText = "Hello! Welcome to Salty IM 🧂 This PWA App is not quite ready yet! Come back later 🤞"
	descText  = `salty.im is an open specification for a new Saltpack based e2e encrypted messaging protocol and platform for secure communications with a focus on privacy, security and being self-hosted.`
)

// Hello is a component that displays a simple "Hello World!". A component is a
// customizable, independent, and reusable UI element. It is created by
// embedding app.Compo into a struct.
type Hello struct {
	app.Compo

	name              string
	isUpdateAvailable bool
	isAppInstallable  bool
}

func (h *Hello) init(ctx app.Context) {
}

func (h *Hello) load(ctx app.Context) {
	h.isUpdateAvailable = ctx.AppUpdateAvailable()

	ctx.Page().SetTitle(fmt.Sprintf("Salty Chat"))
	ctx.Page().SetDescription(descText)
}

func (h *Hello) onUpdateClick(ctx app.Context) {
	ctx.Reload()
}

func (h *Hello) OnPreRender(ctx app.Context) {
	h.init(ctx)
	h.load(ctx)
}

func (h *Hello) OnResize(ctx app.Context) {
	h.ResizeContent()
}

func (h *Hello) OnAppInstallChange(ctx app.Context) {
	h.isAppInstallable = ctx.IsAppInstallable()
}

func (h *Hello) OnAppUpdate(ctx app.Context) {
	h.isUpdateAvailable = ctx.AppUpdateAvailable()
}

func (h *Hello) OnMount(ctx app.Context) {
	h.isAppInstallable = ctx.IsAppInstallable()
}

func (h *Hello) Render() app.UI {
	return app.Main().
		Body(
			app.H1().Text(introText),
			app.If(h.isAppInstallable,
				app.Button().
					Text("Install App").
					OnClick(h.onInstallButtonClicked),
			),
			ui.Shell().
				PaneWidth(menuWidth).
				HamburgerMenu().
				Content(
					app.Aside().
						Body(
							ui.Stack().
								Right().
								Middle().
								Content(
									app.If(h.isUpdateAvailable,
										newLink().
											OnClick(h.onUpdateClick),
									),
								),
						),
					app.Div().
						Body(),
				),
		)
}

func (h *Hello) onInstallButtonClicked(ctx app.Context, e app.Event) {
	ctx.ShowAppInstallPrompt()
}