@digilogiclabs/create-saas-app 1.0.1

package/dist/templates/mobile/ui-auth-payments/template/metro.config.js

@@ -0,0 +1,11 @@
+const { getDefaultConfig } = require('expo/metro-config');
+
+/** @type {import('expo/metro-config').MetroConfig} */
+const config = getDefaultConfig(__dirname);
+
+// Add SVG support
+config.transformer.babelTransformerPath = require.resolve('react-native-svg-transformer');
+config.resolver.assetExts = config.resolver.assetExts.filter((ext) => ext !== 'svg');
+config.resolver.sourceExts = [...config.resolver.sourceExts, 'svg'];
+
+module.exports = config;

package/dist/templates/mobile/ui-auth-payments/template/package.json

@@ -0,0 +1,117 @@
+{
+  "name": "{{packageName}}",
+  "version": "1.0.0",
+  "description": "{{description}} - Mobile App with UI, Auth, and Payments",
+  "main": "node_modules/expo/AppEntry.js",
+  "scripts": {
+    "start": "expo start",
+    "dev": "expo start --dev-client",
+    "android": "expo start --android",
+    "ios": "expo start --ios", 
+    "web": "expo start --web",
+    "build": "eas build",
+    "build:android": "eas build --platform android",
+    "build:ios": "eas build --platform ios",
+    "preview": "eas build --profile preview",
+    "submit": "eas submit",
+    "test": "jest",
+    "lint": "expo lint",
+    "type-check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "expo": "~54.0.11",
+    "react": "19.1.0",
+    "react-native": "0.73.6",
+    
+    "@expo/vector-icons": "^14.0.0",
+    "@expo/config-plugins": "~7.8.0",
+    
+    "@react-navigation/native": "^6.1.9",
+    "@react-navigation/stack": "^6.3.20",
+    "@react-navigation/bottom-tabs": "^6.5.11",
+    "@react-navigation/drawer": "^6.6.6",
+    "react-native-screens": "~3.29.0",
+    "react-native-safe-area-context": "4.8.2",
+    "react-native-gesture-handler": "~2.14.0",
+    "react-native-reanimated": "~3.6.2",
+    
+    "@digilogiclabs/saas-factory-ui": "^0.27.1",
+    "@digilogiclabs/saas-factory-auth": "^1.0.5",
+    "@digilogiclabs/saas-factory-payments": "^1.2.7",
+    
+    "@supabase/supabase-js": "^2.39.0",
+    "@react-native-async-storage/async-storage": "1.21.0",
+    
+    "@stripe/stripe-react-native": "0.28.0",
+    "@supabase/ssr": "^0.7.0",
+    
+    "expo-router": "~6.0.9",
+    "expo-font": "~11.10.0",
+    "expo-linking": "~6.3.1",
+    "expo-constants": "~16.0.2",
+    "expo-status-bar": "~1.12.1",
+    "expo-splash-screen": "~0.26.4",
+    "expo-system-ui": "~2.9.3",
+    "expo-web-browser": "~12.8.2",
+    "expo-haptics": "~12.8.1",
+    "expo-device": "~5.9.3",
+    "expo-location": "~16.5.3",
+    "expo-image-picker": "~14.7.1",
+    "expo-camera": "~14.1.3",
+    "expo-barcode-scanner": "~12.9.3",
+    "expo-notifications": "~0.27.6",
+    "expo-secure-store": "~12.8.1",
+    "expo-file-system": "~16.0.6",
+    "expo-updates": "~0.24.11",
+    "expo-linear-gradient": "~12.7.2",
+    "expo-blur": "~12.9.2",
+    "expo-asset": "~9.0.2",
+    "metro": "~0.77.0",
+    "@expo/metro-runtime": "~3.1.3",
+    "@react-native-community/cli-server-api": "^12.0.0",
+    "@react-native/assets-registry": "^0.73.1",
+    "metro-react-native-babel-transformer": "~0.77.0",
+    "metro-inspector-proxy": "~0.77.0",
+
+    "@react-native-community/netinfo": "^11.0.0",
+    "expo-linear-gradient": "~12.3.0",
+    "react-native-mmkv": "^2.12.2",
+    "react-native-svg": "14.1.0",
+    "react-native-url-polyfill": "^2.0.0",
+    "react-native-web": "~0.19.10",
+    "react-dom": "19.1.0",
+    "@react-native/assets-registry": "^0.81.1",
+
+    "zustand": "^4.4.7",
+    "react-hook-form": "^7.48.2",
+    "@hookform/resolvers": "^3.3.2",
+    "zod": "^3.22.4",
+    "date-fns": "^3.0.6",
+    "react-native-heroicons": "^4.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.23.6",
+    "@types/react": "~18.2.45",
+    "typescript": "~5.3.3",
+    "jest": "^29.7.0",
+    "@testing-library/react-native": "^12.4.2",
+    "@testing-library/jest-native": "^5.4.3",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "eslint": "^8.57.0",
+    "eslint-config-expo": "^7.0.0",
+    "prettier": "^3.1.1"
+  },
+  "jest": {
+    "preset": "jest-expo",
+    "setupFilesAfterEnv": ["<rootDir>/jest-setup.ts"],
+    "transformIgnorePatterns": [
+      "node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|react-native-svg)"
+    ]
+  },
+  "private": true,
+  "expo": {
+    "install": {
+      "exclude": ["react-native-safe-area-context"]
+    }
+  }
+}

