refactor(scanner): more basic work to get the scanner just running

2026-04-19 17:20:57 -05:00
parent 3734d9daac
commit 82f8369640
19 changed files with 642 additions and 323 deletions
--- a/lstMobile/src/app/setup.tsx
+++ b/lstMobile/src/app/setup.tsx
@@ -0,0 +1,156 @@
+import Constants from "expo-constants";
+import { useRouter } from "expo-router";
+import { useState } from "react";
+import { Alert, Button, Text, TextInput, View } from "react-native";
+import { useAppStore } from "../hooks/useAppStore";
+
+export default function setup() {
+	const router = useRouter();
+	const [auth, setAuth] = useState(false);
+	const [pin, setPin] = useState("");
+	const version = Constants.expoConfig?.version;
+	const build = Constants.expoConfig?.android?.versionCode ?? 1;
+
+	const serverIpFromStore = useAppStore((s) => s.serverIp);
+	const serverPortFromStore = useAppStore((s) => s.serverPort);
+
+	const updateAppState = useAppStore((s) => s.updateAppState);
+
+	// local form state
+	const [serverIp, setLocalServerIp] = useState(serverIpFromStore);
+	const [serverPort, setLocalServerPort] = useState(serverPortFromStore);
+
+	const authCheck = () => {
+		if (pin === "6971") {
+			setAuth(true);
+		} else {
+			Alert.alert("Incorrect pin entered please try again");
+			setPin("");
+		}
+	};
+
+	const handleSave = async () => {
+		if (!serverIp.trim() || !serverPort.trim()) {
+			Alert.alert("Missing info", "Please fill in both fields.");
+			return;
+		}
+
+		updateAppState({
+			serverIp: serverIp.trim(),
+			serverPort: serverPort.trim(),
+			setupCompleted: true,
+			isRegistered: true,
+		});
+
+		Alert.alert("Saved", "Config saved to device.");
+		//router.replace("/");
+	};
+	return (
+		<View
+			style={{
+				flex: 1,
+				//justifyContent: "center",
+				alignItems: "center",
+				marginTop: 50,
+			}}
+		>
+			<View style={{ alignItems: "center", margin: 10 }}>
+				<Text style={{ fontSize: 20, fontWeight: "600" }}>
+					LST Scanner Config
+				</Text>
+			</View>
+			{!auth ? (
+				<View>
+					<Text>Pin Number</Text>
+					<TextInput
+						value={pin}
+						onChangeText={setPin}
+						placeholder=""
+						//autoCapitalize="none"
+						keyboardType="numeric"
+						style={{ borderWidth: 1, padding: 10, borderRadius: 8, width: 128 }}
+					/>
+					<View
+						style={{
+							flexDirection: "row",
+							justifyContent: "center",
+							padding: 3,
+							borderRadius: 8,
+						}}
+					>
+						<Button title="Save Config" onPress={authCheck} />
+					</View>
+				</View>
+			) : (
+				<View>
+					<Text>Server IP</Text>
+					<TextInput
+						value={serverIp}
+						onChangeText={setLocalServerIp}
+						placeholder="192.168.1.1"
+						//autoCapitalize="none"
+						keyboardType="numeric"
+						style={{ borderWidth: 1, padding: 10, borderRadius: 8 }}
+					/>
+
+					<Text>Server port</Text>
+					<TextInput
+						value={serverPort}
+						onChangeText={setLocalServerPort}
+						placeholder="3000"
+						autoCapitalize="characters"
+						keyboardType="numeric"
+						style={{ borderWidth: 1, padding: 10, borderRadius: 8 }}
+					/>
+
+					{parseInt(serverPort ?? "0", 10) >= 50000 && (
+						<View>
+							<Text>Scanner ID</Text>
+							<Text style={{ width: 250 }}>
+								This is needed as you will be redirected to the standard scanner
+								with no rules except the rules that alplaprod puts in
+							</Text>
+							<TextInput
+								value={scannerId}
+								onChangeText={setScannerId}
+								placeholder="0001"
+								autoCapitalize="characters"
+								keyboardType="numeric"
+								style={{ borderWidth: 1, padding: 10, borderRadius: 8 }}
+							/>
+						</View>
+					)}
+
+					<View
+						style={{
+							flexDirection: "row",
+							justifyContent: "center",
+							padding: 3,
+							gap: 3,
+						}}
+					>
+						<Button title="Save Config" onPress={handleSave} />
+						<Button
+							title="Home"
+							onPress={() => {
+								router.push("/");
+							}}
+						/>
+					</View>
+				</View>
+			)}
+			<View
+				style={{
+					marginTop: "auto",
+					alignItems: "center",
+					padding: 10,
+					marginBottom: 12,
+				}}
+			>
+				<Text style={{ fontSize: 12, color: "#666" }}>
+					LST Scanner v{version}-{build}
+				</Text>
+			</View>
+		</View>
+	);
+}