vibefast-cli 1.2.1 → 1.3.1

package/recipes/image-analysis-supabase/apps/native/src/app/analysis/[type]/loading.tsx

@@ -0,0 +1,50 @@
+import { Redirect, useLocalSearchParams } from 'expo-router';
+import React from 'react';
+import { View } from 'react-native';
+
+import { FocusAwareStatusBar, Text } from '@/components/ui';
+import { LoadingScreen } from '@/features/image-analyzer/app/loading-screen';
+import { getAnalysisFlowConfigSafe } from '@/features/image-analyzer/config/master-analysis-config';
+import { translate } from '@/lib';
+import { useThemeConfig } from '@/lib/use-theme-config';
+
+/**
+ * Dynamic loading route that loads the appropriate configuration
+ * based on the type parameter
+ */
+export default function DynamicLoadingRoute() {
+  const { type } = useLocalSearchParams<{ type: string }>();
+  const theme = useThemeConfig();
+
+  if (!type || typeof type !== 'string') {
+    return <Redirect href="/(protected)/(tabs)" />;
+  }
+
+  const config = getAnalysisFlowConfigSafe(type);
+
+  if (!config) {
+    // Invalid analysis type, redirect to home with a user-friendly message
+    return (
+      <View
+        style={{
+          flex: 1,
+          backgroundColor: theme.colors.background,
+          justifyContent: 'center',
+          alignItems: 'center',
+          padding: 20,
+        }}
+      >
+        <FocusAwareStatusBar />
+        <Text className="mb-4 text-center text-lg font-medium">
+          {translate('common.invalid_analysis_type')}
+        </Text>
+        <Text className="mb-6 text-center text-muted-foreground">
+          {translate('common.redirecting_home')}
+        </Text>
+        <Redirect href="/(protected)/(tabs)" />
+      </View>
+    );
+  }
+
+  return <LoadingScreen config={config} />;
+}

package/recipes/image-analysis-supabase/apps/native/src/app/analysis/[type]/results.tsx

@@ -0,0 +1,2 @@
+// Re-export the results screen
+export { default } from '@/features/image-analyzer/app/results';

package/recipes/image-analysis-supabase/apps/native/src/app/analysis/[type]/trait-details.tsx

@@ -0,0 +1,3 @@
+import TraitDetailsScreen from '@/features/image-analyzer/app/trait-details';
+
+export default TraitDetailsScreen;

package/recipes/image-analysis-supabase/recipe.json

