@digilogiclabs/create-saas-app 1.0.1

package/src/templates/mobile/ui-auth-payments-ai-rag/template/app/_layout.tsx

@@ -0,0 +1,134 @@
+import { useEffect } from 'react';
+import { useFonts } from 'expo-font';
+import { SplashScreen, Stack } from 'expo-router';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { StatusBar } from 'expo-status-bar';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { StripeProvider } from '@stripe/stripe-react-native';
+
+// UI Library Providers
+import {
+  NativeThemeProvider as ThemeProvider,
+  OfflineWrapper,
+  NetworkAwareContent,
+  NativeHapticsProvider as HapticsProvider,
+  NativeToast as Toast,
+  AppShell
+} from '@digilogiclabs/saas-factory-ui/native';
+
+// Auth Provider
+import { AuthProvider } from '@digilogiclabs/saas-factory-auth/native';
+
+// Payments Provider
+import { PaymentsProvider } from '@digilogiclabs/saas-factory-payments/native';
+
+// Prevent the splash screen from auto-hiding before asset loading is complete
+SplashScreen.preventAutoHideAsync();
+
+export default function RootLayout() {
+  const [loaded, error] = useFonts({
+    // Add your custom fonts here
+  });
+
+  // Expo Router uses Error Boundaries to catch errors in the navigation tree
+  useEffect(() => {
+    if (error) throw error;
+  }, [error]);
+
+  useEffect(() => {
+    if (loaded) {
+      SplashScreen.hideAsync();
+    }
+  }, [loaded]);
+
+  if (!loaded) {
+    return null;
+  }
+
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <SafeAreaProvider>
+        <ThemeProvider>
+          <HapticsProvider>
+            <OfflineWrapper
+              cacheStrategy="stale-while-revalidate"
+              showOfflineIndicator={true}
+              backgroundSync={true}
+            >
+              <NetworkAwareContent>
+                <AuthProvider
+                  supabaseUrl={process.env.EXPO_PUBLIC_SUPABASE_URL!}
+                  supabaseAnonKey={process.env.EXPO_PUBLIC_SUPABASE_ANON_KEY!}
+                >
+                  <PaymentsProvider
+                    apiUrl={process.env.EXPO_PUBLIC_API_URL || 'http://localhost:3000'}
+                  >
+                    <StripeProvider
+                      publishableKey={process.env.EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY!}
+                      merchantIdentifier="merchant.com.{{packageName}}.app"
+                    >
+                    <AppShell
+                      navigationMode="tabs"
+                      showHeader={true}
+                      headerConfig={{
+                        title: "{{titleCaseName}}",
+                        showBackButton: false,
+                        showProfileButton: true
+                      }}
+                    >
+                      <Stack
+                        screenOptions={{
+                          headerShown: false,
+                          animation: 'slide_from_right',
+                          animationTypeForReplace: 'push'
+                        }}
+                      >
+                        <Stack.Screen
+                          name="(tabs)"
+                          options={{ headerShown: false }}
+                        />
+                        <Stack.Screen
+                          name="auth"
+                          options={{
+                            presentation: 'modal',
+                            headerShown: false
+                          }}
+                        />
+                        <Stack.Screen
+                          name="onboarding"
+                          options={{
+                            presentation: 'fullScreenModal',
+                            headerShown: false
+                          }}
+                        />
+                        <Stack.Screen
+                          name="profile"
+                          options={{
+                            presentation: 'card',
+                            headerShown: true,
+                            title: 'Profile'
+                          }}
+                        />
+                        <Stack.Screen
+                          name="settings"
+                          options={{
+                            presentation: 'card',
+                            headerShown: true,
+                            title: 'Settings'
+                          }}
+                        />
+                      </Stack>
+                    </AppShell>
+                    <Toast />
+                    <StatusBar style="auto" />
+                    </StripeProvider>
+                  </PaymentsProvider>
+                </AuthProvider>
+              </NetworkAwareContent>
+            </OfflineWrapper>
+          </HapticsProvider>
+        </ThemeProvider>
+      </SafeAreaProvider>
+    </GestureHandlerRootView>
+  );
+}

package/src/templates/mobile/ui-auth-payments-ai-rag/template/app.json

@@ -0,0 +1,74 @@
+{
+  "expo": {
+    "name": "{{titleCaseName}}",
+    "slug": "{{packageName}}",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "automatic",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "{{iosBundleId}}",
+      "infoPlist": {
+        "NSCameraUsageDescription": "This app uses the camera to take photos",
+        "NSPhotoLibraryUsageDescription": "This app accesses the photo library to select images",
+        "NSMicrophoneUsageDescription": "This app needs access to microphone for audio features.",
+        "NSLocationAlwaysAndWhenInUseUsageDescription": "This app uses location to provide location-based features",
+        "NSLocationWhenInUseUsageDescription": "This app uses location to provide location-based features"
+      }
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "package": "com.{{slugNameCamelCase}}.app",
+      "permissions": [
+        "CAMERA",
+        "RECORD_AUDIO",
+        "ACCESS_FINE_LOCATION",
+        "ACCESS_COARSE_LOCATION",
+        "INTERNET",
+        "ACCESS_NETWORK_STATE"
+      ]
+    },
+    "web": {
+      "favicon": "./assets/favicon.png",
+      "bundler": "metro"
+    },
+    "plugins": [
+      "expo-router",
+      [
+        "expo-location",
+        {
+          "locationAlwaysAndWhenInUsePermission": "Allow {{titleCaseName}} to use your location to provide location-based features."
+        }
+      ],
+      [
+        "expo-camera",
+        {
+          "cameraPermission": "Allow {{titleCaseName}} to access your camera to scan QR codes and take photos."
+        }
+      ],
+      [
+        "expo-notifications",
+        {
+          "icon": "./assets/notification-icon.png",
+          "color": "#ffffff"
+        }
+      ],
+      "expo-secure-store"
+    ],
+    "experiments": {
+      "typedRoutes": true
+    }
+  }
+}

package/src/templates/mobile/ui-auth-payments-ai-rag/template/babel.config.js

@@ -0,0 +1,25 @@
+module.exports = function(api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+    plugins: [
+      [
+        'module-resolver',
+        {
+          root: ['./'],
+          alias: {
+            '@': './',
+            '@/components': './components',
+            '@/hooks': './hooks',
+            '@/utils': './utils',
+            '@/types': './types',
+            '@/constants': './constants',
+            '@/lib': './lib'
+          },
+        },
+      ],
+      'expo-router/babel',
+      'react-native-reanimated/plugin',
+    ],
+  };
+};