patch of appview/issues: og image for issues · round #1 · pull #667 · tangled.org/core

+267

appview/issues/opengraph.go

···

       1
       1
       +
       package issues

     

       2
       2
       +
       

     

       3
       3
       +
       import (

     

       4
       4
       +
       	"bytes"

     

       5
       5
       +
       	"context"

     

       6
       6
       +
       	"fmt"

     

       7
       7
       +
       	"image"

     

       8
       8
       +
       	"image/color"

     

       9
       9
       +
       	"image/png"

     

       10
       10
       +
       	"log"

     

       11
       11
       +
       	"net/http"

     

       12
       12
       +
       

     

       13
       13
       +
       	"tangled.org/core/appview/models"

     

       14
       14
       +
       	"tangled.org/core/appview/ogcard"

     

       15
       15
       +
       )

     

       16
       16
       +
       

     

       17
       17
       +
       func (rp *Issues) drawIssueSummaryCard(issue *models.Issue, repo *models.Repo, commentCount int, ownerHandle string) (*ogcard.Card, error) {

     

       18
       18
       +
       	width, height := ogcard.DefaultSize()

     

       19
       19
       +
       	mainCard, err := ogcard.NewCard(width, height)

     

       20
       20
       +
       	if err != nil {

     

       21
       21
       +
       		return nil, err

     

       22
       22
       +
       	}

     

       23
       23
       +
       

     

       24
       24
       +
       	// Split: content area (75%) and status/stats area (25%)

     

       25
       25
       +
       	contentCard, statsArea := mainCard.Split(false, 75)

     

       26
       26
       +
       

     

       27
       27
       +
       	// Add padding to content

     

       28
       28
       +
       	contentCard.SetMargin(50)

     

       29
       29
       +
       

     

       30
       30
       +
       	// Split content horizontally: main content (80%) and avatar area (20%)

     

       31
       31
       +
       	mainContent, avatarArea := contentCard.Split(true, 80)

     

       32
       32
       +
       

     

       33
       33
       +
       	// Add margin to main content like repo card

     

       34
       34
       +
       	mainContent.SetMargin(10)

     

       35
       35
       +
       

     

       36
       36
       +
       	// Use full main content area for repo name and title

     

       37
       37
       +
       	bounds := mainContent.Img.Bounds()

     

       38
       38
       +
       	startX := bounds.Min.X + mainContent.Margin

     

       39
       39
       +
       	startY := bounds.Min.Y + mainContent.Margin

     

       40
       40
       +
       

     

       41
       41
       +
       	// Draw full repository name at top (owner/repo format)

     

       42
       42
       +
       	var repoOwner string

     

       43
       43
       +
       	owner, err := rp.idResolver.ResolveIdent(context.Background(), repo.Did)

     

       44
       44
       +
       	if err != nil {

     

       45
       45
       +
       		repoOwner = repo.Did

     

       46
       46
       +
       	} else {

     

       47
       47
       +
       		repoOwner = "@" + owner.Handle.String()

     

       48
       48
       +
       	}

     

       49
       49
       +
       

     

       50
       50
       +
       	fullRepoName := repoOwner + " / " + repo.Name

     

       51
       51
       +
       	if len(fullRepoName) > 60 {

     

       52
       52
       +
       		fullRepoName = fullRepoName[:60] + "…"

     

       53
       53
       +
       	}

     

       54
       54
       +
       

     

       55
       55
       +
       	grayColor := color.RGBA{88, 96, 105, 255}

     

       56
       56
       +
       	err = mainContent.DrawTextAt(fullRepoName, startX, startY, grayColor, 36, ogcard.Top, ogcard.Left)

     

       57
       57
       +
       	if err != nil {

     

       58
       58
       +
       		return nil, err

     

       59
       59
       +
       	}

     

       60
       60
       +
       

     

       61
       61
       +
       	// Draw issue title below repo name with wrapping

     

       62
       62
       +
       	titleY := startY + 60

     

       63
       63
       +
       	titleX := startX

     

       64
       64
       +
       

     

       65
       65
       +
       	// Truncate title if too long

     

       66
       66
       +
       	issueTitle := issue.Title

     

       67
       67
       +
       	maxTitleLength := 80

     

       68
       68
       +
       	if len(issueTitle) > maxTitleLength {

     

       69
       69
       +
       		issueTitle = issueTitle[:maxTitleLength] + "…"

     

       70
       70
       +
       	}

     

       71
       71
       +
       

     

       72
       72
       +
       	// Create a temporary card for the title area to enable wrapping

     

       73
       73
       +
       	titleBounds := mainContent.Img.Bounds()

     

       74
       74
       +
       	titleWidth := titleBounds.Dx() - (startX - titleBounds.Min.X) - 20   // Leave some margin

     

       75
       75
       +
       	titleHeight := titleBounds.Dy() - (titleY - titleBounds.Min.Y) - 100 // Leave space for issue ID

     

       76
       76
       +
       

     

       77
       77
       +
       	titleRect := image.Rect(titleX, titleY, titleX+titleWidth, titleY+titleHeight)

     

       78
       78
       +
       	titleCard := &ogcard.Card{

     

       79
       79
       +
       		Img:    mainContent.Img.SubImage(titleRect).(*image.RGBA),

     

       80
       80
       +
       		Font:   mainContent.Font,

     

       81
       81
       +
       		Margin: 0,

     

       82
       82
       +
       	}

     

       83
       83
       +
       

     

       84
       84
       +
       	// Draw wrapped title

     

       85
       85
       +
       	lines, err := titleCard.DrawText(issueTitle, color.Black, 54, ogcard.Top, ogcard.Left)

     

       86
       86
       +
       	if err != nil {

     

       87
       87
       +
       		return nil, err

     

       88
       88
       +
       	}

     

       89
       89
       +
       

     

       90
       90
       +
       	// Calculate where title ends (number of lines * line height)

     

       91
       91
       +
       	lineHeight := 60 // Approximate line height for 54pt font

     

       92
       92
       +
       	titleEndY := titleY + (len(lines) * lineHeight) + 10

     

       93
       93
       +
       

     

       94
       94
       +
       	// Draw issue ID in gray below the title

     

       95
       95
       +
       	issueIdText := fmt.Sprintf("#%d", issue.IssueId)

     

       96
       96
       +
       	err = mainContent.DrawTextAt(issueIdText, startX, titleEndY, grayColor, 54, ogcard.Top, ogcard.Left)

     

       97
       97
       +
       	if err != nil {

     

       98
       98
       +
       		return nil, err

     

       99
       99
       +
       	}

     

       100
       100
       +
       

     

       101
       101
       +
       	// Get issue author handle (needed for avatar and metadata)

     

       102
       102
       +
       	var authorHandle string

     

       103
       103
       +
       	author, err := rp.idResolver.ResolveIdent(context.Background(), issue.Did)

     

       104
       104
       +
       	if err != nil {

     

       105
       105
       +
       		authorHandle = issue.Did

     

       106
       106
       +
       	} else {

     

       107
       107
       +
       		authorHandle = "@" + author.Handle.String()

     

       108
       108
       +
       	}

     

       109
       109
       +
       

     

       110
       110
       +
       	// Draw avatar circle on the right side

     

       111
       111
       +
       	avatarBounds := avatarArea.Img.Bounds()

     

       112
       112
       +
       	avatarSize := min(avatarBounds.Dx(), avatarBounds.Dy()) - 20 // Leave some margin

     

       113
       113
       +
       	if avatarSize > 220 {

     

       114
       114
       +
       		avatarSize = 220

     

       115
       115
       +
       	}

     

       116
       116
       +
       	avatarX := avatarBounds.Min.X + (avatarBounds.Dx() / 2) - (avatarSize / 2)

     

       117
       117
       +
       	avatarY := avatarBounds.Min.Y + 20

     

       118
       118
       +
       

     

       119
       119
       +
       	// Get avatar URL for issue author

     

       120
       120
       +
       	avatarURL := rp.pages.AvatarUrl(authorHandle, "256")

     

       121
       121
       +
       	err = avatarArea.DrawCircularExternalImage(avatarURL, avatarX, avatarY, avatarSize)

     

       122
       122
       +
       	if err != nil {

     

       123
       123
       +
       		log.Printf("failed to draw avatar (non-fatal): %v", err)

     

       124
       124
       +
       	}

     

       125
       125
       +
       

     

       126
       126
       +
       	// Split stats area: left side for status/comments (80%), right side for dolly (20%)

     

       127
       127
       +
       	statusCommentsArea, dollyArea := statsArea.Split(true, 80)

     

       128
       128
       +
       

     

       129
       129
       +
       	// Draw status and comment count in status/comments area

     

       130
       130
       +
       	statsBounds := statusCommentsArea.Img.Bounds()

     

       131
       131
       +
       	statsX := statsBounds.Min.X + 60 // left padding

     

       132
       132
       +
       	statsY := statsBounds.Min.Y

     

       133
       133
       +
       

     

       134
       134
       +
       	iconColor := color.RGBA{88, 96, 105, 255}

     

       135
       135
       +
       	iconSize := 36

     

       136
       136
       +
       	textSize := 36.0

     

       137
       137
       +
       	labelSize := 28.0

     

       138
       138
       +
       	iconBaselineOffset := int(textSize) / 2

     

       139
       139
       +
       

     

       140
       140
       +
       	// Draw status (open/closed) with colored icon and text

     

       141
       141
       +
       	var statusIcon string

     

       142
       142
       +
       	var statusText string

     

       143
       143
       +
       	var statusBgColor color.RGBA

     

       144
       144
       +
       

     

       145
       145
       +
       	if issue.Open {

     

       146
       146
       +
       		statusIcon = "static/icons/circle-dot.svg"

     

       147
       147
       +
       		statusText = "open"

     

       148
       148
       +
       		statusBgColor = color.RGBA{34, 139, 34, 255} // green

     

       149
       149
       +
       	} else {

     

       150
       150
       +
       		statusIcon = "static/icons/circle-dot.svg"

     

       151
       151
       +
       		statusText = "closed"

     

       152
       152
       +
       		statusBgColor = color.RGBA{52, 58, 64, 255} // dark gray

     

       153
       153
       +
       	}

     

       154
       154
       +
       

     

       155
       155
       +
       	badgeIconSize := 36

     

       156
       156
       +
       

     

       157
       157
       +
       	// Draw icon with status color (no background)

     

       158
       158
       +
       	err = statusCommentsArea.DrawSVGIcon(statusIcon, statsX, statsY+iconBaselineOffset-badgeIconSize/2+5, badgeIconSize, statusBgColor)

     

       159
       159
       +
       	if err != nil {

     

       160
       160
       +
       		log.Printf("failed to draw status icon: %v", err)

     

       161
       161
       +
       	}

     

       162
       162
       +
       

     

       163
       163
       +
       	// Draw text with status color (no background)

     

       164
       164
       +
       	textX := statsX + badgeIconSize + 12

     

       165
       165
       +
       	badgeTextSize := 32.0

     

       166
       166
       +
       	err = statusCommentsArea.DrawTextAt(statusText, textX, statsY+iconBaselineOffset, statusBgColor, badgeTextSize, ogcard.Middle, ogcard.Left)

     

       167
       167
       +
       	if err != nil {

     

       168
       168
       +
       		log.Printf("failed to draw status text: %v", err)

     

       169
       169
       +
       	}

     

       170
       170
       +
       

     

       171
       171
       +
       	statusTextWidth := len(statusText) * 20

     

       172
       172
       +
       	currentX := statsX + badgeIconSize + 12 + statusTextWidth + 50

     

       173
       173
       +
       

     

       174
       174
       +
       	// Draw comment count

     

       175
       175
       +
       	err = statusCommentsArea.DrawSVGIcon("static/icons/message-square.svg", currentX, statsY+iconBaselineOffset-iconSize/2+5, iconSize, iconColor)

     

       176
       176
       +
       	if err != nil {

     

       177
       177
       +
       		log.Printf("failed to draw comment icon: %v", err)

     

       178
       178
       +
       	}

     

       179
       179
       +
       

     

       180
       180
       +
       	currentX += iconSize + 15

     

       181
       181
       +
       	commentText := fmt.Sprintf("%d comments", commentCount)

     

       182
       182
       +
       	if commentCount == 1 {

     

       183
       183
       +
       		commentText = "1 comment"

     

       184
       184
       +
       	}

     

       185
       185
       +
       	err = statusCommentsArea.DrawTextAt(commentText, currentX, statsY+iconBaselineOffset, iconColor, textSize, ogcard.Middle, ogcard.Left)

     

       186
       186
       +
       	if err != nil {

     

       187
       187
       +
       		log.Printf("failed to draw comment text: %v", err)

     

       188
       188
       +
       	}

     

       189
       189
       +
       

     

       190
       190
       +
       	// Draw dolly logo on the right side

     

       191
       191
       +
       	dollyBounds := dollyArea.Img.Bounds()

     

       192
       192
       +
       	dollySize := 90

     

       193
       193
       +
       	dollyX := dollyBounds.Min.X + (dollyBounds.Dx() / 2) - (dollySize / 2)

     

       194
       194
       +
       	dollyY := statsY + iconBaselineOffset - dollySize/2 + 25

     

       195
       195
       +
       	dollyColor := color.RGBA{180, 180, 180, 255} // light gray

     

       196
       196
       +
       	err = dollyArea.DrawSVGIcon("templates/fragments/dolly/silhouette.svg", dollyX, dollyY, dollySize, dollyColor)

     

       197
       197
       +
       	if err != nil {

     

       198
       198
       +
       		log.Printf("dolly silhouette not available (this is ok): %v", err)

     

       199
       199
       +
       	}

     

       200
       200
       +
       

     

       201
       201
       +
       	// Draw "opened by @author" and date at the bottom with more spacing

     

       202
       202
       +
       	labelY := statsY + iconSize + 30

     

       203
       203
       +
       

     

       204
       204
       +
       	// Format the opened date

     

       205
       205
       +
       	openedDate := issue.Created.Format("Jan 2, 2006")

     

       206
       206
       +
       	metaText := fmt.Sprintf("opened by %s · %s", authorHandle, openedDate)

     

       207
       207
       +
       

     

       208
       208
       +
       	err = statusCommentsArea.DrawTextAt(metaText, statsX, labelY, iconColor, labelSize, ogcard.Top, ogcard.Left)

     

       209
       209
       +
       	if err != nil {

     

       210
       210
       +
       		log.Printf("failed to draw metadata: %v", err)

     

       211
       211
       +
       	}

     

       212
       212
       +
       

     

       213
       213
       +
       	return mainCard, nil

     

       214
       214
       +
       }

     

       215
       215
       +
       

     

       216
       216
       +
       func (rp *Issues) IssueOpenGraphSummary(w http.ResponseWriter, r *http.Request) {

     

       217
       217
       +
       	f, err := rp.repoResolver.Resolve(r)

     

       218
       218
       +
       	if err != nil {

     

       219
       219
       +
       		log.Println("failed to get repo and knot", err)

     

       220
       220
       +
       		return

     

       221
       221
       +
       	}

     

       222
       222
       +
       

     

       223
       223
       +
       	issue, ok := r.Context().Value("issue").(*models.Issue)

     

       224
       224
       +
       	if !ok {

     

       225
       225
       +
       		log.Println("issue not found in context")

     

       226
       226
       +
       		http.Error(w, "issue not found", http.StatusNotFound)

     

       227
       227
       +
       		return

     

       228
       228
       +
       	}

     

       229
       229
       +
       

     

       230
       230
       +
       	// Get comment count

     

       231
       231
       +
       	commentCount := len(issue.Comments)

     

       232
       232
       +
       

     

       233
       233
       +
       	// Get owner handle for avatar

     

       234
       234
       +
       	var ownerHandle string

     

       235
       235
       +
       	owner, err := rp.idResolver.ResolveIdent(r.Context(), f.Repo.Did)

     

       236
       236
       +
       	if err != nil {

     

       237
       237
       +
       		ownerHandle = f.Repo.Did

     

       238
       238
       +
       	} else {

     

       239
       239
       +
       		ownerHandle = "@" + owner.Handle.String()

     

       240
       240
       +
       	}

     

       241
       241
       +
       

     

       242
       242
       +
       	card, err := rp.drawIssueSummaryCard(issue, &f.Repo, commentCount, ownerHandle)

     

       243
       243
       +
       	if err != nil {

     

       244
       244
       +
       		log.Println("failed to draw issue summary card", err)

     

       245
       245
       +
       		http.Error(w, "failed to draw issue summary card", http.StatusInternalServerError)

     

       246
       246
       +
       		return

     

       247
       247
       +
       	}

     

       248
       248
       +
       

     

       249
       249
       +
       	var imageBuffer bytes.Buffer

     

       250
       250
       +
       	err = png.Encode(&imageBuffer, card.Img)

     

       251
       251
       +
       	if err != nil {

     

       252
       252
       +
       		log.Println("failed to encode issue summary card", err)

     

       253
       253
       +
       		http.Error(w, "failed to encode issue summary card", http.StatusInternalServerError)

     

       254
       254
       +
       		return

     

       255
       255
       +
       	}

     

       256
       256
       +
       

     

       257
       257
       +
       	imageBytes := imageBuffer.Bytes()

     

       258
       258
       +
       

     

       259
       259
       +
       	w.Header().Set("Content-Type", "image/png")

     

       260
       260
       +
       	w.Header().Set("Cache-Control", "public, max-age=3600") // 1 hour

     

       261
       261
       +
       	w.WriteHeader(http.StatusOK)

     

       262
       262
       +
       	_, err = w.Write(imageBytes)

     

       263
       263
       +
       	if err != nil {

     

       264
       264
       +
       		log.Println("failed to write issue summary card", err)

     

       265
       265
       +
       		return

     

       266
       266
       +
       	}

     

       267
       267
       +
       }