@@ -1,8 +1,12 @@
 {
-  "name": "image-analysis",
+  "name": "image-analysis-supabase",
   "version": "1.0.0",
-  "description": "AI-powered image analysis with Supabase backend",
+  "description": "Image analysis with Supabase",
   "copy": [
+    {
+      "from": "apps/native/src/app/analysis",
+      "to": "apps/native/src/app/(root)/(protected)/analysis"
+    },
     {
       "from": "apps/native/src/features/image-analyzer",
       "to": "apps/native/src/features/image-analyzer"
@@ -14,44 +18,13 @@
     {
       "from": "packages/backend/supabase/migrations/image_analysis.sql",
       "to": "packages/backend/supabase/migrations/image_analysis.sql"
-    },
-    {
-      "from": "packages/backend/src/services/image-analyses.ts",
-      "to": "packages/backend/src/services/image-analyses.ts"
     }
   ],
   "nav": {
-    "href": "/(root)/(protected)/image-analyzer",
-    "label": "Image Analyzer",
+    "href": "/(root)/(protected)/analysis/face-analysis",
+    "label": "Image Analysis (Supabase)",
     "icon": "🔍",
-    "color": "#3B82F6"
-  },
-  "target": "native",
-  "dependencies": {
-    "expo": [
-      "@supabase/supabase-js",
-      "@tanstack/react-query",
-      "expo-camera",
-      "expo-image-picker"
-    ]
+    "color": "#22C55E"
   },
-  "env": [
-    {
-      "key": "OPENAI_API_KEY",
-      "description": "OpenAI API key for vision analysis",
-      "example": "sk-...",
-      "file": "packages/backend/supabase/.env",
-      "required": true
-    }
-  ],
-  "manualSteps": [
-    {
-      "title": "Apply Supabase migration",
-      "description": "Run: cd packages/backend && supabase db push"
-    },
-    {
-      "title": "Deploy Edge Function",
-      "description": "Run: cd packages/backend && supabase functions deploy analyze-image"
-    }
-  ]
+  "target": "native"
 }

package/recipes/image-analyzer/apps/native/src/app/(root)/(protected)/image-analyzer/index.tsx

@@ -0,0 +1,2 @@
+// vibefast license: c1e9fcd2-muhammad
+export { ImageCaptureScreen as default } from "@/features/image-analyzer/app/image-capture-screen";

package/recipes/image-generator/apps/native/src/app/image-generator/gallery.tsx

@@ -0,0 +1,3 @@
+import ImageGalleryScreen from '@/features/image-generator/app/gallery';
+
+export default ImageGalleryScreen;

package/recipes/image-generator/apps/native/src/app/image-generator/index.tsx

@@ -0,0 +1,3 @@
+import ImageGeneratorScreen from '@/features/image-generator/app';
+
+export default ImageGeneratorScreen;

package/recipes/image-generator/recipe.json

@@ -3,38 +3,28 @@
   "version": "1.0.0",
   "description": "AI-powered image generation",
   "copy": [
+    {
+      "from": "apps/native/src/app/image-generator",
+      "to": "apps/native/src/app/(root)/(protected)/image-generator"
+    },
     {
       "from": "apps/native/src/features/image-generator",
       "to": "apps/native/src/features/image-generator"
     },
     {
-      "from": "apps/native/src/api-client/image-generator.ts",
-      "to": "apps/native/src/api-client/image-generator.ts"
+      "from": "packages/backend/convex/imageGeneration",
+      "to": "packages/backend/convex/imageGeneration"
     },
     {
       "from": "packages/backend/convex/imageGenerator.ts",
       "to": "packages/backend/convex/imageGenerator.ts"
-    },
-    {
-      "from": "packages/backend/convex/imageGeneration",
-      "to": "packages/backend/convex/imageGeneration"
     }
   ],
-  "configuration": {
-    "apiClient": {
-      "exports": [
-        "export { type ImageGeneratorApi, imageGeneratorApi } from './image-generator';"
-      ]
-    }
-  },
   "nav": {
     "href": "/(root)/(protected)/image-generator",
     "label": "Image Generator",
     "icon": "🎨",
-    "color": "#8B5CF6"
+    "color": "#A855F7"
   },
-  "target": "native",
-  "dependencies": {
-    "expo": ["expo-file-system", "expo-media-library", "expo-sharing"]
-  }
+  "target": "native"
 }

package/recipes/image-generator-supabase/recipe.json

@@ -1,7 +1,7 @@
 {
-  "name": "image-generator",
+  "name": "image-generator-supabase",
   "version": "1.0.0",
-  "description": "AI-powered image generation with Supabase backend",
+  "description": "AI image generation with Supabase",
   "copy": [
     {
       "from": "apps/native/src/app/image-generator",
@@ -22,38 +22,9 @@
   ],
   "nav": {
     "href": "/(root)/(protected)/image-generator",
-    "label": "Image Generator",
+    "label": "Image Generator (Supabase)",
     "icon": "🎨",
-    "color": "#8B5CF6"
+    "color": "#A855F7"
   },
-  "target": "native",
-  "dependencies": {
-    "expo": [
-      "@supabase/supabase-js",
-      "@tanstack/react-query",
-      "expo-file-system",
-      "expo-media-library",
-      "expo-sharing"
-    ]
-  },
-  "env": [
-    {
-      "key": "OPENAI_API_KEY",
-      "description": "OpenAI API key for DALL-E image generation",
-      "example": "sk-...",
-      "link": "https://platform.openai.com/api-keys",
-      "file": "packages/backend/supabase/.env",
-      "required": true
-    }
-  ],
-  "manualSteps": [
-    {
-      "title": "Apply Supabase migration",
-      "description": "Run: cd packages/backend && supabase db push"
-    },
-    {
-      "title": "Deploy Edge Function",
-      "description": "Run: cd packages/backend && supabase functions deploy generate-image"
-    }
-  ]
-}
+  "target": "native"
+}

