Initial commit for Greenlens

app/_layout.tsx

@@ -1,28 +1,42 @@
-import { useEffect, useState } from 'react';
-import { Stack } from 'expo-router';
+import { useEffect, useRef, useState } from 'react';
+import { Animated, Easing, Image, StyleSheet, Text, View } from 'react-native';
+import { Redirect, Stack, usePathname } from 'expo-router';
 import { StatusBar } from 'expo-status-bar';
-import { StripeProvider } from '@stripe/stripe-react-native';
 import AsyncStorage from '@react-native-async-storage/async-storage';
+import Purchases, { LOG_LEVEL } from 'react-native-purchases';
+import { Platform } from 'react-native';
+import Constants from 'expo-constants';
 import { AppProvider, useApp } from '../context/AppContext';
 import { CoachMarksProvider } from '../context/CoachMarksContext';
 import { CoachMarksOverlay } from '../components/CoachMarksOverlay';
 import { useColors } from '../constants/Colors';
-import { AuthService } from '../services/authService';
 import { initDatabase, AppMetaDb } from '../services/database';
 import * as SecureStore from 'expo-secure-store';
+import * as SplashScreen from 'expo-splash-screen';
+import { AuthService } from '../services/authService';
+import { PostHogProvider, usePostHog } from 'posthog-react-native';
 
