rothzerg 0.1.0

package/templates/mobile-app/lib/widgets/section_header.dart

@@ -0,0 +1,23 @@
+import 'package:flutter/material.dart';
+
+/// A reusable section header for settings screens
+class SectionHeader extends StatelessWidget {
+  final String title;
+
+  const SectionHeader({super.key, required this.title});
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.fromLTRB(16, 16, 0, 8),
+      child: Text(
+        title,
+        style: TextStyle(
+          fontSize: 14,
+          fontWeight: FontWeight.bold,
+          color: Theme.of(context).colorScheme.primary,
+        ),
+      ),
+    );
+  }
+}

package/templates/mobile-app/lib/widgets/success_overlay.dart

@@ -0,0 +1,117 @@
+import 'package:flutter/material.dart';
+import 'package:lottie/lottie.dart';
+
+/// A full-screen success overlay that displays a Lottie animation.
+///
+/// Usage:
+/// ```dart
+/// await SuccessOverlay.show(context);
+/// // Continue after animation completes
+/// Navigator.pop(context);
+/// ```
+class SuccessOverlay extends StatefulWidget {
+  final String lottiePath;
+  final Duration? duration;
+  final VoidCallback? onComplete;
+
+  const SuccessOverlay({
+    super.key,
+    this.lottiePath = 'assets/lottie/tick.json',
+    this.duration,
+    this.onComplete,
+  });
+
+  /// Shows the success overlay and returns when the animation completes.
+  static Future<void> show(
+    BuildContext context, {
+    String lottiePath = 'assets/lottie/tick.json',
+    Duration? duration,
+  }) {
+    return showGeneralDialog<void>(
+      context: context,
+      barrierDismissible: false,
+      barrierColor: Colors.transparent,
+      transitionDuration: const Duration(milliseconds: 200),
+      pageBuilder: (context, animation, secondaryAnimation) {
+        return SuccessOverlay(
+          lottiePath: lottiePath,
+          duration: duration,
+          onComplete: () => Navigator.of(context).pop(),
+        );
+      },
+      transitionBuilder: (context, animation, secondaryAnimation, child) {
+        return FadeTransition(opacity: animation, child: child);
+      },
+    );
+  }
+
+  @override
+  State<SuccessOverlay> createState() => _SuccessOverlayState();
+}
+
+class _SuccessOverlayState extends State<SuccessOverlay>
+    with SingleTickerProviderStateMixin {
+  late final AnimationController _controller;
+  bool _animationLoaded = false;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = AnimationController(vsync: this);
+    _controller.addStatusListener((status) {
+      if (status == AnimationStatus.completed) {
+        widget.onComplete?.call();
+      }
+    });
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+
+    return Material(
+      color: Colors.transparent,
+      child: Container(
+        width: double.infinity,
+        height: double.infinity,
+        decoration: BoxDecoration(color: theme.scaffoldBackgroundColor),
+        child: Center(
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              SizedBox(
+                width: 200,
+                height: 200,
+                child: Lottie.asset(
+                  widget.lottiePath,
+                  controller: _controller,
+                  fit: BoxFit.contain,
+                  onLoaded: (composition) {
+                    setState(() => _animationLoaded = true);
+                    _controller.duration =
+                        widget.duration ?? composition.duration;
+                    _controller.forward();
+                  },
+                ),
+              ),
+              if (!_animationLoaded)
+                Padding(
+                  padding: const EdgeInsets.only(top: 24),
+                  child: CircularProgressIndicator(
+                    color: theme.primaryColor,
+                    strokeWidth: 2,
+                  ),
+                ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

package/templates/mobile-app/lib/widgets/top_notification.dart

@@ -0,0 +1,263 @@
+import 'package:flutter/material.dart';
+import '../core/constants/app_colors.dart';
+
+/// A floating notification that appears at the top of the screen.
+///
+/// Usage:
+// ```dart
+// import '../../widgets/top_notification.dart';
+// // Success notification (blue)
+// TopNotification.show(context, message: 'Success!');
+
+// // Error notification (red)
+// TopNotification.showError(context, message: 'Something went wrong');
+
+// // Warning notification (gold)
+// TopNotification.showWarning(context, message: 'Please check your input');
+
+// // Info notification (blue)
+// TopNotification.showInfo(context, message: 'FYI: New feature available');
+
+// // Custom duration
+// TopNotification.show(
+//   context,
+//   message: 'Quick message',
+//   duration: Duration(seconds: 2),
+// );
+
+// // Custom color and icon
+// TopNotification.show(
+//   context,
+//   message: 'Custom notification',
+//   backgroundColor: Colors.purple,
+//   icon: Icons.star,
+// );
+// ```
+
+class TopNotification {
+  /// Shows a success notification at the top of the screen
+  static void show(
+    BuildContext context, {
+    required String message,
+    Duration duration = const Duration(seconds: 3),
+    Color? backgroundColor,
+    IconData? icon,
+  }) {
+    _showNotification(
+      context,
+      message: message,
+      duration: duration,
+      backgroundColor: backgroundColor ?? AppColors.primaryBlue,
+      icon: icon ?? Icons.check_circle,
+    );
+  }
+
+  /// Shows an error notification at the top of the screen
+  static void showError(
+    BuildContext context, {
+    required String message,
+    Duration duration = const Duration(seconds: 3),
+  }) {
+    _showNotification(
+      context,
+      message: message,
+      duration: duration,
+      backgroundColor: AppColors.error,
+      icon: Icons.error,
+    );
+  }
+
+  // Show success notification at the top of the screen
+  static void showSuccess(
+    BuildContext context, {
+    required String message,
+    Duration duration = const Duration(seconds: 3),
+  }) {
+    _showNotification(
+      context,
+      message: message,
+      duration: duration,
+      backgroundColor: AppColors.success,
+      icon: Icons.check_circle,
+    );
+  }
+
+  /// Shows a warning notification at the top of the screen
+  static void showWarning(
+    BuildContext context, {
+    required String message,
+    Duration duration = const Duration(seconds: 3),
+  }) {
+    _showNotification(
+      context,
+      message: message,
+      duration: duration,
+      backgroundColor: AppColors.warning,
+      icon: Icons.warning,
+    );
+  }
+
+  /// Shows an info notification at the top of the screen
+  static void showInfo(
+    BuildContext context, {
+    required String message,
+    Duration duration = const Duration(seconds: 3),
+  }) {
+    _showNotification(
+      context,
+      message: message,
+      duration: duration,
+      backgroundColor: AppColors.info,
+      icon: Icons.info,
+    );
+  }
+
+  static void _showNotification(
+    BuildContext context, {
+    required String message,
+    required Duration duration,
+    required Color backgroundColor,
+    required IconData icon,
+  }) {
+    // Get the overlay before any async operations
+    final overlay = Overlay.maybeOf(context, rootOverlay: true);
+    if (overlay == null) return;
+
+    late OverlayEntry overlayEntry;
+
+    overlayEntry = OverlayEntry(
+      builder: (overlayContext) => _TopNotificationWidget(
+        message: message,
+        backgroundColor: backgroundColor,
+        icon: icon,
+        duration: duration,
+        onDismiss: () {
+          if (overlayEntry.mounted) {
+            overlayEntry.remove();
+          }
+        },
+      ),
+    );
+
+    overlay.insert(overlayEntry);
+  }
+}
+
+class _TopNotificationWidget extends StatefulWidget {
+  final String message;
+  final Color backgroundColor;
+  final IconData icon;
+  final Duration duration;
+  final VoidCallback onDismiss;
+
+  const _TopNotificationWidget({
+    required this.message,
+    required this.backgroundColor,
+    required this.icon,
+    required this.duration,
+    required this.onDismiss,
+  });
+
+  @override
+  State<_TopNotificationWidget> createState() => _TopNotificationWidgetState();
+}
+
+class _TopNotificationWidgetState extends State<_TopNotificationWidget>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _controller;
+  late Animation<Offset> _slideAnimation;
+  late Animation<double> _fadeAnimation;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = AnimationController(
+      duration: const Duration(milliseconds: 300),
+      vsync: this,
+    );
+
+    _slideAnimation = Tween<Offset>(
+      begin: const Offset(0, -1),
+      end: Offset.zero,
+    ).animate(CurvedAnimation(parent: _controller, curve: Curves.easeOut));
+
+    _fadeAnimation = Tween<double>(begin: 0, end: 1).animate(_controller);
+
+    _controller.forward();
+
+    // Auto dismiss after specified duration
+    Future.delayed(widget.duration, () {
+      if (mounted) _dismiss();
+    });
+  }
+
+  void _dismiss() async {
+    await _controller.reverse();
+    widget.onDismiss();
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // Get viewPadding directly from the overlay's context - this ensures we always
+    // get the correct device safe area (Dynamic Island/notch) regardless of
+    // where the notification was triggered from
+    final topPadding = MediaQuery.of(context).viewPadding.top;
+
+    return Positioned(
+      top: topPadding + 8,
+      left: 16,
+      right: 16,
+      child: SlideTransition(
+        position: _slideAnimation,
+        child: FadeTransition(
+          opacity: _fadeAnimation,
+          child: GestureDetector(
+            onTap: _dismiss,
+            child: Material(
+              color: Colors.transparent,
+              child: Container(
+                padding: const EdgeInsets.symmetric(
+                  horizontal: 16,
+                  vertical: 14,
+                ),
+                decoration: BoxDecoration(
+                  color: widget.backgroundColor,
+                  borderRadius: BorderRadius.circular(12),
+                  boxShadow: [
+                    BoxShadow(
+                      color: Colors.black.withValues(alpha: 0.2),
+                      blurRadius: 10,
+                      offset: const Offset(0, 4),
+                    ),
+                  ],
+                ),
+                child: Row(
+                  children: [
+                    Icon(widget.icon, color: Colors.white),
+                    const SizedBox(width: 12),
+                    Expanded(
+                      child: Text(
+                        widget.message,
+                        style: const TextStyle(
+                          color: Colors.white,
+                          fontSize: 14,
+                          fontWeight: FontWeight.w500,
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

package/templates/mobile-app/lib/widgets/user_avatar_picker.dart

@@ -0,0 +1,58 @@
+import 'dart:io';
+import 'package:flutter/material.dart';
+import '../core/constants/app_constants.dart';
+
+class UserAvatarPicker extends StatelessWidget {
+  final File? avatarFile;
+  final String? currentPhotoUrl;
+  final VoidCallback onTap;
+  final double radius;
+
+  const UserAvatarPicker({
+    super.key,
+    this.avatarFile,
+    this.currentPhotoUrl,
+    required this.onTap,
+    this.radius = AppConstants.avatarSize,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Stack(
+        children: [
+          CircleAvatar(
+            radius: radius,
+            backgroundColor: Theme.of(context).colorScheme.surface,
+            backgroundImage: avatarFile != null
+                ? FileImage(avatarFile!)
+                : (currentPhotoUrl != null
+                          ? NetworkImage(currentPhotoUrl!)
+                          : null)
+                      as ImageProvider?,
+            child: avatarFile == null && currentPhotoUrl == null
+                ? Icon(
+                    Icons.person,
+                    size: radius,
+                    color: Theme.of(context).colorScheme.onSurface,
+                  )
+                : null,
+          ),
+          Positioned(
+            bottom: 0,
+            right: 0,
+            child: CircleAvatar(
+              radius: radius / 3,
+              backgroundColor: Theme.of(context).primaryColor,
+              child: IconButton(
+                icon: Icon(Icons.camera_alt, size: radius / 3),
+                color: Colors.white,
+                onPressed: onTap,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

package/templates/mobile-app/pubspec.yaml

@@ -0,0 +1,97 @@
+name: {{projectNameSnake}}
+description: "A new Flutter project."
+publish_to: 'none'
+version: 1.0.0+1
+
+environment:
+  sdk: ^3.10.8
+
+dependencies:
+  flutter:
+    sdk: flutter
+  flutter_localizations:
+    sdk: flutter
+
+  # UI & Icons
+  cupertino_icons: ^1.0.8
+  google_fonts: ^8.0.1
+  fl_chart: ^1.1.1
+  cached_network_image: ^3.3.1
+  flutter_cache_manager: ^3.3.1
+
+  # Firebase
+  firebase_core: ^4.2.1
+  firebase_auth: ^6.1.2
+  cloud_firestore: ^6.1.0
+  firebase_analytics: ^12.0.4
+  firebase_crashlytics: ^5.0.5
+  firebase_storage: ^13.0.4
+  firebase_remote_config: ^6.1.2
+  firebase_messaging: ^16.0.0
+  firebase_performance: ^0.11.1+3
+  firebase_in_app_messaging: ^0.9.0+6
+  firebase_app_installations: ^0.4.0+6
+
+  # Local Notifications
+  flutter_local_notifications: ^20.1.0
+  timezone: ^0.10.1
+
+  # Authentication Providers
+  google_sign_in: ^7.2.0
+  sign_in_with_apple: ^7.0.1
+  crypto: ^3.0.6
+
+  # RevenueCat
+  purchases_flutter: ^9.9.9
+
+  # AdMob
+  # google_mobile_ads: ^5.3.0
+
+  # State Management
+  flutter_riverpod: ^3.0.3
+
+  # Date/Number Formatting
+  intl: ^0.20.2
+
+  # Storage & Utilities
+  shared_preferences: ^2.2.2
+  path_provider: ^2.1.2
+  uuid: ^4.3.3
+  device_info_plus: ^12.3.0
+  package_info_plus: ^9.0.0
+
+  # Social & Sharing
+  share_plus: ^12.0.1
+  image_picker: ^1.0.7
+
+  # UI Utilities
+  shimmer: ^3.0.0
+  flutter_svg: ^2.0.9
+  smooth_page_indicator: ^2.0.1
+  qr_flutter: ^4.1.0
+  gal: ^2.3.0
+  url_launcher: ^6.2.5
+  lottie: ^3.3.1
+  app_settings: ^7.0.0
+
+dev_dependencies:
+  flutter_test:
+    sdk: flutter
+  flutter_launcher_icons: "^0.14.4"
+  flutter_lints: ^6.0.0
+
+
+
+flutter:
+  uses-material-design: true
+  generate: true
+  assets:
+    - assets/images/
+    - assets/icons/
+    - assets/lottie/
+
+flutter_launcher_icons:
+  android: "launcher_icon"
+  ios: true
+  image_path: "assets/icons/logo.png"
+  min_sdk_android: 16 # android min sdk min:16, default 21

package/templates/mobile-app/rothzerg.template.json

@@ -0,0 +1,43 @@
+{
+  "name": "mobile-app",
+  "displayName": "Mobile App",
+  "description": "Flutter cross-platform app with Firebase, Riverpod, and RevenueCat",
+  "icon": "📱",
+  "category": "app",
+  "order": 2,
+  "prompts": [
+    {
+      "name": "projectName",
+      "type": "text",
+      "message": "Project name?",
+      "placeholder": "my-app",
+      "validate": "^[a-z][a-z0-9-]*$",
+      "validateMessage": "Only lowercase letters, numbers, and hyphens (must start with a letter)"
+    }
+  ],
+  "derived": {
+    "projectNameSnake": "{{projectName | snakeCase}}",
+    "projectNamePascal": "{{projectName | pascalCase}}"
+  },
+  "target": {
+    "type": "standalone",
+    "dirName": "{{projectName}}"
+  },
+  "hooks": {
+    "postCreate": [
+      { "run": "flutter pub get" },
+      { "run": "git init" },
+      { "run": "git add ." }
+    ]
+  },
+  "upgrade": {
+    "merge": ["pubspec.yaml"],
+    "overwrite": ["analysis_options.yaml", "l10n.yaml", "lib/core/**", "lib/providers/**", "lib/models/**", "lib/widgets/**"],
+    "ignore": ["lib/screens/**", "lib/l10n/**", "assets/**", "test/**", "android/**", "ios/**"]
+  },
+  "nextSteps": [
+    "cd {{projectName}}",
+    "Run `flutterfire configure` to set up Firebase",
+    "flutter run"
+  ]
+}

package/templates/web-app/_gitignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+.DS_Store
+*.local

package/templates/web-app/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{projectName}}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/web-app/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "{{projectName}}",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "typescript": "^5.5.3",
+    "vite": "^5.4.2"
+  }
+}

package/templates/web-app/rothzerg.template.json

@@ -0,0 +1,41 @@
+{
+  "name": "web-app",
+  "displayName": "Web App",
+  "description": "React + Vite + TypeScript",
+  "icon": "⚛️",
+  "category": "app",
+  "order": 1,
+  "prompts": [
+    {
+      "name": "projectName",
+      "type": "text",
+      "message": "Project name?",
+      "placeholder": "my-app",
+      "validate": "^[a-z0-9-]+$",
+      "validateMessage": "Only lowercase letters, numbers, and hyphens"
+    }
+  ],
+  "derived": {
+    "projectNamePascal": "{{projectName | pascalCase}}"
+  },
+  "target": {
+    "type": "standalone",
+    "dirName": "{{projectName}}"
+  },
+  "hooks": {
+    "postCreate": [
+      { "run": "bun install" },
+      { "run": "git init" },
+      { "run": "git add ." }
+    ]
+  },
+  "upgrade": {
+    "merge": ["package.json"],
+    "overwrite": ["tsconfig.json", "tsconfig.node.json", "vite.config.ts", "index.html"],
+    "ignore": ["src/**", "public/**"]
+  },
+  "nextSteps": [
+    "cd {{projectName}}",
+    "bun run dev"
+  ]
+}

package/templates/web-app/src/App.css

@@ -0,0 +1,6 @@
+.app {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}