Share your plugins

[typkrft]

This is a thread to share the plugins you've created with the community.

[typkrft]

Window Title

DESCRIPTION: This will display the current window's title in your bar. If the window's title is greater than 50 characters it will truncate it, if there it no title available it will fall back to the application name. This was written by @FelixKratz and Modified by me.

NOTE: Assuming you are using yabai, you can quickly check window titles and app names of the current window with yabai -m query --windows --window | jq '.app,.title'.

Updated Configuration:

sketchybarrc

# E V E N T S
sketchybar -m --add event window_focus \
              --add event title_change

# W I N D O W  T I T L E 
sketchybar -m --add item title left \
              --set title script="$HOME/.config/sketchybar/plugins/window_title.sh" \
              --subscribe title window_focus front_app_switched space_change title_change

window_title.sh

#!/bin/bash

# W I N D O W  T I T L E 
WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows --window | jq -r '.title')

if [[ $WINDOW_TITLE = "" ]]; then
  WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows --window | jq -r '.app')
fi

if [[ ${#WINDOW_TITLE} -gt 50 ]]; then
  WINDOW_TITLE=$(echo "$WINDOW_TITLE" | cut -c 1-50)
  sketchybar -m --set title label="│ $WINDOW_TITLE"…
  exit 0
fi

sketchybar -m --set title label="│ $WINDOW_TITLE"

yabairc

  # S K E T C H Y B A R  E V E N T S
    yabai -m signal --add event=window_focused action="sketchybar -m --trigger window_focus &> /dev/null"
    yabai -m signal --add event=window_title_changed action="sketchybar -m --trigger title_change &> /dev/null"

Felix: Update to V2.0.0 Syntax

[Bellavene]

have the correct events and triggers been defined in .yabairc and sketchybarrc?

yabai -m signal --add event=window_focused action="sketchybar --trigger window_focus &> /dev/null"
yabai -m signal --add event=window_title_changed action="sketchybar --trigger title_change &> /dev/null"

sketchybar --add event window_focus \
           --add event title_change

Yep

[matthewben-net]

if anyone is facing issues combining this with animations due to title_change events firing too often, the script can be modified to only fire when the title actually changes. for example, this will cause the old title to slide down to 0 width and then smoothly back to the new title's width. you could replace the alpha and width with any animate-able properties such as y_offset for different effects.

  #! /bin/bash
  # window_title.sh

  WIN_TITLE_FILE='window_title.dat'
  
  WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows --window | jq -r '.title')
  
  if [[ $WINDOW_TITLE = "" ]]; then
    WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows --window | jq -r '.app')
  fi
  
  OLD_TITLE=$(cat $WIN_TITLE_FILE)
  
  if [[ $WINDOW_TITLE = $OLD_TITLE ]]; then
    exit 0
  else
    sketchybar --animate sin 5 --set title label.color.alpha=0.0 label.width=0
    echo $WINDOW_TITLE > $WIN_TITLE_FILE
    
    sleep 0.15
    
    sketchybar -m --set title label="$WINDOW_TITLE"
    sketchybar --animate sin 5 --set title label.color.alpha=1.0 label.width=dynamic
  fi

sketchybarrc and .yabairc don't need to be modified. i handle max label length with sketchybar's label.max_chars, if you'd like it handled in the script you'll need to add that if statement back in.

Screen.Recording.2024-06-05.at.1.21.23.PM.mov

OOOOOOOH I didn't think to animate the title change, that looks so sleek!

[matthewben-net]

To summarize:

# Suffix to delete unwanted title endings. You can add many of them, just number them (suffix#) and add another option (-e) to "sed" in WINDOW_TITLE part.
suffix=" - Vivaldi" 

# Store window name in temp folder
WIN_TITLE_FILE='/tmp/window_title.dat'

# Apply title.
WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows id,title --window | jq -r '.title' | sed -e s/$suffix$//)

if [[ $WINDOW_TITLE = "" ]]; then
  WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows id,app --window | jq -r '.app')
fi

OLD_TITLE=$(cat $WIN_TITLE_FILE)

if [[ $WINDOW_TITLE = $OLD_TITLE ]]; then
  exit 0
else
  sketchybar --animate sin 5 --set title label.color.alpha=0.0 label.width=0
  echo $WINDOW_TITLE > $WIN_TITLE_FILE
  sleep 0.15
  sketchybar -m --set title label="$WINDOW_TITLE" --animate sin 5 --set title label.color.alpha=1.0 label.width=dynamic
  fi
fi

I'm scratching my old head. What to do, if an app is focused without windows at all? Like Finder on desktop, the title stays as the last used one. Tried many things, and nothing works. Yabai outputs an error, which I couldn't pipe to the script.

I'm not sure if it would be of much help, but I posted a Lua version of this a week or two ago. I encountered the same issue as you with the window title remaining unchanged when switching to a space without any windows. To solve this, I use a shell script to execute the yabai command instead of executing it directly in window_title.sh. The script returns the yabai JSON output if available, otherwise 'empty' to sketchybar. If it's empty, I set the window title to Finder.

[Bellavene]

Fixed, just subscribed to front_app_switched also.

Update: It bugs out with fron_app_switched, with uncontrolled rapid execution of the script for some seconds. So it is not fixed (

[realhackcraft]

if anyone is facing issues combining this with animations due to title_change events firing too often, the script can be modified to only fire when the title actually changes. for example, this will cause the old title to slide down to 0 width and then smoothly back to the new title's width. you could replace the alpha and width with any animate-able properties such as y_offset for different effects.

  #! /bin/bash
  # window_title.sh

  WIN_TITLE_FILE='window_title.dat'
  
  WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows --window | jq -r '.title')
  
  if [[ $WINDOW_TITLE = "" ]]; then
    WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows --window | jq -r '.app')
  fi
  
  OLD_TITLE=$(cat $WIN_TITLE_FILE)
  
  if [[ $WINDOW_TITLE = $OLD_TITLE ]]; then
    exit 0
  else
    sketchybar --animate sin 5 --set title label.color.alpha=0.0 label.width=0
    echo $WINDOW_TITLE > $WIN_TITLE_FILE
    
    sleep 0.15
    
    sketchybar -m --set title label="$WINDOW_TITLE"
    sketchybar --animate sin 5 --set title label.color.alpha=1.0 label.width=dynamic
  fi

sketchybarrc and .yabairc don't need to be modified. i handle max label length with sketchybar's label.max_chars, if you'd like it handled in the script you'll need to add that if statement back in.

Screen.Recording.2024-06-05.at.1.21.23.PM.mov

You can also just query the old title before changing it, instead of storing the old title in a file.

OLD_WINDOW_TITLE=$(sketchybar --query title_name | jq -r ".label.value")

[typkrft]

24 Hour Change in Bitcoin Price

DESCRIPTION: This will display the 24hr change in price of bitcoin in your bar.
NOTE: You may need to install requests, or change your python env.

sketchybarrc

sketchybar -m --add item btc right \
              --set btc icon= \
              --set btc update_freq=20 \
              --set btc script="~/.config/sketchybar/plugins/btc.sh"

btc.sh

#!/usr/bin/env python3

import requests
import os

response = requests.get('https://api.gemini.com/v1/pricefeed')
jsonResponse = response.json()

for i in jsonResponse:
    if i["pair"] == "BTCUSD":
        percentChange = str(round((float(i["percentChange24h"]) * 100), 2))
        os.system('sketchybar -m --set btc label='+ percentChange + '%')
        break

Felix: Update to v2.0.0 syntax

[typkrft]

24 Hour Change in Ethereum Price

DESCRIPTION: This will display the 24hr change in price of Ethereum in your bar.
NOTE: You may need to install requests, or change your python env.

sketchybarrc

sketchybarrc

sketchybar -m --add item eth right \
              --set eth icon=ﲹ \
              --set eth update_freq=20 \
              --set eth script="~/.config/sketchybar/plugins/eth.sh"

eth.sh

#!/usr/bin/env python3

import requests
import os

response = requests.get('https://api.gemini.com/v1/pricefeed')
jsonResponse = response.json()

for i in jsonResponse:
    if i["pair"] == "BTCUSD":
        percentChange = str(round((float(i["percentChange24h"]) * 100), 2))
        os.system('sketchybar -m --set eth label='+ percentChange + '%')
        break

Felix: Update to v2.0.0 syntax

[BrunnoVert]

How to fix the icon "?"

[colehpage]

Depending on what ICON font family he was using, you should replace it with one you have access to and make sure you update the icon font IE if you are using fontawesome pick an icon, copy it in place of the [] that shows in the file and update the icon font a la:

icon= \ // chose an icon from whatever library you use below
icon.font="Font Awesome 6 Free:Solid:15.4" // replace with whatever font icon library you are using

Essentially just make sure you have access to whatever icon you choose to use

[Sigri44]

eth.sh or eth.py .. ??!

[benp-mns]

The shebang (#!/usr/bin/env python3) indicates the path to the interpreter required.

[typkrft]

Battery Status

DESCRIPTION: This will display your current battery status.

NOTE: This could probably be improved on greatly. I am not sure what an appropriate update_freq is for this so feel free to adjust it to your liking.

UPDATED: Updated to implement improvements made by ut0mt8 from this comment.

sketchybarrc

sketchybar -m --add item battery right \
              --set battery update_freq=3 \
              --set battery script="~/.config/sketchybar/plugins/power.sh" \
              --set battery icon=

power.sh

#!/bin/bash

. ~/.cache/wal/colors.sh
BATT_PERCENT=$(pmset -g batt | grep -Eo "\d+%" | cut -d% -f1)
CHARGING=$(pmset -g batt | grep 'AC Power')

if [[ $CHARGING != "" ]]; then
  sketchybar -m --set battery \
    icon.color=0xFF5DFE67 \
    icon= \
    label=$(printf "${BATT_PERCENT}%%")
  exit 0
fi

[[ ${BATT_PERCENT} -gt 10 ]] && COLOR=0xFF${color5:1} || COLOR=0xFFFF0000

case ${BATT_PERCENT} in
   100) ICON="" ;;
    9[0-9]) ICON="" ;;
    8[0-9]) ICON="" ;;
    7[0-9]) ICON="" ;;
    6[0-9]) ICON="" ;;
    5[0-9]) ICON="" ;;
    4[0-9]) ICON="" ;;
    3[0-9]) ICON="" ;;
    2[0-9]) ICON="" ;;
    1[0-9]) ICON="" ;;
    *) ICON=""
esac

sketchybar -m --set battery\
  icon.color=$COLOR \
  icon=$ICON \
  label=$(printf "${BATT_PERCENT}%%")

Felix: Update to v2.0.0

[khaneliman]

In case anyone wants more interactive charging indicator:

#!/usr/bin/env bash

source "$HOME/.config/sketchybar/colors.sh"

BATT_PERCENT=$(pmset -g batt | grep -Eo "\d+%" | cut -d% -f1)
CHARGING=$(pmset -g batt | grep 'AC Power')

sketchybar --set "${NAME}" icon.color=0xff989898

if [[ ${CHARGING} != "" ]]; then
    case ${BATT_PERCENT} in
        100) ICON="" COLOR="$GREEN" ;;
        9[0-9]) ICON="" COLOR="$GREEN" ;;
        8[0-9]) ICON="" COLOR="$GREEN" ;;
        7[0-9]) ICON="" COLOR="$GREEN" ;;
        6[0-9]) ICON="" COLOR="$YELLOW" ;;
        5[0-9]) ICON="" COLOR="$YELLOW" ;;
        4[0-9]) ICON="" COLOR="$ORANGE" ;;
        3[0-9]) ICON="" COLOR="$ORANGE" ;;
        2[0-9]) ICON="" COLOR="$RED" ;;
        1[0-9]) ICON="" COLOR="$RED" ;;
        *) ICON=""  COLOR="$RED" ;;
    esac

  sketchybar --set "${NAME}" icon="${ICON}" icon.color="${COLOR}"
  sketchybar --set "${NAME}" label="${BATT_PERCENT}%"
  exit 0
fi

case ${BATT_PERCENT} in
    100) ICON="" COLOR="$GREEN" ;;
    9[0-9]) ICON="" COLOR="$GREEN" ;;
    8[0-9]) ICON="" COLOR="$GREEN" ;;
    7[0-9]) ICON="" COLOR="$GREEN" ;;
    6[0-9]) ICON="" COLOR="$YELLOW" ;;
    5[0-9]) ICON="" COLOR="$YELLOW" ;;
    4[0-9]) ICON="" COLOR="$ORANGE" ;;
    3[0-9]) ICON="" COLOR="$ORANGE" ;;
    2[0-9]) ICON="" COLOR="$RED" ;;
    1[0-9]) ICON="" COLOR="$RED" ;;
    *) ICON=""  COLOR="$RED" ;;
esac

sketchybar --set "${NAME}" icon="${ICON}" icon.color="${COLOR}"
sketchybar --set "${NAME}" label="${BATT_PERCENT}%" 

[gverbist]

might be stupid but I don't seem to have the icon showing. It shows a question mark..

[typkrft]

@gverbist It's a nerd font icon. If you have an icon font set in sketchybar to a nerd font then it should work.

[FelixKratz]

I think this could make use of the new power_source_change event to make the charging indication snappy sucht that the polling of the battery status can be done less frequently, like it is in the new default config battery item.

[marsjane]

hi @typkrft , I also cannot see the icons, I am quite sure my terminal are using nerd fonts, I cannot see the icons shown properly in the neovim, neither in the sketchybar even I set the icon.font="Liga SFMono Nerd Font:Regular:19.0", I am curious why it doesn't work, any advice? (I just copy your .sh and paste it)

[typkrft]

Music Information

Update History:

• Felix: Update to v2.0.0
• Brandon: 2/5/23 Attempt to work around music reopening if quit see FIXME: in script

DESCRIPTION: This will display information about the current track in the Music.app. It will update based on the NSDistributedNotificationCenter Events sent by the Music app.

sketchybarrc

# Add event
sketchybar -m --add event song_update com.apple.iTunes.playerInfo

# Add Music Item
sketchybar -m --add item music right                         \
    --set music script="~/.config/sketchybar/scripts/music"  \
    click_script="~/.config/sketchybar/scripts/music_click"  \
    label.padding_right=10                                   \
    drawing=off                                              \
    --subscribe music song_update

music

#!/usr/bin/env bash

# FIXME: Running an osascript on an application target opens that app
# This sleep is needed to try and ensure that theres enough time to
# quit the app before the next osascript command is called. I assume 
# com.apple.iTunes.playerInfo fires off an event when the player quits
# so it imediately runs before the process is killed
sleep 1

APP_STATE=$(pgrep -x Music)
if [[ ! $APP_STATE ]]; then 
    sketchybar -m --set music drawing=off
    exit 0
fi

