App chrash + seo

app/_layout.tsx

@@ -1,12 +1,9 @@
-import { useEffect, useRef, useState } from 'react';
-import { Animated, AppState, Easing, Image, StyleSheet, Text, View } from 'react-native';
+import React, { useEffect, useState } from 'react';
+import { Text, View } from 'react-native';
 import { Redirect, Stack, usePathname, useRouter } from 'expo-router';
 import { useShareIntent } from 'expo-share-intent';
 import { StatusBar } from 'expo-status-bar';
 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';
@@ -14,14 +11,57 @@ import { useColors } from '../constants/Colors';
 import { initDatabase, AppMetaDb } from '../services/database';
 import * as SecureStore from 'expo-secure-store';
 import * as SplashScreen from 'expo-splash-screen';
+import * as ExpoLinking from 'expo-linking';
 import { AuthService } from '../services/authService';
-import { PostHogProvider, usePostHog } from 'posthog-react-native';
+import { AnimatedSplashScreen } from '../components/AnimatedSplashScreen';
 
 // 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 isShareIntentUrl = (url: string | null | undefined) => Boolean(url?.includes('://dataUrl='));
+
+const toStartupErrorMessage = (error: unknown): string => {
+  if (!error) return 'Unknown startup error';
+  if (error instanceof Error) return error.message;
+  return String(error);
+};
+
+const StartupFallback = ({ details }: { details?: string | null }) => (
+  <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center', padding: 24, backgroundColor: '#111813' }}>
+    <Text style={{ color: '#fff', fontSize: 18, fontWeight: '700', marginBottom: 8, textAlign: 'center' }}>
+      GreenLens could not start.
+    </Text>
+    <Text style={{ color: '#D6DED7', fontSize: 14, lineHeight: 20, textAlign: 'center' }}>
+      Please send this startup error to support.
+    </Text>
+    {details ? (
+      <Text style={{ color: '#FFB4A8', fontSize: 12, lineHeight: 17, marginTop: 16, textAlign: 'center' }}>
+        {details}
+      </Text>
+    ) : null}
+  </View>
+);
+
+class RootErrorBoundary extends React.Component<{ children: React.ReactNode }, { hasError: boolean; errorMessage: string | null }> {
+  state = { hasError: false, errorMessage: null };
+
+  static getDerivedStateFromError(error: unknown) {
+    return { hasError: true, errorMessage: toStartupErrorMessage(error) };
+  }
+
+  componentDidCatch(error: unknown) {
+    console.error('[RootErrorBoundary]', error);
+  }
+
+  render() {
+    if (this.state.hasError) {
+      return <StartupFallback details={this.state.errorMessage} />;
+    }
+
+    return this.props.children;
+  }
+}
 
 const ensureInstallConsistency = async (): Promise<boolean> => {
   try {
@@ -51,9 +91,6 @@ const ensureInstallConsistency = async (): Promise<boolean> => {
   }
 };
 
-
-import { AnimatedSplashScreen } from '../components/AnimatedSplashScreen';
-
 function RootLayoutInner() {
   const {
     isDarkMode,
@@ -65,88 +102,37 @@ function RootLayoutInner() {
     isInitializing,
     isLoadingPlants,
     isLoadingBilling,
-    syncRevenueCatState,
   } = useApp();
   const colors = useColors(isDarkMode, colorPalette);
   const pathname = usePathname();
   const router = useRouter();
-  const { hasShareIntent, shareIntent, resetShareIntent } = useShareIntent();
+  const [shareIntentEnabled, setShareIntentEnabled] = useState(false);
+  const { hasShareIntent, shareIntent, resetShareIntent } = useShareIntent({ disabled: !shareIntentEnabled });
   const [installCheckDone, setInstallCheckDone] = useState(false);
   const [splashAnimationComplete, setSplashAnimationComplete] = useState(false);
-  const [revenueCatReady, setRevenueCatReady] = useState(Constants.appOwnership === 'expo');
-  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;
-    }
+    let mounted = true;
 
-    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 });
-    }
-    setRevenueCatReady(true);
-  }, []);
-
-  useEffect(() => {
-    const isExpoGo = Constants.appOwnership === 'expo';
-    if (isExpoGo || !revenueCatReady) {
-      return;
-    }
-
-    let cancelled = false;
-    (async () => {
-      try {
-        if (session?.serverUserId) {
-          await Purchases.logIn(session.serverUserId);
-          const customerInfo = await Purchases.getCustomerInfo();
-          if (!cancelled) {
-            await syncRevenueCatState(customerInfo as any, 'app_init');
-          }
-        } else {
-          await Purchases.logOut();
+    ExpoLinking.getInitialURL()
+      .then((url) => {
+        if (mounted && isShareIntentUrl(url)) {
+          setShareIntentEnabled(true);
         }
-      } catch (error) {
-        console.error('Failed to align RevenueCat identity', error);
-      }
-    })();
+      })
+      .catch(() => {});
 
-    return () => {
-      cancelled = true;
-    };
-  }, [revenueCatReady, session?.serverUserId, syncRevenueCatState]);
-
-  useEffect(() => {
-    if (session?.serverUserId) {
-      posthog.identify(session.serverUserId, {
-        email: session.email,
-        name: session.name,
-      });
-    } else if (session === null) {
-      posthog.reset();
-    }
-  }, [session, posthog]);
-
-  useEffect(() => {
-    posthog.capture('screen_viewed', { screen: pathname });
-  }, [pathname, posthog]);
-
-  useEffect(() => {
-    posthog.capture('app_opened');
-    const subscription = AppState.addEventListener('change', (nextState) => {
-      if (nextState === 'active') {
-        posthog.capture('app_opened');
+    const subscription = ExpoLinking.addEventListener('url', ({ url }) => {
+      if (isShareIntentUrl(url)) {
+        setShareIntentEnabled(true);
       }
     });
-    return () => subscription.remove();
-  }, [posthog]);
+
+    return () => {
+      mounted = false;
+      subscription.remove();
+    };
+  }, []);
 
   useEffect(() => {
     (async () => {
@@ -288,18 +274,24 @@ function RootLayoutInner() {
 }
 
 export default function RootLayout() {
-  initDatabase();
+  let dbInitError: string | null = null;
+  try {
+    initDatabase();
+  } catch (e) {
+    dbInitError = String(e);
+  }
+
+  if (dbInitError) {
+    return <StartupFallback details={`Database init failed: ${dbInitError}`} />;
+  }
 
   return (
-    <PostHogProvider apiKey={POSTHOG_API_KEY} options={{
-      host: 'https://us.i.posthog.com',
-      enableSessionReplay: false,
-    }}>
+    <RootErrorBoundary>
       <AppProvider>
         <CoachMarksProvider>
           <RootLayoutInner />
         </CoachMarksProvider>
       </AppProvider>
-    </PostHogProvider>
+    </RootErrorBoundary>
   );
 }