1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
|
import options from "options";
import { sh } from "lib/utils";
import * as Gtk from "gi://Gtk?version=3.0";
import { type ButtonProps } from "types/widgets/button";
import { type BoxProps } from "types/widgets/box";
const hyprland = await Service.import("hyprland");
const { icons } = options.dock.toolbox;
const buttonToggles = {};
const dispatch = (action: string, arg: string) => {
//console.log(`Performing action: ${action} with argument: ${arg}`);
sh(`hyprctl dispatch ${action} ${arg}`);
};
const keyword = (action: string, arg: string) => {
//console.log(`Performing action: ${action} with argument: ${arg}`);
sh(`hyprctl keyword ${action} ${arg}`);
};
const ToggleSwitch = (buttonIndex, actionOn, argOn, actionOff, argOff, actionExec) => {
buttonToggles[buttonIndex] = !buttonToggles[buttonIndex];
const { action, arg } = buttonToggles[buttonIndex] ? { action: actionOn, arg: argOn } : { action: actionOff, arg: argOff };
actionExec(action, arg);
};
const ToggleOnMulti = (buttonIndex, actionOn, argOn, actionOff, argOff, actionExec) => {
buttonToggles[buttonIndex] = !buttonToggles[buttonIndex];
if (buttonToggles[buttonIndex]) {
actionOn.forEach(({ action, arg }) => {
actionExec(action, arg);
});
} else {
actionExec(actionOff, argOff);
}
};
const execAction = (trigger, actionIndex, actionOn, argOn, actionOff, argOff, action, arg, actionExec) => {
switch (trigger) {
case 'toggleOn-multi':
ToggleOnMulti(actionIndex, actionOn, argOn, actionOff, argOff, actionExec);
break;
case 'toggle-switch':
ToggleSwitch(actionIndex, actionOn, argOn, actionOff, argOff, actionExec);
break;
case 'oneshot':
actionExec(action, arg);
break;
default:
break;
}
};
const buttonConfigs = [
{ actionExec: dispatch, trigger: 'oneshot', actionIndex: 0, action: 'killactive', arg: '' },
{ actionExec: dispatch, trigger: 'oneshot', actionIndex: 1, action: 'exec hyprctl', arg: 'kill' },
{
actionExec: keyword,
trigger: 'toggle-switch',
actionIndex: 2,
actionOn: 'monitor', argOn: 'eDP-1,2736x1824,0x0,0,transform,1',
actionOff: 'monitor', argOff: 'eDP-1,2736x1824,0x0,0,transform,0'
},
{ actionExec: dispatch, trigger: 'oneshot', actionIndex: 3, action: 'workspace', arg: 'r-1' },
{ actionExec: dispatch, trigger: 'oneshot', actionIndex: 4, action: 'workspace', arg: 'r+1' },
{ actionExec: dispatch, trigger: 'oneshot', actionIndex: 5, action: 'movewindow', arg: 'l' },
{ actionExec: dispatch, trigger: 'oneshot', actionIndex: 6, action: 'movewindow', arg: 'r' },
{ actionExec: dispatch, trigger: 'oneshot', actionIndex: 7, action: 'movewindow', arg: 'u' },
{ actionExec: dispatch, trigger: 'oneshot', actionIndex: 8, action: 'movewindow', arg: 'd' },
{ actionExec: dispatch, trigger: 'oneshot', actionIndex: 9, action: 'swapnext', arg: 'next' },
{ actionExec: dispatch, trigger: 'oneshot', actionIndex: 10, action: 'togglesplit', arg: '' },
{
actionExec: dispatch,
trigger: 'toggleOn-multi',
actionIndex: 11,
actionOn: [
{ action: 'setfloating', arg: 'active' },
{ action: 'resizeactive', arg: 'exact 90% 90%' },
{ action: 'centerwindow', arg: '' },
],
actionOff: 'settiled', argOff: 'active'
},
{ actionExec: dispatch, trigger: 'oneshot', actionIndex: 12, action: 'pin', arg: '' },
{ actionExec: dispatch, trigger: 'oneshot', actionIndex: 13, action: 'fullscreen', arg: '0' },
{
actionExec: dispatch,
trigger: 'toggle-switch',
actionIndex: 14,
actionOn: 'exec', argOn: 'wvctl 1',
actionOff: 'exec', argOff: 'wvctl 0'
},
];
const ToolBox = () => {
const ToolBoxButtons = () => {
const buttons = buttonConfigs.map(({ actionIndex, actionOn, argOn, actionOff, argOff, actionExec, trigger, action, arg }) => {
const execActionWrapper = () => execAction(trigger, actionIndex, actionOn, argOn, actionOff, argOff, action, arg, actionExec);
return Widget.Button({
child: Widget.Icon({
icon: icons[actionIndex].bind(),
}),
on_clicked: execActionWrapper,
});
});
return Widget.Box({
vertical: true,
homogeneous: true,
children: buttons,
});
};
return Widget.Box({
class_name: "toolbox",
vertical: true,
homogeneous: true,
children: [ToolBoxButtons()],
});
};
export default ToolBox;
|