PLAYER_STATE=$(osascript -e "tell application \"Music\" to set playerState to (get player state) as text")
if [[ $PLAYER_STATE == "stopped" ]]; then
    sketchybar --set music drawing=off
    exit 0
fi

title=$(osascript -e 'tell application "Music" to get name of current track')
artist=$(osascript -e 'tell application "Music" to get artist of current track')
# ALBUM=$(osascript -e 'tell application "Music" to get album of current track')
loved=$(osascript -l JavaScript -e "Application('Music').currentTrack().loved()")
if [[ $loved ]]; then
    icon="􀊸"
fi

if [[ $PLAYER_STATE == "paused" ]]; then
    icon="􀊘"
fi

if [[ $PLAYER_STATE == "playing" ]]; then
    icon="􀊖"
fi

if [[ ${#title} -gt 25 ]]; then
TITLE=$(printf "$(echo $title | cut -c 1-25)…")
fi

if [[ ${#artist} -gt 25 ]]; then
ARTIST=$(printf "$(echo $artist | cut -c 1-25)…")
fi

# if [[ ${#ALBUM} -gt 25 ]]; then
#   ALBUM=$(printf "$(echo $ALBUM | cut -c 1-12)…")
# fi

sketchybar -m --set music icon="$icon"          \
    --set music label="${title} x ${artist}"    \
    --set music drawing=on

music_click

#!/usr/bin/env osascript

tell application "Music"
    if loved of current track is true then
        set loved of current track to false
        do shell script "sketchybar -m --set music icon="
      else
        set loved of current track to true
        do shell script "sketchybar -m --set music icon=􀊸"
    end if
end tell

delay 1

do shell script "sh $HOME/.config/sketchybar/scripts/music"

[meksrc]

I am starting to understand some things :D Thank you so much for the patience!
It works like this:

`#!/usr/bin/env bash

# run an osascript command to get the player_state
PLAYER_STATE=$(osascript -e "tell application \"Music\" to set playerState to (get player state) as text")

# Check the PLAYER_STATE
# If playing
if [[ $PLAYER_STATE == "paused" ]]; then
  osascript -e 'tell application "Music" to play'
      else
  osascript -e 'tell application "Music" to pause'
fi`

i think for some training maybe i will try to add music controls as next track etc.

[typkrft]

@meksrc Great work! Here is a good overview of some basic applescript used for controlling the Music app. Note: Be sure to change "iTunes" to "Music".

[dgrebb]

@typkrft thank you for this!

To all who are embracing the upgrade to macos Sonoma, it looks like they changed the .loved property to .favorited in the latest Music.app JavaScript API.

File: .config/sketchybar/plugins/music.sh

 loved=$(osascript -l JavaScript -e "Application('Music').currentTrack().favorited()")

File: .config/sketchybar/plugins/music_click.sh

All instances of loved become favorited:

#!/usr/bin/env osascript

tell application "Music"
    if favorited of current track is true then
        set favorited of current track to false
        do shell script "sketchybar -m --set music icon=♥ icon.color=0xbaffffff"
      else
        set favorited of current track to true
        do shell script "sketchybar -m --set music icon="
    end if
end tell

delay 1

do shell script "bash /Users/dgrebb/.config/sketchybar/plugins/music.sh"

[hamadahiro]

Hi, thank you for this great plugin. It works well until I quit the Music app. Then, when I restart the app, the plugin doesn't show up until I reset SketchyBar. Any ideas what might be causing this issue? I'm on Sonoma 14.1.

[ERICAntoine]

Same

[typkrft]

VPN Status

DESCRIPTION: Shows the vpn your currently connected to if any in your bar.

sketchybarrc

sketchybar -m --add item vpn right \
              --set vpn icon= \
                        update_freq=5 \
                        script="~/.config/sketchybar/plugins/vpn.sh"

vpn.sh

#!/bin/bash

VPN=$(scutil --nc list | grep Connected | sed -E 's/.*"(.*)".*/\1/')

if [[ $VPN != "" ]]; then
  sketchybar -m --set vpn icon= \
                          label="$VPN" \
                          drawing=on
else
  sketchybar -m --set vpn drawing=off
fi

Felix: Updated to v2.0.0

[Pe8er]

Thank you! This inspired me to adjust it for Private Internet Access:

sketchybarrc

  --add item pia right                  \
  --set pia script="$PLUGIN_DIR/pia.sh" \
  label.drawing=off                     \
  icon=                                 \
  update_freq=5                         \

pia.sh

#!/usr/bin/env bash

VPN_STATUS=$(/usr/local/bin/piactl get connectionstate)

if [[ "$VPN_STATUS" == "Connected" ]]; then
  sketchybar --set $NAME icon=􀎡
else
  sketchybar --set $NAME drawing=off
fi

[drselump14]

Hi, how do you copy the icon above? I only got a question mark when copy the script

[typkrft]

Mic Status

DESCRIPTION: Check and Mute/Unmute your mic.

sketchybarrc

sketchybar -m --add item mic right \
sketchybar -m --set mic update_freq=3 \
              --set mic script="~/.config/sketchybar/plugins/mic.sh" \
              --set mic click_script="~/.config/sketchybar/plugins/mic_click.sh"

mic.sh

#!/bin/bash

MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

if [[ $MIC_VOLUME -eq 0 ]]; then
  sketchybar -m --set mic icon=
elif [[ $MIC_VOLUME -gt 0 ]]; then
  sketchybar -m --set mic icon=
fi 
  

mic_click.sh

#!/bin/bash

MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

if [[ $MIC_VOLUME -eq 0 ]]; then
  osascript -e 'set volume input volume 25'
  sketchybar -m --set mic icon=
elif [[ $MIC_VOLUME -gt 0 ]]; then
  osascript -e 'set volume input volume 0'
  sketchybar -m --set mic icon=
fi

Felix: Update to v2.0.0

[dtger]

Modified those slightly to counter the annoying behaviour on my michine where teams and other virtual meeting apps are constantly fiddling with input volume, even if i ask them not to. Changes from the original summed up to:

1. set the mic volume to 100 -- if the value is gt 0 and lt 100
2. get subscribed to volume change event -- as the label wasn't updating otherwise

#!/bin/bash

MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

if [[ $MIC_VOLUME -eq 0 ]]; then
  sketchybar -m --set mic icon=" $MIC_VOLUME"
elif [[ $MIC_VOLUME -eq 100 ]]; then
  sketchybar -m --set mic icon=" $MIC_VOLUME"
else
  osascript -e 'set volume input volume 100'
fi 

#!/bin/bash

MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

if [[ $MIC_VOLUME -lt 100 ]]; then
  osascript -e 'set volume input volume 100'
  sketchybar -m --set mic icon=" $(osascript -e 'input volume of (get volume settings)')"
elif [[ $MIC_VOLUME -gt 0 ]]; then
  osascript -e 'set volume input volume 0'
  sketchybar -m --set mic icon=" $(osascript -e 'input volume of (get volume settings)')"
fi

sketchybar -m --add item mic right \
           --set mic update_freq=3 \
                        script="$PLUGIN_DIR/mic.sh" \
                        click_script="$PLUGIN_DIR/mic_click.sh" \
           --subscribe mic volume_change          

Thank you for this excellent app!

[linkarzu]

Added microphone name and set color red if muted

• I'm using switchaudio-osx to get the device name, couldn't figure out an easier way.
• Install it using brew

brew install switchaudio-osx

# Filename: ~/github/dotfiles-latest/sketchybar/felixkratz/sketchybarrc

###############################################################################
#                            Community plugins
###############################################################################

# https://github.com/FelixKratz/SketchyBar/discussions/12

sketchybar -m --add item mic right \
	--set mic update_freq=3 \
	script="$PLUGIN_DIR/mic.sh" \
	click_script="$PLUGIN_DIR/mic_click.sh" \
	--subscribe mic volume_change

###############################################################################

#!/bin/bash

# Filename: ~/github/dotfiles-latest/sketchybar/felixkratz/plugins/mic.sh

source "$CONFIG_DIR/colors.sh"

# Attempt to get the current input device name
MIC_NAME=$(SwitchAudioSource -t input -c)
# I just want the first word, in case it's too long
MIC_NAME=$(echo $MIC_NAME | awk '{print $1}')

# When no microphone is connected, SwitchAudioSource gives me back random
# characters and sketchybar shows "Warning: Malformed UTF-8 string"
# Validate MIC_NAME as UTF-8, replace invalid sequences with a '?', then compare with original
VALIDATED_MIC_NAME=$(echo "$MIC_NAME" | iconv -f UTF-8 -t UTF-8//IGNORE)

# Get the current microphone volume
MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

# Check if MIC_NAME is not meaningful
if [[ "$MIC_NAME" != "$VALIDATED_MIC_NAME" || -z "$MIC_NAME" ]]; then
	# If the mic name is not valid or empty
	sketchybar -m --set mic label="" icon= icon.color=$YELLOW label.color=$YELLOW
else
	# Update SketchyBar with the microphone's name and volume
	if [[ $MIC_VOLUME -eq 0 ]]; then
		sketchybar -m --set mic label="$MIC_NAME $MIC_VOLUME" icon= icon.color=$RED label.color=$RED
	elif [[ $MIC_VOLUME -gt 0 && $MIC_VOLUME -lt 100 ]]; then
		sketchybar -m --set mic label="$MIC_NAME $MIC_VOLUME" icon= icon.color=$ORANGE label.color=$ORANGE
	elif [[ $MIC_VOLUME -eq 100 ]]; then
		sketchybar -m --set mic label="$MIC_NAME $MIC_VOLUME" icon= icon.color=$WHITE label.color=$WHITE
	fi
fi

#!/bin/bash

# Filename: ~/github/dotfiles-latest/sketchybar/felixkratz/plugins/mic_click.sh

source "$CONFIG_DIR/colors.sh"

# Attempt to get the current input device name
MIC_NAME=$(SwitchAudioSource -t input -c)
# I just want the first word, in case it's too long
MIC_NAME=$(echo $MIC_NAME | awk '{print $1}')

# When no microphone is connected, SwitchAudioSource gives me back random
# characters and sketchybar shows "Warning: Malformed UTF-8 string"
# Validate MIC_NAME as UTF-8, replace invalid sequences with a '?', then compare with original
VALIDATED_MIC_NAME=$(echo "$MIC_NAME" | iconv -f UTF-8 -t UTF-8//IGNORE)

# Get the current microphone volume
MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

# Check if MIC_NAME is not meaningful
if [[ "$MIC_NAME" != "$VALIDATED_MIC_NAME" || -z "$MIC_NAME" ]]; then
	# If the mic name is not valid or empty
	sketchybar -m --set mic label="" icon=
else
	# Update SketchyBar with the microphone's name and volume
	if [[ $MIC_VOLUME -lt 100 ]]; then
		osascript -e 'set volume input volume 100'
		sketchybar -m --set mic label="$MIC_NAME 100" icon= icon.color=$WHITE label.color=$WHITE
	elif [[ $MIC_VOLUME -gt 0 ]]; then
		osascript -e 'set volume input volume 0'
		sketchybar -m --set mic label="$MIC_NAME 0" icon= icon.color=$RED label.color=$RED
	fi
fi

[linkarzu]

New update, if microphone is right clicked, it allows you to change your microphone, the same way that @FelixKratz configued volume_click.sh

• I find this useful as I record youtube videos and I always want to make sure I'm using the correct microphone, and if not, quickly switch to the right one
• switchaudio-osx is needed, see my previous comment on how to install it

---

mic.sh script:

#!/bin/bash

# Filename: ~/github/dotfiles-latest/sketchybar/felixkratz/plugins/mic.sh

# https://github.com/FelixKratz/SketchyBar/discussions/12#discussioncomment-1216899

source "$CONFIG_DIR/colors.sh"

# Attempt to get the current input device name
MIC_NAME=$(SwitchAudioSource -t input -c)
# I just want the first word, in case it's too long
MIC_NAME=$(echo $MIC_NAME | awk '{print $1}')

# When no microphone is connected, SwitchAudioSource gives me back random
# characters and sketchybar shows "Warning: Malformed UTF-8 string"
# Validate MIC_NAME as UTF-8, replace invalid sequences with a '?', then compare with original
VALIDATED_MIC_NAME=$(echo "$MIC_NAME" | iconv -f UTF-8 -t UTF-8//IGNORE)

# Get the current microphone volume
MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

# Check if MIC_NAME is not meaningful
if [[ "$MIC_NAME" != "$VALIDATED_MIC_NAME" || -z "$MIC_NAME" ]]; then
	# If the mic name is not valid or empty
	sketchybar -m --set mic label="" icon= icon.color=$YELLOW label.color=$YELLOW
else
	# Update SketchyBar with the microphone's name and volume
	if [[ $MIC_VOLUME -eq 0 ]]; then
		sketchybar -m --set mic label="$MIC_NAME $MIC_VOLUME" icon= icon.color=$RED label.color=$RED
	elif [[ $MIC_VOLUME -gt 0 && $MIC_VOLUME -lt 100 ]]; then
		sketchybar -m --set mic label="$MIC_NAME $MIC_VOLUME" icon= icon.color=$ORANGE label.color=$ORANGE
	elif [[ $MIC_VOLUME -eq 100 ]]; then
		sketchybar -m --set mic label="$MIC_NAME $MIC_VOLUME" icon= icon.color=$WHITE label.color=$WHITE
	fi
fi

---

mic_click.sh script:

#!/bin/bash

# Filename: ~/github/dotfiles-latest/sketchybar/felixkratz/plugins/mic_click.sh

# https://github.com/FelixKratz/SketchyBar/discussions/12#discussioncomment-1216899

source "$CONFIG_DIR/colors.sh"

# This is basically the same as the `toggle_devices()` function in:
# ~/github/dotfiles-latest/sketchybar/felixkratz/plugins/volume_click.sh
toggle_mics() {
	which SwitchAudioSource >/dev/null || exit 0
	source "$CONFIG_DIR/colors.sh"

	args=(--remove '/mic.device\.*/' --set "$NAME" popup.drawing=toggle)
	COUNTER=0
	CURRENT="$(SwitchAudioSource -t input -c)"
	while IFS= read -r device; do
		COLOR=$GREY
		if [ "${device}" = "$CURRENT" ]; then
			COLOR=$WHITE
		fi
		args+=(--add item mic.device.$COUNTER popup."$NAME"
			--set mic.device.$COUNTER label="${device}"
			label.color="$COLOR"
			click_script="SwitchAudioSource -t input -s \"${device}\" && sketchybar --set /mic.device\.*/ label.color=$GREY --set \$NAME label.color=$WHITE --set $NAME popup.drawing=off")
		COUNTER=$((COUNTER + 1))
	done <<<"$(SwitchAudioSource -a -t input)"

	sketchybar -m "${args[@]}" >/dev/null
}

if [ "$BUTTON" = "left" ]; then
	# Attempt to get the current input device name
	MIC_NAME=$(SwitchAudioSource -t input -c)
	# I just want the first word, in case it's too long
	MIC_NAME=$(echo $MIC_NAME | awk '{print $1}')

	# When no microphone is connected, SwitchAudioSource gives me back random
	# characters and sketchybar shows "Warning: Malformed UTF-8 string"
	# Validate MIC_NAME as UTF-8, replace invalid sequences with a '?', then compare with original
	VALIDATED_MIC_NAME=$(echo "$MIC_NAME" | iconv -f UTF-8 -t UTF-8//IGNORE)

	# Get the current microphone volume
	MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

	# Check if MIC_NAME is not meaningful
	if [[ "$MIC_NAME" != "$VALIDATED_MIC_NAME" || -z "$MIC_NAME" ]]; then
		# If the mic name is not valid or empty
		sketchybar -m --set mic label="" icon=
	else
		# Update SketchyBar with the microphone's name and volume
		if [[ $MIC_VOLUME -lt 100 ]]; then
			osascript -e 'set volume input volume 100'
			sketchybar -m --set mic label="$MIC_NAME 100" icon= icon.color=$WHITE label.color=$WHITE
		elif [[ $MIC_VOLUME -gt 0 ]]; then
			osascript -e 'set volume input volume 0'
			sketchybar -m --set mic label="$MIC_NAME 0" icon= icon.color=$RED label.color=$RED
		fi
	fi
# Check for right-click or shift modifier to show the microphone selection popup
elif [ "$BUTTON" = "right" ] || [ "$MODIFIER" = "shift" ]; then
	toggle_mics
fi

[oyewunmio]

i used this and i followed the install instructions, debugged and confirmed that the scripts were working well but on my sketchybar it's just empty

[oyewunmio]

i realized the problem was with the color variables, the color variables in the above script didn't match mine..Issue Fixed Thanks

[lucafulgenzi]

Then put everything in a script and add a small switchcase.

case "$1" in
  "click") clicked
  ;;
  *) init
  ;;
esac

And then when you go to recall on one side you don't pass anything on the other side the value.
Like this

script="~/.config/sketchybar/plugins/caffeinate.sh" \
click_script="~/.config/sketchybar/plugins/caffeinate.sh click"

[typkrft]

Reminders

DESCRIPTION: Show your reminders.

NOTE: This is just a very basic script, but it could be extended to show the reminder, or use a different app like taskwarrior or taskell instead.

sketchybarrc

sketchybar -m --add item reminders                       right \
              --set reminders update_freq=20 \
              --set reminders script="~/.config/sketchybar/plugins/reminders.sh" \
              --set reminders click_script="~/.config/sketchybar/plugins/reminders_click.sh"

reminders.sh

#!/bin/bash

REMINDERS_COUNT=$(osascript -l JavaScript -e "Application('Reminders').lists.byName('📥 Inbox').reminders.whose({completed: false}).name().length")

if [[ $REMINDERS_COUNT -gt 0 ]]; then
  sketchybar -m --set reminders icon="" \
                --set reminders label="$REMINDERS_COUNT"
else
  sketchybar -m --set reminders icon="" \
                --set reminders label=""
fi

reminders_click.sh

#!/bin/bash

open -a Reminders

Felix: Update to v2.0.0

[johnallen3d]

MPD

DESCRIPTION: Display current status of mpd

sketchybarrc

sketchybar -m --add item mpd right \
              --set mpd update_freq=2 \
              --set mpd script="~/.config/sketchybar/plugins/mpd.sh" \
              --set mpd click_script="mpc toggle"

mpd.sh

# #!/usr/bin/env bash

if [ $(mpc status | wc -l | tr -d ' ') == "1" ]; then
  output=""
  icon=""
else
  artist=$(mpc current -f %artist%)
  song=$(mpc current -f %title%)
  status=$(mpc current %state%)

  if [ $status = "playing" ]; then
    icon=""
  else
    icon=""
  fi

  output="${artist} • ${song}"
fi

echo $output
sketchybar -m --set mpd icon="${icon}" \
              --set mpd label="${output}"

Felix: Update to v2.0.0 rhyses-pieces: `mpd.sh` readability improvements

[rhyses-pieces]

You can make the code slightly more readable with mpc current, since it has specific flags for status, artist, track titles, etc.

#!/usr/bin/env bash

if [ $(mpc status | wc -l | tr -d ' ') ]; then
  output=""
  icon=""
else
  artist=$(mpc current -f %artist%)
  song=$(mpc current -f %title%)
  status=$(mpc current %state%)

  if [ $status = "playing" ]; then
    icon=""
  else
    icon=""
  fi

  output="${artist} • ${song}"
fi

sketchybar -m --set mpd icon="${icon}" \
              --set mpd label="${output}"

[johnallen3d]

That is fantastic @rhyses-pieces, thank you! I'll update the original post with this improvement.

[johnallen3d]

Recently discovered the free weather.gov API for weather data. 🤘

https://benborgers.com/posts/weather-gov

[typkrft]

Stack Indicator

DESCRIPTION: Show you Window's Stack Position.

NOTE: Occasionally querying yabai can be delayed possibly related to this, which can lead to a number or dot being displayed late and overwriting the actual position in the indicator.

sketchybarrc

# S T A C K  I N D I C A T O R 
sketchybar -m --add item stack_sep                       center \
              --add item stack                           center \
              --set stack script="$HOME/.dotfiles/sketchybar/plugins/stack.sh" \
              --subscribe stack window_focus front_app_switched space_change title_change \
              --set stack_sep drawing=off \
              --set stack drawing=off \
              --set stack update_freq=0

stack.sh

#!/bin/bash

# Exit if Not in Stack
CURRENT=$(yabai -m query --windows --window | jq '.["stack-index"]')
if [[ $CURRENT -eq 0 ]]; then
  sketchybar -m --set stack label="" \
                --set stack_sep drawing=off \
                --set stack drawing=off
  exit 0
fi

# Use Numbers in place of Dots if the Stack is greater than 10
# Use a larger font for the unicode dots
LAST=$(yabai -m query --windows --window stack.last | jq '.["stack-index"]')
if [[ $LAST -gt 10 ]]; then
  sketchybar -m --set stack label.font="Iosevka Nerd Font:Bold:16.0" \
                --set stack label=$(printf "[%s/%s]" "$CURRENT" "$LAST") \
                --set stack_sep drawing=on \
                --set stack drawing=on
  exit 0
else
  sketchybar -m --set stack label.font="Iosevka Nerd Font:Bold:22.0"
fi

# Create Stack Indicator
declare -a dots=()
for i in $(seq 0 $(expr $LAST - 1))
do  
  # Theme 1
  # if [[ $i -lt $(expr $CURRENT - 1) ]]; then
    # dots+="◖"
  # elif [[ $i -gt $(expr $CURRENT - 1) ]]; then
    # dots+="◗"
  # elif [[ $i -eq $(expr $CURRENT - 1) ]]; then
    # dots+="●"
  # fi
  # Theme 2
  [[ $( expr $CURRENT - 1) -eq $i ]] && dots+="●" || dots+="○"
done

# Display Indicator
sketchybar -m --set stack label=$(printf "%s" ${dots[@]}) \
              --set stack_sep drawing=on \
              --set stack drawing=on

Felix: Update to v2.0.0

[typkrft]

SKHD Modal Indicator

DESCRIPTION: Show the current SKHD Mode

NOTES: You can hardcode the sketchybar commands into your skhdrc. I just use a seperate helper script to clean things up.

sketchybarrc

# M O D A L  I N D I C A T O R 
sketchybar -m --add item modal                           left 
sketchybar -m --set modal icon=[N]
sketchybar -m --set modal icon_color =0xFF83A1F1

skhdrc

# M O D E S
:: default : $HOME/.config/bin/helpers -n
:: window @ : $HOME/.config/bin/helpers -w
:: scripts @ : $HOME/.config/bin/helpers -s
# Mode Shortcuts
default, scripts < lcmd - escape ; window
window, scripts < escape ; default
default, window < lctrl - escape ; scripts

helpers

function normal_mode() {
  echo "N O R M A L  M O D E";

  # C O L O R S
  . $HOME/.cache/wal/colors.sh;
  
  # Y A B A I
  yabai -m config active_window_border_color 0xff${color5:1};
  yabai -m config normal_window_border_color 0xff${color8:1};
  yabai -m config insert_feedback_color 0xff${color5:1};

  # S K E T C H Y B A R 
  sketchybar -m --bar color=0xF0${color0:1}
  sketchybar -m --default label.color=0xFF${foreground:1}  
  sketchybar -m --default icon.color=0xFF${color5:1}
  sketchybar -m --set modal icon.color=0xFF83A1F1
  sketchybar -m --set modal icon="[N]"
}

# W I N D O W  M O D E
function window_mode() {
  echo "W I N D O W  M O D E";    

  # C O L O R S
  . $HOME/.cache/wal/colors.sh;

  # Y A B A I
  yabai -m config active_window_border_color 0xff${color3:1};
  yabai -m config normal_window_border_color 0xff${color3:1};
  yabai -m config insert_feedback_color 0xff${color3:1};

  # S K E T C H Y B A R 
  sketchybar -m --bar color=0xF0${color3:1}
  sketchybar -m --default label.color=0xFF${foreground:1}  
  sketchybar -m --default icon.color=0xFF${background:1}
  sketchybar -m --set modal icon.color=0xFFA8CD76
  sketchybar -m --set modal icon="[W]"
}

# S C R I P T S  M O D E
function scripts_mode() {
  echo "S C R I P T S  M O D E";

  # C O L O R S
  . $HOME/.cache/wal/colors.sh;
  
  # Y A B A I
  yabai -m config active_window_border_color 0xff${color5:1};
  yabai -m config normal_window_border_color 0xff${color5:1};
  yabai -m config insert_feedback_color 0xff${color5:1};

  # S K E T C H Y B A R 
  sketchybar -m --bar color=0xF0${color5:1}
  sketchybar -m --default label.color=0xFF${foreground:1}  
  sketchybar -m --default icon.color=0xFF${color6:1}
  sketchybar -m --set modal icon.color=0xFFF29B9B
  sketchybar -m --set modal icon="[S]"
}

Felix: Update to v2.0.0

[es183923]

yabai helper

DESCRIPTION: shows the current yabai space, and the mode. Click the menu item to switch between the bsp, stack, and float modes.
NOTES: You can remove the space indicator if you use the space component.

sketchybarrc

sketchybar -m --add item yabai right
sketchybar -m --set yabai update_freq=3
sketchybar -m --set yabai script="~/.config/sketchybar/plugins/yabai.sh"
sketchybar -m --subscribe yabai space_change
sketchybar -m --set yabai click_script="~/.config/sketchybar/plugins/yabai_click.sh"

yabai.sh

#!/bin/bash

space_number=$(yabai -m query --spaces --display | jq 'map(select(."focused" == 1))[-1].index')
yabai_mode=$(yabai -m query --spaces --display | jq -r 'map(select(."focused" == 1))[-1].type')

sketchybar -m --set yabai label="$space_number:$yabai_mode"

yabai_click.sh

#!/bin/bash

space_number=$(yabai -m query --spaces --display | jq 'map(select(."focused" == 1))[-1].index')
yabai_mode=$(yabai -m query --spaces --display | jq -r 'map(select(."focused" == 1))[-1].type')

case "$yabai_mode" in
    bsp)
    yabai -m config layout stack
    ;;
    stack)
    yabai -m config layout float
    ;;
    float)
    yabai -m config layout bsp
    ;;
esac

new_yabai_mode=$(yabai -m query --spaces --display | jq -r 'map(select(."focused" == 1))[-1].type')

sketchybar -m --set yabai label="$space_number:$new_yabai_mode"

Felix: Update to v2.0.0

[SxC97]

Made a quick edit to allow for custom icons as labels instead of text

Note: This plugin is the icon on the left. It is displaying that the current space is in BSP mode. The icon on the right is my Yabai Float plugin.

sketchybarrc

sketchybar -m --add item yabai_mode left \
              --set yabai_mode update_freq=3 \
              --set yabai_mode script="~/.config/sketchybar/plugins/yabai_mode.sh" \
              --set yabai_mode click_script="~/.config/sketchybar/plugins/yabai_mode_click.sh" \
              --subscribe yabai_mode space_change

yabai_mode.sh

yabai_mode=$(yabai -m query --spaces --display | jq -r 'map(select(."focused" == 1))[-1].type')

case "$yabai_mode" in
    bsp)
    sketchybar -m --set yabai_mode label=""
    ;;
    stack)
    sketchybar -m --set yabai_mode label="﯅"
    ;;
    float)
    sketchybar -m --set yabai_mode label=""
    ;;
esac

yabai_mode_click.sh

yabai_mode=$(yabai -m query --spaces --display | jq -r 'map(select(."focused" == 1))[-1].type')

case "$yabai_mode" in
    bsp)
    yabai -m config layout stack && sketchybar -m --set yabai_mode label="﯅"
    ;;
    stack)
    yabai -m config layout float && sketchybar -m --set yabai_mode label=""
    ;;
    float)
    yabai -m config layout bsp && sketchybar -m --set yabai_mode label=""
    ;;
