vibefast-cli 0.7.0 → 0.7.1

package/2/apps/native/src/providers/notification-provider.tsx

@@ -1,168 +0,0 @@
-/**
- * Global notification provider for handling push notifications and deep linking
- */
-
-import * as Notifications from 'expo-notifications';
-import React, { useCallback, useEffect, useRef } from 'react';
-import { Platform } from 'react-native';
-
-import { error as logError, info } from '@/core/logging';
-import { deepLinkHandler } from '@/core/navigation/deep-link-handler';
-
-// Configure notification handler
-Notifications.setNotificationHandler({
-  handleNotification: async () => ({
-    shouldShowAlert: true,
-    shouldPlaySound: true,
-    shouldSetBadge: false, // We're skipping badges for now
-    shouldShowBanner: true,
-    shouldShowList: true,
-  }),
-});
-
-interface NotificationProviderProps {
-  children: React.ReactNode;
-}
-
-export const NotificationProvider: React.FC<NotificationProviderProps> = ({
-  children,
-}) => {
-  const notificationListenerRef = useRef<
-    Notifications.Subscription | undefined
-  >(undefined);
-  const responseListenerRef = useRef<Notifications.Subscription | undefined>(
-    undefined,
-  );
-
-  const handleNotificationInteraction = useCallback(
-    async (response: Notifications.NotificationResponse) => {
-      const { notification } = response;
-      const notificationData = notification.request.content.data;
-
-      const trigger = notification.request.trigger;
-      const triggerType =
-        trigger && 'type' in trigger ? trigger.type : 'unknown';
-
-      info('Processing notification interaction', {
-        feature: 'notifications.interaction',
-        notificationType: triggerType,
-        hasData: !!notificationData,
-      });
-
-      if (triggerType === 'push' && notificationData) {
-        await deepLinkHandler.handleNotificationPress(notificationData);
-      } else if (triggerType !== 'push' && notificationData) {
-        await deepLinkHandler.handleNotificationPress(notificationData);
-      } else {
-        info('No deep link data in notification', {
-          feature: 'notifications.interaction',
-        });
-      }
-    },
-    [],
-  );
-
-  const setupNotificationListeners = useCallback(() => {
-    try {
-      info('Setting up notification listeners', {
-        feature: 'notifications.setup',
-      });
-
-      notificationListenerRef.current =
-        Notifications.addNotificationReceivedListener((notification) => {
-          info('Notification received in foreground', {
-            feature: 'notifications.received',
-            title: notification.request.content.title,
-            body: notification.request.content.body,
-            data: notification.request.content.data,
-          });
-        });
-
-      responseListenerRef.current =
-        Notifications.addNotificationResponseReceivedListener(
-          async (response) => {
-            try {
-              info('Notification response received', {
-                feature: 'notifications.response',
-                actionIdentifier: response.actionIdentifier,
-                notification: response.notification.request.content,
-              });
-
-              await handleNotificationInteraction(response);
-            } catch (err) {
-              logError(err as Error, {
-                feature: 'notifications.response',
-                response,
-              });
-            }
-          },
-        );
-
-      info('Notification listeners set up successfully', {
-        feature: 'notifications.setup',
-      });
-    } catch (err) {
-      logError(err as Error, {
-        feature: 'notifications.setup',
-      });
-    }
-  }, [handleNotificationInteraction]);
-
-  const cleanupNotificationListeners = useCallback(() => {
-    try {
-      if (notificationListenerRef.current) {
-        notificationListenerRef.current.remove();
-      }
-      if (responseListenerRef.current) {
-        responseListenerRef.current.remove();
-      }
-
-      info('Notification listeners cleaned up', {
-        feature: 'notifications.cleanup',
-      });
-    } catch (err) {
-      logError(err as Error, {
-        feature: 'notifications.cleanup',
-      });
-    }
-  }, []);
-
-  useEffect(() => {
-    setupNotificationListeners();
-    return cleanupNotificationListeners;
-  }, [cleanupNotificationListeners, setupNotificationListeners]);
-
-  return <>{children}</>;
-};
-
-// Export notification permission helper
-export const requestNotificationPermissions = async (): Promise<boolean> => {
-  try {
-    if (Platform.OS === 'ios') {
-      const { status } = await Notifications.requestPermissionsAsync();
-      return status === 'granted';
-    } else {
-      const { status } = await Notifications.requestPermissionsAsync();
-      return status === 'granted';
-    }
-  } catch (err) {
-    logError(err as Error, {
-      feature: 'notifications.permissions',
-    });
-    return false;
-  }
-};
-
-// Export notification status helper
-export const getNotificationPermissions =
-  async (): Promise<Notifications.PermissionStatus> => {
-    try {
-      const { status } = await Notifications.getPermissionsAsync();
-      return status;
-    } catch (err) {
-      logError(err as Error, {
-        feature: 'notifications.permissions',
-      });
-      return Notifications.PermissionStatus.UNDETERMINED;
-    }
-  };

