plugin-cluster-manager 1.1.5 → 1.1.7

package/src/client/PluginOperations.tsx

@@ -0,0 +1,234 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { Alert, Button, Input, Popconfirm, Space, Spin, Table, Tag, Typography, message } from 'antd';
+import { DeleteOutlined, ExclamationCircleOutlined, ReloadOutlined, StopOutlined } from '@ant-design/icons';
+import { useAPIClient } from '@nocobase/client';
+import { useT } from './utils';
+
+interface PluginRecord {
+  name: string;
+  packageName?: string;
+  displayName?: string;
+  description?: string;
+  version?: string;
+  enabled?: boolean;
+  installed?: boolean;
+  loaded?: boolean;
+  protected?: boolean;
+}
+
+function getErrorMessage(err: any, fallback: string) {
+  return err?.response?.data?.errors?.[0]?.message || err?.message || fallback;
+}
+
+export function PluginOperations() {
+  const t = useT();
+  const api = useAPIClient();
+  const [loading, setLoading] = useState(false);
+  const [actionKey, setActionKey] = useState<string | null>(null);
+  const [search, setSearch] = useState('');
+  const [plugins, setPlugins] = useState<PluginRecord[]>([]);
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await api.request({ url: 'clusterManagerPlugins:list' });
+      const data = Array.isArray(res?.data?.data?.data)
+        ? res.data.data.data
+        : Array.isArray(res?.data?.data)
+        ? res.data.data
+        : Array.isArray(res?.data)
+        ? res.data
+        : [];
+      setPlugins(data);
+    } catch (err: any) {
+      message.error(getErrorMessage(err, t('Failed to load plugins')));
+    } finally {
+      setLoading(false);
+    }
+  }, [api, t]);
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  const filteredPlugins = useMemo(() => {
+    const keyword = search.trim().toLowerCase();
+    const list = Array.isArray(plugins) ? plugins : [];
+    if (!keyword) return list;
+    return list.filter((plugin) =>
+      [plugin.name, plugin.packageName, plugin.displayName, plugin.description]
+        .filter(Boolean)
+        .some((value) => String(value).toLowerCase().includes(keyword)),
+    );
+  }, [plugins, search]);
+
+  const handleForceDisable = async (record: PluginRecord) => {
+    const key = `${record.name}:disable`;
+    setActionKey(key);
+    try {
+      const res = await api.request({
+        url: 'clusterManagerPlugins:forceDisable',
+        method: 'post',
+        data: { name: record.name },
+      });
+      message.success(res?.data?.data?.message || res?.data?.message || t('Plugin force disabled'));
+      await fetchData();
+    } catch (err: any) {
+      message.error(getErrorMessage(err, t('Failed to force disable plugin')));
+    } finally {
+      setActionKey(null);
+    }
+  };
+
+  const handleForceRemove = async (record: PluginRecord) => {
+    const key = `${record.name}:remove`;
+    setActionKey(key);
+    try {
+      const res = await api.request({
+        url: 'clusterManagerPlugins:forceRemove',
+        method: 'post',
+        data: { name: record.name },
+      });
+      message.success(res?.data?.data?.message || res?.data?.message || t('Plugin force removed'));
+      await fetchData();
+    } catch (err: any) {
+      message.error(getErrorMessage(err, t('Failed to force remove plugin')));
+    } finally {
+      setActionKey(null);
+    }
+  };
+
+  const columns = [
+    {
+      title: t('Plugin'),
+      dataIndex: 'displayName',
+      key: 'displayName',
+      render: (_: string, record: PluginRecord) => (
+        <Space direction="vertical" size={0}>
+          <Typography.Text strong>{record.displayName || record.name}</Typography.Text>
+          <Typography.Text type="secondary" style={{ fontSize: 12 }}>
+            {record.packageName || record.name}
+          </Typography.Text>
+        </Space>
+      ),
+    },
+    {
+      title: t('Name'),
+      dataIndex: 'name',
+      key: 'name',
+      width: 220,
+      render: (name: string) => <code style={{ fontSize: 12 }}>{name}</code>,
+    },
+    {
+      title: t('Status'),
+      key: 'status',
+      width: 260,
+      render: (_: any, record: PluginRecord) => (
+        <Space wrap size={[4, 4]}>
+          <Tag color={record.enabled ? 'green' : 'default'}>
+            {record.enabled ? t('Enabled') : t('Disabled')}
+          </Tag>
+          <Tag color={record.installed ? 'blue' : 'default'}>
+            {record.installed ? t('Installed') : t('Not installed')}
+          </Tag>
+          <Tag color={record.loaded ? 'processing' : 'default'}>
+            {record.loaded ? t('Loaded') : t('Not loaded')}
+          </Tag>
+          {record.protected && <Tag color="red">{t('Protected')}</Tag>}
+        </Space>
+      ),
+    },
+    {
+      title: t('Version'),
+      dataIndex: 'version',
+      key: 'version',
+      width: 120,
+      render: (version: string) => version || '-',
+    },
+    {
+      title: t('Description'),
+      dataIndex: 'description',
+      key: 'description',
+      ellipsis: true,
+      render: (description: string) => description || '-',
+    },
+    {
+      title: t('Actions'),
+      key: 'actions',
+      width: 250,
+      render: (_: any, record: PluginRecord) => (
+        <Space>
+          <Popconfirm
+            title={t('Force disable this plugin?')}
+            description={t('This updates the plugin registry directly. Restart or reload is required to fully unload runtime hooks.')}
+            disabled={record.protected || !record.enabled}
+            onConfirm={() => handleForceDisable(record)}
+            okText={t('Force disable')}
+            cancelText={t('Cancel')}
+          >
+            <Button
+              size="small"
+              icon={<StopOutlined />}
+              disabled={record.protected || !record.enabled}
+              loading={actionKey === `${record.name}:disable`}
+            >
+              {t('Force disable')}
+            </Button>
+          </Popconfirm>
+          <Popconfirm
+            title={t('Force remove this plugin?')}
+            description={t('This removes the plugin registry record. Package files are not deleted. Restart or reload is required.')}
+            disabled={record.protected}
+            onConfirm={() => handleForceRemove(record)}
+            okText={t('Force remove')}
+            cancelText={t('Cancel')}
+          >
+            <Button
+              size="small"
+              danger
+              icon={<DeleteOutlined />}
+              disabled={record.protected}
+              loading={actionKey === `${record.name}:remove`}
+            >
+              {t('Force remove')}
+            </Button>
+          </Popconfirm>
+        </Space>
+      ),
+    },
+  ];
+
+  return (
+    <Spin spinning={loading}>
+      <Space direction="vertical" style={{ width: '100%' }} size="middle">
+        <Alert
+          type="warning"
+          showIcon
+          icon={<ExclamationCircleOutlined />}
+          message={t('Force operations bypass plugin lifecycle hooks')}
+          description={t('Use this only when the normal plugin manager cannot disable or remove a broken plugin. Restart or reload the app after a successful operation.')}
+        />
+        <Space>
+          <Button icon={<ReloadOutlined />} onClick={fetchData}>
+            {t('Refresh')}
+          </Button>
+          <Input.Search
+            allowClear
+            placeholder={t('Search plugins')}
+            value={search}
+            onChange={(event) => setSearch(event.target.value)}
+            style={{ width: 320 }}
+          />
+        </Space>
+        <Table
+          rowKey="name"
+          size="small"
+          dataSource={filteredPlugins}
+          columns={columns}
+          pagination={{ pageSize: 20 }}
+          scroll={{ x: 1100 }}
+        />
+      </Space>
+    </Spin>
+  );
+}

