💥 fix: media copy link button not copying link

there are some issues with astalmpris.player.metadata, so I started using playerctl cli instead

ags/widget/bar/Media.ts

@@ -1,9 +1,10 @@
-import { bind } from "astal";
+import { bind, exec } from "astal";
 import { Gtk, Widget } from "astal/gtk3";
 import AstalMpris from "gi://AstalMpris";
 import { getSymbolicIcon } from "../../scripts/apps";
 import { Separator, SeparatorProps } from "../Separator";
 import { Windows } from "../../windows";
+import { Clipboard } from "../../scripts/clipboard";
 
 export function Media(): Gtk.Widget {
     const connections: Array<number> = [];
@@ -24,9 +25,15 @@ export function Media(): Gtk.Widget {
                             icon: "edit-paste-symbolic"
                         } as Widget.IconProps),
                         tooltipText: "Copy link to Clipboard",
-                        visible: bind(players[0], "metadata").as((metadata) => 
-                            metadata["xesam:url"]?.get_string()[0] != null),
-                        onClick: () => console.log(players[0].metadata["xesam:url"]?.get_string()[0]!)
+                        // AstalMpris.Player.metadata works only sometimes, so I'm not using it
+                        visible: bind(players[0], "metadata").as(Boolean),
+                        onClick: async () => {
+                            const link = exec(`playerctl --player=${
+                                players[0].busName.replace(/^org\.mpris\.MediaPlayer2\./i, "")
+                            } metadata xesam:url`);
+
+                            link && Clipboard.getDefault().copyAsync(link);
+                        }
                     } as Widget.ButtonProps),
                     new Widget.Button({
                         className: "previous",