package/2/apps/native/src/providers/posthog-provider.tsx

@@ -1,47 +0,0 @@
-import { Env } from '@env';
-import { PostHogProvider } from 'posthog-react-native';
-import type { ReactNode } from 'react';
-
-interface AnalyticsProviderProps {
-  children: ReactNode;
-}
-
-/**
- * PostHog analytics provider with session replay and custom navigation tracking
- * Uses Expo Router compatible navigation tracking instead of automatic screen capture
- */
-export function AnalyticsProvider({ children }: AnalyticsProviderProps) {
-  return (
-    <PostHogProvider
-      apiKey={Env.POSTHOG_API_KEY}
-      options={{
-        host: Env.POSTHOG_HOST || 'https://us.i.posthog.com',
-        // Disable automatic screen tracking to prevent getCurrentRoute error with Expo Router
-        // captureScreens: false, // This option doesn't exist in PostHog
-        // Re-enable session replay (error was from Sentry, not PostHog)
-        enableSessionReplay: true,
-        sessionReplayConfig: {
-          // Whether text inputs are masked. Default is true.
-          // Password inputs are always masked regardless
-          maskAllTextInputs: true,
-          // Whether images are masked. Default is true.
-          maskAllImages: true,
-          // Capture logs automatically. Default is true.
-          // Android only (Native Logcat only)
-          captureLog: true,
-          // Whether network requests are captured in recordings. Default is true
-          // Only metric-like data like speed, size, and response code are captured.
-          // No data is captured from the request or response body.
-          // iOS only
-          captureNetworkTelemetry: true,
-          // Deboucer delay used to reduce the number of snapshots captured and reduce performance impact. Default is 500ms
-          androidDebouncerDelayMs: 500,
-          // Deboucer delay used to reduce the number of snapshots captured and reduce performance impact. Default is 1000ms
-          iOSdebouncerDelayMs: 1000,
-        },
-      }}
-    >
-      {children}
-    </PostHogProvider>
-  );
-}

package/2/apps/native/src/providers/root-providers.tsx

@@ -1,46 +0,0 @@
-import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
-import type { ReactNode } from 'react';
-import { Toaster } from 'sonner-native';
-
-import { AuthWatcher } from '@/features/authentication/components/auth-watcher';
-
-// import { PaymentInitializer } from '@/features/payments';
-import { ConvexProviders } from './convex-provider';
-import { AnalyticsProvider } from './posthog-provider';
-import { SplashScreenProvider } from './splash-screen-provider';
-import { AppThemeProvider } from './theme-provider';
-
-interface RootProvidersProps {
-  children: ReactNode;
-}
-
-/**
- * Root providers that compose all app-level providers in the correct order
- * This keeps the app layout file clean and prevents Fast Refresh issues
- */
-export function RootProviders({ children }: RootProvidersProps) {
-  return (
-    // <SentryProvider>
-    <AnalyticsProvider>
-      <ConvexProviders>
-        <SplashScreenProvider>
-          <AppThemeProvider>
-            <BottomSheetModalProvider>
-              <AuthWatcher />
-              {/* <PaymentInitializer /> */}
-              {children}
-              <Toaster
-                position="top-center"
-                visibleToasts={3}
-                closeButton={false}
-                swipeToDismissDirection="up"
-                gap={8}
-              />
-            </BottomSheetModalProvider>
-          </AppThemeProvider>
-        </SplashScreenProvider>
-      </ConvexProviders>
-    </AnalyticsProvider>
-    // {/* </SentryProvider> */}
-  );
-}

