From a2d3f0fe6ed52073aa5e553fd4bc7a3ff061dec7 Mon Sep 17 00:00:00 2001
From: vikingowl <christian@nachtigall.dev>
Date: Sat, 1 Mar 2025 17:33:44 +0100
Subject: [PATCH] added more custom variables

---
 .config/eww/widgets.yuck | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/.config/eww/widgets.yuck b/.config/eww/widgets.yuck
index 4f6ffc7..bf64ed0 100644
--- a/.config/eww/widgets.yuck
+++ b/.config/eww/widgets.yuck
@@ -11,6 +11,9 @@
   "firefox": "",
   "chromium": ""
 }`)
+(defvar playerRegex "spotify|firefox|mpv|chromium") ; don't forget to update this with your icons
+(defvar separator " | ") ; separator between artist and title
+(defvar ellipsisIcon "…") ; your icon to display in case of ellipsis
 (defvar ellipsisArtist 20) ; set length for ellipsis on artist
 (defvar ellipsisTitle 25) ; set length for ellipsis on title
 (defwidget media []
@@ -19,14 +22,15 @@
        :valign "center"
        :class { playerctl == '' || objectlength(playerctl) == 0
           ? 'music--off'
-          : matches(playerctl.player, 'spotify|firefox|mpv|chromium')
+          : matches(playerctl.player, playerRegex)
             ? 'music--' + playerctl.player
             : 'music--on' }
     { playerctl == '' || objectlength(playerctl) == 0
       ? ''
-      : matches(playerctl.player, 'spotify|firefox|mpv|chromium')
-          ? "${playerIcons[playerctl.player]}  ${substring(playerctl.artist, 0, ellipsisArtist)}${strlength(playerctl.artist) >= ellipsisArtist ? '…' : ''} | ${substring(playerctl.title, 0, ellipsisTitle)}${strlength(playerctl.title) >= ellipsisTitle ? '…' : ''}"
-          : "${playerctl.player} - ${substring(playerctl.artist, 0, ellipsisArtist)}${strlength(playerctl.artist) >= ellipsisArtist ? '…' : ''} | ${substring(playerctl.title, 0, ellipsisTitle)}${strlength(playerctl.title) >= ellipsisTitle ? '…' : ''}" }
+      : matches(playerctl.player, playerRegex)
+        ? "${playerIcons[playerctl.player]} ${substring(playerctl.artist, 0, ellipsisArtist)}${strlength(playerctl.artist) >= ellipsisArtist ? ellipsisIcon : ''} | ${substring(playerctl.title, 0, ellipsisTitle)}${strlength(playerctl.title) >= ellipsisTitle ? ellipsisIcon : ''}"
+        : "${playerctl.player} - ${substring(playerctl.artist, 0, ellipsisArtist)}${strlength(playerctl.artist) >= ellipsisArtist ? ellipsisIcon : ''} | ${      substring(playerctl.title, 0, ellipsisTitle)}${strlength(playerctl.title) >= ellipsisTitle ? ellipsisIcon : ''}"
+    }
   )
 )