package/recipes/ios-widget/recipe.json

@@ -2,135 +2,34 @@
   "name": "ios-widget",
   "version": "1.0.0",
   "description": "iOS Home Screen widgets with Live Activities",
-  "category": "feature",
-  "icon": "📱",
-  "complexity": "medium",
-  "platforms": ["native"],
   "target": "native",
   "copy": [
     {
-      "from": "targets/widget/AppIntent.swift",
-      "to": "apps/native/targets/widget/AppIntent.swift"
+      "from": "apps/native/src/components/advanced-ui/ios-widget",
+      "to": "apps/native/src/components/advanced-ui/ios-widget"
     },
     {
-      "from": "targets/widget/CalorieTrackerWidget.swift",
-      "to": "apps/native/targets/widget/CalorieTrackerWidget.swift"
-    },
-    {
-      "from": "targets/widget/expo-target.config.js",
-      "to": "apps/native/targets/widget/expo-target.config.js"
-    },
-    {
-      "from": "targets/widget/generated.entitlements",
-      "to": "apps/native/targets/widget/generated.entitlements"
-    },
-    {
-      "from": "targets/widget/HabitTrackerWidget.swift",
-      "to": "apps/native/targets/widget/HabitTrackerWidget.swift"
-    },
-    {
-      "from": "targets/widget/index.swift",
-      "to": "apps/native/targets/widget/index.swift"
-    },
-    {
-      "from": "targets/widget/Info.plist",
-      "to": "apps/native/targets/widget/Info.plist"
-    },
-    {
-      "from": "targets/widget/WidgetLiveActivity.swift",
-      "to": "apps/native/targets/widget/WidgetLiveActivity.swift"
-    },
-    {
-      "from": "targets/widget/widgets.swift",
-      "to": "apps/native/targets/widget/widgets.swift"
-    },
-    {
-      "from": "targets/widget/Assets.xcassets",
-      "to": "apps/native/targets/widget/Assets.xcassets",
-      "type": "directory"
-    }
-  ],
-  "files": [
-    {
-      "source": "targets/widget/AppIntent.swift",
-      "destination": "apps/native/targets/widget/AppIntent.swift"
-    },
-    {
-      "source": "targets/widget/CalorieTrackerWidget.swift",
-      "destination": "apps/native/targets/widget/CalorieTrackerWidget.swift"
-    },
-    {
-      "source": "targets/widget/expo-target.config.js",
-      "destination": "apps/native/targets/widget/expo-target.config.js"
-    },
-    {
-      "source": "targets/widget/generated.entitlements",
-      "destination": "apps/native/targets/widget/generated.entitlements"
-    },
-    {
-      "source": "targets/widget/HabitTrackerWidget.swift",
-      "destination": "apps/native/targets/widget/HabitTrackerWidget.swift"
-    },
-    {
-      "source": "targets/widget/index.swift",
-      "destination": "apps/native/targets/widget/index.swift"
-    },
-    {
-      "source": "targets/widget/Info.plist",
-      "destination": "apps/native/targets/widget/Info.plist"
-    },
-    {
-      "source": "targets/widget/WidgetLiveActivity.swift",
-      "destination": "apps/native/targets/widget/WidgetLiveActivity.swift"
-    },
-    {
-      "source": "targets/widget/widgets.swift",
-      "destination": "apps/native/targets/widget/widgets.swift"
-    },
-    {
-      "source": "targets/widget/Assets.xcassets",
-      "destination": "apps/native/targets/widget/Assets.xcassets",
-      "type": "directory"
+      "from": "apps/native/targets/widget",
+      "to": "apps/native/targets/widget"
     }
   ],
   "dependencies": {
-    "expo": ["@bacons/apple-targets"]
+    "expo": [
+      "@bacons/apple-targets",
+      "react-native-reanimated",
+      "react-native-gesture-handler"
+    ]
   },
