UseBatteryStatus

1'use client';
2 
3import { useEffect, useState } from 'react';
4 
5export interface BatteryStatus {
6  supported: boolean;
7  level: number;
8  charging: boolean;
9  chargingTime: number;
10  dischargingTime: number;
11}
12 
13interface BatteryManager extends EventTarget {
14  level: number;
15  charging: boolean;
16  chargingTime: number;
17  dischargingTime: number;
18}
19 
20type NavigatorWithBattery = Navigator & {
21  getBattery?: () => Promise<BatteryManager>;
22};
23 
24export function useBatteryStatus(): BatteryStatus {
25  const navigatorWithBattery =
26    typeof navigator !== 'undefined'
27      ? (navigator as NavigatorWithBattery)
28      : undefined;
29  const supported = typeof navigatorWithBattery?.getBattery === 'function';
30 
31  const [status, setStatus] = useState<BatteryStatus>({
32    supported,
33    level: 1,
34    charging: false,
35    chargingTime: 0,
36    dischargingTime: 0,
37  });
38 
39  useEffect(() => {
40    if (!supported) {
41      return;
42    }
43 
44    let battery: BatteryManager | null = null;
45    let isMounted = true;
46 
47    const updateStatus = () => {
48      if (!isMounted || !battery) return;
49      // Clamp times: use chargingTime only when charging, dischargingTime only when discharging
50      const chargingTimeValue = battery.charging ? battery.chargingTime : 0;
51      const dischargingTimeValue = battery.charging
52        ? 0
53        : battery.dischargingTime;
54      setStatus({
55        supported: true,
56        level: battery.level,
57        charging: battery.charging,
58        chargingTime: chargingTimeValue === Infinity ? 0 : chargingTimeValue,
59        dischargingTime:
60          dischargingTimeValue === Infinity ? 0 : dischargingTimeValue,
61      });
62    };
63 
64    navigatorWithBattery
65      ?.getBattery?.()
66      .then((bat) => {
67        battery = bat;
68        updateStatus();
69        battery.addEventListener('levelchange', updateStatus);
70        battery.addEventListener('chargingchange', updateStatus);
71        battery.addEventListener('chargingtimechange', updateStatus);
72        battery.addEventListener('dischargingtimechange', updateStatus);
73      })
74      .catch(() => {
75        // ignore if getBattery fails
76      });
77 
78    return () => {
79      isMounted = false;
80      if (battery) {
81        battery.removeEventListener('levelchange', updateStatus);
82        battery.removeEventListener('chargingchange', updateStatus);
83        battery.removeEventListener('chargingtimechange', updateStatus);
84        battery.removeEventListener('dischargingtimechange', updateStatus);
85      }
86    };
87  }, [supported]);
88 
89// … truncated