esac

[timhansinger]

You could make the calls much shorter by using the following (yabai then already only returns the current space... less work for jq):

space_number=$(yabai -m query --spaces --space | jq -r .index)
yabai_mode=$(yabai -m query --spaces --space | jq -r .type)

[timhansinger]

Here is my adaptation. It is very close to the @SxC97 version with an optimized query syntax.
Also this version only changes the layout on the current space when clicked (and not globally) which I prefer.

sketchybarrc

sketchybar -m --add item yabai_mode left \
              --set yabai_mode update_freq=3 \
              --set yabai_mode script="~/.config/sketchybar/plugins/yabai_mode.sh" \
              --set yabai_mode click_script="~/.config/sketchybar/plugins/yabai_mode_click.sh" \
              --subscribe yabai_mode space_change

yabai_mode.sh

#!/bin/bash

space_number=$(yabai -m query --spaces --space | jq -r .index)
yabai_mode=$(yabai -m query --spaces --space | jq -r .type)

case "$yabai_mode" in
    bsp)
    sketchybar -m --set yabai_mode label=""
    ;;
    stack)
    sketchybar -m --set yabai_mode label="﯅"
    ;;
    float)
    sketchybar -m --set yabai_mode label=""
    ;;
esac

yabai_mode_click.sh

#!/bin/bash

space_number=$(yabai -m query --spaces --space | jq -r .index)
yabai_mode=$(yabai -m query --spaces --space | jq -r .type)

case "$yabai_mode" in
    bsp)
    yabai -m space --layout stack && sketchybar -m --set yabai_mode label="﯅"
    ;;
    stack)
    yabai -m space --layout float && sketchybar -m --set yabai_mode label=""
    ;;
    float)
    yabai -m space --layout bsp && sketchybar -m --set yabai_mode label=""
    ;;
esac

[jeffwyeh]

