feat: add open/close animations to widgets

eww/actions/actions.yuck

@@ -166,7 +166,7 @@
            :space-evenly true
            :spacing 10
         (button :class "do-logout"
-                :onclick "eww close closer && eww open powermenu && eww open closer"
+                :onclick "eww close closer && $HOME/.config/eww/scripts/open.sh powermenu && eww open closer"
                 :tooltip "Logout"
                 :halign "end"
           ""
@@ -188,7 +188,9 @@
   )
 )
 
-(defwindow actions
+(defvar actions-visible false)
+
+(defwindow actions-reveal
   :monitor "0"
   :geometry (geometry :x "10px"
                       :y "4px"
@@ -196,4 +198,8 @@
                       :height "10px" ; automatically generated by eww.
                       :anchor "top right")
 
-(actions))
+     (revealer
+        :transition "crossfade"
+        :reveal actions-visible
+        :duration "550ms"
+        (actions)))

eww/closer/closer.yuck

@@ -1,5 +1,5 @@
 (defwidget closer []
-  (eventbox :onclick "eww close-all"))
+  (eventbox :onclick "$HOME/.config/eww/scripts/close-opened.sh && eww close closer"))
 
 (defwindow closer
   :monitor 0

eww/date/date.yuck

@@ -46,12 +46,17 @@
   )
 )
 
-(defwindow date
+(defvar date-visible false)
+
+(defwindow date-reveal
   :monitor 0
   :geometry (geometry :x "70px"
                       :y "4px"
                       :width "0px" ; automatically generated
                       :height "0px" ; automatically generated
                       :anchor "top right")
-  :wm-ignore true
-(date))
+     (revealer
+        :transition "crossfade"
+        :reveal date-visible
+        :duration "550ms"
+(date)))

eww/powermenu/powermenu.yuck

@@ -35,12 +35,17 @@
   :wm-ignore true
 (powermenu-clickhandler))
 
-(defwindow powermenu
+(defvar powermenu-visible false)
+
+(defwindow powermenu-reveal
   :monitor 0
   :geometry (geometry :x "0px"
                       :y "0px"
                       :width "500px"
                       :height "150px"
                       :anchor "center")
-  :wm-ignore true
-(powermenu))
+  (revealer
+        :transition "crossfade"
+        :reveal powermenu-visible
+        :duration "550ms"
+(powermenu)))

eww/scripts/close-opened.sh

@@ -0,0 +1,17 @@
+#!/bin/bash
+
+# Store the output of the command in an array, keeping only lines with '*'
+readarray -t array <<< "$(eww windows | grep '^\*')"
+
+# Remove the '*' from each element
+for ((i=0; i<${#array[@]}; i++))
+do
+	array[i]=${array[i]#'*'}
+	array[i]=${array[i]%-reveal}
+done
+
+# Print the elements of the array
+for element in "${array[@]}"
+do
+	$HOME/.config/eww/scripts/close.sh "$element"
+done

eww/scripts/close.sh

@@ -0,0 +1,8 @@
+#!/bin/bash
+
+WINDOW="$1"
+(
+eww update $WINDOW-visible=false
+sleep .55
+eww close $WINDOW-reveal
+) &

eww/scripts/open.sh

@@ -0,0 +1,6 @@
+#!/bin/bash
+
+WINDOW="$1"
+
+eww open $WINDOW-reveal
+eww update $WINDOW-visible=true