Files
MujicaUI/media/lightbox.go
T
ZacharyZhang-NYandClaude Opus 5.5 bcce34cda1 Upgrade MyGo to v0.5.5
MyGo v0.5.5 returns ui.Element as a checked value handle instead of a
pointer. Migrated with `mygo migrate-ui`, then fixed what the codemod
leaves to review:

- Element nil checks become .Valid(); absent elements are ui.Element{}.
- Input handlers and paint callbacks run outside the build pass, where
  elements expire and Context methods are inert: read IsDisabled into a
  local during the build, keep a ui.Handle for Focus, use c.Services()
  for clipboard access, create ui.Local state during the build.
- Add core.AutoFocus: v0.5.5 records an overlay's opener after its
  content builds, so same-frame autofocus lost focus restore on close.
  It focuses one frame later; cascader rows defer their focus likewise.
- core.OverlayLayer identifies build passes by the root element, not
  c.Now(), which repeats across passes and under the Tester clock.
- Context menus survive the opening press counted as PressedOutside;
  split button tooltip no longer reorders its open menu; disabled
  menubar rows pass presses to the panel; Form defers blur-started
  async checks so the growing message no longer moves Submit away
  from the release; Combobox drops its disabled copy now that MyGo
  blocks typing under a disabled wrapper (canary flipped to a guard).
- The Tester clock is virtual: tests use Advance/Now instead of
  time.Sleep/time.Now and read element state inside the view. The web
  mirror advances the clock to wall time before each frame and input.
- AGENTS.md and docs describe the value Element API and the new pin.

Snapshot goldens are darwin-only and were not re-verified here.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
2026-10-17 01:37:54 -04:00

92 lines
3.0 KiB
Go

package media
import (
"fmt"
"log/slog"
"github.com/egoist/mygo/ui"
"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/core"
"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/data"
"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/icons"
"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/internal"
"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/theme"
)
// Lightbox fills the window with images[*index] while *open.
func Lightbox(c *ui.Context, open *bool, index *int, images []data.ViewerImage) core.ChoiceResult {
var v core.ChoiceResult
if !*open {
return v
}
if len(images) == 0 || *index < 0 || *index >= len(images) {
panic("mujica: Lightbox index out of range")
}
for _, im := range images {
data.ViewerSize(im.Source)
}
u := core.Density(c).Unit()
w, h := c.Size()
light := ui.Hex("#F2EBDD")
v.Element = ui.DialogBase(c, open, func(back, panel ui.Element) {
back.Background(ui.RGBA(0, 0, 0, 0.92))
panel.Size(w, h).Padding(u * 4).Gap(u * 3).TextColor(light).Label(core.Msg(c, "lightbox.title")).
Opacity(core.OverlayEnter(c, panel))
goTo := func(i int) {
if i < 0 || i >= len(images) || i == *index {
return
}
*index, v = i, core.NewChoiceResult(v.Element, true)
c.Announce(fmt.Sprintf(core.Msg(c, "lightbox.position"), i+1, len(images)))
slog.Debug("mujica: lightbox image", "index", i)
}
switch {
case panel.Shortcut(0, ui.KeyLeft):
goTo(*index - 1)
case panel.Shortcut(0, ui.KeyRight):
goTo(*index + 1)
case panel.Shortcut(0, ui.KeyHome):
goTo(0)
case panel.Shortcut(0, ui.KeyEnd):
goTo(len(images) - 1)
}
img := images[*index]
ui.Row(c).AlignItems(ui.Center).Children(func() {
ui.Text(c, fmt.Sprintf(core.Msg(c, "lightbox.position"), *index+1, len(images))).FontFeatures("tnum").Grow(1)
if lightboxButton(c, "x", "lightbox.close", false).Clicked() {
*open = false
}
})
ui.Row(c).Grow(1).MinHeight(0).Gap(u * 3).AlignItems(ui.Center).Children(func() {
if b := lightboxButton(c, "chevron-left", "lightbox.previous", *index == 0); b.Clicked() && !b.IsDisabled() {
goTo(*index - 1)
}
ui.Box(c).Grow(1).FillHeight().MinWidth(0).Center().Children(func() {
ui.Image(c, img.Source).Fit(ui.Contain).Fill().Label(img.Alt)
})
if b := lightboxButton(c, "chevron-right", "lightbox.next", *index == len(images)-1); b.Clicked() && !b.IsDisabled() {
goTo(*index + 1)
}
})
if img.Alt != "" {
ui.Text(c, img.Alt).TextAlign(ui.Center).FillWidth().MaxLines(3)
}
})
if !*open {
slog.Debug("mujica: lightbox close")
}
return v
}
// lightboxButton is a 40 DIP icon button on the backdrop.
func lightboxButton(c *ui.Context, icon, key string, disabled bool) ui.Element {
light := ui.Hex("#F2EBDD")
b := core.IconAction(c, icons.Must(icon), core.Msg(c, key)).Size(40, 40).TextColor(light).Disabled(disabled)
// The theme's focus color is too dark on the backdrop.
internal.Ring(b, light, theme.ControlRadius)
if b.Hovered() {
b.Background(ui.RGBA(255, 255, 255, 0.12)).TextColor(ui.Hex("#FFFFFF"))
}
return b
}