feat: torrent file support on web (#171)

ui/flutter/lib/app/modules/app/controllers/app_controller.dart

@@ -1,6 +1,5 @@
 import 'dart:async';
 import 'dart:convert';
-import 'dart:ui' as ui;
 import 'dart:ui';
 
 import 'package:app_links/app_links.dart';

ui/flutter/lib/app/modules/create/controllers/create_controller.dart

@@ -1,3 +1,6 @@
+import 'dart:convert';
+import 'dart:typed_data';
+
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 
@@ -10,6 +13,7 @@ class CreateController extends GetxController
   final isResolving = false.obs;
   final showAdvanced = false.obs;
   late TabController advancedTabController;
+  final fileDataUri = "".obs;
 
   @override
   void onInit() {
@@ -22,4 +26,13 @@ class CreateController extends GetxController
     advancedTabController.dispose();
     super.onClose();
   }
+
+  void setFileDataUri(Uint8List bytes) {
+    fileDataUri.value =
+        "data:application/x-bittorrent;base64,${base64.encode(bytes)}";
+  }
+
+  void clearFileDataUri() {
+    fileDataUri.value = "";
+  }
 }

ui/flutter/lib/app/modules/create/views/create_view.dart

@@ -51,8 +51,14 @@ class CreateView extends GetView<CreateController> {
         title: Text('create'.tr),
       ),
       body: DropTarget(
-        onDragDone: (details) {
-          _urlController.text = details.files[0].path;
+        onDragDone: (details) async {
+          if (!Util.isWeb()) {
+            _urlController.text = details.files[0].path;
+            return;
+          }
+          _urlController.text = details.files[0].name;
+          final bytes = await details.files[0].readAsBytes();
+          controller.setFileDataUri(bytes);
         },
         child: Padding(
             padding:
@@ -61,44 +67,54 @@ class CreateView extends GetView<CreateController> {
                 key: _resolveFormKey,
                 autovalidateMode: AutovalidateMode.onUserInteraction,
                 child: Column(children: [
-                  Row(
-                    children: [
-                      Expanded(
-                        child: TextFormField(
-                            autofocus: true,
-                            controller: _urlController,
-                            minLines: 1,
-                            maxLines: 5,
-                            decoration: InputDecoration(
-                              hintText: _hitText(),
-                              hintStyle: const TextStyle(fontSize: 12),
-                              labelText: 'downloadLink'.tr,
-                              icon: const Icon(Icons.link),
-                              suffixIcon: IconButton(
-                                onPressed: _urlController.clear,
-                                icon: const Icon(Icons.clear),
-                              ),
-                            ),
-                            validator: (v) {
-                              return v!.trim().isNotEmpty
-                                  ? null
-                                  : 'downloadLinkValid'.tr;
-                            }),
+                  Row(children: [
+                    Expanded(
+                      child: TextFormField(
+                        autofocus: true,
+                        controller: _urlController,
+                        minLines: 1,
+                        maxLines: 5,
+                        decoration: InputDecoration(
+                          hintText: _hitText(),
+                          hintStyle: const TextStyle(fontSize: 12),
+                          labelText: 'downloadLink'.tr,
+                          icon: const Icon(Icons.link),
+                          suffixIcon: IconButton(
+                            onPressed: () {
+                              _urlController.clear();
+                              controller.clearFileDataUri();
+                            },
+                            icon: const Icon(Icons.clear),
+                          ),
+                        ),
+                        validator: (v) {
+                          return v!.trim().isNotEmpty
+                              ? null
+                              : 'downloadLinkValid'.tr;
+                        },
+                        onChanged: (v) async {
+                          controller.clearFileDataUri();
+                        },
+                      ),
+                    ),
+                    IconButton(
+                        icon: const Icon(Icons.folder_open),
+                        onPressed: () async {
+                          var pr = await FilePicker.platform.pickFiles(
+                              type: FileType.custom,
+                              allowedExtensions: ["torrent"]);
+                          if (pr != null) {
+                            if (!Util.isWeb()) {
+                              _urlController.text = pr.files[0].path ?? "";
+                              return;
+                            }
+                            _urlController.text = pr.files[0].name;
+                            controller.setFileDataUri(pr.files[0].bytes!);
+                          }
+                        }),
+                  ]
+                      //.where((e) => e != null).map((e) => e!).toList(),
                       ),
-                      Util.isWeb()
-                          ? null
-                          : IconButton(
-                              icon: const Icon(Icons.folder_open),
-                              onPressed: () async {
-                                var pr = await FilePicker.platform.pickFiles(
-                                    type: FileType.custom,
-                                    allowedExtensions: ["torrent"]);
-                                if (pr != null) {
-                                  _urlController.text = pr.files[0].path ?? "";
-                                }
-                              }),
-                    ].where((e) => e != null).map((e) => e!).toList(),
-                  ),
                   Obx(() => Visibility(
                       visible: controller.showAdvanced.value,
                       child: Padding(
@@ -205,8 +221,11 @@ class CreateView extends GetView<CreateController> {
       _confirmController.start();
       if (_resolveFormKey.currentState!.validate()) {
         Object? extra;
+        final submitUrl = Util.isWeb() && controller.fileDataUri.isNotEmpty
+            ? controller.fileDataUri.value
+            : _urlController.text;
         if (controller.showAdvanced.value) {
-          final u = Uri.parse(_urlController.text);
+          final u = Uri.parse(submitUrl);
           if (u.scheme.startsWith("http")) {
             extra = ReqExtraHttp()
               ..header = {
@@ -220,7 +239,7 @@ class CreateView extends GetView<CreateController> {
           }
         }
         final rr = await resolve(Request(
-          url: _urlController.text,
+          url: submitUrl,
           extra: extra,
         ));
         await _showResolveDialog(rr);
@@ -235,7 +254,8 @@ class CreateView extends GetView<CreateController> {
 
   String _hitText() {
     return 'downloadLinkHit'.trParams({
-      'append': Util.isDesktop() ? 'downloadLinkHitDesktop'.tr : '',
+      'append':
+          Util.isDesktop() || Util.isWeb() ? 'downloadLinkHitDesktop'.tr : '',
     });
   }
 

ui/flutter/pubspec.lock

@@ -245,10 +245,10 @@ packages:
     dependency: "direct main"
     description:
       name: desktop_drop
-      sha256: "0cd056191b701a2b5ba040f2306349e461fafdaa5df4569b2228cdf87b58eced"
+      sha256: "4ca4d960f4b11c032e9adfd2a0a8ac615bc3fddb4cbe73dcf840dd8077582186"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.3.3"
+    version: "0.4.1"
   dio:
     dependency: "direct main"
     description:

ui/flutter/pubspec.yaml

@@ -48,7 +48,7 @@ dependencies:
   url_launcher: ^6.1.6
   shared_preferences: ^2.2.0
   logger: ^1.3.0
-  desktop_drop: ^0.3.3
+  desktop_drop: ^0.4.1
   package_info_plus: ^4.0.0
   fluent_ui: ^4.4.0
   path: any