feat(composite): native Kitty graphics protocol for inline images
Use vaxis NewImage/Resize/Draw which auto-selects Kitty graphics protocol. Images decode in background, vaxis handles async Kitty protocol encoding. Removed halfblock fallback — Kitty only.
This commit is contained in:
+60
-129
@@ -3,7 +3,6 @@ package app
|
||||
import (
|
||||
"fmt"
|
||||
"image"
|
||||
"image/color"
|
||||
"os"
|
||||
"strconv"
|
||||
"strings"
|
||||
@@ -14,8 +13,6 @@ import (
|
||||
"git.sr.ht/~rjarry/aerc/lib/parse"
|
||||
"git.sr.ht/~rjarry/aerc/lib/ui"
|
||||
|
||||
"golang.org/x/image/draw"
|
||||
|
||||
_ "image/jpeg"
|
||||
_ "image/png"
|
||||
|
||||
@@ -28,7 +25,6 @@ const (
|
||||
blockText = 0
|
||||
blockImage = 1
|
||||
|
||||
// Max image height in terminal rows
|
||||
maxImageHeight = 20
|
||||
)
|
||||
|
||||
@@ -38,12 +34,6 @@ type contentBlock struct {
|
||||
imageIdx int
|
||||
}
|
||||
|
||||
// halfBlockRow stores pre-computed cells for one row of a halfblock image.
|
||||
// Each cell uses upper-half-block "▀" with fg=top pixel, bg=bottom pixel.
|
||||
type halfBlockRow struct {
|
||||
cells []vaxis.Cell
|
||||
}
|
||||
|
||||
type compositeContent struct {
|
||||
blocks []contentBlock
|
||||
images []parse.ImageRef
|
||||
@@ -52,7 +42,7 @@ type compositeContent struct {
|
||||
mu sync.Mutex
|
||||
decoded map[int]image.Image
|
||||
decErrs map[int]bool
|
||||
rendered map[int][]halfBlockRow // pre-rendered halfblock rows per image
|
||||
graphics map[int]vaxis.Image // Kitty graphics handles
|
||||
invalidate func()
|
||||
}
|
||||
|
||||
@@ -115,16 +105,16 @@ func newCompositeContent(text string, images []parse.ImageRef, width int, invali
|
||||
width: width,
|
||||
decoded: make(map[int]image.Image),
|
||||
decErrs: make(map[int]bool),
|
||||
rendered: make(map[int][]halfBlockRow),
|
||||
graphics: make(map[int]vaxis.Image),
|
||||
invalidate: invalidate,
|
||||
}
|
||||
go cc.decodeAndRender()
|
||||
go cc.decodeImages()
|
||||
return cc
|
||||
}
|
||||
|
||||
// decodeAndRender decodes images and pre-renders them as halfblock cells.
|
||||
// All rendering happens here (background goroutine), not in Draw().
|
||||
func (cc *compositeContent) decodeAndRender() {
|
||||
// decodeImages decodes all images in background. Vaxis graphic creation
|
||||
// and rendering happen in Draw() on the main thread.
|
||||
func (cc *compositeContent) decodeImages() {
|
||||
defer log.PanicHandler()
|
||||
for i, img := range cc.images {
|
||||
f, err := os.Open(img.Path)
|
||||
@@ -147,103 +137,12 @@ func (cc *compositeContent) decodeAndRender() {
|
||||
cc.mu.Lock()
|
||||
cc.decoded[i] = decoded
|
||||
cc.mu.Unlock()
|
||||
|
||||
// Pre-render as halfblock cells
|
||||
rows := renderHalfBlock(decoded, cc.width, maxImageHeight)
|
||||
cc.mu.Lock()
|
||||
cc.rendered[i] = rows
|
||||
cc.mu.Unlock()
|
||||
}
|
||||
if cc.invalidate != nil {
|
||||
cc.invalidate()
|
||||
}
|
||||
}
|
||||
|
||||
// renderHalfBlock converts an image into halfblock character rows.
|
||||
// Each terminal row represents 2 pixel rows using "▀" (upper half block).
|
||||
// Top pixel → foreground color, bottom pixel → background color.
|
||||
func renderHalfBlock(img image.Image, maxWidth, maxHeight int) []halfBlockRow {
|
||||
bounds := img.Bounds()
|
||||
srcW := bounds.Dx()
|
||||
srcH := bounds.Dy()
|
||||
if srcW == 0 || srcH == 0 {
|
||||
return nil
|
||||
}
|
||||
|
||||
// Calculate target dimensions in cells
|
||||
// Each cell = 1 char wide, 2 pixel rows tall
|
||||
targetW := maxWidth
|
||||
targetH := maxHeight * 2 // pixel rows (2 per cell row)
|
||||
|
||||
// Maintain aspect ratio
|
||||
ratio := float64(srcH) / float64(srcW)
|
||||
fitH := int(float64(targetW) * ratio)
|
||||
if fitH < targetH {
|
||||
targetH = fitH
|
||||
}
|
||||
// Don't upscale
|
||||
if targetW > srcW {
|
||||
targetW = srcW
|
||||
}
|
||||
if targetH > srcH {
|
||||
targetH = srcH
|
||||
}
|
||||
// Ensure even height for halfblock pairing
|
||||
if targetH%2 != 0 {
|
||||
targetH++
|
||||
}
|
||||
|
||||
// Resize the image
|
||||
dst := image.NewRGBA(image.Rect(0, 0, targetW, targetH))
|
||||
draw.BiLinear.Scale(dst, dst.Rect, img, bounds, draw.Over, nil)
|
||||
|
||||
// Convert to halfblock rows
|
||||
cellRows := targetH / 2
|
||||
rows := make([]halfBlockRow, cellRows)
|
||||
for y := 0; y < cellRows; y++ {
|
||||
cells := make([]vaxis.Cell, targetW)
|
||||
for x := 0; x < targetW; x++ {
|
||||
topR, topG, topB, topA := toRGBA(dst.At(x, y*2))
|
||||
botR, botG, botB, botA := toRGBA(dst.At(x, y*2+1))
|
||||
|
||||
switch {
|
||||
case topA < 50 && botA < 50:
|
||||
cells[x] = vaxis.Cell{
|
||||
Character: vaxis.Character{Grapheme: " ", Width: 1},
|
||||
}
|
||||
case topA < 50:
|
||||
cells[x] = vaxis.Cell{
|
||||
Character: vaxis.Character{Grapheme: "▄", Width: 1},
|
||||
Style: vaxis.Style{Foreground: vaxis.RGBColor(botR, botG, botB)},
|
||||
}
|
||||
case botA < 50:
|
||||
cells[x] = vaxis.Cell{
|
||||
Character: vaxis.Character{Grapheme: "▀", Width: 1},
|
||||
Style: vaxis.Style{Foreground: vaxis.RGBColor(topR, topG, topB)},
|
||||
}
|
||||
default:
|
||||
cells[x] = vaxis.Cell{
|
||||
Character: vaxis.Character{Grapheme: "▀", Width: 1},
|
||||
Style: vaxis.Style{
|
||||
Foreground: vaxis.RGBColor(topR, topG, topB),
|
||||
Background: vaxis.RGBColor(botR, botG, botB),
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
rows[y] = halfBlockRow{cells: cells}
|
||||
}
|
||||
return rows
|
||||
}
|
||||
|
||||
func toRGBA(c color.Color) (uint8, uint8, uint8, uint8) {
|
||||
pr, pg, pb, pa := c.RGBA()
|
||||
if pa == 0 {
|
||||
return uint8(pr), uint8(pg), uint8(pb), 0
|
||||
}
|
||||
return uint8((pr * 255) / pa), uint8((pg * 255) / pa), uint8((pb * 255) / pa), uint8(pa >> 8)
|
||||
}
|
||||
|
||||
func (cc *compositeContent) totalHeight() int {
|
||||
h := 0
|
||||
for _, b := range cc.blocks {
|
||||
@@ -259,17 +158,33 @@ func (cc *compositeContent) totalHeight() int {
|
||||
|
||||
func (cc *compositeContent) imageHeight(idx int) int {
|
||||
cc.mu.Lock()
|
||||
rows, ok := cc.rendered[idx]
|
||||
img, ok := cc.decoded[idx]
|
||||
cc.mu.Unlock()
|
||||
if ok && len(rows) > 0 {
|
||||
return len(rows)
|
||||
if ok {
|
||||
bounds := img.Bounds()
|
||||
if bounds.Dx() == 0 {
|
||||
return maxImageHeight
|
||||
}
|
||||
// Placeholder height before rendered
|
||||
return 1
|
||||
ratio := float64(bounds.Dy()) / float64(bounds.Dx())
|
||||
h := int(float64(cc.width) * ratio / 2.0)
|
||||
if h < 3 {
|
||||
h = 3
|
||||
}
|
||||
if h > maxImageHeight {
|
||||
h = maxImageHeight
|
||||
}
|
||||
return h
|
||||
}
|
||||
return 1 // placeholder
|
||||
}
|
||||
|
||||
func (cc *compositeContent) Destroy() {
|
||||
// No vaxis resources to clean up — halfblock uses only cells
|
||||
cc.mu.Lock()
|
||||
defer cc.mu.Unlock()
|
||||
for _, g := range cc.graphics {
|
||||
g.Destroy()
|
||||
}
|
||||
cc.graphics = make(map[int]vaxis.Image)
|
||||
}
|
||||
|
||||
func (cc *compositeContent) CleanupFiles() {
|
||||
@@ -278,7 +193,7 @@ func (cc *compositeContent) CleanupFiles() {
|
||||
}
|
||||
}
|
||||
|
||||
// Draw renders composite content into the UI context.
|
||||
// Draw renders composite content. Uses Kitty graphics protocol via vaxis.
|
||||
func (cc *compositeContent) Draw(ctx *ui.Context, scroll int, style ...vaxis.Style) {
|
||||
width := ctx.Width()
|
||||
height := ctx.Height()
|
||||
@@ -305,20 +220,20 @@ func (cc *compositeContent) Draw(ctx *ui.Context, scroll int, style ...vaxis.Sty
|
||||
case blockImage:
|
||||
imgH := cc.imageHeight(b.imageIdx)
|
||||
if row+imgH > 0 && row < height {
|
||||
cc.drawImage(ctx, b.imageIdx, row, width, defaultStyle)
|
||||
cc.drawImage(ctx, b.imageIdx, row, width, imgH, defaultStyle)
|
||||
}
|
||||
row += imgH
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
func (cc *compositeContent) drawImage(ctx *ui.Context, idx, row, width int, style vaxis.Style) {
|
||||
func (cc *compositeContent) drawImage(ctx *ui.Context, idx, row, width, height int, style vaxis.Style) {
|
||||
cc.mu.Lock()
|
||||
rows, rendered := cc.rendered[idx]
|
||||
img, decoded := cc.decoded[idx]
|
||||
failed := cc.decErrs[idx]
|
||||
cc.mu.Unlock()
|
||||
|
||||
if !rendered {
|
||||
if !decoded {
|
||||
alt := "[loading image...]"
|
||||
if failed {
|
||||
alt = "[image]"
|
||||
@@ -332,22 +247,38 @@ func (cc *compositeContent) drawImage(ctx *ui.Context, idx, row, width int, styl
|
||||
return
|
||||
}
|
||||
|
||||
win := ctx.Window()
|
||||
for i, hbRow := range rows {
|
||||
y := row + i
|
||||
if y < 0 {
|
||||
continue
|
||||
// Create vaxis graphic on first render (uses Kitty protocol)
|
||||
graphic, ok := cc.graphics[idx]
|
||||
if !ok {
|
||||
vx := ctx.Window().Vx
|
||||
var err error
|
||||
graphic, err = vx.NewImage(img)
|
||||
if err != nil {
|
||||
log.Errorf("composite: NewImage %d: %v", idx, err)
|
||||
if row >= 0 && row < ctx.Height() {
|
||||
alt := "[image]"
|
||||
if idx < len(cc.images) && cc.images[idx].Alt != "" {
|
||||
alt = fmt.Sprintf("[%s]", cc.images[idx].Alt)
|
||||
}
|
||||
if y >= ctx.Height() {
|
||||
break
|
||||
ctx.Printf(0, row, style, "%s", alt)
|
||||
}
|
||||
for x, cell := range hbRow.cells {
|
||||
if x >= width {
|
||||
break
|
||||
// Mark as failed so we don't retry every frame
|
||||
cc.mu.Lock()
|
||||
cc.decErrs[idx] = true
|
||||
delete(cc.decoded, idx)
|
||||
cc.mu.Unlock()
|
||||
return
|
||||
}
|
||||
win.SetCell(x, y, cell)
|
||||
cc.graphics[idx] = graphic
|
||||
graphic.Resize(width, height)
|
||||
}
|
||||
|
||||
startRow := row
|
||||
if startRow < 0 {
|
||||
startRow = 0
|
||||
}
|
||||
win := ctx.Window().New(0, startRow, width, height)
|
||||
graphic.Draw(win)
|
||||
}
|
||||
|
||||
func truncateLine(s string, width int) string {
|
||||
|
||||
Reference in New Issue
Block a user