Use Granite's Blur API

Author: lenemter

data/Application.css

@@ -14,7 +14,7 @@ dock {
         0 0 0 1px @borders,
         0 1px 3px alpha(black, 0.2),
         0 3px 9px alpha(black, 0.3);
-    opacity: 0.6;
+    opacity: 0.3;
     padding: 9px;
 }
 

src/MainWindow.vala

@@ -3,7 +3,7 @@
  * SPDX-FileCopyrightText: 2022-2025 elementary, Inc. (https://elementary.io)
  */
 
-public class Dock.MainWindow : Gtk.ApplicationWindow {
+public class Dock.MainWindow : Granite.BlurSurface, Gtk.ApplicationWindow {
     private class Container : Gtk.Box {
         class construct {
             set_css_name ("dock");
@@ -16,14 +16,20 @@ public class Dock.MainWindow : Gtk.ApplicationWindow {
         }
     }
 
+    // Keep in sync with CSS
+    private const int TOP_PADDING = 64;
+    private const int BORDER_RADIUS = 9;
+
     private Settings transparency_settings;
     private static Settings settings = new Settings ("io.elementary.dock");
 
     private Pantheon.Desktop.Shell? desktop_shell;
     private Pantheon.Desktop.Panel? panel;
 
     private Gtk.Box main_box;
-    private int height = 0;
+    private int full_height = 0;
+    private int visible_width = 0;
+    private int visible_height = 0;
 
     class construct {
         set_css_name ("dock-window");
@@ -63,7 +69,7 @@ public class Dock.MainWindow : Gtk.ApplicationWindow {
             if (panel != null) {
                 panel.set_hide_mode (settings.get_enum ("autohide-mode"));
             } else {
-                update_panel_x11 ();
+                update_real_x11_hints ();
             }
         });
 
@@ -84,7 +90,56 @@ public class Dock.MainWindow : Gtk.ApplicationWindow {
         }
     }
 
+    private void init_panel () {
+        if (is_wayland ()) {
+            init_wayland (registry_handle_global);
+        } else {
+            update_real_x11_hints ();
+        }
+
+        get_surface ().layout.connect_after (() => {
+            var new_full_height = main_box.get_height ();
+
+            if (new_full_height != full_height) {
+                full_height = new_full_height;
+
+                if (panel != null) {
+                    panel.set_size (-1, full_height);
+                } else {
+                    update_real_x11_hints ();
+                }
+
+            }
+
+            unowned var item_manager = ItemManager.get_default ();
+            var new_visible_width = item_manager.get_width ();
+            var new_visible_height = item_manager.get_height ();
+
+            if (new_visible_width != visible_width || new_visible_height != visible_height) {
+                visible_width = new_visible_width;
+                visible_height = new_visible_height;
+
+                if (is_wayland ()) {
+                    request_blur_wayland (
+                        0,
+                        TOP_PADDING,
+                        visible_width,
+                        visible_height,
+                        BORDER_RADIUS
+                    );
+                } else {
+                    update_real_x11_hints ();
+                }
+            }
+        });
+    }
+
     public void registry_handle_global (Wl.Registry wl_registry, uint32 name, string @interface, uint32 version) {
+        panel_registry_handle_global (wl_registry, name, @interface, version);
+        blur_registry_handle_global (wl_registry, name, @interface, version);
+    }
+
+    public void panel_registry_handle_global (Wl.Registry wl_registry, uint32 name, string @interface, uint32 version) {
         if (@interface == "io_elementary_pantheon_shell_v1") {
             desktop_shell = wl_registry.bind<Pantheon.Desktop.Shell> (name, ref Pantheon.Desktop.Shell.iface, uint32.min (version, 1));
             unowned var surface = get_surface ();
@@ -97,53 +152,21 @@ public class Dock.MainWindow : Gtk.ApplicationWindow {
         }
     }
 
-    private static Wl.RegistryListener registry_listener;
-    private void init_panel () {
-        get_surface ().layout.connect_after (() => {
-            var new_height = main_box.get_height ();
-            if (new_height == height) {
-                return;
-            }
-
-            height = new_height;
-
-            if (panel != null) {
-                panel.set_size (-1, height);
-            } else {
-                update_panel_x11 ();
-            }
-        });
-
-        registry_listener.global = registry_handle_global;
-        unowned var display = Gdk.Display.get_default ();
-        if (display is Gdk.Wayland.Display) {
-            unowned var wl_display = ((Gdk.Wayland.Display) display).get_wl_display ();
-            var wl_registry = wl_display.get_registry ();
-            wl_registry.add_listener (
-                registry_listener,
-                this
-            );
-
-            if (wl_display.roundtrip () < 0) {
-                return;
-            }
-        } else {
-            update_panel_x11 ();
-        }
+    private void update_real_x11_hints () {
+        update_x11_hints (get_x11_panel_hints () + get_real_x11_blur_hints ());
     }
 
-    private void update_panel_x11 () {
-        var display = Gdk.Display.get_default ();
-        if (display is Gdk.X11.Display) {
-            unowned var xdisplay = ((Gdk.X11.Display) display).get_xdisplay ();
-
-            var window = ((Gdk.X11.Surface) get_surface ()).get_xid ();
-
-            var prop = xdisplay.intern_atom ("_MUTTER_HINTS", false);
-
-            var value = "anchor=8:hide-mode=%d:size=-1,%d".printf (settings.get_enum ("autohide-mode"), height);
+    private string get_x11_panel_hints () {
+        return "anchor=8:hide-mode=%d:size=-1,%d:".printf (settings.get_enum ("autohide-mode"), full_height);
+    }
 
-            xdisplay.change_property (window, prop, X.XA_STRING, 8, 0, (uchar[]) value, value.length);
-        }
+    private string get_real_x11_blur_hints () {
+        return get_x11_blur_hints (
+            0,
+            TOP_PADDING,
+            visible_width,
+            visible_height,
+            BORDER_RADIUS
+        );
     }
 }