Demo version

app.py

@@ -1,7 +1,794 @@
 import gradio as gr
+import zipfile
+import io
+import os
+from datetime import datetime
 
-def greet(name):
-    return "Hello " + name + "!!"
+def generate_flutter_code(description):
+    """
+    Generate Flutter code files based on user description.
+    This is a placeholder implementation that creates sample Dart files.
+    In production, this would call an AI model (Claude, GPT, etc.) via API.
+    
+    Args:
+        description: User's description of the Flutter app/widget
+        
+    Returns:
+        Path to generated ZIP file or None if error
+    """
+    
+    if not description or len(description.strip()) < 10:
+        return None, "❌ Please provide a more detailed description (at least 10 characters)."
+    
+    try:
+        # Create timestamp for unique filenames
+        timestamp = datetime.now().strftime("%Y%m%d_%H%M%S")
+        
+        # Create an in-memory ZIP file
+        zip_buffer = io.BytesIO()
+        
+        with zipfile.ZipFile(zip_buffer, 'w', zipfile.ZIP_DEFLATED) as zip_file:
+            
+            # Generate main.dart
+            main_dart = generate_main_dart(description)
+            zip_file.writestr('flutter_app/lib/main.dart', main_dart)
+            
+            # Generate widgets.dart
+            widgets_dart = generate_widgets_dart(description)
+            zip_file.writestr('flutter_app/lib/widgets.dart', widgets_dart)
+            
+            # Generate models.dart
+            models_dart = generate_models_dart(description)
+            zip_file.writestr('flutter_app/lib/models.dart', models_dart)
+            
+            # Generate services.dart
+            services_dart = generate_services_dart(description)
+            zip_file.writestr('flutter_app/lib/services.dart', services_dart)
+            
+            # Generate pubspec.yaml
+            pubspec = generate_pubspec(description)
+            zip_file.writestr('flutter_app/pubspec.yaml', pubspec)
+            
+            # Generate README.md
+            readme = generate_readme(description)
+            zip_file.writestr('flutter_app/README.md', readme)
+        
+        # Save the ZIP to a temporary file
+        zip_buffer.seek(0)
+        output_path = f"flutter_app_{timestamp}.zip"
+        
+        with open(output_path, 'wb') as f:
+            f.write(zip_buffer.getvalue())
+        
+        success_message = f"""
+✅ **Flutter code generated successfully!**
 
-demo = gr.Interface(fn=greet, inputs="text", outputs="text")
-demo.launch()
+📝 **Your description:** {description[:100]}{'...' if len(description) > 100 else ''}
+
+📦 **Generated files:**
+- `lib/main.dart` - Main application entry point
+- `lib/widgets.dart` - Custom widgets
+- `lib/models.dart` - Data models
+- `lib/services.dart` - Business logic and services
+- `pubspec.yaml` - Project dependencies
+- `README.md` - Project documentation
+
+💡 **Next steps:**
+1. Download the ZIP file below
+2. Extract it to your desired location
+3. Run `flutter pub get` in the project directory
+4. Run `flutter run` to launch the app
+
+⚠️ **Note:** This is AI-generated placeholder code. Review and customize it for your needs.
+        """
+        
+        return output_path, success_message
+        
+    except Exception as e:
+        return None, f"❌ Error generating Flutter code: {str(e)}"
+
+
+def generate_main_dart(description):
+    """Generate the main.dart file content."""
+    return f"""// AI-Generated Flutter Application
+// Description: {description}
+// Generated: {datetime.now().strftime("%Y-%m-%d %H:%M:%S")}
+
+import 'package:flutter/material.dart';
+import 'widgets.dart';
+
+void main() {{
+  runApp(const MyApp());
+}}
+
+/// Main application widget
+/// This is the root of your Flutter application
+class MyApp extends StatelessWidget {{
+  const MyApp({{super.key}});
+
+  @override
+  Widget build(BuildContext context) {{
+    return MaterialApp(
+      title: 'Flutter App',
+      debugShowCheckedModeBanner: false,
+      theme: ThemeData(
+        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
+        useMaterial3: true,
+        appBarTheme: const AppBarTheme(
+          centerTitle: true,
+          elevation: 2,
+        ),
+      ),
+      home: const HomePage(),
+    );
+  }}
+}}
+
+/// Home page widget
+/// Main screen of the application
+class HomePage extends StatefulWidget {{
+  const HomePage({{super.key}});
+
+  @override
+  State<HomePage> createState() => _HomePageState();
+}}
+
+class _HomePageState extends State<HomePage> {{
+  int _counter = 0;
+
+  void _incrementCounter() {{
+    setState(() {{
+      _counter++;
+    }});
+  }}
+
+  @override
+  Widget build(BuildContext context) {{
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
+        title: const Text('Flutter App'),
+      ),
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            // Custom widget from widgets.dart
+            const CustomInfoCard(
+              title: 'Welcome',
+              description: '{description[:50]}...',
+            ),
+            const SizedBox(height: 24),
+            const Text(
+              'You have pushed the button this many times:',
+              style: TextStyle(fontSize: 16),
+            ),
+            Text(
+              '$_counter',
+              style: Theme.of(context).textTheme.headlineMedium?.copyWith(
+                    fontWeight: FontWeight.bold,
+                    color: Theme.of(context).colorScheme.primary,
+                  ),
+            ),
+          ],
+        ),
+      ),
+      floatingActionButton: FloatingActionButton(
+        onPressed: _incrementCounter,
+        tooltip: 'Increment',
+        child: const Icon(Icons.add),
+      ),
+    );
+  }}
+}}
+"""
+
+
+def generate_widgets_dart(description):
+    """Generate the widgets.dart file content."""
+    return f"""// Custom Widgets for the Flutter Application
+// Description: {description}
+// Generated: {datetime.now().strftime("%Y-%m-%d %H:%M:%S")}
+
+import 'package:flutter/material.dart';
+
+/// Custom info card widget
+/// Displays a title and description in a styled card
+class CustomInfoCard extends StatelessWidget {{
+  final String title;
+  final String description;
+  final IconData? icon;
+
+  const CustomInfoCard({{
+    super.key,
+    required this.title,
+    required this.description,
+    this.icon,
+  }});
+
+  @override
+  Widget build(BuildContext context) {{
+    return Card(
+      elevation: 4,
+      margin: const EdgeInsets.all(16),
+      child: Padding(
+        padding: const EdgeInsets.all(20),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            if (icon != null)
+              Icon(
+                icon,
+                size: 48,
+                color: Theme.of(context).colorScheme.primary,
+              ),
+            if (icon != null) const SizedBox(height: 12),
+            Text(
+              title,
+              style: Theme.of(context).textTheme.headlineSmall?.copyWith(
+                    fontWeight: FontWeight.bold,
+                  ),
+              textAlign: TextAlign.center,
+            ),
+            const SizedBox(height: 8),
+            Text(
+              description,
+              style: Theme.of(context).textTheme.bodyMedium,
+              textAlign: TextAlign.center,
+            ),
+          ],
+        ),
+      ),
+    );
+  }}
+}}
+
+/// Custom button widget with loading state
+class CustomButton extends StatelessWidget {{
+  final String text;
+  final VoidCallback? onPressed;
+  final bool isLoading;
+  final IconData? icon;
+
+  const CustomButton({{
+    super.key,
+    required this.text,
+    this.onPressed,
+    this.isLoading = false,
+    this.icon,
+  }});
+
+  @override
+  Widget build(BuildContext context) {{
+    return ElevatedButton(
+      onPressed: isLoading ? null : onPressed,
+      style: ElevatedButton.styleFrom(
+        padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(8),
+        ),
+      ),
+      child: isLoading
+          ? const SizedBox(
+              width: 20,
+              height: 20,
+              child: CircularProgressIndicator(strokeWidth: 2),
+            )
+          : Row(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                if (icon != null) ...[
+                  Icon(icon, size: 20),
+                  const SizedBox(width: 8),
+                ],
+                Text(text),
+              ],
+            ),
+    );
+  }}
+}}
+
+/// Custom text input field widget
+class CustomTextField extends StatelessWidget {{
+  final String label;
+  final String? hint;
+  final TextEditingController? controller;
+  final int maxLines;
+  final TextInputType? keyboardType;
+
+  const CustomTextField({{
+    super.key,
+    required this.label,
+    this.hint,
+    this.controller,
+    this.maxLines = 1,
+    this.keyboardType,
+  }});
+
+  @override
+  Widget build(BuildContext context) {{
+    return TextField(
+      controller: controller,
+      maxLines: maxLines,
+      keyboardType: keyboardType,
+      decoration: InputDecoration(
+        labelText: label,
+        hintText: hint,
+        border: OutlineInputBorder(
+          borderRadius: BorderRadius.circular(8),
+        ),
+        filled: true,
+        fillColor: Theme.of(context).colorScheme.surface,
+      ),
+    );
+  }}
+}}
+"""
+
+
+def generate_models_dart(description):
+    """Generate the models.dart file content."""
+    return f"""// Data Models for the Flutter Application
+// Description: {description}
+// Generated: {datetime.now().strftime("%Y-%m-%d %H:%M:%S")}
+
+/// Base item model
+/// Represents a generic item in the application
+class Item {{
+  final String id;
+  final String title;
+  final String description;
+  final DateTime createdAt;
+  bool isCompleted;
+
+  Item({{
+    required this.id,
+    required this.title,
+    required this.description,
+    required this.createdAt,
+    this.isCompleted = false,
+  }});
+
+  /// Convert item to JSON
+  Map<String, dynamic> toJson() {{
+    return {{
+      'id': id,
+      'title': title,
+      'description': description,
+      'createdAt': createdAt.toIso8601String(),
+      'isCompleted': isCompleted,
+    }};
+  }}
+
+  /// Create item from JSON
+  factory Item.fromJson(Map<String, dynamic> json) {{
+    return Item(
+      id: json['id'] as String,
+      title: json['title'] as String,
+      description: json['description'] as String,
+      createdAt: DateTime.parse(json['createdAt'] as String),
+      isCompleted: json['isCompleted'] as bool? ?? false,
+    );
+  }}
+
+  /// Create a copy with updated fields
+  Item copyWith({{
+    String? id,
+    String? title,
+    String? description,
+    DateTime? createdAt,
+    bool? isCompleted,
+  }}) {{
+    return Item(
+      id: id ?? this.id,
+      title: title ?? this.title,
+      description: description ?? this.description,
+      createdAt: createdAt ?? this.createdAt,
+      isCompleted: isCompleted ?? this.isCompleted,
+    );
+  }}
+}}
+
+/// User model
+/// Represents a user in the application
+class User {{
+  final String id;
+  final String name;
+  final String email;
+  final String? avatarUrl;
+
+  const User({{
+    required this.id,
+    required this.name,
+    required this.email,
+    this.avatarUrl,
+  }});
+
+  /// Convert user to JSON
+  Map<String, dynamic> toJson() {{
+    return {{
+      'id': id,
+      'name': name,
+      'email': email,
+      'avatarUrl': avatarUrl,
+    }};
+  }}
+
+  /// Create user from JSON
+  factory User.fromJson(Map<String, dynamic> json) {{
+    return User(
+      id: json['id'] as String,
+      name: json['name'] as String,
+      email: json['email'] as String,
+      avatarUrl: json['avatarUrl'] as String?,
+    );
+  }}
+}}
+"""
+
+
+def generate_services_dart(description):
+    """Generate the services.dart file content."""
+    return f"""// Business Logic and Services
+// Description: {description}
+// Generated: {datetime.now().strftime("%Y-%m-%d %H:%M:%S")}
+
+import 'models.dart';
+
+/// Data service for managing items
+/// This service handles CRUD operations for items
+class ItemService {{
+  final List<Item> _items = [];
+
+  /// Get all items
+  List<Item> getAllItems() {{
+    return List.unmodifiable(_items);
+  }}
+
+  /// Add a new item
+  void addItem(Item item) {{
+    _items.add(item);
+  }}
+
+  /// Update an existing item
+  bool updateItem(String id, Item updatedItem) {{
+    final index = _items.indexWhere((item) => item.id == id);
+    if (index != -1) {{
+      _items[index] = updatedItem;
+      return true;
+    }}
+    return false;
+  }}
+
+  /// Delete an item
+  bool deleteItem(String id) {{
+    final index = _items.indexWhere((item) => item.id == id);
+    if (index != -1) {{
+      _items.removeAt(index);
+      return true;
+    }}
+    return false;
+  }}
+
+  /// Toggle item completion status
+  bool toggleItemCompletion(String id) {{
+    final index = _items.indexWhere((item) => item.id == id);
+    if (index != -1) {{
+      _items[index].isCompleted = !_items[index].isCompleted;
+      return true;
+    }}
+    return false;
+  }}
+
+  /// Get completed items
+  List<Item> getCompletedItems() {{
+    return _items.where((item) => item.isCompleted).toList();
+  }}
+
+  /// Get pending items
+  List<Item> getPendingItems() {{
+    return _items.where((item) => !item.isCompleted).toList();
+  }}
+}}
+
+/// Validation service
+/// Provides validation utilities
+class ValidationService {{
+  /// Validate email format
+  static bool isValidEmail(String email) {{
+    final emailRegex = RegExp(
+      r'^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{{2,}}$',
+    );
+    return emailRegex.hasMatch(email);
+  }}
+
+  /// Validate string is not empty
+  static bool isNotEmpty(String? value) {{
+    return value != null && value.trim().isNotEmpty;
+  }}
+
+  /// Validate minimum length
+  static bool hasMinLength(String value, int minLength) {{
+    return value.length >= minLength;
+  }}
+}}
+"""
+
+
+def generate_pubspec(description):
+    """Generate the pubspec.yaml file content."""
+    return f"""# Flutter Project Configuration
+# Description: {description}
+# Generated: {datetime.now().strftime("%Y-%m-%d %H:%M:%S")}
+
+name: flutter_app
+description: AI-generated Flutter application
+publish_to: 'none'
+
+version: 1.0.0+1
+
+environment:
+  sdk: '>=3.0.0 <4.0.0'
+
+dependencies:
+  flutter:
+    sdk: flutter
+  
+  # UI Components
+  cupertino_icons: ^1.0.6
+  
+  # State Management (uncomment as needed)
+  # provider: ^6.1.1
+  # riverpod: ^2.4.9
+  
+  # Networking (uncomment as needed)
+  # http: ^1.1.0
+  # dio: ^5.4.0
+  
+  # Local Storage (uncomment as needed)
+  # shared_preferences: ^2.2.2
+  # hive: ^2.2.3
+
+dev_dependencies:
+  flutter_test:
+    sdk: flutter
+  flutter_lints: ^3.0.1
+
+flutter:
+  uses-material-design: true
+  
+  # Assets (uncomment and configure as needed)
+  # assets:
+  #   - assets/images/
+  #   - assets/icons/
+  
+  # Fonts (uncomment and configure as needed)
+  # fonts:
+  #   - family: CustomFont
+  #     fonts:
+  #       - asset: fonts/CustomFont-Regular.ttf
+  #       - asset: fonts/CustomFont-Bold.ttf
+  #         weight: 700
+"""
+
+
+def generate_readme(description):
+    """Generate the README.md file content."""
+    return f"""# Flutter Application
+
+🤖 **AI-Generated Flutter Project**
+
+## Description
+
+{description}
+
+---
+
+## 📋 Project Structure
+
+```
+flutter_app/
+├── lib/
+│   ├── main.dart          # Application entry point
+│   ├── widgets.dart       # Custom UI widgets
+│   ├── models.dart        # Data models
+│   └── services.dart      # Business logic and services
+├── pubspec.yaml           # Project dependencies
+└── README.md              # This file
+```
+
+## 🚀 Getting Started
+
+### Prerequisites
+
+- Flutter SDK (>=3.0.0)
+- Dart SDK
+- IDE (VS Code, Android Studio, or IntelliJ)
+
+### Installation
+
+1. **Extract the ZIP file** to your desired location
+
+2. **Navigate to the project directory**
+   ```bash
+   cd flutter_app
+   ```
+
+3. **Install dependencies**
+   ```bash
+   flutter pub get
+   ```
+
+4. **Run the app**
+   ```bash
+   flutter run
+   ```
+
+## 🛠️ Customization
+
+This is a generated starter project. You may want to:
+
+- ✏️ Modify the UI in `lib/widgets.dart`
+- 📊 Add more data models in `lib/models.dart`
+- ⚙️ Extend business logic in `lib/services.dart`
+- 📦 Add dependencies in `pubspec.yaml`
+
+## 📱 Building for Production
+
+### Android
+```bash
+flutter build apk --release
+```
+
+### iOS
+```bash
+flutter build ios --release
+```
+
+### Web
+```bash
+flutter build web --release
+```
+
+## 🧪 Testing
+
+Run tests with:
+```bash
+flutter test
+```
+
+## 📚 Resources
+
+- [Flutter Documentation](https://docs.flutter.dev/)
+- [Dart Documentation](https://dart.dev/guides)
+- [Flutter Cookbook](https://docs.flutter.dev/cookbook)
+
+## ⚠️ Important Notes
+
+- This code was AI-generated and serves as a starting point
+- Review and test all code before production use
+- Customize the app according to your specific requirements
+- Add proper error handling and validation
+
+## 📄 License
+
+This project is generated for educational and development purposes.
+
+---
+
+Generated on: {datetime.now().strftime("%Y-%m-%d %H:%M:%S")}
+"""
+
+
+# Create the Gradio interface
+def create_interface():
+    """Create and configure the Gradio interface."""
+    
+    with gr.Blocks(theme=gr.themes.Soft(), title="Flutter Code Generator") as demo:
+        gr.Markdown(
+            """
+            # 🚀 AI Flutter Code Generator
+            
+            Generate complete Flutter applications from natural language descriptions!
+            
+            ### How to use:
+            1. Describe the Flutter app or widget you want to build
+            2. Click "Generate Flutter Code"
+            3. Download the ZIP file containing your Flutter project
+            4. Extract and run with `flutter pub get` then `flutter run`
+            """
+        )
+        
+        with gr.Row():
+            with gr.Column(scale=2):
+                description_input = gr.Textbox(
+                    label="Describe your Flutter app",
+                    placeholder="Example: Create a todo list app with Material Design, featuring add/delete/edit functionality, local storage, and a clean modern UI with animations...",
+                    lines=6,
+                    max_lines=10
+                )
+                
+                gr.Markdown(
+                    """
+                    **💡 Tips for better results:**
+                    - Be specific about features and functionality
+                    - Mention UI/UX preferences (Material Design, Cupertino, etc.)
+                    - Include details about data storage needs
+                    - Describe any animations or interactions
+                    """
+                )
+                
+                generate_btn = gr.Button(
+                    "🎨 Generate Flutter Code",
+                    variant="primary",
+                    size="lg"
+                )
+            
+            with gr.Column(scale=1):
+                status_output = gr.Markdown(
+                    label="Status",
+                    value="👋 Ready to generate your Flutter app!"
+                )
+                
+                file_output = gr.File(
+                    label="📦 Download Flutter Project",
+                    type="filepath"
+                )
+        
+        gr.Markdown(
+            """
+            ---
+            
+            ### 📝 What's included in the generated ZIP:
+            - **main.dart** - Application entry point with basic structure
+            - **widgets.dart** - Reusable custom widgets
+            - **models.dart** - Data models and structures
+            - **services.dart** - Business logic and services
+            - **pubspec.yaml** - Flutter dependencies configuration
+            - **README.md** - Setup and usage instructions
+            
+            ### ⚠️ Important Notes:
+            - This is a **placeholder implementation** for demonstration
+            - In production, this would integrate with an AI model API (Claude, GPT, etc.)
+            - Always review and test generated code before production use
+            - Customize the code to match your specific requirements
+            
+            ### 🔧 Next Steps After Download:
+            1. Extract the ZIP file
+            2. Open terminal in the project directory
+            3. Run `flutter pub get` to install dependencies
+            4. Run `flutter run` to launch the app
+            5. Customize and extend the generated code
+            """
+        )
+        
+        # Connect the button to the generation function
+        generate_btn.click(
+            fn=generate_flutter_code,
+            inputs=[description_input],
+            outputs=[file_output, status_output]
+        )
+        
+        # Add example buttons
+        gr.Examples(
+            examples=[
+                ["Create a weather app with current conditions, 5-day forecast, and location search using Material Design"],
+                ["Build a chat application with real-time messaging, user authentication, and a modern gradient UI"],
+                ["Design a fitness tracker with workout logging, progress charts, and goal setting features"],
+                ["Make a recipe app with search, favorites, step-by-step instructions, and shopping list generation"],
+            ],
+            inputs=[description_input],
+            label="📚 Example Prompts"
+        )
+    
+    return demo
+
+
+# Launch the app
+if __name__ == "__main__":
+    demo = create_interface()
+    demo.launch(
+        server_name="0.0.0.0",  # Required for Hugging Face Spaces
+        server_port=7860,         # Default port for Hugging Face Spaces
+        share=False
+    )