responsive for web

lib/routes/route_generator.dart

@@ -41,6 +41,7 @@ import 'package:didvan/views/news/news_details/news_details_state.dart';
 import 'package:didvan/views/news/news_state.dart';
 import 'package:didvan/views/notification_time/notification_time_state.dart';
 import 'package:didvan/views/podcasts/podcasts.dart';
+import 'package:didvan/views/podcasts/studio_details/studio_details_state.dart';
 import 'package:didvan/views/profile/profile.dart';
 import 'package:didvan/views/radar/radar.dart';
 import 'package:didvan/views/radar/radar_details/radar_details.dart';
@@ -298,9 +299,12 @@ class RouteGenerator {
       case Routes.studioDetails:
         if (settings.arguments is Map<String, dynamic>) {
             return _createRoute(
-              StudioDetails(
+              ChangeNotifierProvider<StudioDetailsState>(
+                create: (context) => StudioDetailsState(),
+                child: StudioDetails(
                   pageData: settings.arguments as Map<String, dynamic>,
                 ),
+              ),
             );
         }
          return _errorRoute(

lib/services/story_service.dart

@@ -9,7 +9,6 @@ import 'package:provider/provider.dart';
 
 class StoryService {
   static Future<List<UserStories>> getStories() async {
-    // دریافت UserProvider از طریق navigatorKey
     final userProvider =
         Provider.of<UserProvider>(navigatorKey.currentContext!, listen: false);
     final userId = userProvider.user.id;

lib/views/home/main/main_page.dart

@@ -14,6 +14,7 @@ import 'package:didvan/views/home/main/widgets/story_section.dart';
 import 'package:didvan/views/widgets/didvan/slider.dart';
 import 'package:didvan/views/widgets/didvan/text.dart';
 import 'package:didvan/views/widgets/state_handlers/state_handler.dart';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:provider/provider.dart';
@@ -21,6 +22,27 @@ import 'package:didvan/services/network/request.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 import 'package:didvan/views/home/main/widgets/swot_item_card.dart';
 
+import 'package:flutter/foundation.dart' show kIsWeb, defaultTargetPlatform;
+import 'package:flutter/material.dart'; // برای دسترسی به TargetPlatform
+// این پکیج فقط برای نسخه وب استفاده می‌شود
+import 'package:universal_html/html.dart' as html;
+
+/// تشخیص می‌دهد که آیا دستگاه یک موبایل است (چه نیتیو و چه وب)
+bool isAnyMobile() {
+  // اگر کد روی وب در حال اجراست
+  if (kIsWeb) {
+    final userAgent = html.window.navigator.userAgent.toLowerCase();
+    return userAgent.contains('mobile') ||
+        userAgent.contains('android') ||
+        userAgent.contains('ios');
+  }
+
+  // اگر کد روی پلتفرم نیتیو در حال اجراست
+  // defaultTargetPlatform پلتفرم اصلی (مثلا اندروید یا iOS) را برمی‌گرداند
+  return defaultTargetPlatform == TargetPlatform.android ||
+      defaultTargetPlatform == TargetPlatform.iOS;
+}
+
 class MainPage extends StatefulWidget {
   const MainPage({
     super.key,
@@ -46,17 +68,16 @@ class _MainPageState extends State<MainPage> {
   Widget build(BuildContext context) {
     print("DEBUG: _MainPageState build called");
     return StateHandler<MainPageState>(
-      onRetry: () => {
+      onRetry: () =>
-        print("DEBUG: _MainPageState onRetry called"),
+          {print("DEBUG: _MainPageState onRetry called"), context.read<MainPageState>().init},
-        context.read<MainPageState>().init
-      },
       state: context.watch<MainPageState>(),
       builder: (context, state) {
         print("DEBUG: FutureBuilder waiting");
         print("DEBUG: FutureBuilder state.stories.isNotEmpty: ${state.stories.isNotEmpty}");
         print("DEBUG: FutureBuilder state.content: ${state.content!.lists}");
         print("DEBUG: FutureBuilder state.content != null: ${state.content != null}");
-        print("DEBUG: FutureBuilder state.content!.lists.isNotEmpty: ${state.content!.lists.isNotEmpty}");
+        print(
+            "DEBUG: FutureBuilder state.content!.lists.isNotEmpty: ${state.content!.lists.isNotEmpty}");
         return ListView(
           padding: const EdgeInsets.symmetric(vertical: 16),
           children: [
@@ -210,7 +231,7 @@ class _SwotSection extends StatelessWidget {
           DidvanSlider(
             height: 330,
             itemCount: 7,
-            viewportFraction: 0.65,
+            viewportFraction: isAnyMobile() ? 0.65 : 0.55,
             itemBuilder: (context, index, realIndex) => Padding(
               padding: const EdgeInsets.symmetric(horizontal: 0.0),
               child: Padding(
@@ -390,7 +411,10 @@ class _MainPageSection extends StatelessWidget {
     return DidvanSlider(
       height: 260 + (_maxSublistCount() - (list.type == 'radar' ? 1 : 0)) * 20,
       itemCount: list.contents.length,
-      viewportFraction: 0.65,
+      // -- START: کد اصلاح شده در اینجا قرار دارد --
+      // از isMobile() برای تنظیم اندازه آیتم‌ها بر اساس موبایل یا دسکتاپ بودن استفاده می‌کنیم
+      viewportFraction: isAnyMobile() ? 0.65 : 0.55,
+      // -- END: کد اصلاح شده --
       itemBuilder: (context, index, realIndex) => Padding(
         padding: const EdgeInsets.symmetric(horizontal: 4),
         child: MainPageGeneralItem(

lib/views/podcasts/studio_details/studio_details.mobile.dart

@@ -66,6 +66,7 @@ class _StudioDetailsState extends State<StudioDetails> {
   }
 
   Future<void> _initializePlayer(StudioDetailsData studio) async {
+    if (widget.pageData['args']['type'] == 'video') {
       // Disposing old controllers before creating new ones.
       _videoPlayerController?.dispose();
       _chewieController?.dispose();
@@ -93,6 +94,15 @@ class _StudioDetailsState extends State<StudioDetails> {
       } catch (e) {
           debugPrint("Error initializing video player: $e");
       }
+    } else {
+      // Handle audio playback using MediaService
+      await MediaService.handleAudioPlayback(
+        audioSource: studio.link,
+        id: studio.id,
+        isVoiceMessage: false,
+      );
+      _currentlyPlayingId = studio.id;
+    }
   }
 
   @override
@@ -139,7 +149,7 @@ class _StudioDetailsState extends State<StudioDetails> {
                       appBarData: AppBarData(
                         trailing: BookmarkButton(
                           itemId: state.studio.id,
-                          type: 'video',
+                          type: state.args?.type == 'video' ? 'video' : 'podcast',
                           value: state.studio.marked,
                           onMarkChanged: (value) {
                             widget.pageData['onMarkChanged'](
@@ -157,6 +167,7 @@ class _StudioDetailsState extends State<StudioDetails> {
                       height: d.size.height - d.padding.top - 56,
                       child: Column(
                         children: [
+                          if (state.args?.type == 'video')
                             AspectRatio(
                               aspectRatio: 16 / 9,
                               child: (_chewieController != null &&

lib/views/widgets/audio/player_navbar.dart

@@ -1,6 +1,8 @@
 // ignore_for_file: unused_element
 
 import 'package:didvan/config/theme_data.dart';
+import 'package:didvan/models/requests/radar.dart';
+import 'package:didvan/routes/routes.dart';
 import 'package:expandable_bottom_sheet/expandable_bottom_sheet.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_spinkit/flutter_spinkit.dart';
@@ -40,24 +42,24 @@ class _PlayerNavBarState extends State<PlayerNavBar> {
       stream: MediaService.audioPlayer.playingStream,
       builder: (context, isPlaying) => GestureDetector(
         onTap: () {
-          // (MediaService.currentPodcast == null &&
+          (MediaService.currentPodcast == null &&
-          //           (MediaService.audioPlayerTag ?? '')
+                    (MediaService.audioPlayerTag ?? '')
-          //               .split('-')[1]
+                        .split('-')[1]
-          //               .isNotEmpty) ||
+                        .isNotEmpty) ||
-          //       MediaService.currentPodcast?.description == 'radar'
+                MediaService.currentPodcast?.description == 'radar'
-          //   ? Navigator.of(context).pushNamed(
+            ? Navigator.of(context).pushNamed(
-          //       Routes.radarDetails,
+                Routes.radarDetails,
-          //       arguments: {
+                arguments: {
-          //         'onMarkChanged': (id, value) {},
+                  'onMarkChanged': (id, value) {},
-          //         'onCommentsChanged': (id, value) {},
+                  'onCommentsChanged': (id, value) {},
-          //         'id': MediaService.currentPodcast?.id,
+                  'id': MediaService.currentPodcast?.id,
-          //         'args': const RadarRequestArgs(page: 0),
+                  'args': const RadarRequestArgs(page: 0),
-          //         'hasUnmarkConfirmation': false,
+                  'hasUnmarkConfirmation': false,
-          //       },
+                },
-          //     )
+              )
-          //   : (MediaService.audioPlayerTag ?? '').split('-')[1].isNotEmpty
+            : (MediaService.audioPlayerTag ?? '').split('-')[1].isNotEmpty
-          //       ? _showPlayerBottomSheet(context)
+                ? _showPlayerBottomSheet(context)
-          //       : null;
+                : null;
         },
         child: Consumer<StudioDetailsState>(
           builder: (context, state, child) => AnimatedContainer(

lib/views/widgets/overview/podcast.dart

@@ -36,9 +36,14 @@ class PodcastOverview extends StatelessWidget {
   Widget build(BuildContext context) {
     return DidvanCard(
       onTap: () {
-        context
+        Navigator.of(context).pushNamed(
-            .read<StudioDetailsState>()
+          Routes.studioDetails,
-            .getStudioDetails(podcast.id, args: studioRequestArgs);
+          arguments: {
+            'id': podcast.id,
+            'args': studioRequestArgs,
+            'onMarkChanged': onMarkChanged,
+          },
+        );
       },
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,

pubspec.yaml

@@ -49,7 +49,7 @@ dependencies:
   cached_network_image: ^3.2.0
   skeleton_text: ^3.0.0
   carousel_slider: ^5.0.0
-  universal_html: ^2.0.8
+  universal_html: ^2.2.4
   record: ^5.1.2
 
   persian_number_utility: ^1.1.1