Merge pull request #824 from lonerOrz/feat/emoji

Implement emoji picker

Modules/Panels/Launcher/Launcher.qml

@@ -220,6 +220,14 @@ SmartPanel {
     }
   }
 
+  EmojiPlugin {
+    id: emojiPlugin
+    Component.onCompleted: {
+      registerPlugin(this);
+      Logger.d("Launcher", "Registered: EmojiPlugin");
+    }
+  }
+
   // Navigation functions
   function selectNextWrapped() {
     if (results.length > 0) {
@@ -492,7 +500,7 @@ SmartPanel {
                 Layout.fillWidth: true
                 spacing: Style.marginM
 
-                // Icon badge or Image preview
+                // Icon badge or Image preview or Emoji
                 Rectangle {
                   Layout.preferredWidth: badgeSize
                   Layout.preferredHeight: badgeSize
@@ -503,7 +511,7 @@ SmartPanel {
                   NImageRounded {
                     id: imagePreview
                     anchors.fill: parent
-                    visible: modelData.isImage
+                    visible: modelData.isImage && !modelData.emojiChar
                     imageRadius: Style.radiusM
 
                     // This property creates a dependency on the service's revision counter
@@ -542,26 +550,28 @@ SmartPanel {
                     anchors.fill: parent
                     anchors.margins: Style.marginXS
 
-                    visible: !modelData.isImage || imagePreview.status === Image.Error
+                    visible: !modelData.isImage && !modelData.emojiChar || (modelData.isImage && imagePreview.status === Image.Error)
                     active: visible
 
                     sourceComponent: Component {
                       IconImage {
                         anchors.fill: parent
                         source: modelData.icon ? ThemeIcons.iconFromName(modelData.icon, "application-x-executable") : ""
-                        visible: modelData.icon && source !== ""
+                        visible: modelData.icon && source !== "" && !modelData.emojiChar
                         asynchronous: true
                       }
                     }
                   }
 
+                  // Emoji display - takes precedence when emojiChar is present
                   NText {
+                    id: emojiDisplay
                     anchors.centerIn: parent
-                    visible: !imagePreview.visible && !iconLoader.visible
-                    text: modelData.name ? modelData.name.charAt(0).toUpperCase() : "?"
-                    pointSize: Style.fontSizeXXL
+                    visible: modelData.emojiChar ? true : (!imagePreview.visible && !iconLoader.visible)
+                    text: modelData.emojiChar ? modelData.emojiChar : (modelData.name ? modelData.name.charAt(0).toUpperCase() : "?")
+                    pointSize: modelData.emojiChar ? Style.fontSizeXXXL : Style.fontSizeXXL  // Larger font for emojis
                     font.weight: Style.fontWeightBold
-                    color: Color.mOnPrimary
+                    color: modelData.emojiChar ? Color.mOnSurface : Color.mOnPrimary  // Different color for emojis
                   }
 
                   // Image type indicator overlay

Modules/Panels/Launcher/Plugins/EmojiPlugin.qml

@@ -0,0 +1,96 @@
+import QtQuick
+import Quickshell
+import qs.Commons
+import qs.Services.Keyboard
+
+Item {
+  id: root
+
+  // Plugin metadata
+  property string name: I18n.tr("plugins.emoji")
+  property var launcher: null
+  property bool handleSearch: false
+
+  // Force update results when emoji service loads
+  Connections {
+    target: EmojiService
+    function onLoadedChanged() {
+      if (EmojiService.loaded && root.launcher) {
+        // Update launcher results to refresh the UI
+        root.launcher?.updateResults();
+      }
+    }
+  }
+
+  // Initialize plugin
+  function init() {
+    Logger.i("EmojiPlugin", "Initialized");
+  }
+
+  // Check if this plugin handles the command
+  function handleCommand(searchText) {
+    return searchText.startsWith(">emoji");
+  }
+
+  // Return available commands when user types ">"
+  function commands() {
+    return [
+      {
+        "name": ">emoji",
+        "description": I18n.tr("plugins.emoji-search-description"),
+        "icon": "emote",
+        "isImage": false,
+        "onActivate": function () {
+          launcher.setSearchText(">emoji ");
+        }
+      }
+    ];
+  }
+
+  // Get search results
+  function getResults(searchText) {
+    if (!searchText.startsWith(">emoji")) {
+      return [];
+    }
+
+    if (!EmojiService.loaded) {
+      return [
+        {
+          "name": I18n.tr("plugins.emoji-loading"),
+          "description": I18n.tr("plugins.emoji-loading-description"),
+          "icon": "view-refresh",
+          "isImage": false,
+          "onActivate": function () {}
+        }
+      ];
+    }
+
+    const query = searchText.slice(6).trim();
+    const emojis = EmojiService.search(query);
+    return emojis.map(formatEmojiEntry);
+  }
+
+  // Format an emoji entry for the results list
+  function formatEmojiEntry(emoji) {
+    let title = emoji.name;
+    let description = (emoji.keywords || []).join(", ");
+
+    if (emoji.category) {
+      description += " • Category: " + emoji.category;
+    }
+
+    const emojiChar = emoji.emoji;
+
+    return {
+      "name": title,
+      "description": description,
+      "icon": null,
+      "isImage": false,
+      "emojiChar": emojiChar,
+      "onActivate": function () {
+        EmojiService.copy(emojiChar);
+        launcher.close();
+      }
+    };
+  }
+}