appview/issues/router.go

···

       16
       16
        
       		r.Route("/{issue}", func(r chi.Router) {

     

       17
       17
        
       			r.Use(mw.ResolveIssue)

     

       18
       18
        
       			r.Get("/", i.RepoSingleIssue)

     

       19
       19
       +
       			r.Get("/opengraph", i.IssueOpenGraphSummary)

     

       19
       20
        
       

     

       20
       21
        
       			// authenticated routes

     

       21
       22
        
       			r.Group(func(r chi.Router) {

+40 -5

appview/repo/ogcard/card.go appview/ogcard/card.go

···

       394
       394
        
       	}

     

       395
       395
        
       

     

       396
       396
        
       	contentType := resp.Header.Get("Content-Type")

     

       397
       397
       -
       	// Support content types are in-sync with the allowed custom avatar file types

     

       398
       398
       -
       	if contentType != "image/png" && contentType != "image/jpeg" && contentType != "image/gif" && contentType != "image/webp" {

     

       399
       399
       -
       		log.Printf("fetching external image returned unsupported Content-Type which was ignored: %s", contentType)

     

       400
       400
       -
       		return nil, false

     

       401
       401
       -
       	}

     

       402
       397
        
       

     

       403
       398
        
       	body := resp.Body

     

       404
       399
        
       	bodyBytes, err := io.ReadAll(body)

     
···

       407
       402
        
       		return nil, false

     

       408
       403
        
       	}

     

       409
       404
        
       

     

       405
       405
       +
       	// Handle SVG separately

     

       406
       406
       +
       	if contentType == "image/svg+xml" || strings.HasSuffix(url, ".svg") {

     

       407
       407
       +
       		return c.convertSVGToPNG(bodyBytes)

     

       408
       408
       +
       	}

     

       409
       409
       +
       

     

       410
       410
       +
       	// Support content types are in-sync with the allowed custom avatar file types

     

       411
       411
       +
       	if contentType != "image/png" && contentType != "image/jpeg" && contentType != "image/gif" && contentType != "image/webp" {

     

       412
       412
       +
       		log.Printf("fetching external image returned unsupported Content-Type which was ignored: %s", contentType)

     

       413
       413
       +
       		return nil, false

     

       414
       414
       +
       	}

     

       415
       415
       +
       

     

       410
       416
        
       	bodyBuffer := bytes.NewReader(bodyBytes)

     

       411
       417
        
       	_, imgType, err := image.DecodeConfig(bodyBuffer)

     

       412
       418
        
       	if err != nil {

     
···

       437
       443
        
       	return img, true

     

       438
       444
        
       }

     

       439
       445
        
       

     

       446
       446
       +
       // convertSVGToPNG converts SVG data to a PNG image

     

       447
       447
       +
       func (c *Card) convertSVGToPNG(svgData []byte) (image.Image, bool) {

     

       448
       448
       +
       	// Parse the SVG

     

       449
       449
       +
       	icon, err := oksvg.ReadIconStream(bytes.NewReader(svgData))

     

       450
       450
       +
       	if err != nil {

     

       451
       451
       +
       		log.Printf("error parsing SVG: %v", err)

     

       452
       452
       +
       		return nil, false

     

       453
       453
       +
       	}

     

       454
       454
       +
       

     

       455
       455
       +
       	// Set a reasonable size for the rasterized image

     

       456
       456
       +
       	width := 256

     

       457
       457
       +
       	height := 256

     

       458
       458
       +
       	icon.SetTarget(0, 0, float64(width), float64(height))

     

       459
       459
       +
       

     

       460
       460
       +
       	// Create an image to draw on

     

       461
       461
       +
       	rgba := image.NewRGBA(image.Rect(0, 0, width, height))

     

       462
       462
       +
       

     

       463
       463
       +
       	// Fill with white background

     

       464
       464
       +
       	draw.Draw(rgba, rgba.Bounds(), &image.Uniform{color.White}, image.Point{}, draw.Src)

     

       465
       465
       +
       

     

       466
       466
       +
       	// Create a scanner and rasterize the SVG

     

       467
       467
       +
       	scanner := rasterx.NewScannerGV(width, height, rgba, rgba.Bounds())

     

       468
       468
       +
       	raster := rasterx.NewDasher(width, height, scanner)

     

       469
       469
       +
       

     

       470
       470
       +
       	icon.Draw(raster, 1.0)

     

       471
       471
       +
       

     

       472
       472
       +
       	return rgba, true

     

       473
       473
       +
       }

     

       474
       474
       +
       

     

       440
       475
        
       func (c *Card) DrawExternalImage(url string) {

     

       441
       476
        
       	image, ok := c.fetchExternalImage(url)

     

       442
       477
        
       	if !ok {

+19

appview/pages/templates/repo/issues/fragments/og.html

···

       1
       1
       +
       {{ define "issues/fragments/og" }}

     

       2
       2
       +
           {{ $title := printf "%s #%d" .Issue.Title .Issue.IssueId }}

     

       3
       3
       +
           {{ $description := or .Issue.Body .RepoInfo.Description }}

     

       4
       4
       +
           {{ $url := printf "https://tangled.org/%s/issues/%d" .RepoInfo.FullName .Issue.IssueId }}

     

       5
       5
       +
           {{ $imageUrl := printf "https://tangled.org/%s/issues/%d/opengraph" .RepoInfo.FullName .Issue.IssueId }}

     

       6
       6
       +
       

     

       7
       7
       +
           <meta property="og:title" content="{{ unescapeHtml $title }}" />

     

       8
       8
       +
           <meta property="og:type" content="object" />

     

       9
       9
       +
           <meta property="og:url" content="{{ $url }}" />

     

       10
       10
       +
           <meta property="og:description" content="{{ $description }}" />

     

       11
       11
       +
           <meta property="og:image" content="{{ $imageUrl }}" />

     

       12
       12
       +
           <meta property="og:image:width" content="1200" />

     

       13
       13
       +
           <meta property="og:image:height" content="600" />

     

       14
       14
       +
       

     

       15
       15
       +
           <meta name="twitter:card" content="summary_large_image" />

     

       16
       16
       +
           <meta name="twitter:title" content="{{ unescapeHtml $title }}" />

     

       17
       17
       +
           <meta name="twitter:description" content="{{ $description }}" />

     

       18
       18
       +
           <meta name="twitter:image" content="{{ $imageUrl }}" />

     

       19
       19
       +
       {{ end }}

+4 -4

appview/repo/opengraph.go

···

       15
       15
        
       	"github.com/go-enry/go-enry/v2"

     

       16
       16
        
       	"tangled.org/core/appview/db"

     

       17
       17
        
       	"tangled.org/core/appview/models"

     

       18
       18
       -
       	"tangled.org/core/appview/repo/ogcard"

     

       18
       18
       +
       	"tangled.org/core/appview/ogcard"

     

       19
       19
        
       	"tangled.org/core/types"

     

       20
       20
        
       )

     

       21
       21
        
       

     
···

       158
       158
        
       	// Draw star icon, count, and label

     

       159
       159
        
       	// Align icon baseline with text baseline

     

       160
       160
        
       	iconBaselineOffset := int(textSize) / 2

     

       161
       161
       -
       	err = statsArea.DrawSVGIcon("static/icons/star.svg", currentX, statsY+iconBaselineOffset-iconSize/2, iconSize, iconColor)

     

       161
       161
       +
       	err = statsArea.DrawSVGIcon("static/icons/star.svg", currentX, statsY+iconBaselineOffset-iconSize/2+5, iconSize, iconColor)

     

       162
       162
        
       	if err != nil {

     

       163
       163
        
       		log.Printf("failed to draw star icon: %v", err)

     

       164
       164
        
       	}

     
···

       185
       185
        
       

     

       186
       186
        
       	// Draw issues icon, count, and label

     

       187
       187
        
       	issueStartX := currentX

     

       188
       188
       -
       	err = statsArea.DrawSVGIcon("static/icons/circle-dot.svg", currentX, statsY+iconBaselineOffset-iconSize/2, iconSize, iconColor)

     

       188
       188
       +
       	err = statsArea.DrawSVGIcon("static/icons/circle-dot.svg", currentX, statsY+iconBaselineOffset-iconSize/2+5, iconSize, iconColor)

     

       189
       189
        
       	if err != nil {

     

       190
       190
        
       		log.Printf("failed to draw circle-dot icon: %v", err)

     

       191
       191
        
       	}

     
···

       210
       210
        
       

     

       211
       211
        
       	// Draw pull request icon, count, and label

     

       212
       212
        
       	prStartX := currentX

     

       213
       213
       -
       	err = statsArea.DrawSVGIcon("static/icons/git-pull-request.svg", currentX, statsY+iconBaselineOffset-iconSize/2, iconSize, iconColor)

     

       213
       213
       +
       	err = statsArea.DrawSVGIcon("static/icons/git-pull-request.svg", currentX, statsY+iconBaselineOffset-iconSize/2+5, iconSize, iconColor)

     

       214
       214
        
       	if err != nil {

     

       215
       215
        
       		log.Printf("failed to draw git-pull-request icon: %v", err)

     

       216
       216
        
       	}