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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
|
import * as Uebersicht from "uebersicht";
import * as DataWidget from "./data-widget.jsx";
import * as DataWidgetLoader from "./data-widget-loader.jsx";
import * as Icons from "../icons/icons.jsx";
import { SuspenseIcon } from "../icons/icon.jsx";
import useWidgetRefresh from "../../hooks/use-widget-refresh";
import useServerSocket from "../../hooks/use-server-socket";
import { useSimpleBarContext } from "../simple-bar-context.jsx";
import * as Utils from "../../utils";
export { batteryStyles as styles } from "../../styles/components/data/battery";
const { React } = Uebersicht;
const DEFAULT_REFRESH_FREQUENCY = 10000;
/**
* Battery widget component
* @returns {JSX.Element|null} The battery widget component
*/
export const Widget = React.memo(() => {
const { displayIndex, settings, pushMissive } = useSimpleBarContext();
const { widgets, batteryWidgetOptions } = settings;
const { batteryWidget } = widgets;
const {
refreshFrequency,
toggleCaffeinateOnClick,
caffeinateOption,
disableCaffeinateInvertedBackground,
showOnDisplay,
showIcon,
} = batteryWidgetOptions;
// Determine if the widget should be visible based on display settings
const visible =
Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && batteryWidget;
// Calculate the refresh frequency for the widget
const refresh = React.useMemo(
() =>
Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
[refreshFrequency],
);
const [state, setState] = React.useState();
const [loading, setLoading] = React.useState(visible);
// Reset the widget state
const resetWidget = () => {
setState(undefined);
setLoading(false);
};
/**
* Fetch battery information and update the state
*/
const getBattery = React.useCallback(async () => {
if (!visible) return;
// Fetch battery information and parse the results
const [system, percentage, status, caffeinate, lowPowerMode] =
await Promise.all([
Utils.getSystem(),
Utils.cachedRun(
`pmset -g batt | grep -Eo '[0-9]+%' | head -1 | tr -d '%'`,
refresh,
),
Utils.cachedRun(
`pmset -g batt | head -1 | grep -q 'AC Power' && echo 'AC' || echo 'Batt'`,
refresh,
),
Uebersicht.run(`pgrep caffeinate`),
Utils.cachedRun(
`pmset -g | awk '/lowpowermode|powermode/ {print $2; exit}'`,
refresh,
),
]);
setState({
system,
percentage: parseInt(percentage, 10),
charging: Utils.cleanupOutput(status) === "AC",
caffeinate: Utils.cleanupOutput(caffeinate),
lowPowerMode: Utils.cleanupOutput(lowPowerMode) === "1",
});
setLoading(false);
}, [visible, refresh]);
// Use server socket to fetch battery data
useServerSocket("battery", visible, getBattery, resetWidget, setLoading);
// Refresh the widget at the specified interval
useWidgetRefresh(visible, getBattery, refresh);
if (loading) return <DataWidgetLoader.Widget className="battery" />;
if (!state) return null;
const { system, percentage, charging, caffeinate, lowPowerMode } = state;
const isLowBattery = !charging && percentage < 20;
const classes = Utils.classNames("battery", {
"battery--low": isLowBattery,
"battery--low-power-mode": lowPowerMode,
"battery--caffeinate":
!disableCaffeinateInvertedBackground && caffeinate.length > 0,
});
const transformValue = getTransform(percentage);
/**
* Handle click event to toggle caffeinate mode
* @param {React.MouseEvent} e - The click event
*/
const onClick = async (e) => {
Utils.clickEffect(e);
await toggleCaffeinate(system, caffeinate, caffeinateOption, pushMissive);
getBattery();
};
const onClickProp = toggleCaffeinateOnClick ? { onClick } : {};
const Icon = () => (
<div className="battery__icon">
<div className="battery__icon-inner">
<div
className="battery__icon-filler"
style={{ transform: transformValue }}
/>
{charging && (
<SuspenseIcon>
<Icons.Charging className="battery__charging-icon" />
</SuspenseIcon>
)}
</div>
</div>
);
return (
<DataWidget.Widget
classes={classes}
Icon={showIcon ? Icon : null}
disableSlider
{...onClickProp}
>
{caffeinate.length > 0 && (
<SuspenseIcon>
<Icons.Coffee className="battery__caffeinate-icon" />
</SuspenseIcon>
)}
{percentage}%
</DataWidget.Widget>
);
});
Widget.displayName = "Battery";
/**
* Get the transform value for the battery icon based on the percentage
* @param {number} value - The battery percentage
* @returns {string} The transform value
*/
function getTransform(value) {
let transform = `0.${value}`;
if (value === 100) transform = "1";
if (value < 10) transform = `0.0${value}`;
return `scaleX(${transform})`;
}
/**
* Toggle caffeinate mode on or off
* @param {string} system - The system architecture
* @param {string} caffeinate - The current caffeinate state
* @param {string} option - The caffeinate option
* @param {function} pushMissive - Function to push notifications
*/
async function toggleCaffeinate(system, caffeinate, option, pushMissive) {
const command =
system === "x86_64" ? "caffeinate -d" : "arch -arch arm64 caffeinate -d";
if (caffeinate.length === 0) {
Uebersicht.run(`${command} ${option} &`);
Utils.notification("Enabling caffeinate...", pushMissive);
} else {
await Uebersicht.run("pkill -f caffeinate");
Utils.notification("Disabling caffeinate...", pushMissive);
}
}
|
