[img-proxy]: configure max thumbnail width and height

Author: tom-schoener

README.md

@@ -39,8 +39,12 @@ imgProxy:
   enabled: true
   url: "http://localhost:8081"
   localFilePath: "/tmp/group-challenge-cache"
-  thumbnailQuality: 75
+  thumbnailQuality: 90
+  maxThumbnailWidth: 420
+  maxThumbnailHeight: 420
   fullSizeQuality: 75
+  maxFullWidth: 1280
+  maxFullHeight: 1280
 ```
 
 ## Local development

api/config.yaml

@@ -16,6 +16,8 @@ imgProxy:
   url: "http://localhost:8081"
   sharedLocalCacheDir: "/tmp/group-challenge-cache"
   thumbnailQuality: 90
+  maxThumbnailWidth: 420
+  maxThumbnailHeight: 420
   fullSizeQuality: 75
   maxFullWidth: 1280
   maxFullHeight: 1280

api/main.go

@@ -37,7 +37,9 @@ func init() {
 	viper.SetDefault("imgProxy.enabled", false)
 	viper.SetDefault("imgProxy.url", "http://localhost:8081")
 	viper.SetDefault("imgProxy.sharedLocalCacheDir", "/tmp/group-challenge-cache")
-	viper.SetDefault("imgProxy.thumbnailQuality", 75)
+	viper.SetDefault("imgProxy.thumbnailQuality", 90)
+	viper.SetDefault("imgProxy.maxThumbnailWidth", 420)
+	viper.SetDefault("imgProxy.maxThumbnailHeight", 420)
 	viper.SetDefault("imgProxy.fullSizeQuality", 75)
 	viper.SetDefault("imgProxy.maxFullWidth", 1280)
 	viper.SetDefault("imgProxy.maxFullHeight", 1280)

api/pkg/group-challenge/api/image-api.go

@@ -22,7 +22,7 @@ import (
 // see: https://docs.imgproxy.net/generating_the_url
 func serveThumbnailImageHandler(c *gin.Context) {
 	if imgProxyConfig.Enabled {
-		imgProxy(c, fmt.Sprintf("width:%d/height:%d/quality:%d", 150, 150, imgProxyConfig.ThumbnailQuality))
+		imgProxy(c, fmt.Sprintf("width:%d/height:%d/quality:%d", imgProxyConfig.MaxThumbnailWidth, imgProxyConfig.MaxThumbnailHeight, imgProxyConfig.ThumbnailQuality))
 	} else {
 		serveFallbackImageHandler(c)
 	}

api/pkg/group-challenge/config/config.go

@@ -38,6 +38,8 @@ type ImgProxyConfig struct {
 	URL                 string
 	SharedLocalCacheDir string
 	ThumbnailQuality    int
+	MaxThumbnailWidth   int
+	MaxThumbnailHeight  int
 	FullSizeQuality     int
 	MaxFullWidth        int
 	MaxFullHeight       int

frontend/src/version.ts

@@ -9,6 +9,10 @@ interface Change {
 }
 
 export const CHANGES: Change[] = [
+  {
+    name: '0.11.0',
+    changes: [{ description: 'Configurable max thumbnail width and height', type: 'feature' }],
+  },
   {
     name: '0.10.0',
     changes: [{ description: 'Preload images', type: 'feature' }],