Interesting. I'm running yabai v3.3.10 and yabai -m query --spaces has the visible attribute and not the is-visible attribute.

As far as the malformed UTF-8 string goes, does only the ° cause issues, or do you still run into problems when you replace it with a different character?

I've also made a minor update to my yabai_spaces.sh file. It cleans it up a little bit and also fixes a bug where the space would not have a number if it exceeded 15 (the number of static names included). With this update, if more than 15 spaces are found, space 16 and forward will use Arabic numerals to represent the space.

NOTE: You'll have to make the yabai query change again if you take this version.

yabai_spaces.sh

#!/usr/bin/env bash

STATIC_NAMES=("" "I" "II" "III" "IV" "V" "VI" "VII" "VIII" "IX" "X" "XI" "XII" "XIII" "XIV" "XV") #0 to 15
args=()
QUERY="$(yabai -m query --spaces | jq -r '.[] | [.index, .windows[0], .label, .display, .visible] | @sh')"
NAMES=""
COUNT=0

# Read the current spaces from the yabai query
while read -r index window yabai_name display visible
do
  COUNT=$((COUNT+1))
  label="${STATIC_NAMES[${index}]}"
  if [ "${label}" = "" ]; then
    # We are out of index for Roman numerals, fall back to Arabic
    label="${index}"
  fi

  # Add the indicator for window presence in space
  if [ "${window}" != "null" ]; then
    label="${label}°"
  fi

  # Populate the names for sketchybar items
  NAME="$(echo "${yabai_name}" | tr -d "'")"
  if [ "$NAME" = "" ] || [ "$NAME" = " " ]; then
    NAME="${index}"
  fi
  NAMES="$NAMES $NAME"
  args+=(--clone "$NAME" space_template after \
         --set "$NAME" label="${label}" \
                       label.highlight_color="0xff6ed6e6" \
                       associated_display=${display} \
                       label.highlight=${visible} \
                       drawing=on)
done <<< "$QUERY"

# Reorder items and stick each item onto sketchybar
args+=(--reorder $NAMES)
sketchybar -m ${args[@]} &> /dev/null

# Get the current space count
CURRENT_SPACE_COUNT=$(sketchybar -m --query bar | jq '.items | map(try tonumber catch 0) | max')

# If our current space count is greater than the count found by the yabai query,
# go through and remove the destroyed spaces
while [ $CURRENT_SPACE_COUNT -gt $COUNT ]
do
  sketchybar -m --remove "${CURRENT_SPACE_COUNT}"
  CURRENT_SPACE_COUNT=$((CURRENT_SPACE_COUNT-1))
done

[devrrior]

I updated yabai_spaces.sh file and I don't have any issues now, everything works. Even the character problem.
About the visible attribute, it's different because I'm running yabai v4.0.0.

Thanks for the support!

[basbebe]

I came up with this solution (WIP)

sketchybarrc

source "$ITEM_DIR/spaces.sh"

items/spaces.sh

#!/usr/bin/env bash

sketchybar --clone space_label_template label_template label_template                             \
           --add space          space_template left                                               \
           --set space_template icon.highlight_color=0xff9dd274                                   \
                                label.drawing=off                                                 \
                                drawing=off                                                       \
                                updates=on                                                        \
                                associated_display=1                                              \
                                label.font="$FONT:Black:13.0"                                     \
                                icon.font="$FONT:Bold:17.0"                                       \
                                script=$PLUGIN_DIR/space.sh                                       \
                                click_script="$SPACE_CLICK_SCRIPT"                                \
           --add item           yabai_spaces left                                                 \
           --set yabai_spaces   drawing=off                                                       \
                                updates=on                                                        \
                                script=$PLUGIN_DIR/yabai_spaces.sh                                \
           --add event display_number_changed                                                     \
           --add event space_number_changed                                                       \
           --subscribe yabai_spaces display_number_changed space_number_changed

plugins/yabai_spaces.sh

#!/usr/bin/env bash

STATIC_NAMES=("" "I" "II" "III" "IV" "V" "VI" "VII" "VIII" "IX" "X" "XI" "XII" "XIII" "XIV" "XV") #0 to 15

args=()
DISPLAYS="$(yabai -m query --displays | jq -rc '.[] | .index | @sh')"
NAMES=""
COUNT=0

icon() {
  case $1 in
    web)
      echo "􀼺"
      ;;
    code)
      echo "􀤙"
      ;;
    productivity)
      echo "􀈎"
      ;;
    communication)
      echo "􀌳"
      ;;
    reference)
      echo "􀓕"
      ;;
    utility)
      echo "􀙗"
      ;;
    media)
      echo "􀽎"
      ;;
    misc)
      echo "􀺽"
      ;;
    *)
      echo "􀕵"
      ;;
  esac
}

for display in $DISPLAYS; do
  SPACES="$(yabai -m query --spaces --display $display | jq -rc '.[] | [.index, .windows[0], .label] | @sh')"

  args+=(--clone spaces_${display}.label space_label_template after
    --set spaces_${display}.label label=spc
    label.width=52
    label.align=center
    associated_display=${display}
    position=left
    drawing=on)

  # Read the current spaces from the yabai query
  while read -r index window yabai_name visible; do
    COUNT=$((COUNT + 1))
    NAME="$(echo "${yabai_name}" | tr -d "'")"
    ICON=$(icon $NAME)
    if [ "${window}" = "null" ]; then
      label="${ICON}"
    else
      label="${ICON}°"
    fi
    if [ "$NAME" = "" ] || [ "$NAME" = " " ]; then
      NAME="${index}"
    fi

    NAMES="$NAMES $NAME"
    args+=(--clone "$NAME" space_template before
      --set "$NAME" label="${NAME}"
      icon="${ICON}"
      icon.highlight_color=0xff72cce8 associated_space=${COUNT}
      associated_display=${display}
      drawing=on)
  done <<<"$SPACES"

  args+=(--add bracket spaces_${display} spaces_${display}.label $NAMES)
  # Reorder them and stick them onto sketchybar
  args+=(--reorder $NAMES)
  sketchybar -m ${args[@]} &>/dev/null
done

# Get the current space count
CURRENT_SPACE_COUNT=$(sketchybar -m --query bar | jq '.items | map(try tonumber catch 0) | max')

# If our current space count is greater than the count found by the yabai query,
# go through and remove the destroyed spaces
while [ $CURRENT_SPACE_COUNT -gt $COUNT ]; do
  sketchybar -m --remove "${CURRENT_SPACE_COUNT}"
  CURRENT_SPACE_COUNT=$((CURRENT_SPACE_COUNT - 1))
done

[diegolhambi]

From all examples of spaces indicator I made this script, this use icon background to indicate which space is active on display.

sketchybarrc

sketchybar --add space          space_template left                             \
           --set space_template                                                 \
                                icon.width=24                                   \
                                icon.align=center                               \
                                icon.color=$COLOR_DEFAULT_ICON                  \
                                icon.highlight_color=$COLOR_DEFAULT_ICON        \
                                background.color=$COLOR_BACKGROUND_HIGHLIGHTED  \
                                background.height=24                            \
                                                                                \
                                label.drawing=off                               \
                                drawing=off                                     \
                                updates=on                                      \
                                icon.font="SF Pro:Bold:14.0"                    \
                                script="$PLUGIN_DIR/space.list.sh"              \
                                click_script="yabai -m space --focus \$SID"     \
                                                                                \
           --add event          space_changed                                   \
                                                                                \
           --add item           yabai_spaces left                               \
           --set yabai_spaces   drawing=off                                     \
                                updates=on                                      \
                                script="$PLUGIN_DIR/space.list.update.sh"       \
           --add event          display_number_changed                          \
           --add event          space_number_changed                            \
           --subscribe yabai_spaces display_number_changed space_number_changed 

space.list.sh

#!/usr/bin/env bash

update() {
    args=()

    if [ "$NAME" == "space_template" ]; then
        exit 0
    fi

    active_spaces=$(yabai -m query --spaces | jq -r 'map(select(."is-visible" == true)) | .[] | .index | @sh')
    space=$(echo $NAME | cut -d. -f2)
    if [[ "${active_spaces[*]}" =~ "$space" ]]; then
        SELECTED=on
    fi

    args+=(--set $NAME label=$NAME icon.highlight=$SELECTED background.drawing=$SELECTED)

    echo "$NAME"
    sketchybar -m "${args[@]}"
}

case "$SENDER" in
    "mouse.entered") sketchybar --set $NAME background.drawing=on #Inactive
    ;;
    "mouse.exited") sketchybar --set $NAME background.drawing=off #Inactive
    ;;
    *) update
    ;;
esac

space.list.update.sh

#!/usr/bin/env bash

args=()
DISPLAYS="$(yabai -m query --displays | jq -rc '.[] | .index | @sh')"
NAMES=""
COUNT=0

for display in $DISPLAYS; do
    SPACES="$(yabai -m query --spaces --display $display | jq -rc '.[] | [.index, .windows[0], .label] | @sh')"

    # Read the current spaces from the yabai query
    while read -r index window yabai_name visible; do
        COUNT=$((COUNT + 1))

        NAMES="$NAMES space.${index}"
        args+=(--clone "space.${index}" space_template before
               --set   "space.${index}" label="${index}"
                                        icon="${index}"
                                        associated_space=${COUNT}
                                        background.drawing=off
                                        associated_display=${display}
                                        drawing=on
               --subscribe "space.${index}" space_changed)
    done <<<"$SPACES"

    # Reorder them and stick them onto sketchybar
    args+=(--reorder $NAMES)
    sketchybar -m ${args[@]} &>/dev/null
done

# Get the current space count
CURRENT_SPACE_COUNT=$(sketchybar -m --query bar | jq -r '.items | map(select(contains("space."))) | map(sub("space.";"")) | map(tonumber) | max')

if [ "$CURRENT_SPACE_COUNT" == "" ]; then
    CURRENT_SPACE_COUNT=0
fi

# If our current space count is greater than the count found by the yabai query,
# go through and remove the destroyed spaces
while [ $CURRENT_SPACE_COUNT -gt $COUNT ]; do
    sketchybar -m --remove "space.${CURRENT_SPACE_COUNT}"
    CURRENT_SPACE_COUNT=$((CURRENT_SPACE_COUNT - 1))
done

sketchybar -m --trigger space_changed

[FelixKratz]

In the new version this is very easy to achieve, see for example the default config: https://github.com/FelixKratz/SketchyBar/blob/master/sketchybarrc
all you have to do is, not specify an associated_display for the space, then it is automatically displayed on the correct display and only the available spaces are shown.

[EphraimSiegfried]

Taskwarrior popup

Shows pending tasks with their due dates on hover. Overdue tasks are red. It's an addition and modification of this plugin.

sketchybarrc

#!/bin/bash

taskwarrior=(
  script="$PLUGIN_DIR/taskwarrior.sh"
  update_freq=120
  icon=󱃔
  icon.color=$ORANGE
  label.color=$ORANGE
)
task_template=(
  drawing=off
  background.corner_radius=12
  padding_left=7
  padding_right=7
)
events=(
  mouse.entered
  mouse.exited
)
sketchybar --add item taskwarrior right \
  --set taskwarrior "${taskwarrior[@]}" \
  --subscribe taskwarrior "${events[@]}" \
  --add item task.template popup.taskwarrior \
  --set task.template "${task_template[@]}"

taskwarrior.sh

#!/bin/bash

# Function to list due tasks and update sketchybar
list_tasks() {
	source "$HOME/.config/sketchybar/colors.sh"
	local -a args=()
	local task_count=0
	local current_date=$(date "+%Y%m%dT%H%M%SZ")

	# Remove previous task list
	args+=(--remove '/task.pending.*/')

	# Get pending tasks and sort them by urgency
	local pending_tasks=$(task +PENDING export | jq -c 'sort_by(.urgency) | reverse | .[]')

	# Iterate over each task
	while IFS= read -r task_json; do
		((task_count++))
		local description=$(echo "$task_json" | jq -r '.description')
		local due=$(echo "$task_json" | jq -r '.due // "no_due_date"')
		local due_date=""

		# Format the due date for display as "Day.Month", or leave it empty if not present
		if [[ $due != "no_due_date" ]]; then
			due_date=$(date -jf "%Y%m%dT%H%M%SZ" "$due" "+%d. %b" 2>/dev/null)
		fi
		# Set the color to red if the task is overdue
		if [[ "$due" > "$current_date" ]]; then
			label_color=$YELLOW
		else
			label_color=$RED
		fi

		args+=(
			"--clone" "task.pending.$task_count" "task.template"
			"--set" "task.pending.$task_count"
			"icon=$due_date"
			"label=$description"
			"label.color=$label_color"
			"position=popup.taskwarrior"
			"drawing=on"
		)
	done <<<"$pending_tasks"

	# Update sketchybar with the pending tasks
	sketchybar -m "${args[@]}"
}

# Function to toggle task popup in sketchybar
popup() {
	sketchybar --set "$NAME" popup.drawing="$1"
}

# Function to update sketchybar based on task counts
update() {
	# task sync # Sync your data with your taskserver

	local pending_task_count=$(task +PENDING count)
	local overdue_task_count=$(task +OVERDUE count)

	if [[ $pending_task_count == 0 ]]; then
		sketchybar --set $NAME label.drawing=off
	else
		local label
		if [[ $overdue_task_count == 0 ]]; then
			label="$pending_task_count"
		else
			label="!$overdue_task_count/$pending_task_count"
		fi

		sketchybar --set $NAME label="$label" \
			label.drawing=on
	fi
}

# Main event handler
case "$SENDER" in
"routine" | "forced")
	update
	;;
"mouse.entered")
	update
	list_tasks
	popup on
	;;
"mouse.exited")
	popup off
	;;
esac

[toxxmeister]

Comprehensive Network Status Icon

DESCRIPTION: A simple network status icon that recognizes different network devices used for connection, as well as distinguishes between disconnected and off states for Wi-Fi.
Currently supports Wi-Fi, iPhone Wi-Fi hotspot, iPhone USB hotspot, and Ethernet Thunderbolt bridge.
Doesn't use airport so should work with latest Sonoma and hopefully future releases for the foreseeable future.

NOTES:

• Other connections, such as Ethernet connections outside of Thunderbolt bridge, should be easy to support by adding more cases to the $service switch, matching devices you see in networksetup -listnetworkserviceorder).
• Some of the icons are lacking inspiration since I kept to SF Symbols :)

ISSUES:

• iPhone hotspot checking is very rudimentary, relying on "iPhone" being part of the SSID, which can easily be fooled in both directions. There are much more reliable methods for deducing this, but they seemed a bit of an overkill for my use case.
• Turning Wi-Fi off while not connected to a Wi-Fi network doesn't trigger the wifi_change event so the icon won't update. It could also be the case that some other transitions act the same, I didn't test this outside of my own day-to-day use cases. This could easily be fixed by setting update_freq if it's important to you, or even writing a custom native helper if you're up for a challenge.

