import { Stack } from 'expo-router';
import { SQLiteProvider } from 'expo-sqlite';
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, View } from 'react-native';
import { migrateDb } from '@/db';
import { PyodideWebView } from '@/extraction/PyodideWebView';

export default function RootLayout() {
  return (
    <View style={styles.root}>
      {/* Hidden WebView: starts loading Pyodide immediately so the runtime
          is warm by the time the user opens the Import tab. */}
      <PyodideWebView />
      <SQLiteProvider databaseName="bincio.db" onInit={migrateDb}>
        <StatusBar style="light" />
        <Stack screenOptions={{ headerShown: false }} />
      </SQLiteProvider>
    </View>
  );
}

const styles = StyleSheet.create({
  root: { flex: 1 },
});