rothzerg 0.1.0

package/templates/mobile-app/lib/screens/developer/remote_config_test_screen.dart

@@ -0,0 +1,461 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:firebase_remote_config/firebase_remote_config.dart';
+import '../../providers/remote_config_provider.dart';
+import '../../widgets/top_notification.dart';
+
+/// Quick test screen to verify Remote Config integration
+/// This can be used during development to test different configurations
+class RemoteConfigTestScreen extends ConsumerWidget {
+  const RemoteConfigTestScreen({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final remoteConfigService = ref.watch(remoteConfigServiceProvider);
+
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Remote Config Test'),
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.refresh),
+            tooltip: 'Refresh Config',
+            onPressed: () async {
+              TopNotification.showInfo(
+                context,
+                message: 'Refreshing config...',
+              );
+              final updated = await remoteConfigService.fetchConfig();
+              if (context.mounted) {
+                if (updated) {
+                  TopNotification.showSuccess(
+                    context,
+                    message: '✓ Config updated',
+                  );
+                } else {
+                  TopNotification.showInfo(context, message: 'ℹ No changes');
+                }
+              }
+            },
+          ),
+        ],
+      ),
+      body: ListView(
+        padding: const EdgeInsets.all(16),
+        children: [
+          _buildTestCard(
+            context,
+            title: '🔧 Feature Flags Test',
+            description: 'Test authentication provider visibility',
+            child: _FeatureFlagsTest(),
+          ),
+          const SizedBox(height: 16),
+          _buildTestCard(
+            context,
+            title: '🚧 Maintenance Mode Test',
+            description: 'Test maintenance mode behavior',
+            child: _MaintenanceModeTest(),
+          ),
+          const SizedBox(height: 16),
+          _buildTestCard(
+            context,
+            title: '📱 Version Control Test',
+            description: 'Test version enforcement',
+            child: _VersionControlTest(),
+          ),
+          const SizedBox(height: 16),
+          _buildTestCard(
+            context,
+            title: '🎨 Custom Values Test',
+            description: 'Test retrieving custom config values',
+            child: _CustomValuesTest(),
+          ),
+          const SizedBox(height: 16),
+          _buildTestCard(
+            context,
+            title: '📊 Config Status',
+            description: 'View current config status',
+            child: _ConfigStatusInfo(),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildTestCard(
+    BuildContext context, {
+    required String title,
+    required String description,
+    required Widget child,
+  }) {
+    return Card(
+      elevation: 2,
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              title,
+              style: Theme.of(
+                context,
+              ).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.bold),
+            ),
+            const SizedBox(height: 4),
+            Text(
+              description,
+              style: Theme.of(
+                context,
+              ).textTheme.bodySmall?.copyWith(color: Colors.grey[600]),
+            ),
+            const SizedBox(height: 16),
+            child,
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _FeatureFlagsTest extends ConsumerWidget {
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final googleAuthEnabled = ref.watch(googleAuthEnabledProvider);
+    final appleAuthEnabled = ref.watch(appleAuthEnabledProvider);
+    final anonymousAuthEnabled = ref.watch(anonymousAuthEnabledProvider);
+
+    return Column(
+      children: [
+        _buildFlagRow('Google Auth', googleAuthEnabled),
+        _buildFlagRow('Apple Auth', appleAuthEnabled),
+        _buildFlagRow('Anonymous Auth', anonymousAuthEnabled),
+        const SizedBox(height: 8),
+        const Divider(),
+        const SizedBox(height: 8),
+        const Text(
+          '💡 These flags control which auth buttons appear on login screen',
+          style: TextStyle(fontSize: 12, fontStyle: FontStyle.italic),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildFlagRow(String label, bool enabled) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 4),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Text(label),
+          Container(
+            padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
+            decoration: BoxDecoration(
+              color: enabled
+                  ? Colors.green.withValues(alpha: 0.1)
+                  : Colors.red.withValues(alpha: 0.1),
+              borderRadius: BorderRadius.circular(12),
+              border: Border.all(color: enabled ? Colors.green : Colors.red),
+            ),
+            child: Text(
+              enabled ? 'ENABLED' : 'DISABLED',
+              style: TextStyle(
+                color: enabled ? Colors.green : Colors.red,
+                fontWeight: FontWeight.bold,
+                fontSize: 12,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class _MaintenanceModeTest extends ConsumerWidget {
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final maintenanceMode = ref.watch(maintenanceModeProvider);
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            const Text('Maintenance Mode'),
+            Switch(
+              value: maintenanceMode,
+              onChanged: null, // Read-only, controlled by Remote Config
+              activeTrackColor: Colors.orange,
+            ),
+          ],
+        ),
+        const SizedBox(height: 8),
+        if (maintenanceMode)
+          Container(
+            padding: const EdgeInsets.all(12),
+            decoration: BoxDecoration(
+              color: Colors.orange.withValues(alpha: 0.1),
+              borderRadius: BorderRadius.circular(8),
+              border: Border.all(color: Colors.orange),
+            ),
+            child: const Row(
+              children: [
+                Icon(Icons.warning, color: Colors.orange),
+                SizedBox(width: 8),
+                Expanded(
+                  child: Text(
+                    'Maintenance mode is ACTIVE. Users would see maintenance screen.',
+                    style: TextStyle(fontSize: 12),
+                  ),
+                ),
+              ],
+            ),
+          )
+        else
+          Container(
+            padding: const EdgeInsets.all(12),
+            decoration: BoxDecoration(
+              color: Colors.green.withValues(alpha: 0.1),
+              borderRadius: BorderRadius.circular(8),
+              border: Border.all(color: Colors.green),
+            ),
+            child: const Row(
+              children: [
+                Icon(Icons.check_circle, color: Colors.green),
+                SizedBox(width: 8),
+                Expanded(
+                  child: Text(
+                    'App is operating normally.',
+                    style: TextStyle(fontSize: 12),
+                  ),
+                ),
+              ],
+            ),
+          ),
+      ],
+    );
+  }
+}
+
+class _VersionControlTest extends ConsumerWidget {
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final minimumVersion = ref.watch(minimumVersionProvider);
+    final forceUpdate = ref.watch(forceUpdateProvider);
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            const Text('Minimum Version'),
+            Text(
+              minimumVersion,
+              style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
+            ),
+          ],
+        ),
+        const SizedBox(height: 8),
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            const Text('Force Update'),
+            Switch(
+              value: forceUpdate,
+              onChanged: null,
+              activeTrackColor: Colors.red,
+            ),
+          ],
+        ),
+        const SizedBox(height: 12),
+        Container(
+          padding: const EdgeInsets.all(12),
+          decoration: BoxDecoration(
+            color: Colors.blue.withValues(alpha: 0.1),
+            borderRadius: BorderRadius.circular(8),
+            border: Border.all(color: Colors.blue),
+          ),
+          child: const Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                '💡 How it works:',
+                style: TextStyle(fontWeight: FontWeight.bold, fontSize: 12),
+              ),
+              SizedBox(height: 4),
+              Text(
+                '• If app version < minimum version, show update screen\n'
+                '• If force_update is true, users cannot skip\n'
+                '• If force_update is false, update is optional',
+                style: TextStyle(fontSize: 11),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+class _CustomValuesTest extends ConsumerWidget {
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final remoteConfig = ref.watch(remoteConfigServiceProvider);
+
+    // Example custom values (these need to be added in Firebase Console)
+    final showNewFeature = remoteConfig.getBool('show_new_feature');
+    final welcomeMessage = remoteConfig.getString('welcome_message');
+    final maxAttempts = remoteConfig.getInt('max_login_attempts');
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        _buildCustomValueRow(
+          'show_new_feature (bool)',
+          showNewFeature.toString(),
+        ),
+        _buildCustomValueRow(
+          'welcome_message (string)',
+          welcomeMessage.isEmpty ? '(not set)' : welcomeMessage,
+        ),
+        _buildCustomValueRow(
+          'max_login_attempts (int)',
+          maxAttempts.toString(),
+        ),
+        const SizedBox(height: 12),
+        Container(
+          padding: const EdgeInsets.all(12),
+          decoration: BoxDecoration(
+            color: Colors.purple.withValues(alpha: 0.1),
+            borderRadius: BorderRadius.circular(8),
+            border: Border.all(color: Colors.purple),
+          ),
+          child: const Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                '📝 Add these in Firebase Console:',
+                style: TextStyle(fontWeight: FontWeight.bold, fontSize: 12),
+              ),
+              SizedBox(height: 4),
+              Text(
+                '• show_new_feature (Boolean)\n'
+                '• welcome_message (String)\n'
+                '• max_login_attempts (Number)',
+                style: TextStyle(fontSize: 11),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildCustomValueRow(String label, String value) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 4),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Expanded(child: Text(label, style: const TextStyle(fontSize: 13))),
+          Text(
+            value,
+            style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 13),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class _ConfigStatusInfo extends ConsumerWidget {
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final remoteConfig = ref.watch(remoteConfigServiceProvider);
+    final lastFetchTime = remoteConfig.lastFetchTime;
+    final status = remoteConfig.lastFetchStatus;
+
+    final timeAgo = lastFetchTime.year == 1970
+        ? 'Never'
+        : _getTimeAgo(lastFetchTime);
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        _buildInfoRow('Last Fetch', timeAgo),
+        _buildInfoRow('Fetch Status', _formatStatus(status)),
+        _buildInfoRow(
+          'Total Parameters',
+          remoteConfig.getAllValues().length.toString(),
+        ),
+        const SizedBox(height: 12),
+        SizedBox(
+          width: double.infinity,
+          child: ElevatedButton.icon(
+            onPressed: () async {
+              TopNotification.showInfo(
+                context,
+                message: 'Force fetching (ignoring cache)...',
+              );
+              final updated = await remoteConfig.forceFetchConfig();
+              if (context.mounted) {
+                if (updated) {
+                  TopNotification.showSuccess(
+                    context,
+                    message: '✓ Config force updated',
+                  );
+                } else {
+                  TopNotification.showInfo(context, message: 'ℹ No changes');
+                }
+              }
+            },
+            icon: const Icon(Icons.cloud_download),
+            label: const Text('Force Fetch Now'),
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildInfoRow(String label, String value) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 4),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Text(label),
+          Text(value, style: const TextStyle(fontWeight: FontWeight.w500)),
+        ],
+      ),
+    );
+  }
+
+  String _formatStatus(RemoteConfigFetchStatus status) {
+    switch (status) {
+      case RemoteConfigFetchStatus.success:
+        return '✓ Success';
+      case RemoteConfigFetchStatus.failure:
+        return '✗ Failure';
+      case RemoteConfigFetchStatus.throttle:
+        return '⏱ Throttled';
+      case RemoteConfigFetchStatus.noFetchYet:
+        return 'Not Fetched';
+    }
+  }
+
+  String _getTimeAgo(DateTime time) {
+    final diff = DateTime.now().difference(time);
+
+    if (diff.inDays > 0) {
+      return '${diff.inDays}d ago';
+    } else if (diff.inHours > 0) {
+      return '${diff.inHours}h ago';
+    } else if (diff.inMinutes > 0) {
+      return '${diff.inMinutes}m ago';
+    } else {
+      return 'Just now';
+    }
+  }
+}