-  "plugins": [
+  "manualSteps": [
     {
-      "name": "@bacons/apple-targets",
-      "config": "{\n      targets: [\n        {\n          name: 'VibeFastWidget',\n          type: 'widget',\n          bundleIdentifier: `${Env.BUNDLE_ID}.widget`,\n          entitlements: {\n            'com.apple.security.application-groups': [\n              `group.${Env.BUNDLE_ID}.shared`,\n            ],\n          },\n        },\n      ],\n    }"
-    }
-  ],
-  "iosConfig": {
-    "appleTeamId": "Env.APPLE_TEAM_ID",
-    "entitlements": "{\n      'com.apple.security.application-groups': [`group.${Env.BUNDLE_ID}.shared`],\n    }"
-  },
-  "env": [
+      "title": "Add Apple Targets plugin for the widget target",
+      "description": "Register the @bacons/apple-targets plugin with a widget target and bundle identifier. Ensure the App Group matches your main app bundle ID.",
+      "file": "apps/native/app.config.ts"
+    },
     {
-      "key": "APPLE_TEAM_ID",
-      "description": "Apple Developer Team ID (used to sign widgets).",
-      "example": "ABCDE12345",
-      "link": "https://developer.apple.com/account/#/membership",
-      "file": "apps/native/env.js"
-    }
-  ],
-  "configuration": {
-    "env": {
-      "constants": ["const APPLE_TEAM_ID = 'replace_me';"],
-      "buildTime": {
-        "schema": ["  APPLE_TEAM_ID: z.string(),"],
-        "env": ["  APPLE_TEAM_ID,"]
-      }
+      "title": "Verify App Group entitlements",
+      "description": "Confirm the App Group in the widget target matches the main app's entitlements and the config in apps/native/targets/widget/expo-target.config.js.",
+      "file": "apps/native/app.config.ts"
     }
-  },
-  "manualSteps": [],
-  "postInstall": {
-    "instructions": [
-      "Widget target files have been added",
-      "Run 'npx expo prebuild --clean' to regenerate native projects",
-      "Build and run on iOS to see the widgets",
-      "Long-press on home screen > Add Widget > Select your app"
-    ]
-  }
+  ]
 }

package/recipes/number-stepper/apps/native/src/components/advanced-ui/stepper/demo.tsx

@@ -1,8 +1,8 @@
 import type React from 'react';
 import { useState } from 'react';
 import { ScrollView, StyleSheet, Text, View } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
 
+import { SafeAreaView } from '@/components/ui';
 import { useThemeConfig } from '@/lib/use-theme-config';
 
 import { Stepper, StepperButton, StepperContent, StepperValue } from './index';

package/recipes/number-stepper/recipe.json

@@ -1,7 +1,7 @@
 {
   "name": "number-stepper",
   "version": "1.0.0",
-  "description": "Multi-step number stepper with context management",
+  "description": "Advanced UI component: number-stepper",
   "target": "native",
   "copy": [
     {
@@ -10,6 +10,9 @@
     }
   ],
   "dependencies": {
-    "expo": ["react-native-reanimated"]
+    "expo": [
+      "react-native-reanimated",
+      "react-native-gesture-handler"
+    ]
   }
 }

package/recipes/onboarding/apps/native/src/features/onboarding/expense-tracker/components/interactive-onboarding.tsx

@@ -1,24 +1,24 @@
 import React, { useState } from 'react';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
 
-import { OnboardingHeader } from './ui/onboarding-header';
+import { SafeAreaView } from '@/components/ui';
 
-import { WelcomeStep } from './steps/welcome-step';
+import { AIToneStep } from './steps/ai-tone-step';
+import { CurrencyStep } from './steps/currency-step';
 import { FeatureAIStep } from './steps/feature-ai-step';
-import { FeatureScanStep } from './steps/feature-scan-step';
-import { FeatureManualStep } from './steps/feature-manual-step';
 import { FeatureChatbotStep } from './steps/feature-chatbot-step';
