vibefast-cli 0.6.2 → 0.7.1

package/2/apps/native/src/components/demo/notification-demo.tsx

@@ -1,434 +0,0 @@
-/**
- * Demo component showcasing enhanced notification features
- */
-
-import { api } from '@vibefast/backend/_generated/api';
-import { useAction } from 'convex/react';
-import React, { useEffect, useState } from 'react';
-import {
-  Alert,
-  ScrollView,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  View,
-} from 'react-native';
-
-import { localNotificationManager } from '@/core/local-notifications/local-notification-manager';
-import { deepLinkHandler } from '@/core/navigation/deep-link-handler';
-
-export const NotificationDemo: React.FC = () => {
-  const [scheduledNotifications, setScheduledNotifications] = useState<any[]>(
-    [],
-  );
-  const [unreadCount, setUnreadCount] = useState<number>(0);
-
-  // Convex action for sending push notifications
-  const sendTestPushNotification = useAction(
-    api.pushNotificationFunctions.sendTestNotification,
-  );
-
-  useEffect(() => {
-    // Initialize local notification manager
-    localNotificationManager.initialize();
-
-    // Load initial data
-    loadNotificationData();
-  }, []);
-
-  const loadNotificationData = async () => {
-    try {
-      const scheduled =
-        await localNotificationManager.getScheduledNotifications();
-      const unread = await localNotificationManager.getUnreadCount();
-
-      setScheduledNotifications(scheduled);
-      setUnreadCount(unread);
-    } catch (err) {
-      console.error('Failed to load notification data:', err);
-    }
-  };
-
-  // Push Notification Examples
-  const sendTestPushNotificationWithDeepLink = async () => {
-    try {
-      await sendTestPushNotification();
-      Alert.alert('Success', 'Test push notification sent!');
-    } catch (err) {
-      Alert.alert('Error', 'Failed to send push notification');
-      console.error('Push notification error:', err);
-    }
-  };
-
-  // Local Notification Examples
-  const showImmediateNotification = async () => {
-    try {
-      await localNotificationManager.showImmediateNotification({
-        title: 'Local Notification',
-        body: 'This is an immediate local notification',
-        data: {
-          type: 'deep_link',
-          url: '/settings',
-          screen: 'settings',
-        },
-      });
-
-      Alert.alert('Success', 'Immediate local notification shown!');
-    } catch (err) {
-      Alert.alert('Error', 'Failed to show local notification');
-      console.error('Local notification error:', err);
-    }
-  };
-
-  const scheduleNotificationInOneHour = async () => {
-    try {
-      const notificationId =
-        await localNotificationManager.scheduleNotificationWithDelay(
-          {
-            title: 'Scheduled Reminder',
-            body: 'This reminder was scheduled 1 hour ago',
-            data: {
-              type: 'deep_link',
-              url: '/chat/test-chat',
-              screen: 'chat',
-              params: { chatId: 'test-chat' },
-            },
-          },
-          60 * 60,
-        ); // 1 hour in seconds
-
-      if (notificationId) {
-        Alert.alert(
-          'Success',
-          `Notification scheduled with ID: ${notificationId}`,
-        );
-        await loadNotificationData();
-      } else {
-        Alert.alert('Error', 'Failed to schedule notification');
-      }
-    } catch (err) {
-      Alert.alert('Error', 'Failed to schedule notification');
-      console.error('Scheduling error:', err);
-    }
-  };
-
-  const scheduleNotificationForSpecificTime = async () => {
-    try {
-      const tomorrow = new Date();
-      tomorrow.setDate(tomorrow.getDate() + 1);
-      tomorrow.setHours(9, 0, 0, 0); // 9:00 AM tomorrow
-
-      const notificationId =
-        await localNotificationManager.scheduleNotificationForDate(
-          {
-            title: 'Daily Check-in',
-            body: 'Time for your daily check-in reminder!',
-            data: {
-              type: 'action',
-              action: 'refresh',
-            },
-          },
-          tomorrow,
-        );
-
-      if (notificationId) {
-        Alert.alert(
-          'Success',
-          `Daily check-in scheduled for tomorrow at 9:00 AM`,
-        );
-        await loadNotificationData();
-      } else {
-        Alert.alert('Error', 'Failed to schedule daily check-in');
-      }
-    } catch (err) {
-      Alert.alert('Error', 'Failed to schedule notification');
-      console.error('Scheduling error:', err);
-    }
-  };
-
-  // Deep Link Examples
-  const testDeepLinkNavigation = async () => {
-    try {
-      await deepLinkHandler.handleNotificationPress({
-        type: 'deep_link',
-        url: '/chat/demo-chat-123',
-        screen: 'chat',
-        params: { chatId: 'demo-chat-123' },
-      });
-
-      Alert.alert('Success', 'Deep link navigation triggered!');
-    } catch (err) {
-      Alert.alert('Error', 'Failed to navigate via deep link');
-      console.error('Deep link error:', err);
-    }
-  };
-
-  const testExternalUrl = async () => {
-    try {
-      await deepLinkHandler.handleNotificationPress({
-        type: 'external_url',
-        url: 'https://expo.dev',
-      });
-    } catch (err) {
-      Alert.alert('Error', 'Failed to open external URL');
-      console.error('External URL error:', err);
-    }
-  };
-
-  const testCustomAction = async () => {
-    try {
-      await deepLinkHandler.handleNotificationPress({
-        type: 'action',
-        action: 'refresh',
-        params: { source: 'demo' },
-      });
-
-      Alert.alert('Success', 'Custom action executed!');
-    } catch (err) {
-      Alert.alert('Error', 'Failed to execute custom action');
-      console.error('Action error:', err);
-    }
-  };
-
-  // Notification Management
-  const cancelAllScheduledNotifications = async () => {
-    try {
-      for (const notification of scheduledNotifications) {
-        await localNotificationManager.cancelNotification(
-          notification.identifier,
-        );
-      }
-
-      Alert.alert('Success', 'All scheduled notifications cancelled');
-      await loadNotificationData();
-    } catch (err) {
-      Alert.alert('Error', 'Failed to cancel notifications');
-      console.error('Cancel error:', err);
-    }
-  };
-
-  const clearNotificationHistory = async () => {
-    try {
-      await localNotificationManager.clearAllNotifications();
-      Alert.alert('Success', 'Notification history cleared');
-      await loadNotificationData();
-    } catch (err) {
-      Alert.alert('Error', 'Failed to clear notification history');
-      console.error('Clear history error:', err);
-    }
-  };
-
-  const markAllAsRead = async () => {
-    try {
-      const { notificationStorage } = await import(
-        '@/core/storage/notification-storage'
-      );
-      await notificationStorage.markAllAsRead();
-      Alert.alert('Success', 'All notifications marked as read');
-      await loadNotificationData();
-    } catch (err) {
-      Alert.alert('Error', 'Failed to mark notifications as read');
-      console.error('Mark as read error:', err);
-    }
-  };
-
-  // Check permissions
-  const checkPermissions = async () => {
-    const pushPermissions = await localNotificationManager.getPermissions();
-    const canRequest = await localNotificationManager.requestPermissions();
-
-    Alert.alert(
-      'Permissions',
-      `Current status: ${pushPermissions}\nCan request: ${canRequest}`,
-    );
-  };
-
-  return (
-    <ScrollView
-      style={styles.container}
-      contentContainerStyle={styles.contentContainer}
-    >
-      <Text style={styles.title}>Notification System Demo</Text>
-      <Text style={styles.subtitle}>Unread Count: {unreadCount}</Text>
-      <Text style={styles.subtitle}>
-        Scheduled: {scheduledNotifications.length}
-      </Text>
-
-      {/* Push Notifications */}
-      <View style={styles.section}>
-        <Text style={styles.sectionTitle}>Push Notifications</Text>
-
-        <TouchableOpacity
-          style={styles.button}
-          onPress={sendTestPushNotificationWithDeepLink}
-        >
-          <Text style={styles.buttonText}>Send Test Push with Deep Link</Text>
-        </TouchableOpacity>
-      </View>
-
-      {/* Local Notifications */}
-      <View style={styles.section}>
-        <Text style={styles.sectionTitle}>Local Notifications</Text>
-
-        <TouchableOpacity
-          style={styles.button}
-          onPress={showImmediateNotification}
-        >
-          <Text style={styles.buttonText}>Show Immediate Notification</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity
-          style={styles.button}
-          onPress={scheduleNotificationInOneHour}
-        >
-          <Text style={styles.buttonText}>Schedule in 1 Hour</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity
-          style={styles.button}
-          onPress={scheduleNotificationForSpecificTime}
-        >
-          <Text style={styles.buttonText}>Schedule Daily Check-in</Text>
-        </TouchableOpacity>
-      </View>
-
-      {/* Deep Links */}
-      <View style={styles.section}>
-        <Text style={styles.sectionTitle}>Deep Link Navigation</Text>
-
-        <TouchableOpacity
-          style={styles.button}
-          onPress={testDeepLinkNavigation}
-        >
-          <Text style={styles.buttonText}>Navigate to Chat</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity style={styles.button} onPress={testExternalUrl}>
-          <Text style={styles.buttonText}>Open External URL</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity style={styles.button} onPress={testCustomAction}>
-          <Text style={styles.buttonText}>Execute Custom Action</Text>
-        </TouchableOpacity>
-      </View>
-
-      {/* Notification Management */}
-      <View style={styles.section}>
-        <Text style={styles.sectionTitle}>Notification Management</Text>
-
-        <TouchableOpacity
-          style={[styles.button, styles.secondaryButton]}
-          onPress={cancelAllScheduledNotifications}
-        >
-          <Text style={styles.buttonText}>Cancel All Scheduled</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity
-          style={[styles.button, styles.secondaryButton]}
-          onPress={markAllAsRead}
-        >
-          <Text style={styles.buttonText}>Mark All as Read</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity
-          style={[styles.button, styles.secondaryButton]}
-          onPress={clearNotificationHistory}
-        >
-          <Text style={styles.buttonText}>Clear History</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity
-          style={[styles.button, styles.secondaryButton]}
-          onPress={checkPermissions}
-        >
-          <Text style={styles.buttonText}>Check Permissions</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity
-          style={[styles.button, styles.secondaryButton]}
-          onPress={loadNotificationData}
-        >
-          <Text style={styles.buttonText}>Refresh Data</Text>
-        </TouchableOpacity>
-      </View>
-
-      {/* Debug Info */}
-      <View style={styles.section}>
-        <Text style={styles.sectionTitle}>Debug Info</Text>
-        <Text style={styles.debugText}>
-          {JSON.stringify(
-            {
-              scheduledCount: scheduledNotifications.length,
-              unreadCount,
-              platform: 'mobile',
-            },
-            null,
-            2,
-          )}
-        </Text>
-      </View>
-    </ScrollView>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#f5f5f5',
-  },
-  contentContainer: {
-    padding: 20,
-  },
-  title: {
-    fontSize: 24,
-    fontWeight: 'bold',
-    marginBottom: 8,
-    textAlign: 'center',
-  },
-  subtitle: {
-    fontSize: 16,
-    color: '#666',
-    marginBottom: 8,
-    textAlign: 'center',
-  },
-  section: {
-    backgroundColor: 'white',
-    padding: 16,
-    borderRadius: 8,
-    marginBottom: 16,
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 1 },
-    shadowOpacity: 0.1,
-    shadowRadius: 2,
-    elevation: 2,
-  },
-  sectionTitle: {
-    fontSize: 18,
-    fontWeight: '600',
-    marginBottom: 12,
-    color: '#333',
-  },
-  button: {
-    backgroundColor: '#007AFF',
-    padding: 12,
-    borderRadius: 6,
-    alignItems: 'center',
-    marginBottom: 8,
-  },
-  secondaryButton: {
-    backgroundColor: '#8E8E93',
-  },
-  buttonText: {
-    color: 'white',
-    fontSize: 16,
-    fontWeight: '500',
-  },
-  debugText: {
-    fontSize: 12,
-    color: '#666',
-    fontFamily: 'monospace',
-    backgroundColor: '#f0f0f0',
-    padding: 8,
-    borderRadius: 4,
-  },
-});