package/2/apps/native/src/providers/sentry-provider.tsx

@@ -1,62 +0,0 @@
-import { Env } from '@env';
-import * as Sentry from '@sentry/react-native';
-import { type ReactNode, useEffect } from 'react';
-
-// Initialize Sentry once at module level
-Sentry.init({
-  dsn: Env.SENTRY_DSN,
-  // Configure Session Replay
-  replaysSessionSampleRate: 1.0,
-  replaysOnErrorSampleRate: 1.0,
-  integrations: [
-    Sentry.mobileReplayIntegration(),
-    // Completely disable React Navigation integration for Expo Router compatibility
-  ],
-  // Disable automatic route change tracking for Expo Router compatibility
-  // enableAutoRouteTracking: false, // This option doesn't exist in current Sentry version
-
-  // Filter out getCurrentRoute errors
-  beforeSend(event) {
-    // Ignore getCurrentRoute errors from navigation integration
-    if (event.exception?.values?.[0]?.value?.includes('getCurrentRoute')) {
-      return null; // Don't send this error to Sentry
-    }
-    return event;
-  },
-
-  // uncomment the line below to enable Spotlight (https://spotlightjs.com)
-  // spotlight: __DEV__,
-});
-
-interface SentryProviderProps {
-  children: ReactNode;
-}
-
-/**
- * Sentry provider that handles error tracking and performance monitoring
- * Sentry.init() is called at module level to avoid re-initialization on Fast Refresh
- */
-export function SentryProvider({ children }: SentryProviderProps) {
-  useEffect(() => {
-    const originalError = console.error;
-    const patchedError = (...args: any[]) => {
-      const message = args[0];
-      if (
-        typeof message === 'string' &&
-        message.includes('getCurrentRoute error')
-      ) {
-        return;
-      }
-      originalError.apply(console, args);
-    };
-
-    console.error = patchedError;
-
-    return () => {
-      console.error = originalError;
-    };
-  }, []);
-
-  // Sentry init is handled at module level, so this component just passes through children
-  return <>{children}</>;
-}

package/2/apps/native/src/providers/splash-screen-provider.tsx

