misc: prettier formatting

2026-01-04 12:17:59 -05:00
parent 8fa923fcbc
commit ce13bf838b
4 changed files with 487 additions and 455 deletions
--- a/.editorconfig
+++ b/.editorconfig
@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.{js,jsx,ts,tsx,json,css,scss,md}]
+indent_size = 2
--- a/.prettierrc
+++ b/.prettierrc
@@ -0,0 +1,8 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "arrowParens": "avoid"
+}
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -3,5 +3,16 @@
    "source.fixAll": "explicit",
    "source.organizeImports": "explicit",
    "source.sortMembers": "explicit"
+  },
+  "editor.detectIndentation": false,
+  "editor.tabSize": 2,
+  "editor.insertSpaces": true,
+  "[javascript]": {
+    "editor.tabSize": 2,
+    "editor.insertSpaces": true
+  },
+  "[typescript]": {
+    "editor.tabSize": 2,
+    "editor.insertSpaces": true
  }
 }
--- a/app/(tabs)/index.tsx
+++ b/app/(tabs)/index.tsx
@@ -1,7 +1,7 @@
-import { ContextMenu, Host, Button as SwiftUIButton } from "@expo/ui/swift-ui";
-import { Ionicons } from "@expo/vector-icons";
-import { SymbolView } from "expo-symbols";
-import React, { useCallback, useEffect, useState } from "react";
+import { ContextMenu, Host, Button as SwiftUIButton } from '@expo/ui/swift-ui';
+import { Ionicons } from '@expo/vector-icons';
+import { SymbolView } from 'expo-symbols';
+import React, { useCallback, useEffect, useState } from 'react';
 import {
  ActivityIndicator,
  Alert,
@@ -12,20 +12,20 @@ import {
  Text,
  TouchableOpacity,
  View,
-} from "react-native";
-import { useColorScheme } from "../../hooks/use-color-scheme";
-import api from "../../src/services/api";
-import { Device } from "../../src/types";
-import * as Burnt from "burnt";
+} from 'react-native';
+import { useColorScheme } from '../../hooks/use-color-scheme';
+import api from '../../src/services/api';
+import { Device } from '../../src/types';
+import * as Burnt from 'burnt';

 export default function DeviceListScreen() {
-	const colorScheme = useColorScheme() ?? "light";
-	const isDark = colorScheme === "dark";
-	const bgColor = isDark ? "#0b0b0d" : "#f5f5f5";
-	const cardBg = isDark ? "#1c1c1e" : "#fff";
-	const textColor = isDark ? "#ffffff" : "#333333";
-	const subTextColor = isDark ? "#c6c6c8" : "#666666";
-	const activityColor = isDark ? "#0A84FF" : "#007AFF";
+  const colorScheme = useColorScheme() ?? 'light';
+  const isDark = colorScheme === 'dark';
+  const bgColor = isDark ? '#0b0b0d' : '#f5f5f5';
+  const cardBg = isDark ? '#1c1c1e' : '#fff';
+  const textColor = isDark ? '#ffffff' : '#333333';
+  const subTextColor = isDark ? '#c6c6c8' : '#666666';
+  const activityColor = isDark ? '#0A84FF' : '#007AFF';

  const [devices, setDevices] = useState<Device[]>([]);
  const [isLoading, setIsLoading] = useState(true);
@@ -39,7 +39,7 @@ export default function DeviceListScreen() {
    } catch (error: any) {
      // For background/periodic refreshes, avoid interruptive alerts
      if (showLoading) {
-				Alert.alert("Error", error.message || "Failed to load devices");
+        Alert.alert('Error', error.message || 'Failed to load devices');
      }
    } finally {
      if (showLoading) setIsLoading(false);
@@ -71,14 +71,14 @@ export default function DeviceListScreen() {
    startPolling();

    const onAppStateChange = (nextAppState: string) => {
-			if (nextAppState === "active") {
+      if (nextAppState === 'active') {
        startPolling();
      } else {
        stopPolling();
      }
    };

-		const subscription = AppState.addEventListener("change", onAppStateChange);
+    const subscription = AppState.addEventListener('change', onAppStateChange);

    return () => {
      stopPolling();
@@ -96,38 +96,39 @@ export default function DeviceListScreen() {
    try {
      await api.wakeDevice(device.id);
      Burnt.toast({
-        title: "Success",
-        preset: "done",
+        title: 'Success',
+        preset: 'done',
        message: `Waking ${device.name} up.`,
      });
    } catch (error: any) {
      Burnt.toast({
-        title: "Error",
-        preset: "error",
+        title: 'Error',
+        preset: 'error',
        message: error.message || `Failed to wake up ${device.name}.`,
      });
    }
  };

  const handleSleep = async (device: Device) => {
-		Alert.alert("Confirm", `Send ${device.name} to sleep?`, [
-			{ text: "Cancel", style: "cancel" },
+    Alert.alert('Confirm', `Send ${device.name} to sleep?`, [
+      { text: 'Cancel', style: 'cancel' },
      {
-				text: "Sleep",
-				style: "destructive",
+        text: 'Sleep',
+        style: 'destructive',
        onPress: async () => {
          try {
            await api.sleepDevice(device.id);
            Burnt.toast({
-              title: "Success",
-              preset: "done",
+              title: 'Success',
+              preset: 'done',
              message: `Sending ${device.name} to sleep.`,
            });
          } catch (error: any) {
            Burnt.toast({
-              title: "Error",
-              preset: "error",
-              message: error.message || `Failed to send ${device.name} to sleep.`,
+              title: 'Error',
+              preset: 'error',
+              message:
+                error.message || `Failed to send ${device.name} to sleep.`,
            });
          }
        },
@@ -136,23 +137,23 @@ export default function DeviceListScreen() {
  };

  const handleReboot = async (device: Device) => {
-		Alert.alert("Confirm", `Reboot ${device.name}?`, [
-			{ text: "Cancel", style: "cancel" },
+    Alert.alert('Confirm', `Reboot ${device.name}?`, [
+      { text: 'Cancel', style: 'cancel' },
      {
-				text: "Reboot",
-				style: "destructive",
+        text: 'Reboot',
+        style: 'destructive',
        onPress: async () => {
          try {
            await api.rebootDevice(device.id);
            Burnt.toast({
-              title: "Success",
-              preset: "done",
+              title: 'Success',
+              preset: 'done',
              message: `Rebooting ${device.name}.`,
            });
          } catch (error: any) {
            Burnt.toast({
-              title: "Error",
-              preset: "error",
+              title: 'Error',
+              preset: 'error',
              message: error.message || `Failed to reboot ${device.name}`,
            });
          }
@@ -163,25 +164,25 @@ export default function DeviceListScreen() {

  const handleShutdown = async (device: Device) => {
    Alert.alert(
-			"Confirm Shutdown",
+      'Confirm Shutdown',
      `Shutdown ${device.name}? This cannot be undone.`,
      [
-				{ text: "Cancel", style: "cancel" },
+        { text: 'Cancel', style: 'cancel' },
        {
-					text: "Shutdown",
-					style: "destructive",
+          text: 'Shutdown',
+          style: 'destructive',
          onPress: async () => {
            try {
              await api.shutdownDevice(device.id);
              Burnt.toast({
-                title: "Success",
-                preset: "done",
+                title: 'Success',
+                preset: 'done',
                message: `Shutting down ${device.name}.`,
              });
            } catch (error: any) {
              Burnt.toast({
-                title: "Error",
-                preset: "error",
+                title: 'Error',
+                preset: 'error',
                message: error.message || `Failed to shut down ${device.name}.`,
              });
            }
@@ -192,30 +193,30 @@ export default function DeviceListScreen() {
  };

  const handleDelete = (device: Device) => {
-		Alert.alert("Delete Device", `Delete "${device.name}"?`, [
+    Alert.alert('Delete Device', `Delete "${device.name}"?`, [
      {
-				text: "Cancel",
-				style: "cancel",
+        text: 'Cancel',
+        style: 'cancel',
        onPress: () => {
          // Close alert
        },
      },
      {
-				text: "Delete",
-				style: "destructive",
+        text: 'Delete',
+        style: 'destructive',
        onPress: async () => {
          try {
            await api.deleteDevice(device.id);
            Burnt.toast({
-              title: "Success",
-              preset: "done",
+              title: 'Success',
+              preset: 'done',
              message: `Deleted ${device.name} successfully.`,
            });
            fetchDevices(false);
          } catch (error: any) {
            Burnt.toast({
-              title: "Error",
-              preset: "error",
+              title: 'Error',
+              preset: 'error',
              message: error.message || `Failed to delete ${device.name}.`,
            });
          }
@@ -226,12 +227,12 @@ export default function DeviceListScreen() {

  const getStatusColor = (status: string) => {
    switch (status?.toLowerCase()) {
-			case "online":
-				return "#4CAF50";
-			case "offline":
-				return "#f44336";
+      case 'online':
+        return '#4CAF50';
+      case 'offline':
+        return '#f44336';
      default:
-				return "#ff9800";
+        return '#ff9800';
    }
  };

@@ -261,7 +262,7 @@ export default function DeviceListScreen() {
        type="monochrome"
        fallback={
          <Ionicons
-						name={(fallbackName || "ellipse") as any}
+            name={(fallbackName || 'ellipse') as any}
            size={20}
            color={color}
          />
@@ -289,7 +290,7 @@ export default function DeviceListScreen() {
              styles.deviceCard,
              {
                backgroundColor: cardBg,
-								shadowColor: isDark ? "rgba(0,0,0,0.6)" : "#000",
+                shadowColor: isDark ? 'rgba(0,0,0,0.6)' : '#000',
              },
            ]}
          >
@@ -308,7 +309,7 @@ export default function DeviceListScreen() {
                  size={18}
                  tintColor={getStatusColor(item.status)}
                  animationSpec={{
-										effect: { type: "pulse" },
+                    effect: { type: 'pulse' },
                    repeating: true,
                    speed: 1,
                  }}
@@ -380,7 +381,7 @@ export default function DeviceListScreen() {
      <FlatList
        data={devices}
        renderItem={renderDevice}
-				keyExtractor={(item) => item.id}
+        keyExtractor={item => item.id}
        contentContainerStyle={styles.list}
        refreshControl={
          <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
@@ -400,10 +401,10 @@ export default function DeviceListScreen() {
 const styles = StyleSheet.create({
  container: {
    flex: 1,
-		backgroundColor: "#f5f5f5",
+    backgroundColor: '#f5f5f5',
  },
  headerRight: {
-		flexDirection: "row",
+    flexDirection: 'row',
    gap: 16,
  },
  headerButton: {
@@ -411,28 +412,28 @@ const styles = StyleSheet.create({
  },
  loadingContainer: {
    flex: 1,
-		justifyContent: "center",
-		alignItems: "center",
+    justifyContent: 'center',
+    alignItems: 'center',
  },
  list: {
    padding: 15,
    gap: 15,
  },
  deviceCard: {
-		backgroundColor: "#fff",
+    backgroundColor: '#fff',
    borderRadius: 12,
    padding: 15,
    paddingRight: 25,
-		shadowColor: "#000",
+    shadowColor: '#000',
    shadowOffset: { width: 0, height: 2 },
    shadowOpacity: 0.1,
    shadowRadius: 4,
    elevation: 3,
  },
  deviceHeader: {
-		flexDirection: "row",
-		justifyContent: "space-between",
-		alignItems: "center",
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
    marginBottom: 12,
  },
  deviceInfo: {
@@ -440,13 +441,13 @@ const styles = StyleSheet.create({
  },
  deviceName: {
    fontSize: 18,
-		fontWeight: "bold",
-		color: "#333",
+    fontWeight: 'bold',
+    color: '#333',
    marginBottom: 4,
  },
  deviceIP: {
    fontSize: 14,
-		color: "#666",
+    color: '#666',
  },
  statusDot: {
    width: 12,
@@ -454,17 +455,17 @@ const styles = StyleSheet.create({
    borderRadius: 6,
  },
  deviceActions: {
-		flexDirection: "row",
-		alignItems: "center",
-		justifyContent: "flex-start",
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
    marginTop: 8,
    paddingBottom: 6,
  },
  actionIconContainer: {
    padding: 6,
    marginRight: 12,
-		justifyContent: "center",
-		alignItems: "center",
+    justifyContent: 'center',
+    alignItems: 'center',
    minWidth: 36,
    minHeight: 36,
  },
@@ -473,21 +474,21 @@ const styles = StyleSheet.create({
    height: 22,
  },
  actionButtonText: {
-		color: "#fff",
-		fontWeight: "600",
+    color: '#fff',
+    fontWeight: '600',
    fontSize: 12,
  },
  wakeButton: {
-		backgroundColor: "#4CAF50",
+    backgroundColor: '#4CAF50',
  },
  sleepButton: {
-		backgroundColor: "#FF9800",
+    backgroundColor: '#FF9800',
  },
  rebootButton: {
-		backgroundColor: "#2196F3",
+    backgroundColor: '#2196F3',
  },
  shutdownButton: {
-		backgroundColor: "#f44336",
+    backgroundColor: '#f44336',
  },
  statusSymbol: {
    width: 18,
@@ -499,11 +500,11 @@ const styles = StyleSheet.create({
    elevation: 6,
  },
  emptyContainer: {
-		alignItems: "center",
+    alignItems: 'center',
    paddingVertical: 50,
  },
  emptyText: {
    fontSize: 16,
-		color: "#999",
+    color: '#999',
  },
 });