humanize size in header

Author: jonjohnsonjr

internal/explore/explore.go

@@ -23,6 +23,7 @@ import (
 	"time"
 
 	"github.com/digitorus/timestamp"
+	"github.com/dustin/go-humanize"
 	"github.com/fxamacker/cbor/v2"
 	"github.com/google/go-containerregistry/pkg/authn"
 	"github.com/google/go-containerregistry/pkg/logs"
@@ -1543,9 +1544,17 @@ func headerData(ref name.Reference, desc v1.Descriptor) *HeaderData {
 		QuerySep:         sep,
 		EscapedMediaType: url.QueryEscape(string(desc.MediaType)),
 		MediaTypeLink:    getLink(string(desc.MediaType)),
+		HumanSize:        humanizeSize(desc.Size),
 	}
 }
 
+func humanizeSize(size int64) string {
+	if size == 0 {
+		return "" // Default to not present.
+	}
+	return humanize.IBytes(uint64(size))
+}
+
 func renderHeader(w http.ResponseWriter, r *http.Request, fname string, prefix string, refs string, kind string, mediaType types.MediaType, size int64, f httpserve.File, ctype string) error {
 	log.Printf("ctype=%q", ctype)
 	ref, err := name.ParseReference(refs)

internal/explore/templates.go

@@ -305,7 +305,7 @@ input ~ .tab {          /* grey line between tab and contents */
 <div class="tab content1">
 Content-Type: {{if .MediaTypeLink}}<a class="mt" href="{{.MediaTypeLink}}">{{.Descriptor.MediaType}}</a>{{else}}{{.Descriptor.MediaType}}{{end}}<br>
 Docker-Content-Digest: <a class="mt" href="/{{.Handler}}{{$.Repo}}@{{.Descriptor.Digest}}{{if .EscapedMediaType}}{{.QuerySep}}mt={{.EscapedMediaType}}{{end}}&size={{.Descriptor.Size}}">{{.Descriptor.Digest}}</a><br>
-Content-Length: {{if .SizeLink}}<a class="mt" href="{{.SizeLink}}">{{.Descriptor.Size}}</a>{{else}}{{.Descriptor.Size}}{{end}}<br>
+<span{{if .HumanSize}} title="{{.HumanSize}}"{{end}}>Content-Length: {{if .SizeLink}}<a class="mt" href="{{.SizeLink}}">{{.Descriptor.Size}}</a>{{else}}{{.Descriptor.Size}}{{end}}</span><br>
 {{if $.Subject}}OCI-Subject: <a class="mt" href="/?image={{$.Repo}}@{{.Subject}}">{{.Subject}}</a><br>{{end}}
 </div>
 <div class="tab content2">
@@ -361,6 +361,7 @@ type HeaderData struct {
 	QuerySep         string
 	MediaTypeLink    string
 	SizeLink         string
+	HumanSize        string
 	Referrers        bool
 	Subject          string
 }