@@ -1,122 +0,0 @@
-import { useFonts } from 'expo-font';
-import * as SplashScreen from 'expo-splash-screen';
-import type React from 'react';
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { Text, TextInput } from 'react-native';
-
-import { useConvexAuth } from '@/features/authentication/services';
-
-interface SplashScreenProviderProps {
-  children: React.ReactNode;
-}
-
-/**
- * Splash screen provider that handles:
- * - Font loading
- * - Auth hydration
- * - Splash screen visibility
- * - Font configuration for Text and TextInput components
- */
-export function SplashScreenProvider({ children }: SplashScreenProviderProps) {
-  const { isLoading: isAuthLoading } = useConvexAuth();
-  const [fontsLoaded, fontError] = useFonts({
-    'SFPro-Regular': require('@assets/fonts/SF-Pro-Display-Regular.otf'),
-    'SFPro-Medium': require('@assets/fonts/SF-Pro-Display-Medium.otf'),
-    'SFPro-Semibold': require('@assets/fonts/SF-Pro-Display-Semibold.otf'),
-    'SFPro-Bold': require('@assets/fonts/SF-Pro-Display-Bold.otf'),
-  });
-
-  const [ready, setReady] = useState(false);
-  const [isHidden, setIsHidden] = useState(false);
-  const fallbackTimeout = useRef<NodeJS.Timeout | null>(null);
-
-  const readyToHide = useMemo(
-    () => !isAuthLoading && (fontError || fontsLoaded),
-    [isAuthLoading, fontError, fontsLoaded],
-  );
-
-  useEffect(() => {
-    SplashScreen.setOptions({
-      duration: 500,
-      fade: true,
-    });
-
-    SplashScreen.preventAutoHideAsync().catch(() => {
-      // Expo Go will warn here; ignore in development.
-    });
-  }, []);
-
-  useEffect(() => {
-    async function prepare() {
-      try {
-        // Set default font globally
-        if (fontsLoaded && !fontError) {
-          const defaultFont = { fontFamily: 'SFPro-Regular' };
-
-          // Apply to Text
-          (Text as any).defaultProps = (Text as any).defaultProps || {};
-          (Text as any).defaultProps.style = [
-            (Text as any).defaultProps.style,
-            defaultFont,
-          ];
-
-          // Apply to TextInput
-          (TextInput as any).defaultProps =
-            (TextInput as any).defaultProps || {};
-          (TextInput as any).defaultProps.style = [
-            (TextInput as any).defaultProps.style,
-            defaultFont,
-          ];
-        }
-      } catch (_e) {
-        console.warn(_e);
-      } finally {
-        setReady(true);
-      }
-    }
-    prepare();
-  }, [fontsLoaded, fontError]);
-
-  useEffect(() => {
-    if (!readyToHide || isHidden) {
-      return;
-    }
-
-    SplashScreen.hideAsync()
-      .then(() => {
-        setIsHidden(true);
-      })
-      .catch(() => {
-        // Rely on fallback timeout if this fails.
-      });
-  }, [readyToHide, isHidden]);
-
-  useEffect(() => {
-    if (isHidden) {
-      return;
-    }
-
-    fallbackTimeout.current = setTimeout(() => {
-      SplashScreen.hideAsync().finally(() => {
-        setIsHidden(true);
-      });
-    }, 5000);
-
-    return () => {
-      if (fallbackTimeout.current) {
-        clearTimeout(fallbackTimeout.current);
-        fallbackTimeout.current = null;
-      }
-    };
-  }, [isHidden]);
-
-  if (fontError) {
-    throw fontError;
-  }
-
-  if (!ready) {
-    return null;
-  }
-
-  return <>{children}</>;
-}

package/2/apps/native/src/providers/theme-provider.tsx

@@ -1,67 +0,0 @@
-import { ThemeProvider } from '@react-navigation/native';
-import * as Notifications from 'expo-notifications';
-import { type ReactNode, useEffect } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import { KeyboardProvider } from 'react-native-keyboard-controller';
-
-import { loadSelectedTheme } from '@/lib';
-import { useThemeConfig } from '@/lib/use-theme-config';
-
-interface AppThemeProviderProps {
-  children: ReactNode;
-}
-
-/**
- * Theme provider that handles theme configuration and global styles
- * Splash screen and font loading are handled by SplashScreenProvider
- */
-export function AppThemeProvider({ children }: AppThemeProviderProps) {
-  const theme = useThemeConfig();
-
-  useEffect(() => {
-    Notifications.setNotificationHandler({
-      handleNotification: async () => ({
-        shouldShowAlert: true,
-        shouldPlaySound: true,
-        shouldSetBadge: true,
-        shouldShowBanner: true,
-        shouldShowList: true,
-      }),
-    });
-
-    const configureApp = async () => {
-      try {
-        loadSelectedTheme();
-      } catch (error) {
-        console.warn(
-          '[AppThemeProvider] Failed during theme configuration',
-          error,
-        );
-      }
-    };
-
-    void configureApp();
-  }, []);
-
-  return (
-    <GestureHandlerRootView
-      style={styles.container}
-      className={theme.dark ? 'dark' : undefined}
-    >
-      <View
-        className={`flex-1 ${theme.dark ? 'dark bg-background' : 'bg-background'}`}
-      >
-        <KeyboardProvider>
-          <ThemeProvider value={theme}>{children}</ThemeProvider>
-        </KeyboardProvider>
-      </View>
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-});