package/dist/templates/mobile/ui-auth-payments/template/tsconfig.json

@@ -0,0 +1,31 @@
+{
+  "extends": "expo/tsconfig.base",
+  "compilerOptions": {
+    "strict": true,
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["./*"],
+      "@/components/*": ["./components/*"],
+      "@/hooks/*": ["./hooks/*"], 
+      "@/utils/*": ["./utils/*"],
+      "@/types/*": ["./types/*"],
+      "@/constants/*": ["./constants/*"]
+    },
+    "skipLibCheck": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    ".expo/types/**/*.ts",
+    "expo-env.d.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/dist/templates/mobile/ui-auth-payments-ai/template/.env.example

@@ -0,0 +1,23 @@
+# Supabase Configuration
+EXPO_PUBLIC_SUPABASE_URL=your_supabase_project_url
+EXPO_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
+
+# Stripe Configuration
+EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY=your_stripe_publishable_key
+
+# AI Configuration - OpenAI
+EXPO_PUBLIC_OPENAI_API_KEY=your_openai_api_key
+
+# AI Configuration - ElevenLabs (for audio generation)
+EXPO_PUBLIC_ELEVENLABS_API_KEY=your_elevenlabs_api_key
+
+# AI Configuration - Replicate (for video/image generation)
+EXPO_PUBLIC_REPLICATE_API_TOKEN=your_replicate_api_token
+
+# Optional: Custom AI model configurations
+EXPO_PUBLIC_AI_MODEL_TEXT=gpt-4
+EXPO_PUBLIC_AI_MODEL_AUDIO=tts-1
+EXPO_PUBLIC_AI_MODEL_VIDEO=stability-ai/stable-video-diffusion
+
+# Development
+EXPO_PUBLIC_DEV_MODE=true

package/dist/templates/mobile/ui-auth-payments-ai/template/README.md

@@ -0,0 +1,254 @@
+# {{titleCaseName}} - AI-Powered Mobile SaaS
+
+A complete mobile AI application built with React Native, Expo, and Digi Logic Labs packages. Features comprehensive AI generation capabilities including text, audio, and video generation.
+
+## 🚀 Quick Start
+
+```bash
+# Install dependencies
+npm install
+
+# Start the development server
+npm run dev
+
+# Run on iOS simulator
+npm run ios
+
+# Run on Android emulator
+npm run android
+
+# Run on web
+npm run web
+```
+
+## 🤖 AI Features
+
+### Text Generation
+- **OpenAI GPT-4 Integration** - Advanced text generation
+- **Multiple Templates** - Blog posts, emails, social media, code docs
+- **Real-time Generation** - Stream responses as they're generated  
+- **Word Count Tracking** - Monitor generation length
+- **Export Options** - Save, copy, and share generated content
+
+### Audio Generation  
+- **ElevenLabs Integration** - High-quality voice synthesis
+- **Multiple Voices** - Choose from 6 different AI voices
+- **Format Support** - MP3, WAV, OGG output formats
+- **Waveform Display** - Visual audio representation
+- **Duration Control** - Up to 5 minutes of audio
+
+### Video Generation
+- **Replicate Integration** - AI-powered video creation
+- **Style Options** - Photorealistic, cartoon, anime, watercolor
+- **HD Output** - 1080p video generation
+- **Preview Support** - See previews before final generation
+- **Multiple Formats** - MP4, WebM support
+
+### AI Chat
+- **Interactive Chat** - Conversational AI interface
+- **Context Retention** - Maintains conversation history
+- **Typing Indicators** - Shows when AI is responding
+- **Message Management** - Up to 50 messages per session
+
+## 📱 Core Features
+
+- **✅ Authentication** - Secure user management with Supabase
+- **💳 Payments** - Stripe integration for subscriptions
+- **🎨 Modern UI** - 240+ components from @digilogiclabs/saas-factory-ui v0.22.0
+- **📱 Native Experience** - Optimized for iOS and Android
+- **🌓 Theme Support** - Light/dark modes with system preference
+- **🔄 Offline Support** - Cached AI responses and offline capabilities
+- **📊 Usage Analytics** - Track AI generation statistics
+- **🎯 Haptic Feedback** - Enhanced mobile interaction
+
+## 🏗️ Tech Stack
+
+- **React Native** 0.73+ with Expo 50+
+- **TypeScript** for type safety
+- **Expo Router** for navigation
+- **Stripe** for payments
+- **Supabase** for backend services
+- **React Hook Form** + Zod for form validation
+- **@digilogiclabs/saas-factory-ui** for UI components (v0.22.0)
+- **@digilogiclabs/saas-factory-auth** for authentication (v1.0.1)
+- **@digilogiclabs/saas-factory-payments** for payment processing (v1.1.0)
+- **@digilogiclabs/saas-factory-ai** for AI capabilities (v3.0.0)
+
+## 📦 Project Structure
+
+```
+├── app/                          # Expo Router pages
+│   ├── (tabs)/                  # Main app tabs
+│   │   ├── index.tsx            # Dashboard
+│   │   ├── ai.tsx               # AI Studio with generation tools
+│   │   ├── orders.tsx           # Orders list
+│   │   ├── analytics.tsx        # Analytics dashboard
+│   │   ├── billing.tsx          # Payments & billing
+│   │   └── profile.tsx          # User profile
+│   ├── auth/                    # Authentication screens
+│   │   ├── login.tsx            # Sign in
+│   │   └── signup.tsx           # Sign up
+│   └── _layout.tsx              # Root layout with providers
+├── components/                  # Reusable components
+├── hooks/                       # Custom hooks
+├── utils/                       # Utility functions
+├── types/                       # TypeScript types
+└── constants/                   # App constants
+```
+
+## 🔧 Configuration
+
+### Environment Variables
+
+Copy `.env.example` to `.env` and update the values:
+
+```bash
+# Supabase
+EXPO_PUBLIC_SUPABASE_URL=your-supabase-url
+EXPO_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key
+
+# Stripe
+EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY=your-stripe-publishable-key
+
+# AI Configuration
+EXPO_PUBLIC_OPENAI_API_KEY=your-openai-api-key
+EXPO_PUBLIC_ELEVENLABS_API_KEY=your-elevenlabs-api-key
+EXPO_PUBLIC_REPLICATE_API_TOKEN=your-replicate-api-token
+
+# App Configuration
+EXPO_PUBLIC_APP_NAME={{titleCaseName}}
+```
+
+### EAS Configuration
+
+For building and deploying with EAS Build:
+
+1. Install EAS CLI: `npm install -g eas-cli`
+2. Login: `eas login`
+3. Configure: `eas build:configure`
+4. Build: `eas build --platform all`
+
+## 🔒 Permissions
+
+The app requests the following permissions:
+
+- **Camera**: Profile photos and QR code scanning
+- **Location**: Delivery tracking and location services
+- **Notifications**: Order updates and push notifications
+- **Storage**: Offline caching and data storage
+
+## 🎨 UI Components
+
+This app uses the **@digilogiclabs/saas-factory-ui** library for native components:
+
+- **Native Cards**: Styled containers with shadows
+- **Native Buttons**: Various styles and states
+- **Native Forms**: Validated input fields
+- **Native Charts**: Data visualization
+- **Native Navigation**: Tab bars and navigation
+- **Native Modals**: Overlay components
+
+## 💳 Payments Integration
+
+Stripe integration includes:
+
+- **Payment Methods**: Add/remove credit cards
+- **Subscriptions**: Manage recurring payments
+- **Invoices**: View billing history
+- **Apple Pay**: iOS native payment method
+- **Google Pay**: Android native payment method
+
+## 📊 Analytics
+
+Built-in analytics dashboard with:
+
+- **Revenue Tracking**: Daily, weekly, monthly views
+- **Order Analytics**: Sales and conversion metrics
+- **Customer Insights**: User behavior and trends
+- **Real-time Data**: Live updates and notifications
+
+## 🧪 Testing
+
+```bash
+# Run tests
+npm test
+
+# Run tests with coverage
+npm run test:coverage
+
+# Run tests in watch mode
+npm run test:watch
+```
+
+## 🚀 Deployment
+
+### Development Build
+
+```bash
+# Create development build
+eas build --profile development
+
+# Install on device
+eas install
+```
+
+### Production Build
+
+```bash
+# Build for App Store/Play Store
+eas build --profile production
+
+# Submit to stores
+eas submit --platform all
+```
+
+## 📱 Platform Support
+
+- **iOS**: 13.0+
+- **Android**: API 21+ (Android 5.0)
+- **Web**: Modern browsers (for development)
+
+## 🔄 Updates
+
+The app supports over-the-air updates with Expo Updates:
+
+```bash
+# Publish update
+eas update --branch production
+```
+
+## 🆘 Troubleshooting
+
+### Common Issues
+
+1. **Metro bundler issues**: Clear cache with `expo start -c`
+2. **Build failures**: Check EAS build logs in the dashboard
+3. **Permission errors**: Verify permissions in app.json
+4. **Stripe setup**: Ensure proper API keys and webhook endpoints
+
+### Debug Mode
+
+```bash
+# Enable debug mode
+EXPO_PUBLIC_DEBUG=true npm run dev
+```
+
+## 📄 License
+
+This project is licensed under the MIT License. See LICENSE file for details.
+
+## 🤝 Contributing
+
+1. Fork the repository
+2. Create a feature branch: `git checkout -b feature/new-feature`
+3. Commit changes: `git commit -am 'Add new feature'`
+4. Push to branch: `git push origin feature/new-feature`
+5. Submit a pull request
+
+## 📞 Support
+
+For support and questions:
+
+- Email: support@{{packageName}}.com
+- Documentation: [docs.{{packageName}}.com](https://docs.{{packageName}}.com)
+- Issues: [GitHub Issues](https://github.com/{{githubRepo}}/issues)

package/dist/templates/mobile/ui-auth-payments-ai/template/app/(tabs)/_layout.tsx

@@ -0,0 +1,169 @@
+import React from 'react';
+import { View } from 'react-native';
+import { Tabs } from 'expo-router';
+import { useAuth } from '@digilogiclabs/saas-factory-auth/native';
+import { Redirect } from 'expo-router';
+
+// UI Components - Updated for v0.22.0
+import { 
+  BottomTabBar,
+  PageTransition,
+  useTheme
+} from '@digilogiclabs/saas-factory-ui/native';
+
+// Icons
+import { 
+  Home, 
+  User, 
+  Settings, 
+  CreditCard, 
+  BarChart3,
+  ShoppingBag,
+  Sparkles
+} from 'react-native-heroicons/outline';
+import { 
+  Home as HomeSolid, 
+  User as UserSolid, 
+  Settings as SettingsSolid, 
+  CreditCard as CreditCardSolid,
+  BarChart3 as BarChart3Solid,
+  ShoppingBag as ShoppingBagSolid,
+  Sparkles as SparklesSolid
+} from 'react-native-heroicons/solid';
+
+// Tab configuration for BottomTabBar
+const tabConfig = [
+  {
+    id: 'index',
+    label: 'Home',
+    icon: Home,
+    activeIcon: HomeSolid,
+    route: '/dashboard'
+  },
+  {
+    id: 'ai',
+    label: 'AI Studio',
+    icon: Sparkles,
+    activeIcon: SparklesSolid,
+    route: '/ai',
+    badge: 'NEW'
+  },
+  {
+    id: 'orders',
+    label: 'Orders',
+    icon: ShoppingBag,
+    activeIcon: ShoppingBagSolid,
+    route: '/orders'
+  },
+  {
+    id: 'analytics',
+    label: 'Analytics',
+    icon: BarChart3,
+    activeIcon: BarChart3Solid,
+    route: '/analytics'
+  },
+  {
+    id: 'billing',
+    label: 'Billing',
+    icon: CreditCard,
+    activeIcon: CreditCardSolid,
+    route: '/billing'
+  },
+  {
+    id: 'profile',
+    label: 'Profile',
+    icon: User,
+    activeIcon: UserSolid,
+    route: '/profile'
+  }
+];
+
+export default function TabLayout() {
+  const { user, loading } = useAuth();
+  const { colors } = useTheme();
+
+  // Show loading state while checking authentication
+  if (loading) {
+    return null; // or a loading component
+  }
+
+  // Redirect to auth if user is not authenticated
+  if (!user) {
+    return <Redirect href="/auth/login" />;
+  }
+
+  return (
+    <PageTransition type="slide" direction="horizontal">
+      <View style={{ flex: 1 }}>
+        <Tabs
+          screenOptions={{
+            headerShown: false,
+            tabBarStyle: { display: 'none' } // Hide default tab bar since we use BottomTabBar
+          }}
+        >
+          <Tabs.Screen
+            name="index"
+            options={{
+              title: 'Dashboard',
+            }}
+          />
+          <Tabs.Screen
+            name="ai"
+            options={{
+              title: 'AI Studio',
+            }}
+          />
+          <Tabs.Screen
+            name="orders"
+            options={{
+              title: 'Orders',
+            }}
+          />
+          <Tabs.Screen
+            name="analytics"
+            options={{
+              title: 'Analytics',
+            }}
+          />
+          <Tabs.Screen
+            name="billing"
+            options={{
+              title: 'Billing',
+            }}
+          />
+          <Tabs.Screen
+            name="profile"
+            options={{
+              title: 'Profile',
+            }}
+          />
+        </Tabs>
+        
+        {/* Enhanced BottomTabBar from v0.22.0 */}
+        <BottomTabBar
+          tabs={tabConfig}
+          activeTabId="index" // This should be dynamic based on current route
+          onTabPress={(tabId) => {
+            // Handle tab navigation
+            console.log('Tab pressed:', tabId);
+          }}
+          style={{
+            position: 'absolute',
+            bottom: 16,
+            left: 16,
+            right: 16,
+            borderRadius: 24,
+            shadowColor: '#000',
+            shadowOffset: { width: 0, height: 8 },
+            shadowOpacity: 0.12,
+            shadowRadius: 24,
+            elevation: 12,
+          }}
+          variant="floating"
+          showLabels={true}
+          hapticFeedback={true}
+        />
+      </View>
+    </PageTransition>
+  );
+}