plugin_framework, test install plugin

Signed-off-by: fufesou <shuanglongchen@yeah.net>

flutter/lib/plugin/model.dart

@@ -22,16 +22,18 @@ class PluginModel with ChangeNotifier {
   final List<UiType> uiList = [];
   final Map<String, String> opts = {};
 
-  void add(UiType ui) {
+  void add(List<UiType> uiList) {
     bool found = false;
-    for (int i = 0; i < uiList.length; i++) {
-      if (uiList[i].key == ui.key) {
-        uiList[i] = ui;
-        found = true;
+    for (var ui in uiList) {
+      for (int i = 0; i < this.uiList.length; i++) {
+        if (this.uiList[i].key == ui.key) {
+          this.uiList[i] = ui;
+          found = true;
+        }
+      }
+      if (!found) {
+        this.uiList.add(ui);
       }
-    }
-    if (!found) {
-      uiList.add(ui);
     }
     notifyListeners();
   }
@@ -44,12 +46,12 @@ class PluginModel with ChangeNotifier {
 class LocationModel with ChangeNotifier {
   final Map<PluginId, PluginModel> pluginModels = {};
 
-  void add(PluginId id, UiType ui) {
+  void add(PluginId id, List<UiType> uiList) {
     if (pluginModels[id] != null) {
-      pluginModels[id]!.add(ui);
+      pluginModels[id]!.add(uiList);
     } else {
       var model = PluginModel();
-      model.add(ui);
+      model.add(uiList);
       pluginModels[id] = model;
       notifyListeners();
     }
@@ -68,11 +70,11 @@ class LocationModel with ChangeNotifier {
   bool get isEmpty => pluginModels.isEmpty;
 }
 
-void addLocationUi(String location, PluginId id, UiType ui) {
+void addLocationUi(String location, PluginId id, List<UiType> uiList) {
   if (_locationModels[location] == null) {
     _locationModels[location] = LocationModel();
   }
-  _locationModels[location]?.add(id, ui);
+  _locationModels[location]?.add(id, uiList);
 }
 
 LocationModel? getLocationModel(String location) => _locationModels[location];

flutter/lib/plugin/widgets/desc_ui.dart

@@ -10,9 +10,9 @@ import 'package:get/get.dart';
 import 'package:flutter_hbb/desktop/widgets/remote_toolbar.dart';
 import 'package:flutter_hbb/models/platform_model.dart';
 
-import './manager.dart';
-import './model.dart';
-import './common.dart';
+import '../manager.dart';
+import '../model.dart';
+import '../common.dart';
 
 // dup to flutter\lib\desktop\pages\desktop_setting_page.dart
 const double _kCheckBoxLeftMargin = 10;
@@ -280,9 +280,15 @@ void handleReloading(Map<String, dynamic> evt, String peer) {
     return;
   }
   try {
-    final ui = UiType.create(json.decode(evt['ui'] as String));
-    if (ui != null) {
-      addLocationUi(evt['location']!, evt['id']!, ui);
+    final uiList = <UiType>[];
+    for (var e in json.decode(evt['ui'] as String)) {
+      final ui = UiType.create(e);
+      if (ui != null) {
+        uiList.add(ui);
+      }
+    }
+    if (uiList.isNotEmpty) {
+      addLocationUi(evt['location']!, evt['id']!, uiList);
     }
   } catch (e) {
     debugPrint('Failed handleReloading, json decode of ui, $e ');

flutter/lib/plugin/widgets/desktop_settings.dart

@@ -0,0 +1,199 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_hbb/common.dart';
+import 'package:flutter_hbb/models/platform_model.dart';
+import 'package:flutter_hbb/plugin/model.dart';
+import 'package:flutter_hbb/plugin/common.dart';
+import 'package:get/get.dart';
+
+import '../manager.dart';
+import './desc_ui.dart';
+
+// to-do: use settings from desktop_setting_page.dart
+const double _kCardFixedWidth = 540;
+const double _kCardLeftMargin = 15;
+const double _kContentHMargin = 15;
+const double _kTitleFontSize = 20;
+const double _kVersionFontSize = 12;
+
+class DesktopSettingsCard extends StatefulWidget {
+  final PluginInfo plugin;
+  DesktopSettingsCard({
+    Key? key,
+    required this.plugin,
+  }) : super(key: key);
+
+  @override
+  State<DesktopSettingsCard> createState() => _DesktopSettingsCardState();
+}
+
+class _DesktopSettingsCardState extends State<DesktopSettingsCard> {
+  PluginInfo get plugin => widget.plugin;
+  bool get installed => plugin.installedVersion.isNotEmpty;
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      children: [
+        Flexible(
+          child: SizedBox(
+            width: _kCardFixedWidth,
+            child: Card(
+              child: Column(
+                children: [
+                  header(),
+                  body(),
+                ],
+              ).marginOnly(bottom: 10),
+            ).marginOnly(left: _kCardLeftMargin, top: 15),
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget header() {
+    return Row(
+      children: [
+        headerNameVersion(),
+        headerInstallEnable(),
+      ],
+    ).marginOnly(
+      left: _kContentHMargin,
+      top: 10,
+      bottom: 10,
+      right: _kContentHMargin,
+    );
+  }
+
+  Widget headerNameVersion() {
+    return Expanded(
+      child: Row(
+        children: [
+          Text(
+            translate(widget.plugin.meta.name),
+            textAlign: TextAlign.start,
+            style: const TextStyle(
+              fontSize: _kTitleFontSize,
+            ),
+          ),
+          SizedBox(
+            width: 5,
+          ),
+          Text(
+            plugin.meta.version,
+            textAlign: TextAlign.start,
+            style: const TextStyle(
+              fontSize: _kVersionFontSize,
+            ),
+          )
+        ],
+      ),
+    );
+  }
+
+  Widget headerButton(String label, VoidCallback onPressed) {
+    return Container(
+      child: ElevatedButton(
+        onPressed: onPressed,
+        child: Text(label),
+      ),
+    );
+  }
+
+  Widget headerInstallEnable() {
+    final installButton = headerButton(installed ? 'uninstall' : 'install', () {
+      bind.pluginInstall(
+        id: plugin.meta.id,
+        b: !installed,
+      );
+    });
+
+    if (installed) {
+      final needUpdate =
+          plugin.installedVersion.compareTo(plugin.meta.version) < 0;
+      final updateButton = needUpdate
+          ? headerButton('update', () {
+              bind.pluginInstall(
+                id: plugin.meta.id,
+                b: !installed,
+              );
+            })
+          : Container();
+
+      final isEnabled = bind.pluginIsEnabled(id: plugin.meta.id);
+      final enableButton = !installed
+          ? Container()
+          : headerButton(isEnabled ? 'disable' : 'enable', () {
+              if (isEnabled) {
+                clearPlugin(plugin.meta.id);
+              }
+              bind.pluginEnable(id: plugin.meta.id, v: !isEnabled);
+              setState(() {});
+            });
+      return Row(
+        children: [
+          updateButton,
+          SizedBox(
+            width: 10,
+          ),
+          installButton,
+          SizedBox(
+            width: 10,
+          ),
+          enableButton,
+        ],
+      );
+    } else {
+      return installButton;
+    }
+  }
+
+  Widget body() {
+    return Column(children: [
+      author(),
+      description(),
+      more(),
+    ]).marginOnly(
+      left: _kCardLeftMargin,
+      top: 4,
+      right: _kContentHMargin,
+    );
+  }
+
+  Widget author() {
+    return Align(
+      alignment: Alignment.centerLeft,
+      child: Text(plugin.meta.author),
+    );
+  }
+
+  Widget description() {
+    return Align(
+      alignment: Alignment.centerLeft,
+      child: Text(plugin.meta.description),
+    );
+  }
+
+  Widget more() {
+    if (!installed) {
+      return Container();
+    }
+
+    final List<Widget> children = [];
+    final model = getPluginModel(kLocationHostMainPlugin, plugin.meta.id);
+    if (model != null) {
+      children.add(PluginItem(
+        pluginId: plugin.meta.id,
+        peerId: '',
+        location: kLocationHostMainPlugin,
+        pluginModel: model,
+        isMenu: false,
+      ));
+    }
+    return ExpansionTile(
+      title: Text('Options'),
+      controlAffinity: ListTileControlAffinity.leading,
+      children: children,
+    );
+  }
+}