feat: drag and drop support

* added drag and drop feature for AddFilesButton

* added desktop_drop packages and  updated some packages

* added drag and drop feature to dashboard

* removed dnd feature for AddFilesButton

* added dnd feature for dashboard

* Update dashboard.dart

* Update dashboard.dart

* Added Drop To Add on hovering the files over the container

* sorted packages

* sorted packages

* converted double quoted text to single quoted text

* fixed deprecated_member_use

* updated packages

* made changes regarding the file package

upgraded file to newer version and added it in yaml file

Author: manoj1749

lib/main.dart

@@ -29,7 +29,7 @@ void main() async {
 
 class MyApp extends StatelessWidget {
   final ThemeData theme = ThemeData(
-    backgroundColor: kBgDarkColor,
+    colorScheme: ColorScheme.dark(background: kBgDarkColor),
     canvasColor: kBgDarkColor,
     brightness: Brightness.dark,
     visualDensity: VisualDensity.adaptivePlatformDensity,

lib/screens/dashboard/dashboard.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
 
+import 'package:desktop_drop/desktop_drop.dart';
+import 'package:file_selector/file_selector.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 
 import 'package:ccxgui/bloc/dashboard_bloc/dashboard_bloc.dart';
@@ -14,39 +16,85 @@ import 'package:ccxgui/screens/dashboard/components/udp_button.dart';
 import 'package:ccxgui/utils/constants.dart';
 import 'components/start_stop_button.dart';
 
-class Dashboard extends StatelessWidget {
+bool dragFile = false;
+
+class Dashboard extends StatefulWidget {
+  @override
+  State<Dashboard> createState() => _DashboardState();
+}
+
+class _DashboardState extends State<Dashboard> {
   final ScrollController controller = ScrollController();
+
   @override
   Widget build(BuildContext context) {
     return Material(
       child: ListView(
         controller: controller,
         children: [
-          Row(
-            mainAxisSize: MainAxisSize.max,
-            children: [
-              Expanded(
-                child: AddFilesButton(),
-              ),
-              Expanded(
-                child: ListenOnUDPButton(),
-              ),
-            ],
-          ),
-          Padding(
-            padding: const EdgeInsets.symmetric(
-              horizontal: 20,
-              vertical: 8,
-            ),
-            child: SelectedFilesContainer(),
-          ),
-          Padding(
-            padding: const EdgeInsets.symmetric(
-              horizontal: 20.0,
-              vertical: 8,
+          DropTarget(
+            onDragEntered: (data) {
+              setState(() {
+                dragFile = true;
+              });
+            },
+            onDragExited: (data) {
+              setState(() {
+                dragFile = false;
+              });
+            },
+            onDragDone: (data) {
+              dragFile = false;
+              final List<XFile> fileData = data.files;
+              List<XFile> validFiles = [];
+              RegExp validExtensions = RegExp(
+                  r'(\.dvr-ms|\.m2v|\.mpg|\.ts|\.wtv|\.mp4|\.mpg2|\.vob|\.mkv)$');
+              print(validExtensions.hasMatch(fileData[0].path));
+              for (XFile file in fileData) {
+                if (validExtensions.hasMatch(file.path)) {
+                  validFiles.add(file);
+                } else {
+                  CustomSnackBarMessage.show(
+                      context, 'Invalid file type: ${file.path}');
+                }
+              }
+              context.read<DashboardBloc>().add(
+                    NewFileAdded(validFiles),
+                  );
+              context.read<ProcessBloc>().add(
+                    ProcessFilesSubmitted(validFiles),
+                  );
+            },
+            child: Column(
+              children: [
+                Row(
+                  mainAxisSize: MainAxisSize.max,
+                  children: [
+                    Expanded(
+                      child: AddFilesButton(),
+                    ),
+                    Expanded(
+                      child: ListenOnUDPButton(),
+                    ),
+                  ],
+                ),
+                Padding(
+                  padding: const EdgeInsets.symmetric(
+                    horizontal: 20,
+                    vertical: 8,
+                  ),
+                  child: SelectedFilesContainer(),
+                ),
+                Padding(
+                  padding: const EdgeInsets.symmetric(
+                    horizontal: 20.0,
+                    vertical: 8,
+                  ),
+                  child: LogsContainer(),
+                )
+              ],
             ),
-            child: LogsContainer(),
-          ),
+          )
         ],
       ),
     );
@@ -74,6 +122,7 @@ class ClearFilesButton extends StatelessWidget {
           builder: (context, dashboardState) {
             return MaterialButton(
               onPressed: () {
+                dragFile = false;
                 dashboardState.files.isEmpty
                     ? null
                     : showDialog(
@@ -202,7 +251,7 @@ class SelectedFilesContainer extends StatelessWidget {
                             )
                           : Center(
                               child: Text(
-                                'No files selected',
+                                dragFile ? 'Drop to Add' : 'No files selected',
                                 style: TextStyle(
                                   fontSize: 15,
                                 ),

linux/flutter/generated_plugin_registrant.cc

@@ -6,11 +6,15 @@
 
 #include "generated_plugin_registrant.h"
 
+#include <desktop_drop/desktop_drop_plugin.h>
 #include <file_selector_linux/file_selector_plugin.h>
 #include <url_launcher_linux/url_launcher_plugin.h>
 #include <window_size/window_size_plugin.h>
 
 void fl_register_plugins(FlPluginRegistry* registry) {
+  g_autoptr(FlPluginRegistrar) desktop_drop_registrar =
+      fl_plugin_registry_get_registrar_for_plugin(registry, "DesktopDropPlugin");
+  desktop_drop_plugin_register_with_registrar(desktop_drop_registrar);
   g_autoptr(FlPluginRegistrar) file_selector_linux_registrar =
       fl_plugin_registry_get_registrar_for_plugin(registry, "FileSelectorPlugin");
   file_selector_plugin_register_with_registrar(file_selector_linux_registrar);

linux/flutter/generated_plugins.cmake

@@ -3,6 +3,7 @@
 #
 
 list(APPEND FLUTTER_PLUGIN_LIST
+  desktop_drop
   file_selector_linux
   url_launcher_linux
   window_size

macos/Flutter/GeneratedPluginRegistrant.swift

@@ -5,12 +5,14 @@
 import FlutterMacOS
 import Foundation
 
+import desktop_drop
 import file_selector_macos
 import path_provider_macos
 import url_launcher_macos
 import window_size
 
 func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
+  DesktopDropPlugin.register(with: registry.registrar(forPlugin: "DesktopDropPlugin"))
   FileSelectorPlugin.register(with: registry.registrar(forPlugin: "FileSelectorPlugin"))
   PathProviderPlugin.register(with: registry.registrar(forPlugin: "PathProviderPlugin"))
   UrlLauncherPlugin.register(with: registry.registrar(forPlugin: "UrlLauncherPlugin"))