homeio

1"use client";
2
3import { Cpu, MemoryStick, Thermometer } from "@/components/icons/platform-icons";
4import { useMemo } from "react";
5import { useCurrentWeather } from "@/modules/system/hooks/useCurrentWeather";
6import { useInstalledApps } from "@/modules/apps/hooks/useInstalledApps";
7import { useSystemMetrics } from "@/modules/system/hooks/useSystemMetrics";
8import { useCurrentUser } from "@/hooks/useCurrentUser";
9import type {
10  QuickStatItem,
11  ResourceWidgetItem,
12  SystemWidgetsViewModel,
13} from "@/modules/system/components/system-widgets/types";
14import {
15  clampPercent,
16  formatMemoryValue,
17  formatRateMbps,
18  formatTemperatureValue,
19  formatWeatherValue,
20  toUptimeParts,
21} from "@/modules/system/components/system-widgets/utils";
22
23/**
24 * Returns a Tailwind background-colour class for a progress bar based on thresholds.
25 *  - Below warnThreshold  → green  (normal)
26 *  - [warn, crit)         → amber  (warning)
27 *  - >= critThreshold     → red    (critical)
28 */
29function getResourceColor(
30  percent: number,
31  warnThreshold: number,
32  critThreshold: number,
33): string {
34  if (percent >= critThreshold) return "bg-status-red";
35  if (percent >= warnThreshold) return "bg-status-amber";
36  return "bg-status-green";
37}
38
39export function useSystemWidgetsData(): SystemWidgetsViewModel {
40  const { data: metrics } = useSystemMetrics();
41  const { data: installedApps } = useInstalledApps();
42  const { data: weather } = useCurrentWeather();
43  const { data: currentUser } = useCurrentUser();
44  const isDemoMode = currentUser?.isDemoMode ?? false;
45
46  return useMemo(() => {
47    const cpuPercent = clampPercent(metrics?.cpu.normalizedPercent);
48    const memoryPercent = clampPercent(metrics?.memory.usedPercent);
49    // Temperature: mainCelsius maps directly to a 0-100 scale (°C → %).
50    // Thresholds: warn at 60 °C, critical at 80 °C.
51    const temperatureProgress = clampPercent(metrics?.temperature.mainCelsius);
52
53    const resources: ResourceWidgetItem[] = [
54      {
55        label: "CPU",
56        value: `${cpuPercent}%`,
57        progress: cpuPercent,
58        colorClassName: getResourceColor(cpuPercent, 60, 80),
59        icon: Cpu,
60      },
61      {
62        label: "Memory",
63        value: formatMemoryValue(metrics?.memory.usedBytes, metrics?.memory.totalBytes),
64        progress: memoryPercent,
65        colorClassName: getResourceColor(memoryPercent, 70, 85),
66        icon: MemoryStick,
67      },
68      {
69        label: "Temperature",
70        value: formatTemperatureValue(metrics?.temperature.mainCelsius),
71        progress: temperatureProgress,
72        colorClassName: getResourceColor(temperatureProgress, 60, 80),
73        icon: Thermometer,
74      },
75    ];
76
77    const apps = installedApps ?? [];
78    const runningApps = apps.filter((app) => app.status === "running").length;
79
80    const quickStats: QuickStatItem[] = [
81      {
82        label: "Running",
83        value: `${runningApps}`,
84        sub: "apps",
85      },
86      {
87        label: "Installed",
88        value: `${apps.length}`,
89        sub: "apps",
90      },
91      {
92        label: "Networks",
93        value: `${metrics?.wifi.availableNetworks.length ?? 0}`,
94        sub: "nearby",
95      },
96      {
97        label: "Weather",
98        value: formatWeatherValue(weather?.current.temperatureC),
99        sub: weather?.location.label ?? "unknown",
100      },
101    ];
102
103    return {
104      uptime: toUptimeParts(metrics?.uptimeSeconds),
105      resources,
106      network: {
107        downloadText: formatRateMbps(metrics?.wifi.downloadMbps),
108        uploadText: formatRateMbps(metrics?.wifi.uploadMbps),
109        ipAddress: metrics?.wifi.ipv4 ?? "--",
110        hostname: isDemoMode ? "homeio.app" : (metrics?.hostname ?? "--"),
111        interfaceName: metrics?.wifi.iface ?? "--",
112        ssid: metrics?.wifi.ssid ?? "offline",
113        isDemoMode,
114      },
115      quickStats,
116    };
117  }, [installedApps, isDemoMode, metrics, weather]);
118}
119