package/2/apps/native/src/components/demo/title-demo.tsx

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { View } from 'react-native';
-
-import { Text } from '@/components/ui';
-
-type Props = {
-  text: string;
-};
-export const Title = ({ text }: Props) => {
-  return (
-    <View className="flex-row items-center justify-center py-4 pb-2">
-      <Text className="pr-2 text-2xl">{text}</Text>
-      <View className="h-[2px] flex-1 bg-neutral-300" />
-    </View>
-  );
-};

package/2/apps/native/src/components/demo/toast-demo.tsx

@@ -1,81 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-
-import { Button } from '@/components/ui';
-import { useToast } from '@/components/ui/core/toast';
-
-/**
- * Demo component showing different toast types with Sonner Native
- * This component demonstrates the new toast functionality
- */
-export const ToastDemo = () => {
-  const toast = useToast();
-
-  return (
-    <View className="gap-4 p-4">
-      <Button
-        label="Success Toast"
-        onPress={() => toast.success('Operation completed successfully!')}
-        variant="default"
-      />
-
-      <Button
-        label="Error Toast"
-        onPress={() => toast.error('Something went wrong!')}
-        variant="destructive"
-      />
-
-      <Button
-        label="Warning Toast"
-        onPress={() => toast.warning('Please check your input')}
-        variant="secondary"
-      />
-
-      <Button
-        label="Info Toast"
-        onPress={() => toast.info('Here is some information')}
-        variant="outline"
-      />
-
-      <Button
-        label="Loading Toast"
-        onPress={() => {
-          const id = toast.loading('Processing...');
-          setTimeout(() => {
-            toast.dismiss(id);
-            toast.success('Done!');
-          }, 2000);
-        }}
-        variant="ghost"
-      />
-
-      <Button
-        label="Promise Toast"
-        onPress={() => {
-          const mockPromise = new Promise((resolve, reject) => {
-            setTimeout(() => {
-              Math.random() > 0.5 ? resolve('Success!') : reject('Failed!');
-            }, 2000);
-          });
-
-          toast.promise(mockPromise, {
-            loading: 'Processing request...',
-            success: 'Request completed!',
-            error: 'Request failed!',
-          });
-        }}
-        variant="secondary"
-      />
-
-      <Button
-        label="Toast with Description"
-        onPress={() =>
-          toast.success('Success!', {
-            description: 'This is a detailed description of what happened.',
-          })
-        }
-        variant="default"
-      />
-    </View>
-  );
-};

