feat: add filter functionality and upgrade indicators for plugins #4356 #build

- Added filter placeholder and "Not Installed" text in multiple language files.
- Introduced `IsUpgradable` field in `PluginDto` and `PluginDetail` to indicate if a plugin can be upgraded.
- Implemented logic to determine if a plugin is upgradable in the plugin store handler.
- Enhanced the plugin settings view to include upgrade buttons for upgradable plugins.
- Added filtering options for installed and uninstalled plugins, as well as for upgradable plugins in the settings controller.
- Updated dropdown button to support custom filter hint text.

Author: qianlifeng

wox.core/resource/lang/en_US.json

@@ -119,6 +119,11 @@
   "ui_query_hotkeys_silent": "Silent",
   "ui_query_hotkeys_silent_tooltip": "When selected, if the count of query result is 1, Wox will execute the query directly without showing the result list.\n\nThis is useful when you have a query that always return one result and you want to execute it directly.\nNote: This option is only available when the query result count is 1. Otherwise it will be ignored and notify a warning.",
   "ui_disabled": "Disabled",
+  "ui_plugin_filter_disabled_only": "Disabled Only",
+  "ui_plugin_filter_enabled_only": "Enabled Only",
+  "ui_plugin_filter_upgradable": "Upgradable",
+  "ui_filter_placeholder": "Filter...",
+  "ui_not_installed": "Not Installed",
   "ui_disabled_tooltip": "When selected, this item is temporarily disabled without being deleted.",
   "ui_add": "Add",
   "ui_query_shortcuts_shortcut": "Shortcut",

wox.core/resource/lang/pt_BR.json

@@ -116,6 +116,11 @@
   "ui_query_hotkeys_silent": "Silencioso",
   "ui_query_hotkeys_silent_tooltip": "Quando selecionado, se o número de resultados da consulta for 1, o Wox executar a consulta diretamente sem mostrar a lista de resultados.\n\nIssotil quando você tem uma consulta que sempre retorna um resultado e deseja execut-la diretamente.\nNota: Esta opção s est disponível quando o número de resultados da consulta 1. Caso contrário, ser ignorado e notificar um aviso.",
   "ui_disabled": "Desativado",
+  "ui_plugin_filter_disabled_only": "Somente desativados",
+  "ui_plugin_filter_enabled_only": "Somente ativados",
+  "ui_plugin_filter_upgradable": "Atualizáveis",
+  "ui_filter_placeholder": "Filtrar...",
+  "ui_not_installed": "Não instalado",
   "ui_disabled_tooltip": "Quando selecionado, este item é desativado temporariamente sem ser removido.",
   "ui_add": "Adicionar",
   "ui_query_shortcuts_shortcut": "Atalho",

wox.core/resource/lang/ru_RU.json

@@ -116,6 +116,11 @@
   "ui_query_hotkeys_silent": "Сильный",
   "ui_query_hotkeys_silent_tooltip": "Если выбран, и количество результатов запроса равно 1, Wox выполнит запрос непосредственно без отображения списка результатов.\n\nЭто полезно, когда у вас есть запрос, который всегда возвращает один результат, и вы хотите выполнить его непосредственно.\nПримечание: Эта опция доступна только в том случае, если количество результатов запроса равно 1. В противном случае она будет проигнорирована и будет выведено предупреждение.",
   "ui_disabled": "Отключено",
+  "ui_plugin_filter_disabled_only": "Только отключенные",
+  "ui_plugin_filter_enabled_only": "Только включенные",
+  "ui_plugin_filter_upgradable": "Доступно обновление",
+  "ui_filter_placeholder": "Фильтр...",
+  "ui_not_installed": "Не установлено",
   "ui_disabled_tooltip": "Если выбрано, этот пункт временно отключается без удаления.",
   "ui_add": "Добавить",
   "ui_query_shortcuts_shortcut": "Горячая клавиша",

wox.core/resource/lang/zh_CN.json