-type InitialRoute = 'onboarding' | 'auth/login' | '(tabs)';
-const STRIPE_PUBLISHABLE_KEY = (process.env.EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY || 'pk_test_mock_key').trim();
+// Prevent the splash screen from auto-hiding before asset loading is complete.
+SplashScreen.preventAutoHideAsync().catch(() => { });
+
+const POSTHOG_API_KEY = process.env.EXPO_PUBLIC_POSTHOG_API_KEY || 'phc_FX6HRgx9NSpS5moxjMF6xyc37yMwjoeu6TbWUqNNKlk';
 const SECURE_INSTALL_MARKER = 'greenlens_install_v1';
 
 const ensureInstallConsistency = async (): Promise<boolean> => {
   try {
-    const [sqliteMarker, secureMarker] = await Promise.all([
-      Promise.resolve(AppMetaDb.get('install_marker_v2')),
-      SecureStore.getItemAsync(SECURE_INSTALL_MARKER).catch(() => null),
-    ]);
+    const sqliteMarker = AppMetaDb.get('install_marker_v2');
+    const secureMarker = await SecureStore.getItemAsync(SECURE_INSTALL_MARKER).catch(() => null);
 
-    if (sqliteMarker && secureMarker) return false; // Kein Fresh Install
+    if (sqliteMarker === '1' && secureMarker === '1') {
+      return false; // Alles gut, keine Neuinstallation
+    }
+
+    if (sqliteMarker === '1' || secureMarker === '1') {
+      // Teilweise vorhanden -> heilen, nicht löschen
+      AppMetaDb.set('install_marker_v2', '1');
+      await SecureStore.setItemAsync(SECURE_INSTALL_MARKER, '1');
+      return false;
+    }
 
     // Fresh Install: Alles zurücksetzen
     await AuthService.logout();
@@ -36,10 +50,45 @@ const ensureInstallConsistency = async (): Promise<boolean> => {
   }
 };
 
+
+import { AnimatedSplashScreen } from '../components/AnimatedSplashScreen';
+
 function RootLayoutInner() {
-  const { isDarkMode, colorPalette, signOut } = useApp();
+  const { isDarkMode, colorPalette, signOut, session, isInitializing, isLoadingPlants } = useApp();
   const colors = useColors(isDarkMode, colorPalette);
-  const [initialRoute, setInitialRoute] = useState<InitialRoute | null>(null);
+  const pathname = usePathname();
+  const [installCheckDone, setInstallCheckDone] = useState(false);
+  const [splashAnimationComplete, setSplashAnimationComplete] = useState(false);
+  const posthog = usePostHog();
+
+  useEffect(() => {
+    // RevenueCat requires native store access — not available in Expo Go
+    const isExpoGo = Constants.appOwnership === 'expo';
+    if (isExpoGo) {
+      console.log('[RevenueCat] Skipping configure: running in Expo Go');
+      return;
+    }
+
+    Purchases.setLogLevel(LOG_LEVEL.VERBOSE);
+    const iosApiKey = process.env.EXPO_PUBLIC_REVENUECAT_IOS_API_KEY || 'appl_hrSpsuUuVstbHhYIDnOqYxPOnmR';
+    const androidApiKey = process.env.EXPO_PUBLIC_REVENUECAT_ANDROID_API_KEY || 'goog_placeholder';
+    if (Platform.OS === 'ios') {
+      Purchases.configure({ apiKey: iosApiKey });
+    } else if (Platform.OS === 'android') {
+      Purchases.configure({ apiKey: androidApiKey });
+    }
+  }, []);
+
+  useEffect(() => {
+    if (session?.serverUserId) {
+      posthog.identify(session.serverUserId, {
+        email: session.email,
+        name: session.name,
+      });
+    } else if (session === null) {
+      posthog.reset();
+    }
+  }, [session, posthog]);
 
   useEffect(() => {
     (async () => {
@@ -47,55 +96,92 @@ function RootLayoutInner() {
       if (didResetSessionForFreshInstall) {
         await signOut();
       }
-      const session = await AuthService.getSession();
-      if (!session) {
-        // Kein Benutzer → immer zum Onboarding (Landing + Register/Login)
-        setInitialRoute('auth/login');
-        return;
-      }
-      const validity = await AuthService.validateWithServer();
-      if (validity === 'invalid') {
-        await AuthService.logout();
-        await signOut();
-        setInitialRoute('auth/login');
-        return;
-      }
-      // 'valid' or 'unreachable' (offline) → allow tab navigation
-      setInitialRoute('(tabs)');
+      setInstallCheckDone(true);
     })();
   }, [signOut]);
 
-  if (initialRoute === null) return null;
+  const isAppReady = installCheckDone && !isInitializing && !isLoadingPlants;
+
+  let content = null;
+
+  if (isAppReady) {
+    if (!session) {
+      // Only redirect if we are not already on an auth-related page or the scanner
+      const isAuthPage = pathname.includes('onboarding') || pathname.includes('auth/') || pathname.includes('scanner');
+      if (!isAuthPage) {
+        content = <Redirect href="/onboarding" />;
+      } else {
+        content = (
+          <Stack
+            screenOptions={{
+              headerShown: false,
+              contentStyle: { backgroundColor: colors.background },
+            }}
+          >
+            <Stack.Screen name="onboarding" options={{ animation: 'none' }} />
+            <Stack.Screen name="auth/login" options={{ animation: 'slide_from_right' }} />
+            <Stack.Screen name="auth/signup" options={{ animation: 'slide_from_right' }} />
+            <Stack.Screen
+              name="scanner"
+              options={{ presentation: 'fullScreenModal', animation: 'slide_from_bottom' }}
+            />
+          </Stack>
+        );
+      }
+    } else {
+      content = (
+        <>
+          <Stack
+            screenOptions={{
+              headerShown: false,
+              contentStyle: { backgroundColor: colors.background },
+            }}
+          >
+            <Stack.Screen name="onboarding" options={{ animation: 'none' }} />
+            <Stack.Screen name="auth/login" options={{ animation: 'slide_from_right' }} />
+            <Stack.Screen name="auth/signup" options={{ animation: 'slide_from_right' }} />
+            <Stack.Screen name="(tabs)" options={{ animation: 'none' }} />
+            <Stack.Screen
+              name="scanner"
+              options={{ presentation: 'fullScreenModal', animation: 'slide_from_bottom' }}
+            />
+            <Stack.Screen
+              name="plant/[id]"
+              options={{ presentation: 'card', animation: 'slide_from_right' }}
+            />
+            <Stack.Screen
+              name="lexicon"
+              options={{ presentation: 'fullScreenModal', animation: 'slide_from_bottom' }}
+            />
+            <Stack.Screen
+              name="profile/preferences"
+              options={{ presentation: 'card', animation: 'slide_from_right' }}
+            />
+            <Stack.Screen
+              name="profile/data"
+              options={{ presentation: 'card', animation: 'slide_from_right' }}
+            />
+            <Stack.Screen
+              name="profile/billing"
+              options={{ presentation: 'card', animation: 'slide_from_right' }}
+            />
+          </Stack>
+          <CoachMarksOverlay />
+        </>
+      );
+    }
+  }
 
   return (
     <>
       <StatusBar style={isDarkMode ? 'light' : 'dark'} />
-      <Stack
-        screenOptions={{
-          headerShown: false,
-          contentStyle: { backgroundColor: colors.background },
-        }}
-        initialRouteName={initialRoute}
-      >
-        <Stack.Screen name="onboarding" options={{ animation: 'none' }} />
-        <Stack.Screen name="auth/login" options={{ animation: 'slide_from_right' }} />
-        <Stack.Screen name="auth/signup" options={{ animation: 'slide_from_right' }} />
-        <Stack.Screen name="(tabs)" options={{ animation: 'none' }} />
-        <Stack.Screen
-          name="scanner"
-          options={{ presentation: 'fullScreenModal', animation: 'slide_from_bottom' }}
+      {content}
+      {!splashAnimationComplete && (
+        <AnimatedSplashScreen
+          isAppReady={isAppReady}
+          onAnimationComplete={() => setSplashAnimationComplete(true)}
         />
-        <Stack.Screen
-          name="plant/[id]"
-          options={{ presentation: 'card', animation: 'slide_from_right' }}
-        />
-        <Stack.Screen
-          name="lexicon"
-          options={{ presentation: 'fullScreenModal', animation: 'slide_from_bottom' }}
-        />
-      </Stack>
-      {/* Coach Marks rendern über allem */}
-      <CoachMarksOverlay />
+      )}
     </>
   );
 }
@@ -104,15 +190,15 @@ export default function RootLayout() {
   initDatabase();
 
   return (
-    <StripeProvider
-      publishableKey={STRIPE_PUBLISHABLE_KEY}
-      merchantIdentifier="merchant.com.greenlens"
-    >
+    <PostHogProvider apiKey={POSTHOG_API_KEY} options={{
+      host: 'https://us.i.posthog.com',
+      enableSessionReplay: true,
+    }}>
       <AppProvider>
         <CoachMarksProvider>
           <RootLayoutInner />
         </CoachMarksProvider>
       </AppProvider>
-    </StripeProvider>
+    </PostHogProvider>
   );
 }