Fuzzy finder

data/Application.css

@@ -20,3 +20,52 @@ textview.scrubber {
     border: 0;
 }
 
+.fuzzy-popover {
+    padding-top: 0.5rem;
+    padding-bottom: 1rem;
+}
+
+.fuzzy-popover entry {
+    margin-left: 1rem;
+    margin-right: 1rem;
+}
+
+.fuzzy-popover scrolledwindow {
+    margin-top: 1rem;
+}
+
+.fuzzy-list {
+    background-color: transparent;
+}
+
+.fuzzy-item {
+    padding: 0.5rem;
+    margin-left: 10px;
+    margin-right: 10px;
+    background-color: transparent;
+}
+
+.fuzzy-item.preselect-fuzzy,
+.fuzzy-item:hover {
+    border-radius: 0.5rem;
+}
+
+.fuzzy-item:hover {
+    background-color: @theme_unfocused_selected_bg_color;
+}
+
+.fuzzy-item.preselect-fuzzy {
+    background-color: @selected_bg_color;
+}
+
+.fuzzy-item .fuzzy-file-icon {
+    margin-right: 0.5rem;
+}
+
+.fuzzy-item label:nth-child(1) {
+    font-weight: 700;
+}
+
+.fuzzy-item.preselect-fuzzy label {
+    opacity: 0.7;
+}

plugins/fuzzy-search/file-item.vala

@@ -0,0 +1,58 @@
+/*
+ * SPDX-License-Identifier: GPL-3.0-or-later
+ * SPDX-FileCopyrightText: 2023 elementary, Inc. <https://elementary.io>
+ *
+ * Authored by: Marvin Ahlgrimm
+ *              Colin Kiama <[email protected]>
+ */
+
+public class FileItem : Gtk.ListBoxRow {
+    private SearchResult result;
+
+    public string filepath {
+        get {
+            return result.full_path;
+        }
+    }
+    public FileItem (SearchResult res, bool should_distinguish_project = false) {
+        this.get_style_context ().add_class ("fuzzy-item");
+        this.get_style_context ().add_class ("flat");
+
+        result = res;
+        Icon icon;
+        var path_box = new Gtk.Box (Gtk.Orientation.VERTICAL, 1);
+        path_box.valign = Gtk.Align.CENTER;
+
+        var path_label = new Gtk.Label (
+            @"$(should_distinguish_project ? result.project + " • " : "")$(result.relative_path)"
+        );
+
+        path_label.halign = Gtk.Align.START;
+
+        var filename_label = new Gtk.Label (Path.get_basename (result.relative_path));
+        filename_label.halign = Gtk.Align.START;
+
+        try {
+            var fi = File.new_for_path (result.full_path);
+            var info = fi.query_info ("standard::*", 0);
+            icon = ContentType.get_icon (info.get_content_type ());
+        } catch (Error e) {
+            icon = ContentType.get_icon ("text/plain");
+        }
+
+        var image = new Gtk.Image.from_gicon (icon, Gtk.IconSize.DND);
+        image.get_style_context ().add_class ("fuzzy-file-icon");
+
+        path_box.add (filename_label);
+        path_box.add (path_label);
+
+        var container_box = new Gtk.Box (Gtk.Orientation.HORIZONTAL, 1) {
+            valign = Gtk.Align.CENTER
+        };
+
+        container_box.add (image);
+        container_box.add (path_box);
+
+        this.child = container_box;
+    }
+}