homeio

1"use client";
2
3import { useEffect, useRef, useState } from "react";
4import type {
5  BackupSettingsDraft,
6  DesktopPreferencesApi,
7  GeneralPreferencesDraft,
8  NotificationSettingsDraft,
9  SecuritySettingsDraft,
10  SettingsBackend,
11  SettingsSectionId,
12} from "@/modules/settings/components/panel/types";
13import {
14  areNotificationThresholdsValid,
15  areSecurityNumbersValid,
16  getBackupSaveTitle,
17  getGeneralSaveTitle,
18  getNotificationsSaveTitle,
19  getSecuritySaveTitle,
20  isBackupRetentionCountValid,
21  isBackupTimeValid,
22  isValidHostname,
23  normalizeHostnameDraft,
24  parseBackupRetentionCount,
25  parseNotificationThresholds,
26  parseSecurityDraft,
27} from "@/modules/settings/components/panel/save-policies";
28
29export function useActiveSettingsSection(
30  selectedSection: string | null | undefined,
31  availableSectionIds: SettingsSectionId[],
32) {
33  const [activeSection, setActiveSection] = useState<SettingsSectionId>(
34    selectedSection && availableSectionIds.includes(selectedSection as SettingsSectionId)
35      ? (selectedSection as SettingsSectionId)
36      : "general",
37  );
38
39  useEffect(() => {
40    if (!selectedSection) return;
41    if (!availableSectionIds.includes(selectedSection as SettingsSectionId)) return;
42    setActiveSection(selectedSection as SettingsSectionId);
43  }, [availableSectionIds, selectedSection]);
44
45  return {
46    activeSection,
47    setActiveSection,
48  };
49}
50
51export function useGeneralSettingsController(
52  generalPreferences: SettingsBackend["generalPreferences"],
53  saveGeneralPreferences: SettingsBackend["actions"]["saveGeneralPreferences"],
54) {
55  const [draft, setDraft] = useState<GeneralPreferencesDraft>({
56    hostname: generalPreferences.hostname,
57    timezone: generalPreferences.timezone,
58  });
59
60  useEffect(() => {
61    setDraft({
62      hostname: generalPreferences.hostname,
63      timezone: generalPreferences.timezone,
64    });
65  }, [generalPreferences.hostname, generalPreferences.timezone]);
66
67  const normalizedHostname = normalizeHostnameDraft(draft.hostname);
68  const draftChanged =
69    normalizedHostname !== generalPreferences.hostname ||
70    draft.timezone !== generalPreferences.timezone;
71  const canSave =
72    draftChanged &&
73    isValidHostname(normalizedHostname) &&
74    !generalPreferences.isLoading &&
75    !generalPreferences.isSaving;
76
77  return {
78    draft,
79    setHostname(hostname: string) {
80      setDraft((current) => ({
81        ...current,
82        hostname,
83      }));
84    },
85    setTimezone(timezone: string) {
86      setDraft((current) => ({
87        ...current,
88        timezone,
89      }));
90    },
91    saveState: {
92      canSave,
93      title: getGeneralSaveTitle({ draft, data: generalPreferences }),
94      pending: generalPreferences.isSaving,
95      label: generalPreferences.isSaving ? "Saving..." : "Save Changes",
96    },
97    async save() {
98      if (!canSave) return;
99
100      await saveGeneralPreferences({
101        hostname: normalizedHostname || "homeio",
102        timezone: draft.timezone,
103      });
104    },
105  };
106}
107
108export function useSecuritySettingsController(
109  security: SettingsBackend["security"],
110  saveSecuritySettings: SettingsBackend["actions"]["saveSecuritySettings"],
111) {
112  const [draft, setDraft] = useState<SecuritySettingsDraft>({
113    firewallEnabled: security.firewall.enabled,
114    firewallIncomingPolicy: security.firewall.incomingPolicy,
115    firewallOutgoingPolicy: security.firewall.outgoingPolicy,
116    fail2banEnabled: security.fail2ban.enabled,
117    fail2banMaxRetries: String(security.fail2ban.maxRetries),
118    fail2banBanDurationSeconds: String(security.fail2ban.banDuration),
119  });
120
121  useEffect(() => {
122    setDraft({
123      firewallEnabled: security.firewall.enabled,
124      firewallIncomingPolicy: security.firewall.incomingPolicy,
125      firewallOutgoingPolicy: security.firewall.outgoingPolicy,
126      fail2banEnabled: security.fail2ban.enabled,
127      fail2banMaxRetries: String(security.fail2ban.maxRetries),
128      fail2banBanDurationSeconds: String(security.fail2ban.banDuration),
129    });
130  }, [
131    security.fail2ban.banDuration,
132    security.fail2ban.enabled,
133    security.fail2ban.maxRetries,
134    security.firewall.enabled,
135    security.firewall.incomingPolicy,
136    security.firewall.outgoingPolicy,
137  ]);
138
139  const parsedDraft = parseSecurityDraft(draft);
140  const draftChanged =
141    draft.firewallEnabled !== security.firewall.enabled ||
142    draft.firewallIncomingPolicy !== security.firewall.incomingPolicy ||
143    draft.firewallOutgoingPolicy !== security.firewall.outgoingPolicy ||
144    draft.fail2banEnabled !== security.fail2ban.enabled ||
145    parsedDraft.maxRetries !== security.fail2ban.maxRetries ||
146    parsedDraft.banDuration !== security.fail2ban.banDuration;
147  const canSave =
148    draftChanged &&
149    areSecurityNumbersValid(draft) &&
150    !security.isLoading &&
151    !security.isSaving &&
152    !security.unavailable;
153
154  return {
155    draft,
156    patchDraft(patch: Partial<SecuritySettingsDraft>) {
157      setDraft((current) => ({
158        ...current,
159        ...patch,
160      }));
161    },
162    saveState: {
163      canSave,
164      title: getSecuritySaveTitle({ draft, data: security }),
165      pending: security.isSaving,
166      label: security.isSaving ? "Saving..." : "Save Changes",
167    },
168    async save() {
169      if (!canSave) return;
170
171      await saveSecuritySettings({
172        firewallEnabled: draft.firewallEnabled,
173        firewallIncomingPolicy: draft.firewallIncomingPolicy,
174        firewallOutgoingPolicy: draft.firewallOutgoingPolicy,
175        fail2banEnabled: draft.fail2banEnabled,
176        fail2banMaxRetries: parsedDraft.maxRetries,
177        fail2banBanDurationSeconds: parsedDraft.banDuration,
178      });
179    },
180  };
181}
182
183export function useBackupSettingsController(
184  backupSettings: SettingsBackend["backup"]["settings"],
185  saveBackupSettings: SettingsBackend["actions"]["saveBackupSettings"],
186) {
187  const [draft, setDraft] = useState<BackupSettingsDraft>({
188    enabled: backupSettings.enabled,
189    frequency: backupSettings.frequency,
190    dayOfWeek: backupSettings.dayOfWeek,
191    time: backupSettings.time,
192    retentionCount: String(backupSettings.retentionCount),
193  });
194
195  useEffect(() => {
196    setDraft({
197      enabled: backupSettings.enabled,
198      frequency: backupSettings.frequency,
199      dayOfWeek: backupSettings.dayOfWeek,
200      time: backupSettings.time,
201      retentionCount: String(backupSettings.retentionCount),
202    });
203  }, [
204    backupSettings.dayOfWeek,
205    backupSettings.enabled,
206    backupSettings.frequency,
207    backupSettings.retentionCount,
208    backupSettings.time,
209  ]);
210
211  const retentionCount = parseBackupRetentionCount(draft);
212  const draftChanged =
213    draft.enabled !== backupSettings.enabled ||
214    draft.frequency !== backupSettings.frequency ||
215    draft.dayOfWeek !== backupSettings.dayOfWeek ||
216    draft.time !== backupSettings.time ||
217    retentionCount !== backupSettings.retentionCount;
218  const canSave =
219    draftChanged &&
220    isBackupTimeValid(draft.time) &&
221    isBackupRetentionCountValid(retentionCount) &&
222    !backupSettings.isLoading &&
223    !backupSettings.isSaving;
224
225  return {
226    draft,
227    patchDraft(patch: Partial<BackupSettingsDraft>) {
228      setDraft((current) => ({
229        ...current,
230        ...patch,
231      }));
232    },
233    saveState: {
234      canSave,
235      title: getBackupSaveTitle({ draft, data: backupSettings }),
236      pending: backupSettings.isSaving,
237      label: backupSettings.isSaving ? "Saving..." : "Save Changes",
238    },
239    async save() {
240      if (!canSave) return;
241
242      await saveBackupSettings({
243        enabled: draft.enabled,
244        frequency: draft.frequency,
245        dayOfWeek: draft.dayOfWeek,
246        time: draft.time,
247        retentionCount,
248      });
249    },
250  };
251}
252
253export function useNotificationSettingsController(
254  desktopPreferences: DesktopPreferencesApi,
255) {
256  const [draft, setDraft] = useState<NotificationSettingsDraft>({
257    systemAlertsEnabled:
258      desktopPreferences.notificationPreferences.systemAlertsEnabled,
259    updateNotificationsEnabled:
260      desktopPreferences.notificationPreferences.updateNotificationsEnabled,
261    backupReportsEnabled:
262      desktopPreferences.notificationPreferences.backupReportsEnabled,
263    securityEventsEnabled:
264      desktopPreferences.notificationPreferences.securityEventsEnabled,
265    cpuAlertThresholdPercent: String(
266      desktopPreferences.notificationPreferences.cpuAlertThresholdPercent,
267    ),
268    memoryAlertThresholdPercent: String(
269      desktopPreferences.notificationPreferences.memoryAlertThresholdPercent,
270    ),
271    diskAlertThresholdPercent: String(
272      desktopPreferences.notificationPreferences.diskAlertThresholdPercent,
273    ),
274    temperatureAlertThresholdCelsius: String(
275      desktopPreferences.notificationPreferences.temperatureAlertThresholdCelsius,
276    ),
277  });
278
279  useEffect(() => {
280    setDraft({
281      systemAlertsEnabled:
282        desktopPreferences.notificationPreferences.systemAlertsEnabled,
283      updateNotificationsEnabled:
284        desktopPreferences.notificationPreferences.updateNotificationsEnabled,
285      backupReportsEnabled:
286        desktopPreferences.notificationPreferences.backupReportsEnabled,
287      securityEventsEnabled:
288        desktopPreferences.notificationPreferences.securityEventsEnabled,
289      cpuAlertThresholdPercent: String(
290        desktopPreferences.notificationPreferences.cpuAlertThresholdPercent,
291      ),
292      memoryAlertThresholdPercent: String(
293        desktopPreferences.notificationPreferences.memoryAlertThresholdPercent,
294      ),
295      diskAlertThresholdPercent: String(
296        desktopPreferences.notificationPreferences.diskAlertThresholdPercent,
297      ),
298      temperatureAlertThresholdCelsius: String(
299        desktopPreferences.notificationPreferences.temperatureAlertThresholdCelsius,
300      ),
301    });
302  }, [desktopPreferences.notificationPreferences]);
303
304  const thresholds = parseNotificationThresholds(draft);
305  const draftChanged =
306    draft.systemAlertsEnabled !==
307      desktopPreferences.notificationPreferences.systemAlertsEnabled ||
308    draft.updateNotificationsEnabled !==
309      desktopPreferences.notificationPreferences.updateNotificationsEnabled ||
310    draft.backupReportsEnabled !==
311      desktopPreferences.notificationPreferences.backupReportsEnabled ||
312    thresholds.cpu !==
313      desktopPreferences.notificationPreferences.cpuAlertThresholdPercent ||
314    thresholds.memory !==
315      desktopPreferences.notificationPreferences.memoryAlertThresholdPercent ||
316    thresholds.disk !==
317      desktopPreferences.notificationPreferences.diskAlertThresholdPercent ||
318    thresholds.temperature !==
319      desktopPreferences.notificationPreferences.temperatureAlertThresholdCelsius;
320  const canSave =
321    desktopPreferences.isHydrated &&
322    draftChanged &&
323    areNotificationThresholdsValid(draft);
324
325  return {
326    draft,
327    patchDraft(patch: Partial<NotificationSettingsDraft>) {
328      setDraft((current) => ({
329        ...current,
330        ...patch,
331      }));
332    },
333    saveState: {
334      canSave,
335      title: getNotificationsSaveTitle(draft),
336      pending: false,
337      label: "Save Changes",
338    },
339    async save() {
340      if (!canSave) return;
341
342      desktopPreferences.setNotificationPreferences((current) => ({
343        ...current,
344        systemAlertsEnabled: draft.systemAlertsEnabled,
345        updateNotificationsEnabled: draft.updateNotificationsEnabled,
346        backupReportsEnabled: draft.backupReportsEnabled,
347        securityEventsEnabled: current.securityEventsEnabled,
348        cpuAlertThresholdPercent: thresholds.cpu,
349        memoryAlertThresholdPercent: thresholds.memory,
350        diskAlertThresholdPercent: thresholds.disk,
351        temperatureAlertThresholdCelsius: thresholds.temperature,
352      }));
353    },
354  };
355}
356
357export function useUpdatesAutoCheckEffect(args: {
358  activeSection: SettingsSectionId;
359  isHydrated: boolean;
360  autoCheckEnabled: boolean;
361  onCheckForUpdates: () => void;
362}) {
363  const { activeSection, isHydrated, autoCheckEnabled, onCheckForUpdates } =
364    args;
365  const updatesAutoCheckTriggeredRef = useRef(false);
366
367  useEffect(() => {
368    if (activeSection !== "updates" || !isHydrated) {
369      updatesAutoCheckTriggeredRef.current = false;
370      return;
371    }
372
373    if (!autoCheckEnabled) {
374      updatesAutoCheckTriggeredRef.current = false;
375      return;
376    }
377
378    if (updatesAutoCheckTriggeredRef.current) {
379      return;
380    }
381
382    updatesAutoCheckTriggeredRef.current = true;
383    onCheckForUpdates();
384  }, [activeSection, autoCheckEnabled, isHydrated, onCheckForUpdates]);
385}
386