plugins/net.sh

#!/usr/bin/env sh

. "$CONFIG_DIR/resources.sh"

# When switching between devices, it's possible to get hit with multiple
# concurrent events, some of which may occur before `scutil` picks up the
# changes, resulting in race conditions.
sleep 1

services=$(networksetup -listnetworkserviceorder)
device=$(scutil --nwi | sed -n "s/.*Network interfaces: \([^,]*\).*/\1/p")

test -n "$device" && service=$(echo "$services" \
  | sed -n "s/.*Hardware Port: \([^,]*\), Device: $device.*/\1/p")

color=$FG1
case $service in
  "iPhone USB")         icon=$NET_USB;;
  "Thunderbolt Bridge") icon=$NET_THUNDERBOLT;;

  Wi-Fi)
    ssid=$(networksetup -getairportnetwork "$device" \
      | sed -n "s/Current Wi-Fi Network: \(.*\)/\1/p")
    case $ssid in
      *iPhone*) icon=$NET_HOTSPOT;;
      "")       icon=$NET_DISCONNECTED; color=$FG2;;
      *)        icon=$NET_WIFI;;
    esac;;

  *)
    wifi_device=$(echo "$services" \
      | sed -n "s/.*Hardware Port: Wi-Fi, Device: \([^\)]*\).*/\1/p")
    test -n "$wifi_device" && status=$( \
      networksetup -getairportpower "$wifi_device" | awk '{print $NF}')
    icon=$(test "$status" = On && echo "$NET_DISCONNECTED" || echo "$NET_OFF")
    color=$FG2;;
esac

sketchybar --animate sin 5 --set "$NAME" icon="$icon" icon.color="$color"

resources.sh

#!/usr/bin/env sh

# From Gruvbox Dark
FG1=0xffebdbb2 # or whatever you use for active icons
FG2=0xff665c54 # or whatever you use for dim icons

# From SF Symbols
NET_WIFI=􀙇         # Wi-Fi connected
NET_HOTSPOT=􀉤      # iPhone Wi-Fi hotspot connected
NET_USB=􀟜          # iPhone USB hotspot connected
NET_THUNDERBOLT=􀒗  # Thunderbolt bridge connected
NET_DISCONNECTED=􀙇 # Network disconnected, but Wi-Fi turned on
NET_OFF=􀙈          # Network disconnected, Wi-Fi turned off

sketchybarrc

# ...
sketchybar --add item net right                  \
           --set net script="$PLUGIN_DIR/net.sh" \
                     updates=on                  \
                     label.drawing=off           \
           --subscribe net wifi_change
# ...

[mo-st]

Hi! I'm getting a short blink of the wifi on symbol, but then it disappears. All other states besides wifi connected work perfectly though, thanks! Does anyone have a clue what could be the issue here?

[toxxmeister]

Hi! Did you try debugging it to see which values you are getting for service(s), device, and ssid?
Probably easiest to add set -x to net.sh and check $HOMEBREW_PREFIX/var/log/sketchybar/sketchybar.out.log (or sketchybar.err.log, not sure which of these it ends up in) to see what's going on.

My first hunch is it's an even more problematic race condition and sleeping for just 1 second might not be enough, depending on your machine etc. So maybe try increasing that and see if it helps in any way.

[jaron-l]

Hey, I had this same issue. I debugged my issue being that the line at the end of plugins/net.sh references a color that was never set. $color is set to $FG1 but in resources.sh, no FG1 variable exists. I just deleted that part so my last line of plugins.sh looks like:
sketchybar --animate sin 5 --set "$NAME" icon="$icon" and that works fine as it matches the colors of the other icons.

[toxxmeister]

Ahh, that makes a lot of sense. I’ll correct the implementation here. Thanks for pointing this out!

[jaron-l]

As another tip, if anyone needs it, the script doesn't work if you have more than one network interface connected at a time as both will show up in the devices variable and then the sed query fails. This happens to me whenever I connect to a dock as my wifi is still connected, just the dock shows up as an additional interface.

If anyone needs it, this modification will read the devices into an array and select the one with the higher priority.

services=$(networksetup -listnetworkserviceorder)
devices=$(scutil --nwi | sed -n "s/.*Network interfaces: \([^,]*\).*/\1/p")