package/src/locale/en-US.json

@@ -1,5 +1,5 @@
 {
-  "Worker Monitor": "Worker Monitor",
+  "Cluster Manager": "Cluster Manager",
   "Async Tasks": "Async Tasks",
   "Workflow Executions": "Workflow Executions",
   "Redis Monitor": "Redis Monitor",
@@ -66,6 +66,30 @@
   "This will clear all cached data across all stores.": "This will clear all cached data across all stores.",
   "All caches flushed": "All caches flushed",
   "Failed to flush caches": "Failed to flush caches",
-  "Sync Messages": "Sync Messages",
-  "Subscribers": "Subscribers"
-}
+  "Sync Messages": "Sync Messages",
+  "Subscribers": "Subscribers",
+  "Plugins": "Plugins",
+  "Plugin": "Plugin",
+  "Enabled": "Enabled",
+  "Disabled": "Disabled",
+  "Installed": "Installed",
+  "Not installed": "Not installed",
+  "Loaded": "Loaded",
+  "Not loaded": "Not loaded",
+  "Protected": "Protected",
+  "Description": "Description",
+  "Force disable": "Force disable",
+  "Force remove": "Force remove",
+  "Force disable this plugin?": "Force disable this plugin?",
+  "Force remove this plugin?": "Force remove this plugin?",
+  "This updates the plugin registry directly. Restart or reload is required to fully unload runtime hooks.": "This updates the plugin registry directly. Restart or reload is required to fully unload runtime hooks.",
+  "This removes the plugin registry record. Package files are not deleted. Restart or reload is required.": "This removes the plugin registry record. Package files are not deleted. Restart or reload is required.",
+  "Force operations bypass plugin lifecycle hooks": "Force operations bypass plugin lifecycle hooks",
+  "Use this only when the normal plugin manager cannot disable or remove a broken plugin. Restart or reload the app after a successful operation.": "Use this only when the normal plugin manager cannot disable or remove a broken plugin. Restart or reload the app after a successful operation.",
+  "Search plugins": "Search plugins",
+  "Plugin force disabled": "Plugin force disabled",
+  "Plugin force removed": "Plugin force removed",
+  "Failed to load plugins": "Failed to load plugins",
+  "Failed to force disable plugin": "Failed to force disable plugin",
+  "Failed to force remove plugin": "Failed to force remove plugin"
+}

package/src/locale/vi-VN.json

