Add bar widget to pause and resume the key display

A keyboard glyph in the bar (WidgetButton, right section by default)
toggles a pause flag at $XDG_RUNTIME_DIR/omarchy-key-visualizer.paused that
the panel and every bar widget instance watch, so a click on any monitor
updates all of them. While paused the panel ignores key state and hides;
the button dims. Also exposes pause/resume/toggle over the key-visualizer IPC
target.
This commit is contained in:
felixzsh
2026-08-11 11:06:37 -05:00
parent 7ab4d2f18d
commit bd20dd8a9b
3 changed files with 122 additions and 11 deletions
+61
View File
@@ -0,0 +1,61 @@
import QtQuick
import Quickshell
import Quickshell.Io
import qs.Ui
import qs.Commons
// Bar toggle for the Key Visualizer: a keyboard glyph that pauses/resumes the
// on-screen key display. Pause state is a flag file in the runtime dir
// ($XDG_RUNTIME_DIR/omarchy-key-visualizer.paused) that the panel and every bar
// widget instance watch, so one click updates all of them. The widget is
// dimmed while paused.
BarWidget {
id: root
moduleName: "felixzsh.key-visualizer"
property bool paused: false
readonly property string pausePath: {
var runtime = Quickshell.env("XDG_RUNTIME_DIR")
return (runtime && runtime.length > 0 ? runtime : "/tmp") + "/omarchy-key-visualizer.paused"
}
function toggle() {
var cmd = root.paused
? "rm -f " + Util.shellQuote(root.pausePath)
: "printf 1 > " + Util.shellQuote(root.pausePath)
toggleProc.command = ["sh", "-c", cmd]
toggleProc.running = true
}
Process {
id: toggleProc
}
FileView {
id: pauseFlag
path: root.pausePath
watchChanges: true
printErrors: false
onLoaded: root.paused = (text() === "1")
onFileChanged: reload()
}
implicitWidth: button.implicitWidth
implicitHeight: button.implicitHeight
WidgetButton {
id: button
anchors.fill: parent
bar: root.bar
text: "\uF030C" // nf-md-keyboard_outline
fontSize: Style.font.icon
horizontalMargin: 6
active: !root.paused
dimmed: root.paused
tooltipText: root.paused
? "Key Visualizer — paused (click to resume)"
: "Key Visualizer — click to pause"
onPressed: function() { root.toggle() }
}
}