package/2/apps/native/src/components/demo/typography-demo.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-
-import { Text } from '@/components/ui';
-
-import { Title } from './title-demo';
-
-export const Typography = () => {
-  return (
-    <>
-      <Title text="Typography" />
-      <View className="mb-4 flex-col">
-        <Text className="text-3xl tracking-tight">
-          H1: Lorem ipsum dolor sit
-        </Text>
-        <Text className="text-2xl">H2: Lorem ipsum dolor sit</Text>
-        <Text className="text-xl">H3: Lorem ipsum dolor sit</Text>
-        <Text className="text-lg">H4: Lorem ipsum dolor sit</Text>
-        <Text className="text-base">
-          Lorem ipsum dolor sit amet consectetur, adipisicing elit. Cumque quasi
-          aut, expedita tempore ratione quidem in, corporis quia minus et
-          dolorem sunt temporibus iusto consequatur culpa. Omnis sequi debitis
-          recusandae?
-        </Text>
-      </View>
-    </>
-  );
-};

package/2/apps/native/src/components/performance/render-performance-monitor.tsx

@@ -1,36 +0,0 @@
-import type React from 'react';
-import { useEffect, useRef } from 'react';
-import { Text, View } from 'react-native';
-
-interface RenderPerformanceMonitorProps {
-  componentName: string;
-  enabled?: boolean;
-}
-
-export const RenderPerformanceMonitor: React.FC<
-  RenderPerformanceMonitorProps
-> = ({ componentName, enabled = __DEV__ }) => {
-  const renderCount = useRef(0);
-  const startTime = useRef(Date.now());
-
-  useEffect(() => {
-    renderCount.current += 1;
-
-    if (enabled) {
-      const renderTime = Date.now() - startTime.current;
-      console.log(
-        `[Performance] ${componentName} rendered ${renderCount.current} times, took ${renderTime}ms`,
-      );
-    }
-  });
-
-  if (!enabled) return null;
-
-  return (
-    <View className="absolute right-0 top-0 rounded-bl-md bg-black/50 px-2 py-1">
-      <Text className="text-xs text-white">
-        {componentName}: {renderCount.current}
-      </Text>
-    </View>
-  );
-};