mirror of
https://github.com/0xWheatyz/handler.git
synced 2026-08-30 12:06:24 +00:00
0xWheatyz
c0342a9796
Wire the mobile app to the real Handler API instead of the transcribed prototype data: - src/api/client.ts: typed client ported from frontend/lib/api.ts (bearer auth, AuthError/ApiError, base URL param, allow401 for admin-only resume) - src/api/format.ts: relative-time + status label/tone/color helpers - src/state/ServerConfig.tsx: endpoint+token persisted to AsyncStorage - src/screens/ConnectScreen.tsx: first-open config, validated via /health then /projects - src/state/AppState.tsx: data-driven store polling projects -> agents -> checkmarks -> logs every 10s with per-item failure isolation; derives fleet counts, waiting list, recent checkmarks, merged log; answer+resume, spawn, kill mutations; 401 routes back to ConnectScreen - screens render live data; detail meta is Started/Status/Tests/Build; Pause removed (no endpoint); Kill confirms; log filters are per-project - delete src/data/mock.ts tsc clean; Hermes bundle builds (200).
121 lines
3.0 KiB
TypeScript
121 lines
3.0 KiB
TypeScript
import React from "react";
|
|
import { View } from "react-native";
|
|
import { StatusBar } from "expo-status-bar";
|
|
import {
|
|
SafeAreaProvider,
|
|
useSafeAreaInsets,
|
|
} from "react-native-safe-area-context";
|
|
import {
|
|
useFonts,
|
|
Outfit_400Regular,
|
|
Outfit_500Medium,
|
|
Outfit_600SemiBold,
|
|
Outfit_700Bold,
|
|
Outfit_800ExtraBold,
|
|
} from "@expo-google-fonts/outfit";
|
|
import {
|
|
Figtree_400Regular,
|
|
Figtree_500Medium,
|
|
Figtree_600SemiBold,
|
|
Figtree_700Bold,
|
|
Figtree_400Regular_Italic,
|
|
} from "@expo-google-fonts/figtree";
|
|
import {
|
|
SplineSansMono_400Regular,
|
|
SplineSansMono_500Medium,
|
|
SplineSansMono_600SemiBold,
|
|
} from "@expo-google-fonts/spline-sans-mono";
|
|
|
|
import { useTheme } from "./src/theme/useTheme";
|
|
import { AppStateProvider, useAppState } from "./src/state/AppState";
|
|
import { ServerConfigProvider, useServerConfig } from "./src/state/ServerConfig";
|
|
import { ConnectScreen } from "./src/screens/ConnectScreen";
|
|
import { FleetScreen } from "./src/screens/FleetScreen";
|
|
import { AgentDetailScreen } from "./src/screens/AgentDetailScreen";
|
|
import { AnswerScreen } from "./src/screens/AnswerScreen";
|
|
import { SpawnScreen } from "./src/screens/SpawnScreen";
|
|
import { LogScreen } from "./src/screens/LogScreen";
|
|
import { SettingsScreen } from "./src/screens/SettingsScreen";
|
|
|
|
function Router() {
|
|
const { screen } = useAppState();
|
|
|
|
const Screen = {
|
|
connect: ConnectScreen,
|
|
fleet: FleetScreen,
|
|
detail: AgentDetailScreen,
|
|
answer: AnswerScreen,
|
|
spawn: SpawnScreen,
|
|
log: LogScreen,
|
|
settings: SettingsScreen,
|
|
}[screen];
|
|
|
|
return <Screen />;
|
|
}
|
|
|
|
/** Gate: splash while config loads, ConnectScreen when unconfigured, else the fleet app. */
|
|
function Gate() {
|
|
const { config, loading } = useServerConfig();
|
|
const { scheme, colors } = useTheme();
|
|
|
|
return (
|
|
<View style={{ flex: 1, backgroundColor: colors.surfacePage }}>
|
|
<StatusBar style={scheme === "dark" ? "light" : "dark"} />
|
|
{loading ? (
|
|
<SplashPlaceholder />
|
|
) : config ? (
|
|
<AppStateProvider>
|
|
<Router />
|
|
</AppStateProvider>
|
|
) : (
|
|
<ConnectScreen />
|
|
)}
|
|
</View>
|
|
);
|
|
}
|
|
|
|
export default function App() {
|
|
const [fontsLoaded] = useFonts({
|
|
Outfit_400Regular,
|
|
Outfit_500Medium,
|
|
Outfit_600SemiBold,
|
|
Outfit_700Bold,
|
|
Outfit_800ExtraBold,
|
|
Figtree_400Regular,
|
|
Figtree_500Medium,
|
|
Figtree_600SemiBold,
|
|
Figtree_700Bold,
|
|
Figtree_400Regular_Italic,
|
|
SplineSansMono_400Regular,
|
|
SplineSansMono_500Medium,
|
|
SplineSansMono_600SemiBold,
|
|
});
|
|
|
|
return (
|
|
<SafeAreaProvider>
|
|
{fontsLoaded ? (
|
|
<ServerConfigProvider>
|
|
<Gate />
|
|
</ServerConfigProvider>
|
|
) : (
|
|
<SplashPlaceholder />
|
|
)}
|
|
</SafeAreaProvider>
|
|
);
|
|
}
|
|
|
|
/** Blank page-colored screen while fonts load (avoids a font flash). */
|
|
function SplashPlaceholder() {
|
|
const { colors } = useTheme();
|
|
const insets = useSafeAreaInsets();
|
|
return (
|
|
<View
|
|
style={{
|
|
flex: 1,
|
|
backgroundColor: colors.surfacePage,
|
|
paddingTop: insets.top,
|
|
}}
|
|
/>
|
|
);
|
|
}
|