@@ -119,6 +119,11 @@
   "ui_query_hotkeys_silent": "静默",
   "ui_query_hotkeys_silent_tooltip": "当选中时，如果查询结果数量为1，Wox将直接执行查询而不显示结果列表。\n\n这在您有一个总是返回一个结果的查询并且您希望直接执行它时非常有用。\n注意：此选项仅在查询结果数量为1时可用。否则将忽略并通知警告。",
   "ui_disabled": "禁用",
+  "ui_plugin_filter_disabled_only": "仅禁用",
+  "ui_plugin_filter_enabled_only": "仅启用",
+  "ui_plugin_filter_upgradable": "可升级",
+  "ui_filter_placeholder": "筛选...",
+  "ui_not_installed": "未安装",
   "ui_disabled_tooltip": "选中后将临时禁用该项，但不会删除。",
   "ui_add": "添加",
   "ui_query_shortcuts_shortcut": "快捷键",

wox.core/ui/dto/plugin_dto.go

@@ -31,6 +31,7 @@ type PluginDto struct {
 	IsDev              bool
 	IsInstalled        bool
 	IsDisable          bool // only available when plugin is installed
+	IsUpgradable       bool
 }
 
 type PluginSettingDto struct {

wox.core/ui/router.go

@@ -28,6 +28,7 @@ import (
 	"wox/util/hotkey"
 	"wox/util/shell"
 
+	"github.com/Masterminds/semver/v3"
 	"github.com/jinzhu/copier"
 	"github.com/samber/lo"
 	"github.com/tidwall/gjson"
@@ -192,6 +193,10 @@ func handlePluginStore(w http.ResponseWriter, r *http.Request) {
 			plugins[i].Icon = common.NewWoxImageUrl(manifests[i].IconUrl)
 		}
 		plugins[i].IsInstalled = isInstalled
+		plugins[i].IsUpgradable = false
+		if isInstalled {
+			plugins[i].IsUpgradable = isPluginUpgradable(pluginInstance.Metadata.Version, manifests[i].Version)
+		}
 		plugins[i].Name = manifests[i].GetName(getCtx)
 		plugins[i].NameEn = manifests[i].GetNameEn(getCtx)
 		plugins[i].Description = manifests[i].GetDescription(getCtx)
@@ -242,8 +247,10 @@ func convertPluginInstanceToDto(ctx context.Context, pluginInstance *plugin.Inst
 	storePlugin, foundErr := plugin.GetStoreManager().GetStorePluginManifestById(ctx, pluginInstance.Metadata.Id)
 	if foundErr == nil {
 		installedPlugin.ScreenshotUrls = storePlugin.ScreenshotUrls
+		installedPlugin.IsUpgradable = isPluginUpgradable(pluginInstance.Metadata.Version, storePlugin.Version)
 	} else {
 		installedPlugin.ScreenshotUrls = []string{}
+		installedPlugin.IsUpgradable = false
 	}
 
 	// load icon
@@ -260,6 +267,16 @@ func convertPluginInstanceToDto(ctx context.Context, pluginInstance *plugin.Inst
 	return installedPlugin, nil
 }
 
+func isPluginUpgradable(installedVersion string, storeVersion string) bool {
+	installed, installedErr := semver.NewVersion(installedVersion)
+	store, storeErr := semver.NewVersion(storeVersion)
+	if installedErr != nil || storeErr != nil || installed == nil || store == nil {
+		return false
+	}
+
+	return store.GreaterThan(installed)
+}
+
 func handlePluginInstall(w http.ResponseWriter, r *http.Request) {
 	ctx := getTraceContext(r)
 

wox.ui.flutter/wox/lib/components/wox_ai_model_selector_view.dart

@@ -22,12 +22,7 @@ class WoxAIModelSelectorView extends StatefulWidget {
   /// Whether to allow editing the model
   final bool allowEdit;
 
-  const WoxAIModelSelectorView({
-    super.key,
-    this.initialValue,
-    required this.onModelSelected,
-    this.allowEdit = true,
-  });
+  const WoxAIModelSelectorView({super.key, this.initialValue, required this.onModelSelected, this.allowEdit = true});
 
   @override
   State<WoxAIModelSelectorView> createState() => _WoxAIModelSelectorViewState();
@@ -143,32 +138,19 @@ class _WoxAIModelSelectorViewState extends State<WoxAIModelSelectorView> {
       final bg = getThemeActiveBackgroundColor().withAlpha(70);
       return Container(
         padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
-        decoration: BoxDecoration(
-          color: bg,
-          borderRadius: BorderRadius.circular(6),
-          border: Border.all(color: getThemeActiveBackgroundColor().withAlpha(90)),
-        ),
+        decoration: BoxDecoration(color: bg, borderRadius: BorderRadius.circular(6), border: Border.all(color: getThemeActiveBackgroundColor().withAlpha(90))),
         child: Row(
           crossAxisAlignment: CrossAxisAlignment.center,
           children: [
-            const Padding(
-              padding: EdgeInsets.only(top: 2.0),
-              child: Icon(Icons.info, size: 14),
-            ),
+            const Padding(padding: EdgeInsets.only(top: 2.0), child: Icon(Icons.info, size: 14)),
             const SizedBox(width: 10),
             Expanded(
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
-                  Text(
-                    tr('ui_ai_model_selector_no_models_title'),
-                    style: TextStyle(color: getThemeTextColor(), fontWeight: FontWeight.w600),
-                  ),
+                  Text(tr('ui_ai_model_selector_no_models_title'), style: TextStyle(color: getThemeTextColor(), fontWeight: FontWeight.w600)),
                   const SizedBox(height: 4),
-                  Text(
-                    tr('ui_ai_model_selector_no_models_desc'),
-                    style: TextStyle(color: getThemeTextColor()),
-                  ),
+                  Text(tr('ui_ai_model_selector_no_models_desc'), style: TextStyle(color: getThemeTextColor())),
                 ],
               ),
             ),
@@ -179,7 +161,7 @@ class _WoxAIModelSelectorViewState extends State<WoxAIModelSelectorView> {
                 // Switch to the AI settings page within the settings view
                 Get.find<WoxSettingController>().activeNavPath.value = 'ai';
               },
-            )
+            ),
           ],
         ),
       );
@@ -210,12 +192,7 @@ class _WoxAIModelSelectorViewState extends State<WoxAIModelSelectorView> {
           child: WoxDropdownButton<String>(
             value: selectedProviderKey,
             isExpanded: true,
-            items: providerKeys
-                .map((providerKey) => WoxDropdownItem<String>(
-                      value: providerKey,
-                      label: getProviderLabel(providerKey),
-                    ))
-                .toList(),
+            items: providerKeys.map((providerKey) => WoxDropdownItem<String>(value: providerKey, label: getProviderLabel(providerKey))).toList(),
             onChanged: (providerKey) {
               if (providerKey != null) {
                 setState(() {
@@ -241,58 +218,47 @@ class _WoxAIModelSelectorViewState extends State<WoxAIModelSelectorView> {
         // Model selector or editor
         Expanded(
           flex: 2,
-          child: isEditMode
-              ? WoxTextField(
-                  controller: nameController,
-                  hintText: tr('ui_ai_model_selector_model_name'),
-                  width: double.infinity, // fill the Expanded width
-                  onChanged: (value) {
-                    if (value.isNotEmpty && selectedProviderKey != null) {
-                      final providerInfo = parseProviderKey(selectedProviderKey!);
-                      final updatedModel = AIModel(
-                        name: value,
-                        provider: providerInfo.$1,
-                        providerAlias: providerInfo.$2,
-                      );
-                      setState(() => this.selectedModel = updatedModel);
-                      widget.onModelSelected(jsonEncode(updatedModel));
-                    }
-                  },
-                )
-              : WoxDropdownButton<String>(
-                  value: selectedModel?.name,
-                  isExpanded: true,
-                  enableFilter: true,
-                  items: getProviderModels()
-                      .map((model) => WoxDropdownItem<String>(
-                            value: model.name,
-                            label: model.name,
-                          ))
-                      .toList(),
-                  onChanged: (modelName) {
-                    if (modelName != null && selectedProviderKey != null) {
-                      final providerInfo = parseProviderKey(selectedProviderKey!);
-                      final selectedModel = allModels.firstWhere(
-                        (m) => m.provider == providerInfo.$1 && m.providerAlias == providerInfo.$2 && m.name == modelName,
-                        orElse: () => AIModel(
-                          name: modelName,
-                          provider: providerInfo.$1,
-                          providerAlias: providerInfo.$2,
-                        ),
-                      );
-
-                      setState(() {
-                        this.selectedModel = selectedModel;
-                        nameController.text = selectedModel.name;
-                      });
-                      widget.onModelSelected(jsonEncode(selectedModel));
-                    }
-                  },
-                ),
+          child:
+              isEditMode
+                  ? WoxTextField(
+                    controller: nameController,
+                    hintText: tr('ui_ai_model_selector_model_name'),
+                    width: double.infinity, // fill the Expanded width
+                    onChanged: (value) {
+                      if (value.isNotEmpty && selectedProviderKey != null) {
+                        final providerInfo = parseProviderKey(selectedProviderKey!);
+                        final updatedModel = AIModel(name: value, provider: providerInfo.$1, providerAlias: providerInfo.$2);
+                        setState(() => selectedModel = updatedModel);
+                        widget.onModelSelected(jsonEncode(updatedModel));
+                      }
+                    },
+                  )
+                  : WoxDropdownButton<String>(
+                    value: selectedModel?.name,
+                    isExpanded: true,
+                    enableFilter: true,
+                    filterHintText: tr('ui_filter_placeholder'),
+                    items: getProviderModels().map((model) => WoxDropdownItem<String>(value: model.name, label: model.name)).toList(),
+                    onChanged: (modelName) {
+                      if (modelName != null && selectedProviderKey != null) {
+                        final providerInfo = parseProviderKey(selectedProviderKey!);
+                        final selectedModel = allModels.firstWhere(
+                          (m) => m.provider == providerInfo.$1 && m.providerAlias == providerInfo.$2 && m.name == modelName,
+                          orElse: () => AIModel(name: modelName, provider: providerInfo.$1, providerAlias: providerInfo.$2),
+                        );
+
+                        setState(() {
+                          this.selectedModel = selectedModel;
+                          nameController.text = selectedModel.name;
+                        });
+                        widget.onModelSelected(jsonEncode(selectedModel));
+                      }
+                    },
+                  ),
         ),
 
         // Toggle edit/select mode button
-        if (widget.allowEdit && this.selectedModel != null)
+        if (widget.allowEdit && selectedModel != null)
           IconButton(
             icon: Icon(isEditMode ? Icons.list : Icons.edit, color: getThemeTextColor()),
             onPressed: () {

wox.ui.flutter/wox/lib/components/wox_dropdown_button.dart

@@ -32,6 +32,7 @@ class WoxDropdownButton<T> extends StatefulWidget {
   final double? width;
   final Widget? underline;
   final bool enableFilter;
+  final String? filterHintText;
   final FocusNode? focusNode;
   final bool autofocus;
   final bool multiSelect;
@@ -55,6 +56,7 @@ class WoxDropdownButton<T> extends StatefulWidget {
     this.width,
     this.underline,
     this.enableFilter = false,
+    this.filterHintText,
     this.focusNode,
     this.autofocus = false,
     this.multiSelect = false,
@@ -316,7 +318,7 @@ class _WoxDropdownButtonState<T> extends State<WoxDropdownButton<T>> {
                                   textAlignVertical: TextAlignVertical.center,
                                   style: TextStyle(color: searchTextColor, fontSize: widget.fontSize).useSystemChineseFont(),
                                   decoration: InputDecoration(
-                                    hintText: 'Filter...',
+                                    hintText: widget.filterHintText ?? 'Filter...',
                                     hintStyle: TextStyle(color: searchHintColor, fontSize: widget.fontSize).useSystemChineseFont(),
                                     border: InputBorder.none,
                                     isDense: true,