Initialize Schnappix Photo Booth application with custom UVC camera, silent Wi-Fi IPP printing, local gallery storage, and kiosk screen pinning support

App.tsx

@@ -0,0 +1,140 @@
+import React, { useState, useEffect } from 'react';
+import { StyleSheet, View, SafeAreaView, StatusBar } from 'react-native';
+import HomeScreen from './src/screens/HomeScreen';
+import CameraScreen from './src/screens/CameraScreen';
+import PreviewScreen from './src/screens/PreviewScreen';
+import AdminScreen from './src/screens/AdminScreen';
+import { loadSettings, AppSettings } from './src/services/settings';
+import KioskMode from './modules/kiosk-mode';
+
+type ScreenState = 'home' | 'camera' | 'preview' | 'admin';
+
+export default function App() {
+  const [currentScreen, setCurrentScreen] = useState<ScreenState>('home');
+  const [photoUris, setPhotoUris] = useState<string[]>([]);
+  const [settings, setSettings] = useState<AppSettings | null>(null);
+
+  // 1. Load configuration settings on app start
+  useEffect(() => {
+    async function initApp() {
+      const savedSettings = await loadSettings();
+      setSettings(savedSettings);
+
+      // Auto-start Kiosk mode if it was configured as enabled
+      if (savedSettings.kioskModeEnabled) {
+        try {
+          KioskMode.startKiosk();
+        } catch (e) {
+          console.warn('Failed to auto-start Kiosk mode:', e);
+        }
+      }
+    }
+    initApp();
+  }, []);
+
+  if (!settings) {
+    return <View style={styles.loadingContainer} />;
+  }
+
+  // 2. Navigation Actions
+  const handleStartBooth = () => {
+    setPhotoUris([]);
+    setCurrentScreen('camera');
+  };
+
+  const handlePhotoCaptured = (uri: string) => {
+    setPhotoUris((prev) => [...prev, uri]);
+    setCurrentScreen('preview');
+  };
+
+  const handleRetakeLast = () => {
+    // Remove last captured photo
+    const updatedUris = [...photoUris];
+    updatedUris.pop();
+    setPhotoUris(updatedUris);
+    
+    // If we have other photos, let user retake from current collage length
+    if (updatedUris.length > 0) {
+      setCurrentScreen('camera');
+    } else {
+      setCurrentScreen('home');
+    }
+  };
+
+  const handleAddAnother = () => {
+    setCurrentScreen('camera');
+  };
+
+  const handleReset = () => {
+    setPhotoUris([]);
+    setCurrentScreen('home');
+  };
+
+  const handleSaveSettings = (updated: AppSettings) => {
+    setSettings(updated);
+  };
+
+  const handleOpenAdmin = () => {
+    setCurrentScreen('admin');
+  };
+
+  // 3. Conditional Screen Rendering
+  const renderScreen = () => {
+    switch (currentScreen) {
+      case 'camera':
+        return (
+          <CameraScreen
+            countdownDuration={settings.countdownDuration}
+            onPhotoCaptured={handlePhotoCaptured}
+            onCancel={handleReset}
+          />
+        );
+      case 'preview':
+        return (
+          <PreviewScreen
+            photoUris={photoUris}
+            printerIp={settings.printerIp}
+            onRetakeLast={handleRetakeLast}
+            onAddAnother={handleAddAnother}
+            onReset={handleReset}
+          />
+        );
+      case 'admin':
+        return (
+          <AdminScreen
+            currentSettings={settings}
+            onSave={handleSaveSettings}
+            onClose={() => setCurrentScreen('home')}
+          />
+        );
+      default:
+        return (
+          <HomeScreen
+            onStart={handleStartBooth}
+            onNavigateToAdmin={handleOpenAdmin}
+            adminPassword={settings.adminPassword}
+          />
+        );
+    }
+  };
+
+  return (
+    <SafeAreaView style={styles.container}>
+      <StatusBar hidden={true} />
+      {renderScreen()}
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#000000',
+  },
+  loadingContainer: {
+    flex: 1,
+    backgroundColor: '#050507',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+});