wallpaper selector: freedesktop spec-compliant thumbnail generation

.config/quickshell/ii/modules/common/Appearance.qml

@@ -345,6 +345,8 @@ Singleton {
             (baseVerticalBarWidth + root.sizes.hyprlandGapsOut * 2) : baseVerticalBarWidth
         property real wallpaperSelectorWidth: 1200
         property real wallpaperSelectorHeight: 690
+        property real wallpaperSelectorItemMargins: 8
+        property real wallpaperSelectorItemPadding: 6
     }
 
     syntaxHighlightingTheme: root.m3colors.darkmode ? "Monokai" : "ayu Light"

.config/quickshell/ii/modules/common/Images.qml

@@ -3,10 +3,29 @@ pragma Singleton
 import Quickshell
 
 Singleton {
+    // Formats
     readonly property list<string> validImageTypes: ["jpeg", "png", "webp", "tiff", "svg"]
     readonly property list<string> validImageExtensions: ["jpg", "jpeg", "png", "webp", "tif", "tiff", "svg"]
 
     function isValidImageByName(name: string): bool {
         return validImageExtensions.some(t => name.endsWith(`.${t}`));
     }
+
+    // Thumbnails
+    // https://specifications.freedesktop.org/thumbnail-spec/latest/directory.html
+    readonly property var thumbnailSizes: ({
+        "normal": 128,
+        "large": 256,
+        "x-large": 512,
+        "xx-large": 1024
+    })
+    function thumbnailSizeNameForDimensions(width: int, height: int): string {
+        const sizeNames = Object.keys(thumbnailSizes);
+        for(let i = 0; i < sizeNames.length; i++) {
+            const sizeName = sizeNames[i];
+            const maxSize = thumbnailSizes[sizeName];
+            if (width <= maxSize && height <= maxSize) return sizeName;
+        }
+        return "xx-large";
+    }
 }

.config/quickshell/ii/modules/common/ThumbnailImage.qml

@@ -5,28 +5,15 @@ import qs.modules.common
 import qs.modules.common.functions
 
 /**
- * Thumbnail image.
+ * Thumbnail image. It currently generates to the right place at the right size, but does not handle metadata/maintenance on modification.
  * See Freedesktop's spec: https://specifications.freedesktop.org/thumbnail-spec/thumbnail-spec-latest.html
  */
 Image {
     id: root
 
+    property bool generateThumbnail: true
     required property string sourcePath
-    readonly property var thumbnailSizes: ({
-        "normal": 128,
-        "large": 256,
-        "x-large": 512,
-        "xx-large": 1024
-    })
-    property string thumbnailSizeName: { // https://specifications.freedesktop.org/thumbnail-spec/latest/directory.html
-        const sizeNames = Object.keys(thumbnailSizes);
-        for(let i = 0; i < sizeNames.length; i++) {
-            const sizeName = sizeNames[i];
-            const maxSize = thumbnailSizes[sizeName];
-            if (root.sourceSize.width <= maxSize && root.sourceSize.height <= maxSize) return sizeName;
-        }
-        return "xx-large";
-    }
+    property string thumbnailSizeName: Images.thumbnailSizeNameForDimensions(sourceSize.width, sourceSize.height)
     property string thumbnailPath: {
         if (sourcePath.length == 0) return;
         const resolvedUrl = Qt.resolvedUrl(sourcePath);
@@ -46,13 +33,14 @@ Image {
     }
 
     onSourceSizeChanged: {
-        thumbnailGeneration.running = false
-        thumbnailGeneration.running = true
+        if (!root.generateThumbnail) return;
+        thumbnailGeneration.running = false;
+        thumbnailGeneration.running = true;
     }
     Process {
         id: thumbnailGeneration
         command: {
-            const maxSize = root.thumbnailSizes[root.thumbnailSizeName];
+            const maxSize = Images.thumbnailSizes[root.thumbnailSizeName];
             return ["bash", "-c", 
                 `[ -f '${FileUtils.trimFileProtocol(root.thumbnailPath)}' ] && exit 0 || { magick '${root.sourcePath}' -resize ${maxSize}x${maxSize} '${FileUtils.trimFileProtocol(root.thumbnailPath)}' && exit 1; }`
             ]