fix: add error boundary, harden player setup, catch init errors

mobile/App.js

@@ -1,5 +1,5 @@
-import React, { useEffect, useState } from 'react';
-import { View, StatusBar } from 'react-native';
+import React, { useEffect, useState, Component } from 'react';
+import { View, StatusBar, Text, ScrollView } from 'react-native';
 import { NavigationContainer } from '@react-navigation/native';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { createStackNavigator } from '@react-navigation/stack';
@@ -19,6 +19,30 @@ import LoginScreen        from './src/screens/Login';
 import NowPlayingScreen   from './src/screens/NowPlaying';
 import PlayerBar          from './src/components/PlayerBar';
 
+// ─── ERROR BOUNDARY ───
+class ErrorBoundary extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(e) { return { error: e }; }
+  render() {
+    if (this.state.error) {
+      return (
+        <ScrollView style={{ flex: 1, backgroundColor: '#121212', padding: 24, paddingTop: 60 }}>
+          <Text style={{ color: '#e05252', fontSize: 16, fontWeight: '700', marginBottom: 12 }}>
+            Fehler beim Starten
+          </Text>
+          <Text style={{ color: '#fff', fontSize: 13, fontFamily: 'monospace' }}>
+            {this.state.error?.message || String(this.state.error)}
+          </Text>
+          <Text style={{ color: '#aaa', fontSize: 12, marginTop: 16 }}>
+            {this.state.error?.stack}
+          </Text>
+        </ScrollView>
+      );
+    }
+    return this.props.children;
+  }
+}
+
 const Tab   = createBottomTabNavigator();
 const Stack = createStackNavigator();
 
@@ -63,11 +87,16 @@ function RootNavigator() {
 export default function App() {
   const { loadConfig } = useStore();
   const [ready, setReady] = useState(false);
+  const [initError, setInitError] = useState(null);
 
   useEffect(() => {
     (async () => {
-      await loadConfig();
-      await setupPlayer();
+      try {
+        await loadConfig();
+        await setupPlayer();
+      } catch (e) {
+        setInitError(e?.message || String(e));
+      }
       setReady(true);
     })();
   }, []);
@@ -82,26 +111,37 @@ export default function App() {
     return () => { sub1.remove(); sub2.remove(); };
   }, []);
 
-  if (!ready) return null;
+  if (!ready) return (
+    <View style={{ flex: 1, backgroundColor: '#121212' }} />
+  );
+
+  if (initError) return (
+    <ScrollView style={{ flex: 1, backgroundColor: '#121212', padding: 24, paddingTop: 60 }}>
+      <Text style={{ color: '#e05252', fontSize: 16, fontWeight: '700', marginBottom: 12 }}>Init-Fehler</Text>
+      <Text style={{ color: '#fff', fontSize: 13 }}>{initError}</Text>
+    </ScrollView>
+  );
 
   return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
-      <SafeAreaProvider>
-        <StatusBar barStyle="light-content" backgroundColor="#121212" />
-        <NavigationContainer theme={{
-          dark: true,
-          colors: {
-            primary:      '#1db954',
-            background:   '#121212',
-            card:         '#1e1e1e',
-            text:         '#ffffff',
-            border:       '#2a2a2a',
-            notification: '#1db954',
-          },
-        }}>
-          <RootNavigator />
-        </NavigationContainer>
-      </SafeAreaProvider>
-    </GestureHandlerRootView>
+    <ErrorBoundary>
+      <GestureHandlerRootView style={{ flex: 1 }}>
+        <SafeAreaProvider>
+          <StatusBar barStyle="light-content" backgroundColor="#121212" />
+          <NavigationContainer theme={{
+            dark: true,
+            colors: {
+              primary:      '#1db954',
+              background:   '#121212',
+              card:         '#1e1e1e',
+              text:         '#ffffff',
+              border:       '#2a2a2a',
+              notification: '#1db954',
+            },
+          }}>
+            <RootNavigator />
+          </NavigationContainer>
+        </SafeAreaProvider>
+      </GestureHandlerRootView>
+    </ErrorBoundary>
   );
 }

mobile/src/audio/player.js

@@ -6,25 +6,23 @@ let _setupDone = false;
 
 export async function setupPlayer() {
   if (_setupDone) return;
-  await TrackPlayer.setupPlayer({ autoHandleInterruptions: true });
-  await TrackPlayer.updateOptions({
-    capabilities: [
-      Capability.Play,
-      Capability.Pause,
-      Capability.SkipToNext,
-      Capability.SkipToPrevious,
-      Capability.SeekTo,
-      Capability.Stop,
-    ],
-    compactCapabilities: [Capability.Play, Capability.Pause, Capability.SkipToNext, Capability.SkipToPrevious],
-    notificationCapabilities: [
-      Capability.Play,
-      Capability.Pause,
-      Capability.SkipToNext,
-      Capability.SkipToPrevious,
-    ],
-  });
-  _setupDone = true;
+  try {
+    await TrackPlayer.setupPlayer();
+    await TrackPlayer.updateOptions({
+      capabilities: [
+        Capability.Play,
+        Capability.Pause,
+        Capability.SkipToNext,
+        Capability.SkipToPrevious,
+        Capability.SeekTo,
+        Capability.Stop,
+      ],
+      compactCapabilities: [Capability.Play, Capability.Pause, Capability.SkipToNext, Capability.SkipToPrevious],
+    });
+    _setupDone = true;
+  } catch (e) {
+    console.error('TrackPlayer setup failed:', e);
+  }
 }
 
 // Convert a Navidrome song object to a react-native-track-player track object