-import { CurrencyStep } from './steps/currency-step';
+import { FeatureManualStep } from './steps/feature-manual-step';
+import { FeatureScanStep } from './steps/feature-scan-step';
 import { MainReasonStep } from './steps/main-reason-step';
-import { StruggleStep } from './steps/struggle-step';
+import { NotificationStep } from './steps/notification-step';
 import { OverspendStep } from './steps/overspend-step';
-import { AIToneStep } from './steps/ai-tone-step';
+import { PersonalizingStep } from './steps/personalizing-step';
+import { RatingStep } from './steps/rating-step';
 import { ReminderStep } from './steps/reminder-step';
-import { NotificationStep } from './steps/notification-step';
 import { SafetyStep } from './steps/safety-step';
-import { RatingStep } from './steps/rating-step';
-import { PersonalizingStep } from './steps/personalizing-step';
-import { SafeAreaView } from '@/components/ui';
+import { StruggleStep } from './steps/struggle-step';
+import { WelcomeStep } from './steps/welcome-step';
+import { OnboardingHeader } from './ui/onboarding-header';
 
 type OnboardingStep =
   | 'welcome'
@@ -67,7 +67,6 @@ export function InteractiveOnboarding({
   onSignIn,
 }: InteractiveOnboardingProps) {
   const [currentStepIndex, setCurrentStepIndex] = useState(0);
-  const [direction, setDirection] = useState<'forward' | 'backward'>('forward');
 
   // State for all steps
   const [currency, setCurrency] = useState<string | null>(null);
@@ -78,15 +77,10 @@ export function InteractiveOnboarding({
   const [reminderFreq, setReminderFreq] = useState<string | null>(null);
   const [reminderTime, setReminderTime] = useState<string>('9 PM');
 
-  // Spend Level State (Min/Max)
-  const [minSpend, setMinSpend] = useState('');
-  const [maxSpend, setMaxSpend] = useState('');
-
   const currentStep = STEPS_ORDER[currentStepIndex];
 
   const handleNext = () => {
     if (currentStepIndex < STEPS_ORDER.length - 1) {
-      setDirection('forward');
       setCurrentStepIndex((prev) => prev + 1);
     } else {
       onComplete();
@@ -95,7 +89,6 @@ export function InteractiveOnboarding({
 
   const handleBack = () => {
     if (currentStepIndex > 0) {
-      setDirection('backward');
       setCurrentStepIndex((prev) => prev - 1);
     }
   };

package/recipes/onboarding/apps/native/src/features/onboarding/expense-tracker/components/steps/ai-tone-step.tsx

@@ -1,10 +1,10 @@
-import React from 'react';
-import { View } from 'react-native';
-import Animated, { FadeIn, FadeOut, FadeInDown } from 'react-native-reanimated';
-import { Text, Button, Pressable } from '@/components/ui';
-import { useThemeConfig } from '@/lib/use-theme-config';
 import { MaterialCommunityIcons } from '@expo/vector-icons';
 import * as Haptics from 'expo-haptics';
+import React from 'react';
+import { View } from 'react-native';
+import Animated, { FadeIn, FadeInDown, FadeOut } from 'react-native-reanimated';
+
+import { Button, Pressable, Text } from '@/components/ui';
 
 interface AIToneStepProps {
   selectedTone: string | null;
@@ -41,8 +41,6 @@ export function AIToneStep({
   onSelectTone,
   onNext,
 }: AIToneStepProps) {
-  const theme = useThemeConfig();
-
   return (
     <Animated.View
       entering={FadeIn}

package/recipes/onboarding/apps/native/src/features/onboarding/expense-tracker/components/steps/currency-step.tsx

@@ -1,16 +1,18 @@
+import { MaterialCommunityIcons } from '@expo/vector-icons';
+import * as Haptics from 'expo-haptics';
 import React from 'react';
-import { View, ScrollView, TextInput } from 'react-native';
+import { ScrollView, TextInput, View } from 'react-native';
 import Animated, {
-  FadeInDown,
-  Layout,
   FadeIn,
+  FadeInDown,
   FadeOut,
+  Layout,
 } from 'react-native-reanimated';
-import { Text, Button, Pressable } from '@/components/ui';
+
+import { Button, Pressable, Text } from '@/components/ui';
 import { useThemeConfig } from '@/lib/use-theme-config';
-import { MaterialCommunityIcons } from '@expo/vector-icons';
-import { SUPPORTED_CURRENCIES, getCurrencyFlag } from '../../constants';
-import * as Haptics from 'expo-haptics';
+
+import { getCurrencyFlag, SUPPORTED_CURRENCIES } from '../../constants';
 
 interface CurrencyStepProps {
   selectedCurrency: string | null;

package/recipes/onboarding/apps/native/src/features/onboarding/expense-tracker/components/steps/feature-ai-step.tsx

@@ -1,20 +1,21 @@
-import React, { useState, useEffect } from 'react';
+import { MaterialCommunityIcons } from '@expo/vector-icons';
+import * as Haptics from 'expo-haptics';
+import { LinearGradient } from 'expo-linear-gradient';
+import React, { useEffect, useState } from 'react';
 import { View } from 'react-native';
 import Animated, {
   FadeIn,
   FadeOut,
   useAnimatedStyle,
   useSharedValue,
-  withSpring,
   withRepeat,
   withSequence,
+  withSpring,
   withTiming,
 } from 'react-native-reanimated';
-import { LinearGradient } from 'expo-linear-gradient';
-import { MaterialCommunityIcons } from '@expo/vector-icons';
-import { Text, Button } from '@/components/ui';
+
+import { Button, Text } from '@/components/ui';
 import { useThemeConfig } from '@/lib/use-theme-config';
-import * as Haptics from 'expo-haptics';
 
 const AIDemo = () => {
   const theme = useThemeConfig();
@@ -55,7 +56,7 @@ const AIDemo = () => {
     }, 30); // Faster typing (30ms)
 
     return () => clearInterval(typingInterval);
-  }, []);
+  }, [cardOpacity, cardScale, cursorOpacity, fullText]);
 
   const animatedCardStyle = useAnimatedStyle(() => ({
     opacity: cardOpacity.value,

package/recipes/onboarding/apps/native/src/features/onboarding/expense-tracker/components/steps/feature-chatbot-step.tsx

@@ -1,15 +1,16 @@
-import React, { useState, useEffect } from 'react';
+import { MaterialCommunityIcons } from '@expo/vector-icons';
+import * as Haptics from 'expo-haptics';
+import { LinearGradient } from 'expo-linear-gradient';
+import React, { useEffect, useState } from 'react';
 import { View } from 'react-native';
 import Animated, {
   FadeIn,
   FadeOut,
   SlideInRight,
 } from 'react-native-reanimated';
-import { LinearGradient } from 'expo-linear-gradient';
-import { MaterialCommunityIcons } from '@expo/vector-icons';
-import { Text, Button } from '@/components/ui';
+
+import { Button, Text } from '@/components/ui';
 import { useThemeConfig } from '@/lib/use-theme-config';
-import * as Haptics from 'expo-haptics';
 
 const ChatbotDemo = () => {
   const theme = useThemeConfig();

package/recipes/onboarding/apps/native/src/features/onboarding/expense-tracker/components/steps/feature-manual-step.tsx

@@ -1,3 +1,5 @@
+import { MaterialCommunityIcons } from '@expo/vector-icons';
+import * as Haptics from 'expo-haptics';
 import React from 'react';
 import { View } from 'react-native';
 import Animated, {
@@ -5,10 +7,9 @@ import Animated, {
   FadeOut,
   SlideInRight,
 } from 'react-native-reanimated';
-import { MaterialCommunityIcons } from '@expo/vector-icons';
-import { Text, Button } from '@/components/ui';
+
+import { Button, Text } from '@/components/ui';
 import { useThemeConfig } from '@/lib/use-theme-config';
-import * as Haptics from 'expo-haptics';
 
 const ManualDemo = () => {
   const theme = useThemeConfig();