@@ -1,5 +1,5 @@
 {
-  "Worker Monitor": "Giám sát Worker",
+  "Cluster Manager": "Quản lý cụm",
   "Async Tasks": "Tác vụ bất đồng bộ",
   "Workflow Executions": "Thực thi Workflow",
   "Redis Monitor": "Giám sát Redis",
@@ -66,6 +66,30 @@
   "This will clear all cached data across all stores.": "Điều này sẽ xóa tất cả dữ liệu đệm trong mọi kho.",
   "All caches flushed": "Đã xóa tất cả bộ nhớ đệm",
   "Failed to flush caches": "Xóa bộ nhớ đệm thất bại",
-  "Sync Messages": "Tin nhắn đồng bộ",
-  "Subscribers": "Người đăng ký"
-}
+  "Sync Messages": "Tin nhắn đồng bộ",
+  "Subscribers": "Người đăng ký",
+  "Plugins": "Plugin",
+  "Plugin": "Plugin",
+  "Enabled": "Đã bật",
+  "Disabled": "Đã tắt",
+  "Installed": "Đã cài đặt",
+  "Not installed": "Chưa cài đặt",
+  "Loaded": "Đã tải",
+  "Not loaded": "Chưa tải",
+  "Protected": "Được bảo vệ",
+  "Description": "Mô tả",
+  "Force disable": "Buộc tắt",
+  "Force remove": "Buộc xóa",
+  "Force disable this plugin?": "Buộc tắt plugin này?",
+  "Force remove this plugin?": "Buộc xóa plugin này?",
+  "This updates the plugin registry directly. Restart or reload is required to fully unload runtime hooks.": "Thao tác này cập nhật trực tiếp registry plugin. Cần restart hoặc reload để gỡ hoàn toàn các hook runtime.",
+  "This removes the plugin registry record. Package files are not deleted. Restart or reload is required.": "Thao tác này xóa bản ghi plugin trong registry. File package không bị xóa. Cần restart hoặc reload.",
+  "Force operations bypass plugin lifecycle hooks": "Thao tác force bỏ qua lifecycle hook của plugin",
+  "Use this only when the normal plugin manager cannot disable or remove a broken plugin. Restart or reload the app after a successful operation.": "Chỉ dùng khi plugin manager bình thường không thể tắt hoặc xóa plugin lỗi. Restart hoặc reload ứng dụng sau khi thao tác thành công.",
+  "Search plugins": "Tìm plugin",
+  "Plugin force disabled": "Đã buộc tắt plugin",
+  "Plugin force removed": "Đã buộc xóa plugin",
+  "Failed to load plugins": "Tải danh sách plugin thất bại",
+  "Failed to force disable plugin": "Buộc tắt plugin thất bại",
+  "Failed to force remove plugin": "Buộc xóa plugin thất bại"
+}

package/src/locale/zh-CN.json

@@ -1,5 +1,5 @@
 {
-  "Worker Monitor": "Worker 监控",
+  "Cluster Manager": "集群管理",
   "Async Tasks": "异步任务",
   "Workflow Executions": "工作流执行",
   "Redis Monitor": "Redis 监控",
@@ -66,6 +66,30 @@
   "This will clear all cached data across all stores.": "这将清除所有存储中的缓存数据。",
   "All caches flushed": "所有缓存已清空",
   "Failed to flush caches": "清空缓存失败",
-  "Sync Messages": "同步消息",
-  "Subscribers": "订阅者"
-}
+  "Sync Messages": "同步消息",
+  "Subscribers": "订阅者",
+  "Plugins": "插件",
+  "Plugin": "插件",
+  "Enabled": "已启用",
+  "Disabled": "已禁用",
+  "Installed": "已安装",
+  "Not installed": "未安装",
+  "Loaded": "已加载",
+  "Not loaded": "未加载",
+  "Protected": "受保护",
+  "Description": "描述",
+  "Force disable": "强制禁用",
+  "Force remove": "强制移除",
+  "Force disable this plugin?": "强制禁用此插件？",
+  "Force remove this plugin?": "强制移除此插件？",
+  "This updates the plugin registry directly. Restart or reload is required to fully unload runtime hooks.": "此操作会直接更新插件注册表。需要重启或重新加载后才能完全卸载运行时钩子。",
+  "This removes the plugin registry record. Package files are not deleted. Restart or reload is required.": "此操作会移除插件注册记录。不会删除 package 文件。需要重启或重新加载。",
+  "Force operations bypass plugin lifecycle hooks": "强制操作会绕过插件生命周期钩子",
+  "Use this only when the normal plugin manager cannot disable or remove a broken plugin. Restart or reload the app after a successful operation.": "仅在普通插件管理器无法禁用或移除异常插件时使用。操作成功后请重启或重新加载应用。",
+  "Search plugins": "搜索插件",
+  "Plugin force disabled": "插件已强制禁用",
+  "Plugin force removed": "插件已强制移除",
+  "Failed to load plugins": "加载插件失败",
+  "Failed to force disable plugin": "强制禁用插件失败",
+  "Failed to force remove plugin": "强制移除插件失败"
+}