service=""
service_index=100000
IFS=$' ' read -ra device_array <<< "$devices"
for device in "${device_array[@]}"; do
  # find the service for this device
  temp_service=$(echo "$services" | sed -n "s/.*Hardware Port: \([^,]*\), Device: $device.*/\1/p")
  # find the string after that service in the list
  rest=${services#*$temp_service}
  # get the char index of the service in the list (which can be used as a priority order)
  temp_service_index=$(( ${#services} - ${#rest} - ${#temp_service} ))
  # if service was found and is higher priority than current service
  if [ -n "$temp_service" ] && [ $temp_service_index -lt $service_index ]; then
    service=$temp_service
    service_index=$temp_service_index
  fi
done

[JPyke3]

Toggl Current Project and Description

Description: Uses the Toggl API to query for the current running timer and puts it into your status bar.
Requirements: jq, curl
Note: This script requires you to provide your Toggl Username and Password, by default it loads this from ~/.secrets/toggl/username.txt and ~/.secrets/toggl/password.txt, However you can simply hardcode in the script if that's what you prefer :)

toggl.sh

#!/usr/bin/env zsh

TOGGL_USERNAME=$(cat ~/.secrets/toggl/username.txt)
TOGGL_PASSWORD=$(cat ~/.secrets/toggl/password.txt)

read ENTRY_DESCRIPTION PROJECT_ID WORKSPACE_ID < <(echo $(curl -s https://api.track.toggl.com/api/v9/me/time_entries/current \
        -H "Content-Type: application/json" \
        -u $TOGGL_USERNAME:$TOGGL_PASSWORD | /jq -r '.description, .pid, .wid'))

if [ $ENTRY_DESCRIPTION = "null" ]; then
        sketchybar --set toggl drawing=off updates=on
        return
fi

PROJECT_NAME=$(curl -s https://api.track.toggl.com/api/v9/workspaces/$WORKSPACE_ID/projects/$PROJECT_ID \
        -H "Content-Type: application/json" \
        -u $TOGGL_USERNAME:$TOGGL_PASSWORD | jq -r '.name')

sketchybar --set toggl label="$PROJECT_NAME - $ENTRY_DESCRIPTION" drawing=on updates=on

sketchybarrc

sketchybar --add item toggl right \
    --set toggl \
    icon.color=0xfff48a98 \
    icon=󰄉 \
    update_freq=5 \
    updates=on \
    drawing=off \
    script="~/.config/sketchybar/toggl.sh" \

For the nix users amongst you, you can see the sketchybarrc here and the shell script here. The Nix config will automatically pull in jq and you can load in your secrets from sops-nix.

[matthewben-net]

Updated Window Title For Lua

sketchybar-lua-title.mp4

The meat and bones of this are mostly the same as the first shell-based version that typkrft posted at the beginning of this thread, however there were a few changes that I made.

• Instead of using jq to parse the information, we can query the Lua table automatically made from the Yabai json output
• The Yabai command has been moved to a standalone shell script.

I found that if the window query command is ran when focused on a space without any windows, the command would return "could not retrieve window details.", without passing anything to sketchybar. Because of this the title would stay as the title of the last focused window, instead of reflecting that Finder was now focused. With the command ran through an external script, when no windows are present we will get an "empty" response back, so that the title can be set to "Finder"

yabairc

# S K E T C H Y B A R  E V E N T S
yabai -m signal --add event=window_focused action="sketchybar --trigger window_focus &> /dev/null"
yabai -m signal --add event=window_title_changed action="sketchybar --trigger title_change &> /dev/null"

query_window.sh

This should be saved to a place that sketchybar can find. I have it saved in my `~/.scripts/` directory.

#!/bin/sh

# Query yabai for window info
yabai_output=$(yabai -m query --windows --window)

# Check if the output is empty
if [ -z "$yabai_output" ]; then
  # Output is empty, print "empty" to indicate no windows
  echo "empty"
else
  # Output is not empty, print the yabai output
  echo "$yabai_output"
fi

front_app.lua

The title is limited to 50 characters as before, and will be followed by ellipses if it is any longer. I also added the app icon with a short grow/shrink animation when it changes, like how it was with felix' old shell-based config. I've had to use sleep to give the first part of the animation enough time to complete, as if both animations were executed one after another they wouldn't do anything. Not too sure if that's working as intended or if it should be handled in a different manner.

local colors = require("colors")
local settings = require("settings")

-- Events that get pushed by yabai
sbar.add("event", "window_focus")
sbar.add("event", "title_change")

local front_app = sbar.add("item", "front_app", {
  position = "left",
  display = "active",
  icon = {
    background = {
      drawing = true,
      image = {
        border_width = 1,
        border_color = colors.bg1,
      }
    },
  },
  label = {
    font = {
      style = settings.font.style_map["Black"],
      size = 12.0,
    },
  },
  updates = true,
})

local function set_window_title()
  -- Offloading the "yabai -m query --windows --window" script to an external shell script so that we can determine whether the space has no windows
  sbar.exec("~/.scripts/sketchybar/query_window.sh", function(result)
    if result ~= "empty" and type(result) == "table" and result.title then
      local window_title = result.title
      if #window_title > 50 then
        window_title = window_title:sub(1, 50) .. "..."
      end
      front_app:set({ label = { string = window_title } })
    else
      -- Set title to Finder, as empty spaces will not return a window title
      front_app:set({ label = { string = "Finder" } })
    end
  end)
end

-- Animate app icon back to 1.0
local function end_bounce_animation()
  sbar.animate("tanh", 15, function()
    front_app:set({
      icon = {
        background = {
          image = { scale = 1.0 },
	}
      }
    })
  end)
end

-- Make app icon slightly bigger before returning back to regular size
local function start_bounce_animation()
  sbar.animate("tanh", 15, function()
    front_app:set({
      icon = {
        background = {
          image = { scale = 1.2 },
	}
      }
    })
  end)
  -- Short delay so that full animation can occur
  sbar.exec("sleep 0.25 && echo 'finishing bounce'", end_bounce_animation) 
end

front_app:subscribe("front_app_switched", function(env)
  front_app:set({
    icon = { background = { image = "app." .. env.INFO } }
  })
  set_window_title()
  start_bounce_animation()
end)

front_app:subscribe("space_change", function()
  set_window_title()
  start_bounce_animation()
end)

front_app:subscribe("window_focus", function()
  set_window_title()
  start_bounce_animation()
end)

front_app:subscribe("title_change", function()
  set_window_title()
end)

front_app:subscribe("mouse.clicked", function(env)
  sbar.trigger("swap_menus_and_spaces")
end)

[Bellavene]

There is nothing about "/.config/sketchybar/helpers" in sbarlua instructions. Sorry for distraction, but could you clarify a bit more? Do I need the sketchybar helper tool for that?

[nohzafk]

You don't need the helper tools for the front app item, they are for the CPU and Network monitoring items.

[aizaz-shahid]

@matthewben-net can you please share your dotfiles, I want to copy the spaces code and icons

[matthewben-net]

@matthewben-net can you please share your dotfiles, I want to copy the spaces code and icons

For sure, I'll post them up this weekend! Need to clean them up a tad as I've changed them slightly.

[emanonzzz]

could you please share your sketchybar config？

[TrustinN]

wallpaper.mov

Here is a wallpaper selector that uses keybinds from skhd and yabai space swapping to set the wallpaper on spaces. The code might be inefficient so suggestions for this would be great.

skhd/skhdrc

:: default : sketchybar --trigger skhd_enabled SKHD_ENABLED=false; sketchybar --trigger request_bg REQUEST_BG=false;
:: bg_select : sketchybar --trigger skhd_enabled SKHD_ENABLED=false; sketchybar --trigger request_bg REQUEST_BG=true;

# -- WALLPAPER SELECT -- #

default < ctrl - b ; bg_select
bg_select < ctrl - b; default

bg_select < tab : sketchybar --trigger cycle_bg CYCLE=next;
bg_select < shift - tab : sketchybar --trigger cycle_bg CYCLE=prev;

bg_select < return : sketchybar --trigger select_bg SELECT=true; 
bg_select < escape : sketchybar --trigger select_bg SELECT=false;

skhd/snippets/space_cycle_next.sh

info=$(yabai -m query --spaces --display)
last=$(echo $info | jq '.[-1]."has-focus"')

if [[ $last == "false" ]]; then
    yabai -m space --focus next
else
    yabai -m space --focus $(echo $info | jq '.[0].index')
fi

skhd/snippets/space_cycle_prev.sh

info=$(yabai -m query --spaces --display)
first=$(echo $info | jq '.[0]."has-focus"')

if [[ $first == "false" ]]; then
    yabai -m space --focus prev
else
    yabai -m space --focus $(echo $info | jq '.[-1].index')
fi

wallpaper/init.lua

local globals = require("wallpaper.globals")
local components = require("wallpaper.components")
local helpers = require("wallpaper.helpers")

helpers.etLoad()

local events = require("wallpaper.events")

wallpaper/globals.lua

local globals = {}

globals.dCount = 4

-- The wallpaper directory is defined to have depth 0
globals.depth = 1

globals.entryMap = {
    push = function(v) globals.entryMap[#globals.entryMap + 1] = v end,
    pop = function() return table.remove(globals.entryMap, nil) end,
}

globals.selectedFilePath = ""
globals.lockedFilePath = false

return globals

wallpaper/components.lua

local colors = require("colors")
local settings = require("settings")
local globals = require("wallpaper.globals")

local components = {}

components.bgAnchor = sbar.add("item", "widgets.background.bgAnchor", {
    position = "right",
    width = 0,
    icon = {
        padding_right = 4,
        string = "􀵪",
        color = colors.with_alpha(colors.bg2, 0),
        font = {
            style = settings.font.style_map["Regular"],
            size = 20.0,
        }
    },
    update_freq = 180,
    popup = {
        align = "center",
        background = {
            drawing = true,
        },

    }
})

components.bg = sbar.add("item", "widgets.background", {
    position = "right",
    icon = {
        padding_right = 4,
        string = "􀵪",
        font = {
            style = settings.font.style_map["Regular"],
            size = 20.0,
        }
    },
    update_freq = 180,
    popup = {
        align = "center",

    }
})

sbar.add("bracket", "widgets.background.bracket", { components.bg.name }, {
    background = {
        color = colors.with_alpha(colors.bg2, colors.transparency),
        border_color = colors.black,
    },
})

sbar.add("item", "widgets.background.padding", {
  position = "right",
  width = settings.group_paddings
})

components.previewAnchor = sbar.add("item", "widgets.background.previewAnchor", {
    position = "popup." .. components.bgAnchor.name,
    label = { string = "" },
    popup = {
        align = "left",
        drawing = true,
    },

})

components.previewer = sbar.add("item", "widgets.background.preview", {
    position = "popup." .. components.previewAnchor.name,
    background = { drawing = true },

})
sbar.exec(os.getenv("BAR_NAME") .. " --set widgets.background.preview background.image.scale=" .. settings.wallpaper.scale)

components.entries = {}

local function genEntries(dir, name, pos, entryTbl)

    -- selected is the current entry in the table of wallpapers selected
    entryTbl["SELECTED"] = 1
    entryTbl.getSelected = function() if #entryTbl == 0 then return nil end return entryTbl[entryTbl["SELECTED"]] end

    -- curr_opt is the current entry that the user sees. This table has at most dCount entries
    entryTbl["OPT_SELECTED"] = 1

    local count = 0
    for file in io.popen("ls \"" .. dir .. "\" | grep ."):lines() do
        count = count + 1
        local optName = name .. "." .. file
        local filePath = dir .. "/" .. file

        -- Declare an object for either the wallpaper or directory that is read
        local option = sbar.add("item", optName, {
            position = "popup." .. pos,
            drawing = count < 5 and true or false,
            popup = { align = "right", drawing = false },
            label = { string = file },
        })

        if string.find(file, "%.") then
            -- We read in a wallpaper file
            local group = {}
            entryTbl[count] = group
            group["SBAR_ITEM"] = option
            group["FILE_PATH"] = filePath
            option:set({ label = { string = string.match(option:query().label.value, "(.-)%.") } })

        else
            -- We read in a directory
            local group = {}
            entryTbl[count] = group

            group["SBAR_ITEM"] = option
            group["DIR_FILES"] = {}

            option:set({ label = { string = "􀈖 " .. option:query().label.value } })

            genEntries(filePath, optName, option.name, group["DIR_FILES"])
        end

    end
end

genEntries(settings.wallpaper.path, "widgets.background", components.bg.name, components.entries)

return components

wallpaper/helpers.lua

local colors = require("colors")

local components = require("wallpaper.components")
local globals = require("wallpaper.globals")

local helpers = {}

helpers.getFocusedEntryTbl = function()
    return globals.depth == 1 and components.entries or globals.entryMap[globals.depth - 1]["DIR_FILES"]
end

function helpers.toggleTblItem(itm, visible)
    itm:set({ drawing = visible })

end

function helpers.setAnchorText()
    local tbl = components.entries

    if #tbl ~= 0 then
        local minIdx = tbl["SELECTED"] - tbl["OPT_SELECTED"] + 1
        local maxIdx = tbl["SELECTED"] + globals.dCount - tbl["OPT_SELECTED"]
        maxIdx = maxIdx > #tbl and #tbl or maxIdx

        local longest = ""

        for i = minIdx, maxIdx do
            local sbarItem = tbl[i]["SBAR_ITEM"]
            local name = sbarItem:query().label.value
            longest = #longest < #name and name or longest
        end

        components.previewAnchor:set({ label = { string = longest } })
    end


end

function helpers.loadTbl(tbl, isLoaded)

    local minIdx = tbl["SELECTED"] - tbl["OPT_SELECTED"] + 1
    local maxIdx = tbl["SELECTED"] + globals.dCount - tbl["OPT_SELECTED"]
    maxIdx = maxIdx > #tbl and #tbl or maxIdx

    for i = minIdx, maxIdx do
        local sbarItem = tbl[i]["SBAR_ITEM"]
        helpers.toggleTblItem(sbarItem, isLoaded)

    end

    if minIdx ~= 1 then
        helpers.toggleTblItem(tbl[minIdx - 1]["SBAR_ITEM"], false)
    end

    if maxIdx ~= #tbl then
        helpers.toggleTblItem(tbl[maxIdx + 1]["SBAR_ITEM"], false)
    end


end


-- Sets opens the file tree to the current depth if open is true
-- Else, we close to the current depth
function helpers.seekTbl(open)
    helpers.loadTbl(components.entries, open)

    for i = 1, #globals.entryMap do
        local tbl = globals.entryMap[i]
        local sbarItem = tbl["SBAR_ITEM"]

        sbarItem:query()
        sbarItem:set({ popup = { drawing = open } })

        if tbl["DIR_FILES"] ~= nil then
            helpers.loadTbl(tbl["DIR_FILES"], open)
        end

    end

    return helpers.getFocusedEntryTbl()
end


-- Helper function for the next function entryToggle
--
-- Focused: The current entry is hovered over by the user but
-- not selected yet
--
-- Locked: The current entry is selected by the user
local function setHighlight(entry, locked, focused)
    entry:set({
        label = { color = locked and colors.green or focused and colors.yellow or colors.white },
        popup = { drawing = focused },
    })
end

-- To be used after seekTbl. Sets the highlight of entries that
-- of all entries of lower depth giving a preview of a file path to
-- a wallpaper
function helpers.entryToggle(tbl, locked, focused)

    local target = tbl.getSelected()
    if target == nil then return end

    setHighlight(target["SBAR_ITEM"], locked, focused)

    if target["DIR_FILES"] ~= nil then
        helpers.entryToggle(target["DIR_FILES"], false, focused)

    else
        components.previewAnchor:set({ background = { drawing = focused } })

        if focused then
            globals.lockedFilePath = locked
            globals.selectedFilePath = target["FILE_PATH"]

            sbar.exec(os.getenv("BAR_NAME") .. " --set widgets.background.preview background.image=\"" .. globals.selectedFilePath .. "\"")
        end
    end

end

function helpers.etLoad()
    while #globals.entryMap ~= 0 do
        globals.entryMap.pop()
    end

    local entryTbl = components.entries
    while true do
        local entry = entryTbl.getSelected()
        if entry == nil then break end

        globals.entryMap.push(entry)

        if entry["DIR_FILES"] ~= nil then
            entryTbl = entry["DIR_FILES"]

        else
            break

        end

    end
end

function helpers.cycleNext()

    local tbl = helpers.getFocusedEntryTbl()
    local idx = tbl["SELECTED"]

    if idx < #tbl then
        helpers.entryToggle(tbl, false, false)
        tbl["SELECTED"] = idx + 1

        local optIdx = tbl["OPT_SELECTED"]

        if optIdx ~= globals.dCount then
            tbl["OPT_SELECTED"] = optIdx + 1

        end

        helpers.etLoad()
        helpers.seekTbl(true)
        helpers.setAnchorText()
        helpers.entryToggle(tbl, false, true)
    end


end

function helpers.cyclePrev()

    -- load new entries if we scroll out of buffer
    local tbl = helpers.getFocusedEntryTbl()
    local idx = tbl["SELECTED"]

    if idx > 1 then
        helpers.entryToggle(tbl, false, false)
        tbl["SELECTED"] = idx - 1
        local optIdx = tbl["OPT_SELECTED"]

        if optIdx ~= 1 then
            tbl["OPT_SELECTED"] = optIdx - 1

        end

        helpers.etLoad()
        helpers.seekTbl(true)
        helpers.setAnchorText()
        helpers.entryToggle(tbl, false, true)
    end
end

return helpers

wallpaper/events.lua

local globals = require("wallpaper.globals")
local helpers = require("wallpaper.helpers")
local components = require("wallpaper.components")

-- Key events 
sbar.add("event", "request_bg")
sbar.add("event", "cycle_bg")
sbar.add("event", "select_bg")


components.bg:subscribe("request_bg", function(env)
    helpers.setAnchorText()
    local requested = env.REQUEST_BG == "true"

    components.bg:set({ popup = { drawing = requested } })
    components.bgAnchor:set({ popup = { drawing = requested } })
    components.previewAnchor:set({ popup = { drawing = requested } })

    local tbl = helpers.seekTbl(requested)
    helpers.entryToggle(tbl, false, requested)

end)

components.bg:subscribe("cycle_bg", function(env)
    if env.CYCLE == "next" then
        helpers.cycleNext()
    else
        helpers.cyclePrev()
    end

end)

local function setWallpaper()
    -- Get number of spaces
    local handle = io.popen("echo $(yabai -m query --spaces --display) | jq length $1")
    local result = handle:read("*a")
    handle:close()

    -- Cycle through spaces setting wallpaper for each
    local cmd = [[osascript -e "tell application \"System Events\" to tell every desktop to set picture to \"]] .. globals.selectedFilePath .. [[\" as POSIX file" && ~/.config/skhd/snippets/space_cycle_next.sh]]

    for i = 1, result do
        os.execute(cmd)
    end
end

components.bg:subscribe("select_bg", function(env)

    if env.SELECT == "true" then

        local tbl = helpers.getFocusedEntryTbl()
        helpers.entryToggle(tbl, true, true)

        globals.depth = globals.depth + 1

        if globals.lockedFilePath then
            globals.depth = globals.depth - 1 < 1 and 1 or globals.depth - 1
            sbar.exec("skhd -k \"ctrl - b\"")
            setWallpaper()

        end

    else
        if globals.depth > 1 then

            -- Moved out one directory
            globals.depth = globals.depth - 1

            -- We just need the table
            local tbl = helpers.getFocusedEntryTbl()

            -- Unset highlight
            helpers.entryToggle(tbl, false, true)

        else
            sbar.exec("skhd -k \"ctrl - b\"")

        end

    end

end)

settings.lua

return {
  paddings = 0,
  group_paddings = 5,

  icons = "sf-symbols", -- alternatively available: NerdFont

  -- This is a font configuration for SF Pro and SF Mono (installed manually)
  font = require("taskbar.helpers.default_font"),

  -- Alternatively, this is a font config for JetBrainsMono Nerd Font
  -- font = {
  --   text = "JetBrainsMono Nerd Font", -- Used for text
  --   numbers = "JetBrainsMono Nerd Font", -- Used for numbers
  --   style_map = {
  --     ["Regular"] = "Regular",
  --     ["Semibold"] = "Medium",
  --     ["Bold"] = "SemiBold",
  --     ["Heavy"] = "Bold",
  --     ["Black"] = "ExtraBold",
  --   },
  -- },
  wallpaper = {
    path = os.getenv("HOME") .. "/.config/wallpapers",
    scale = 0.09,
  }
}

colors.lua

return {
    black = 0xff45475a,
    white = 0xffbac2de,
    red = 0xfff38ba8,
    green = 0xffa6e3a1,
    blue = 0xff89b4fa,
    yellow = 0xfff9e2af,
    orange = 0xfff39660,
    magenta = 0xfff5c2e7,
    grey = 0xff585b70,
    transparent = 0x00000000,

    bar = {
        bg = 0x00000000,
        border = 0xff2c2e34,
    },
    popup = {
        bg = 0xff000000,
        border = 0xffb4befe
    },
    -- bg1 = 0xff1e1e2e,
    -- bg2 = 0xff1e1e2e,
    bg1 = 0xff000000,
    bg2 = 0xff000000,

    with_alpha = function(color, alpha)
        if alpha > 1.0 or alpha < 0.0 then return color end
        return (color & 0x00ffffff) | (math.floor(alpha * 255.0) << 24)
    end,
    transparency = 0.5,
    active_border_color = 0xff666bff,
}

[aspauldingcode]

Whoah, That's a cool picker!

[xbunax]

Is there able to use mouse click to realize this feature? I'm unable to disable SIP, so I can't to use skhd and yabai. I try to remove the code about shkd and yabai but I find it's useless.

[xbunax]

Is there able to use mouse click to realize this feature? I'm unable to disable SIP, so I can't to use skhd and yabai. I try to remove the code about shkd and yabai but I find it's useless.

I use aerospace map the key. Thanks!

[weeebdev]

Current space windows

I was highly inspired by arch's window tabs.

apps.lua

local colors = require("colors")
local default = require("default")
local settings = require("settings")

local apps = sbar.add("bracket", "apps", {}, {
  position = "left",
  label = {
    font = {
      style = settings.font.style_map["Black"],
      size = 12.0,
    },
  },
})

local function focus_window(env)
  sbar.exec("yabai -m query --windows id,has-focus", function(output)
    for _, line in ipairs(output) do
      sbar.set("apps." .. line.id, {
        label = {
          highlight = line['has-focus'],
        }
      })
    end
  end)
end

local function update_windows(windows)
  -- need to check if exists
  sbar.remove("/apps.\\.*/")
  for _, line in ipairs(windows) do
    width = 655 / #windows
    sbar.add("item", "apps." .. line['id'], {
      label = {
        string = line['app'] .. ": " .. line['title'],
        max_chars = width,
        scroll_duration = 150,
        width = width,
        highlight_color = colors.magenta,
        highlight = line['has-focus'],
      },
      padding_right = 2,
      click_script = "yabai -m window --focus " .. line['id'],
      background = {
        color = colors.black,
        height = 20,
        corner_radius = 0,
        border_width = 1,
        border_color = colors.cyan
      },
    })
  end
end

local function get_apps(env)
  sbar.exec("yabai -m query --windows id,title,app,has-focus --space", update_windows)
end


apps:subscribe("space_change", get_apps)
apps:subscribe("front_app_switched", focus_window)

[aizaz-shahid]

I'm actually more interested in this supplement information, to be honest.

[weeebdev]

I'm actually more interested in this supplement information, to be honest.

Oh, I see. It was generated by ChatGPT on a request to make a schedule for my supplements.

[joncrangle]

Media Info Slider

Thanks for the fantastic application, and for SbarLua!

This is based on https://github.com/FelixKratz/SbarLua/blob/main/example/items/media.lua. On mouseover, it expands to display your playing media from whitelisted apps. Click toggles "Play/Pause".

Preparation

Launch the Shortcuts app. Create a shortcut called "playpause" with "Play/Pause" from the "Media" category. This shortcut will be used by the item for playback control.

If anyone has suggestions for a better way to implement "Play/Pause" please let me know!

SbarLua module

Adjust as needed with your colors, icons and fonts.

local colors = require 'colors'
local app_icons = require 'app_icons'

local whitelist = {
	['Spotify'] = true,
	['Music'] = true,
	['Podcasts'] = true,
	['VLC'] = true,
	['IINA'] = true,
	['Arc'] = true
};

local media = sbar.add('item', 'media', {
	icon = {
		font = 'sketchybar-app-font:Regular:12.0',
		color = colors.media,
	},
	label = {
		font = 'IosevkaTerm Nerd Font:Regular:14.0',
		width = 20,
		padding_right = 12,
		color = colors.media,
		background = {
			color = colors.inactive_bg,
			corner_radius = 10,
			height = 24,
		}
	},
	position = 'center',
	updates = true,
	background = {
		color = colors.inactive_bg,
		corner_radius = 10,
		height = 24,
	},
	width = 24,
})

local function animate_media_width(width)
	sbar.animate('tanh', 30.0, function()
		media:set({ label = { width = width } })
	end)
end

media:subscribe('mouse.entered', function()
	local text = media:query().label.value
	animate_media_width(#text * 7) -- adjust depending on font width
end)
media:subscribe('mouse.exited', function()
	animate_media_width(20)
end)
media:subscribe('mouse.clicked', function(env)
	sbar.exec('shortcuts run "playpause"')
end)

media:subscribe('media_change', function(env)
	if whitelist[env.INFO.app] then
		local lookup = app_icons[env.INFO.app]
		local icon = ((lookup == nil) and app_icons['default'] or lookup)

		local playback_icon = ((env.INFO.state == 'playing') and '' or '')

		local artist = (env.INFO.artist ~= "" and env.INFO.artist) or "Unknown Artist"
		local title = (env.INFO.title ~= "" and env.INFO.title) or "Unknown Title"
		local label = playback_icon .. ' ' .. artist .. ': ' .. title

		sbar.animate('tanh', 10, function()
			media:set({
				icon = { string = icon },
				label = label
			})
		end)
	end
end)

[joncrangle]

Simple Sketchybar System Stats Event Provider

I was interested in learning Rust, so I decided to try my hand at creating a small Rust helper application to send trigger messages to Sketchybar to update system stats.

https://github.com/joncrangle/sketchybar-system-stats

It is a small CLI app that you can invoke from your sketchybarrc or SbarLua module. You pass args to the cli for the system stats you're interested in when you launch it, subscribe your items to the system_stats event, and use the ENV vars to update item icons or labels. My goal was to keep it small, lightweight and simple.

Currently, the app can send trigger events for:

• system (arch, distro, host_name, kernel_version, name, os_version, long_os_version, uptime)
• cpu (count, frequency, temperature, usage)
• disk (count, free, total, usage, used)
• memory (ram_available, ram_total, ram_usage, ram_used, swp_free, swp_total, swp_usage, swp_used)
• network (rx/tx in KB/s for interfaces)

You can also specify a desired update interval (default 5 seconds) or bar name (if not using default). You can see all the options with stats_provider --help or by checking out the README.

This is my first ever Rust project, and it's been a good learning experience so far. If you're interested in trying it, you can clone and build it from source, or download the prebuilt binary for your Mac architecture.

Example usage to create a disk_usage item:

sketchybarrc

## Start the helper with desired CLI args
killall stats_provider
# Update with path to stats_provider and invoke cli for your desired stats
# This example will send cpu, disk and ram usage percentages
$CONFIG_DIR/sketchybar-system-stats/target/release/stats_provider --cpu usage --disk usage --memory ram_usage &
sketchybar --add item disk_usage right \
           --set disk_usage script="sketchybar --set disk_usage label=\$DISK_USAGE" \
           --subscribe disk_usage system_stats

disk_stats.lua

-- Update with path to stats_provider
sbar.exec('killall stats_provider >/dev/null; $CONFIG_DIR/sketchybar-system-stats/target/release/stats_provider --cpu usage --disk usage --memory usage')
-- Subscribe and use the `DISK_USAGE` var

local disk_usage = sbar.add('item', 'disk_usage', {
	position = 'right',
})

disk_usage:subscribe('system_stats', function(env)
	disk_usage:set { label = env.DISK_USAGE }
end)

You can create other items following the same pattern and style them to your heart's content.

[bin101]

Lowpowermode indicator/toggle

Indicator for the low power mode. Red P for disable (=power mode) and green L for enabled (=low power mode). Requires SbarLua and a sudoers rule. The latter to toggle between both modes when the indicator is clicked.

First time writing lua, will accept any improvements ;)

lowpowermode.lua

local colors = {
  green = 0xff9ed072,
  orange = 0xfff39660,
  red = 0xfffc5d7c,
  bg1 = 0xff363944
}

local label = "?"
local color = colors.orange
local modeValue = 0

local lowpowermode = sbar.add("item", "widgets.lowpowermoe", {
  position = "right",
  label = { 
    font = { family = "SF Mono" },
    string = label,
    color = color,
    padding_right = 10
  }
})

local function setModeValue(v)
  modeValue = v
  if v == 1 then
    label = "L"
    color = colors.green
    sbar.exec("sudo pmset -a lowpowermode 1", function() end)
  else
    label = "P"
    color = colors.red
    sbar.exec("sudo pmset -a lowpowermode 0", function() end)
  end
  lowpowermode:set({
    label = { 
      string = label,
      color = color
    },
  })
end

lowpowermode:subscribe({"power_source_change", "system_woke"}, function(env)
  sbar.exec("pmset -g |grep lowpowermode", function(mode_info)
    local found, _, enabled = mode_info:find("(%d+)")
    if found then
      setModeValue(tonumber(enabled))
    end
  end)
end)

lowpowermode:subscribe("mouse.clicked", function(env)
  if modeValue == 0 then
    setModeValue(1)
  else
    setModeValue(0)
  end
end)

sbar.add("bracket", "widgets.lowpowermode.bracket", { lowpowermode.name }, {
  background = { color = colors.bg1 }
})

sbar.add("item", "widgets.lowpowermode.padding", {
  position = "right",
  width = 5
})

/private/etc/sudoers.d/lowpowermode

yourUserName ALL=(root) NOPASSWD: /usr/bin/pmset -a lowpowermode 0
yourUserName ALL=(root) NOPASSWD: /usr/bin/pmset -a lowpowermode 1

[hjm79]

🐢 ⚡ icon change good!!!

[bin101]

added some icons: see bin101/dotfiles@3bfd5f6

[hjm79]

added some icons: see bin101/dotfiles@3bfd5f6

thank you

[madmaxieee]

Network upload and download speed

CleanShot.2024-09-21.at.02.58.23.mp4

Shows network upload and download speed, updates every 5 second with a background netstat process. Inspired by the network module from https://github.com/Jean-Tinland/simple-bar.

netstat.lua

local function formatBytes(bytes)
	if bytes == 0 then
		return "0b"
	end

	local k = 1024
	local dm = 1
	local sizes = { "b", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb" }

	local i = math.floor(math.log(bytes) / math.log(k))

	local value = bytes / (k ^ i)
	if value >= 100 then
		dm = 0
	end
	local formattedValue = string.format("%." .. dm .. "f", value)

	return formattedValue .. " " .. sizes[i + 1]
end

local colors = require("colors")

local netstat_up = sbar.add("item", {
	position = "right",
	width = 66,
	icon = { drawing = false },
	label = { color = colors.blue },
})
sbar.add("item", {
	position = "right",
	icon = {
		string = "",
		font = "JetBrainsMono Nerd Font:Regular:16.0",
		color = colors.blue,
	},
	label = { drawing = false },
})
local netstat_down = sbar.add("item", {
	position = "right",
	width = 66,
	icon = { drawing = false },
	label = { color = colors.red },
})
sbar.add("item", {
	position = "right",
	icon = {
		string = "",
		font = "JetBrainsMono Nerd Font:Regular:16.0",
		color = colors.red,
	},
	label = { drawing = false },
})

sbar.add("event", "netstat_update")

sbar.exec("~/.config/sketchybar/items/netstat.sh")

netstat_up:subscribe("netstat_update", function(env)
	local download = formatBytes(env.DOWNLOAD)
	local upload = formatBytes(env.UPLOAD)
	netstat_up:set({
		label = { string = upload },
	})
	netstat_down:set({
		label = { string = download },
	})
end)

~/.config/sketchybar/items/netstat.sh

#!/usr/bin/env bash

pkill -f "netstat -w5"
netstat -w5 \
  | awk '/[0-9]/ {print $3/5 "," $6/5; fflush(stdout)}' \
  | xargs -I {} bash -c "sketchybar --trigger netstat_update DOWNLOAD=\$(cut -d, -f1 <<< {}) UPLOAD=\$(cut -d, -f2 <<< {})" &

[samodon]

Upcoming Calendar Items Pop Up

Screen.Recording.2024-09-26.at.12.29.19.AM.mov

It currently displays today's and tomorrows events, it can be edited to add a larger range.

I am sure this script can be improved so if anyone have any ideas please feel free to share. Cheers!

calendar.sh

#!/bin/bash

# === Configuration ===
ICS_URL= "https://your-calendar-url.com/calendar.ics"
ICS_FILE="calendar.ics"

source "$HOME/.config/sketchybar/colors.sh"

# === Download the ICS File ===
curl -s "$ICS_URL" -o "$ICS_FILE"

if [ $? -ne 0 ]; then
  echo "Failed to download the ICS file."
  exit 1
fi

# === Get Today's and Tomorrow's Dates in YYYYMMDD Format ===
TODAY=$(date +"%Y%m%d")
TOMORROW=$(date -v+1d +"%Y%m%d")

declare -a TODAY_EVENTS=()

declare -a TOMORROW_EVENTS=()
echo "Parsing events for today and tomorrow..."

EVENT_DATE=""
EVENT_SUMMARY=""

while IFS= read -r line; do
  # Check for the start of an event
  if [[ "$line" == "BEGIN:VEVENT" ]]; then
    EVENT_DATE=""
    EVENT_SUMMARY=""
  elif [[ "$line" == DTSTART* ]]; then
    # Extract date in YYYYMMDD format
    if [[ "$line" =~ DTSTART[^:]*:([0-9]{8}) ]]; then
      EVENT_DATE="${BASH_REMATCH[1]}"
    elif [[ "$line" =~ DTSTART[^:]*:([0-9]{8})T ]]; then
      EVENT_DATE="${BASH_REMATCH[1]}"
    fi
  elif [[ "$line" == SUMMARY* ]]; then
    # Extract event summary
    EVENT_SUMMARY="${line#SUMMARY:}"
  elif [[ "$line" == "END:VEVENT" ]]; then
    # Check if the event is today or tomorrow
    if [[ "$EVENT_DATE" == "$TODAY" ]]; then
      TODAY_EVENTS+=("$EVENT_SUMMARY")
    fi
    if [[ "$EVENT_DATE" == "$TOMORROW" ]]; then
      # Combine summary and date
      TOMORROW_EVENTS+=("$EVENT_SUMMARY")
    fi
  fi
done <"$ICS_FILE"

# sketchybar --set $NAME icon="􀉉 $(date '+%a %d. %b')" label="$(date '+%I:%M %p')"
sketchybar --set $NAME \
  icon="􀉉 $(date '+%a %d. %b')" \
  label="$(date '+%I:%M %p')" \
  click_script="sketchybar --set $NAME popup.drawing=toggle"

if ((${#TODAY_EVENTS[@]})); then
  sketchybar --add item calendar.date popup.$NAME \
    --set calendar.date \
    label.color=$WHITE \
    label.font.size=14 \
    label.align=left \
    label="Today"

  sketchybar --remove '/^calendar.event[0-9]+$/'
  index=0
  for today_event in "${TODAY_EVENTS[@]}"; do
    index=$((index + 1))
    echo $today_event
    sketchybar --add item calendar.event${index} popup.$NAME \
      --set calendar.event${index} \
      label.color=$WHITE \
      label.font="JetBrainsMono Nerd Font:Italic:12.0" \
      label.max_chars=16 \
      scroll_texts=on \
      label.align=center \
      label="$today_event"
  done
fi

if ((${#TOMORROW_EVENTS[@]})); then
  sketchybar --add item calendar.date2 popup.$NAME \
    --set calendar.date2 \
    label.color=$WHITE \
    label.font.size=14 \
    label.align=left \
    label="$(date -v+1d '+%d. %b ')"

  sketchybar --remove '/^calendar.$NAME[0-9]+$/'
  index=0
  for today_event in "${TOMORROW_EVENTS[@]}"; do
    index=$((index + 1))
    echo $today_event
    sketchybar --add item calendar.tevent${index} popup.$NAME --set calendar.tevent${index} \
      label.color=$WHITE \
      label.font="JetBrainsMono Nerd Font:Italic:12.0" \
      label.max_chars=16 \
      scroll_texts=on \
      label.align=center \
      label="$today_event"
  done
fi

calendar_item.sh

#!/bin/bash
sketchybar --add item calendar right \
  --set calendar icon=􀉉 \
  update_freq=1 \
  script=$PLUGIN_DIR/calendar.sh \
  label="$(/bin/bash -c "date '+%a %d. %b %I:%M %p'")" \
  background.height=25 \
  click_script="sketchybar --set calendar popup.drawing=toggle" \
  popup.drawing=off \
  padding_left=0 \
  padding_right=0 \
  background.color=0xff232136

sketchybar --set calendar popup.background.border_width=2 \
  popup.background.corner_radius=5 \
  popup.background.border_color=$WHITE \
  popup.background.color=$DARK_BG \
  popup.height=0

[sealpup321]

please can you send your memory usage code, it looks really cool :)

[bin101]

Aerospace Spaces/Apps

!!!IMPORTANT!!!

Aerospace v0.14.2-Beta don't have some bugfixes which are already included in the current main branch of aerospace which are mandatory to let the plugin work correctly!

I used the yabai implementation from Felix as a base (https://github.com/FelixKratz/dotfiles/blob/master/.config/sketchybar/items/spaces.lua) so colors.lua, icons.lua etc. are mandatory requirements. Or adjust it for yourself.

I named my aerospace workspaces with a number prefix (1_{workspace_name} .. n-th_{workspace_name}) because aerospace workspace query outputs them by alphanumeric ordering. I then strip the prefix inside the plugin and because the async behaviour of sbar.exec("aerospace list-workspaces --all", function(spaces) I had to reorder the sketchybar items in the second to last line sbar.exec("sketchybar --reorder apple " .. item_order .. " front_app")

Don't forget to add the event trigger for workspace changes inside the aerospace.toml:

exec-on-workspace-change = ['/bin/bash', '-c',
    'sketchybar --trigger aerospace_workspace_change FOCUSED_WORKSPACE=$AEROSPACE_FOCUSED_WORKSPACE',
]

spaces.lua

local colors = require("colors")
local icons = require("icons")
local settings = require("settings")
local app_icons = require("helpers.app_icons")

local item_order = ""

sbar.exec("aerospace list-workspaces --all", function(spaces)
  for space_name in spaces:gmatch("[^\r\n]+") do
    local space = sbar.add("item", "space." .. space_name, {
      icon = {
        font = { family = settings.font.numbers },
        string = string.sub(space_name, 3),
        padding_left = 7,
        padding_right = 3,
        color = colors.white,
        highlight_color = colors.red,
      },
      label = {
        padding_right = 12,
        color = colors.grey,
        highlight_color = colors.white,
        font = "sketchybar-app-font:Regular:16.0",
        y_offset = -1,
      },
      padding_right = 1,
      padding_left = 1,
      background = {
        color = colors.bg1,
        border_width = 1,
        height = 26,
        border_color = colors.black,
      }
    })
  
    local space_bracket = sbar.add("bracket", { space.name }, {
      background = {
        color = colors.transparent,
        border_color = colors.bg2,
        height = 28,
        border_width = 2
      }
    })
  
    -- Padding space
    local space_padding = sbar.add("item", "space.padding." .. space_name, {
      script = "",
      width = settings.group_paddings,
    })
  
    space:subscribe("aerospace_workspace_change", function(env)
      local selected = env.FOCUSED_WORKSPACE == space_name
      local color = selected and colors.grey or colors.bg2
      space:set({
        icon = { highlight = selected, },
        label = { highlight = selected },
        background = { border_color = selected and colors.black or colors.bg2 }
      })
      space_bracket:set({
        background = { border_color = selected and colors.grey or colors.bg2 }
      })
    end)
  
    space:subscribe("mouse.clicked", function()
      sbar.exec("aerospace workspace " .. space_name)
    end)
  
  
  
    space:subscribe("space_windows_change", function()
      sbar.exec("aerospace list-windows --format %{app-name} --workspace " .. space_name, function(windows)
        print(windows)
        local no_app = true
        local icon_line = ""
        for app in windows:gmatch("[^\r\n]+") do
          no_app = false
          local lookup = app_icons[app]
          local icon = ((lookup == nil) and app_icons["default"] or lookup)
          icon_line = icon_line .. " " .. icon
        end
    
        if (no_app) then
          icon_line = " —"
        end
        sbar.animate("tanh", 10, function()
          space:set({ label = icon_line })
        end)
      end)
    end)

    item_order = item_order .. " " .. space.name .. " " .. space_padding.name
  end
  sbar.exec("sketchybar --reorder apple " .. item_order .. " front_app")
end)

[kaynetik]

@bin101 could you maybe share your aerospace config as well? 🤔

I'm facing this strange behavior where my workspaces aren't being rendered as I expect them to. So would like to compare yours and mine, if you don't mind.

---

Also, thanks for sharing your spaces config, was dealing with similar issues for a few days myself 🚀

[kaynetik]

Ideally, push your sketchy + aerospace dots. I might be biased, but I'm fairly certain you've solved issues that a handful of other ricers are facing as well. 😂

[bin101]

I can make my dotfiles repo public but first I have to clean them of some private data. Will ping you when its ready could take some time. @kaynetik

[bin101]

@kaynetik Added a puplic dotfile repo, take a look. And I add the important note that you currently have to build aerospace by yourself to have some important bugfixes which are not included in the brew version/latest tag.

[kaynetik]

@bin101 Much appreciated! I see the differences, and it was helpful.
Though the successful debug of aerospace on the other hand was not, so I'll have to commit some time to it (was about time to learn some Swift as well).

[zobi]

1 - Hello, i search a widget in lua to show how many unread mail i have (i use mail official apps).
Have you got this ?
2 - Same as 1- but for message (sms) !
3 - i use default calendar.lua item, but the date in the bar show days in english (Sat. for exemple) and i would like to display the day in french (Sam for the same example in french) have you an idea to do this ?
Thanks a lot and thanks for this beautiful Sketchybar ;)

[mikalcallahan]

1. I have one that uses applescript

#!/usr/bin/env sh
# sketchybar/plugins/emails

source "$HOME/.config/sketchybar/colors.sh"
source "$HOME/.config/sketchybar/icons.sh"

ICON="$EMAIL"
EMAILS="$(osascript $HOME/.config/sketchybar/scripts/emails.applescript)"
if [[ $EMAILS == "" ]]; then
	ICON=
	COLOR="$ICON_COLOR"
elif [[ "$EMAILS" -gt 10 && "$EMAILS" -le 25 ]]; then
	COLOR="$ICON_COLOR_WARNING"
elif [[ "$EMAILS" -gt 25 ]]; then
	COLOR="$ICON_COLOR_ALERT"
else
	COLOR="$ICON_COLOR"
fi

sketchybar --set $NAME icon=$ICON label="" icon.color=$COLOR

# sketchybar/items/email
sketchybar --add item emails right \
	--set emails script="$PLUGIN_DIR/emails.sh" \
	background.padding_right=5 \
	update_freq=120 \
	--subscribe emails system_woke

#!/usr/bin/osascript
# sketchybar/scripts/emails.applescript
on run
  tell application "Mail"
    return the unread count of inbox
  end tell
end run

the caveat here is that it opens up the mail app whenever the script is run I haven't found (or tried to find) a way to silent run it

2. I don't have one for messages but probably could be implemented similar to emails.applescript

3. This is what I used for Canadian French, you should just be able to remove the _CA after fr

sketchybar --set $NAME icon="$(LANG=fr_CA date '+%a %d. %b')" label="$(date '+%H:%M')"

[zobi]

1. I have one that uses applescript

#!/usr/bin/env sh
# sketchybar/plugins/emails

source "$HOME/.config/sketchybar/colors.sh"
source "$HOME/.config/sketchybar/icons.sh"

ICON="$EMAIL"
EMAILS="$(osascript $HOME/.config/sketchybar/scripts/emails.applescript)"
if [[ $EMAILS == "" ]]; then
	ICON=
	COLOR="$ICON_COLOR"
elif [[ "$EMAILS" -gt 10 && "$EMAILS" -le 25 ]]; then
	COLOR="$ICON_COLOR_WARNING"
elif [[ "$EMAILS" -gt 25 ]]; then
	COLOR="$ICON_COLOR_ALERT"
else
	COLOR="$ICON_COLOR"
fi

sketchybar --set $NAME icon=$ICON label="" icon.color=$COLOR

# sketchybar/items/email
sketchybar --add item emails right \
	--set emails script="$PLUGIN_DIR/emails.sh" \
	background.padding_right=5 \
	update_freq=120 \
	--subscribe emails system_woke

#!/usr/bin/osascript
# sketchybar/scripts/emails.applescript
on run
  tell application "Mail"
    return the unread count of inbox
  end tell
end run

the caveat here is that it opens up the mail app whenever the script is run I haven't found (or tried to find) a way to silent run it

2. I don't have one for messages but probably could be implemented similar to `emails.applescript`

3. This is what I used for Canadian French, you should just be able to remove the `_CA` after `fr`

sketchybar --set $NAME icon="$(LANG=fr_CA date '+%a %d. %b')" label="$(date '+%H:%M')"

Thanks a lot for your reply, but i use LUA version, i don't know if it's a good idea to use this version :(

[hjm79]

1 - Hello, i search a widget in lua to show how many unread mail i have (i use mail official apps). Have you got this ? 2 - Same as 1- but for message (sms) ! 3 - i use default calendar.lua item, but the date in the bar show days in english (Sat. for exemple) and i would like to display the day in french (Sam for the same example in french) have you an idea to do this ? Thanks a lot and thanks for this beautiful Sketchybar ;)

I wrote it with Claude.ai and it worked fine.

Item-widget

mail.lua

local icons = require("icons")  -- 아이콘 모듈 불러오기
local colors = require("colors")  -- 색상 모듈 불러오기
local settings = require("settings")  -- 설정 모듈 불러오기

-- 메일 위젯 생성
local mail = sbar.add("item", "widgets.mail", {
  position = "right",  -- 위젯의 위치
  icon = {
    string = "󰇮",  -- 메일 아이콘 (적절한 이모지 사용)
    font = {
      family = settings.font.numbers,  -- 폰트 패밀리
      style = settings.font.style_map["Regular"],  -- 폰트 스타일
      size = 18.0  -- 아이콘 크기 조정 (기존 14.0에서 증가)
    },
    color = colors.blue,  -- 아이콘 색상
    padding_right = 1  -- 아이콘 오른쪽 여백
  },
  label = {
    string = "",  -- 초기 레이블은 비어 있음
    font = {
      family = settings.font.numbers,  -- 폰트 패밀리
      style = settings.font.style_map["Bold"],  -- 폰트 스타일
      size = 14.0  -- 메일 숫자 크기 조정 (기존 10.0에서 증가)
    },
    color = 0xffe8c664,  -- 레이블 색상
    padding_right = 2  -- 레이블 오른쪽 여백
  },
  update_freq = 30  -- 업데이트 주기 (30초)
})

-- 미읽은 메일 수를 확인하는 함수
local function check_unread_mail()
  local handle = io.popen([[
    osascript -e '
      try
        tell application "Mail"
          set unreadCount to 0
          repeat with eachAccount in accounts
            try
              set inboxMailbox to mailbox "INBOX" of eachAccount
              set unreadCount to unreadCount + (count of (messages of inboxMailbox whose read status is false))
            end try
          end repeat
          return unreadCount
        end tell

      on error
        return 0
      end try
    '
  ]])
  
  if handle then
    local result = handle:read("*a")  -- AppleScript 실행 결과 읽기
    handle:close()  -- 핸들 닫기
    result = result:gsub("%s+", "")  -- 결과에서 공백과 줄바꿈 제거
    return tonumber(result) or 0  -- 숫자로 변환하거나 0 반환
  end
  return 0  -- 핸들이 유효하지 않을 경우 0 반환
end

-- 업데이트 이벤트 처리
mail:subscribe("routine", function(env)
  local unread_count = check_unread_mail()  -- 미읽은 메일 수 체크
  
  if unread_count > 0 then
    -- 미읽은 메일이 있는 경우
    mail:set({
      icon = { color = colors.red },  -- 아이콘 색상 변경
      label = { 
        string = tostring(unread_count),  -- 미읽은 메일 수 문자열로 변환
        drawing = true  -- 레이블 그리기
      }
    })
  else
    -- 미읽은 메일이 없는 경우
    mail:set({
      icon = { color = colors.blue },  -- 기본 아이콘 색상
      label = { 
        string = "",  -- 레이블 비움
        drawing = false  -- 레이블 그리지 않음
      }
    })
  end
end)

-- 클릭 이벤트 처리
mail:subscribe("mouse.clicked", function(env)
  sbar.exec("open -a 'Mail'")  -- 클릭 시 Mail 앱 열기
end)

-- 배경 브라켓 추가
sbar.add("bracket", "widgets.mail.bracket", { mail.name }, {
  background = { color = colors.bg1 }  -- 배경 색상 설정
})

-- 패딩 추가
sbar.add("item", "widgets.mail.padding", {
  position = "right",  -- 패딩 위치
  width = settings.group_paddings  -- 패딩 너비 설정
})

messages.lua

local icons = require("icons")
local colors = require("colors")
local settings = require("settings")

-- 메시지 위젯 생성
local messages = sbar.add("item", "widgets.messages", {
  position = "right",
  icon = {
    string = "󰍡",
    font = {
      family = settings.font.numbers,
      style = settings.font.style_map["Regular"],
      size = 16.0
    },
    color = colors.blue,
    padding_right = 1
  },
  label = {
    string = "",
    font = {
      family = settings.font.numbers,
      style = settings.font.style_map["Bold"],
      size = 12.0
    },
    color = 0xffe8c664,
    padding_right = 1
  },
  update_freq = 30
})

-- 읽지 않은 메시지 수를 확인하는 함수
local function check_unread_messages()
  local handle = io.popen([[
    sqlite3 ~/Library/Messages/chat.db "
      SELECT COUNT(DISTINCT chat_id) 
      FROM chat_message_join 
      JOIN message ON chat_message_join.message_id = message.ROWID 
      WHERE message.is_read = 0 
      AND message.is_from_me = 0;
    "
  ]])
  
  if handle then
    local result = handle:read("*a")
    handle:close()
    result = result:gsub("%s+", "")
    return tonumber(result) or 0
  end
  return 0
end

-- 업데이트 이벤트 처리
messages:subscribe("routine", function(env)
  local unread_count = check_unread_messages()
  
  if unread_count > 0 then
    messages:set({
      icon = { color = colors.red },
      label = { 
        string = tostring(unread_count),
        drawing = true 
      }
    })
  else
    messages:set({
      icon = { color = colors.blue },
      label = { 
        string = "",
        drawing = false 
      }
    })
  end
end)

-- 클릭 이벤트 처리
messages:subscribe("mouse.clicked", function(env)
  sbar.exec("open -a 'Messages'")
end)

-- 배경 브라켓 추가
sbar.add("bracket", "widgets.messages.bracket", { messages.name }, {
  background = { color = colors.bg1 }
})

-- 패딩 추가
sbar.add("item", "widgets.messages.padding", {
  position = "right",
  width = settings.group_paddings
})

[SoichiroYamane]

Icons based on kvndrsslr/sketchybar-app-font, but with consistent background ✨

Icons in the left bar

I will keep updating icons! repo, demo

[noeliajimenezg]

Connect/Disconnect GlobalProtect

An orange network icon that when is clicked when the GlobalProtect is switched on/off.

--globalprotect.lua
local icons = require("icons")
local colors = require("colors")
local settings = require("settings")

local is_on = false

local globalprotect_icon = sbar.add("item", "widgets.globalprotect", {
    position = "right",
    padding_right = 0,
    icon = {
      string = icons.network,
      width = 0,
      align = "left",
      color = colors.orange,
      font = {
        style = settings.font.style_map["Regular"],
        size = 16.0      
      },
      color = colors.orange
    },
    label = {
      width = 30,
      align = "left",
      font = {
        style = settings.font.style_map["Regular"],
        size = 14.0
      },
      color = colors.orange
    },
  })

local globalprotect_bracket = sbar.add("bracket", "widgets.globalprotect.bracket", {
    globalprotect_icon.name
  }, {
    background = { color = colors.bar_color, 
    border_color = colors.orange,
    border_width = colors.border_width
  },
    popup = { align = "center" }
  })
 
sbar.add("item", "widgets.globalprotect.padding", {
position = "right",
width = settings.group_paddings
})


local function runScript()
    os.execute([[
        osascript -e '
            tell application "System Events" to tell process "GlobalProtect"
                click menu bar item 1 of menu bar 2 -- Activates the GlobalProtect "window" in the menubar
                set frontmost to true -- keep window 1 active
                tell window 1
                    -- Click on the connect or disconnect button, depending on if they exist or not
                    if exists (first UI element whose title is "Connect") then
                        tell (first UI element whose title is "Connect") to if exists then click
                    else
                        tell (first UI element whose title is "Disconnect") to if exists then click
                    end if
                end tell
                click menu bar item 1 of menu bar 2 -- This will close the GlobalProtect "window" after clicking Connect/Disconnect. This is optional.
            end tell
        '
    ]])
end

local function switchOff()
    runScript()
    is_on = false
    globalprotect_icon:set({ 
        icon = { color = colors.orange },
        background = { border_color = colors.orange }
    })
    globalprotect_bracket:set({
        background = { border_color = colors.orange }
    })
end

local function switchOn()
    runScript()
    is_on = true
    globalprotect_icon:set({ 
        icon = { color = colors.red }        
    })
    globalprotect_bracket:set({
        background = { border_color = colors.red }
    })
end

local function toggleGlobalProtectConnection(env)
    if is_on == true then
        switchOff()
    else
        switchOn()
    end
end


globalprotect_icon:subscribe("mouse.clicked", toggleGlobalProtectConnection)

Credits to the creator of the osascript : https://gist.github.com/kaleksandrov/3cfee92845a403da995e7e44ba771183?permalink_comment_id=4416917#gistcomment-4416917