plugin-git-manager 1.0.3 → 1.0.11

package/src/client/components/PollingStatus.tsx

@@ -0,0 +1,194 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { Card, Button, Space, Tag, Typography, Table, message, Tooltip, Empty, theme } from 'antd';
+import { ReloadOutlined, ThunderboltOutlined, ClockCircleOutlined, RobotOutlined } from '@ant-design/icons';
+import { useAPIClient } from '@nocobase/client';
+import { useGitManager } from '../context/GitManagerContext';
+import { useT } from '../locale';
+
+const { Text } = Typography;
+const { useToken } = theme;
+
+interface PollerStatus {
+  running: boolean;
+  polling: boolean;
+  lastTickAt: string | null;
+  lastError: string | null;
+  intervalSec: number;
+}
+
+export const PollingStatus: React.FC = () => {
+  const t = useT();
+  const { token } = useToken();
+  const api = useAPIClient();
+  const { repos, refreshRepos } = useGitManager();
+  const [status, setStatus] = useState<PollerStatus | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [pollingId, setPollingId] = useState<number | 'all' | null>(null);
+
+  const reload = useCallback(async () => {
+    setLoading(true);
+    try {
+      const { data } = await api.request({ url: 'gitManager:pollerStatus' });
+      setStatus(data?.data || null);
+      await refreshRepos();
+    } finally {
+      setLoading(false);
+    }
+  }, [api, refreshRepos]);
+
+  useEffect(() => {
+    reload();
+  }, [reload]);
+
+  const pollAll = async () => {
+    setPollingId('all');
+    try {
+      const { data } = await api.request({ url: 'gitManager:pollNow', method: 'post' });
+      const result = data?.data || {};
+      message.success(
+        t('Polled {{scanned}} MRs, triggered {{triggered}} reviews', {
+          scanned: result.scanned ?? 0,
+          triggered: result.triggered ?? 0,
+        }),
+      );
+      reload();
+    } catch (err: any) {
+      message.error(err?.response?.data?.errors?.[0]?.message || err?.message || t('Failed'));
+    } finally {
+      setPollingId(null);
+    }
+  };
+
+  const pollOne = async (repoId: number) => {
+    setPollingId(repoId);
+    try {
+      const { data } = await api.request({
+        url: 'gitManager:pollNow',
+        method: 'post',
+        data: { repositoryId: repoId },
+      });
+      const result = data?.data || {};
+      message.success(
+        t('Polled {{scanned}} MRs, triggered {{triggered}} reviews', {
+          scanned: result.scanned ?? 0,
+          triggered: result.triggered ?? 0,
+        }),
+      );
+      reload();
+    } catch (err: any) {
+      message.error(err?.response?.data?.errors?.[0]?.message || err?.message || t('Failed'));
+    } finally {
+      setPollingId(null);
+    }
+  };
+
+  const autoRepos = repos.filter((r: any) => r.autoReview);
+
+  return (
+    <div>
+      <Card
+        size="small"
+        style={{ marginBottom: 16 }}
+        title={
+          <Space>
+            <ClockCircleOutlined />
+            {t('Polling Status')}
+          </Space>
+        }
+        extra={
+          <Space>
+            <Button
+              size="small"
+              type="primary"
+              icon={<ThunderboltOutlined />}
+              onClick={pollAll}
+              loading={pollingId === 'all'}
+              disabled={autoRepos.length === 0}
+            >
+              {t('Poll Now (All)')}
+            </Button>
+            <Button size="small" icon={<ReloadOutlined />} onClick={reload} loading={loading}>
+              {t('Refresh')}
+            </Button>
+          </Space>
+        }
+      >
+        <Space direction="vertical" size={4} style={{ width: '100%' }}>
+          <Space>
+            <Text type="secondary">{t('Background poller')}:</Text>
+            <Tag color={status?.running ? 'green' : 'default'}>
+              {status?.running ? t('Running') : t('Stopped')}
+            </Tag>
+            {status?.polling && <Tag color="blue">{t('Polling now…')}</Tag>}
+          </Space>
+          <Space>
+            <Text type="secondary">{t('Interval')}:</Text>
+            <Text>{status?.intervalSec ? `${status.intervalSec}s` : '—'}</Text>
+          </Space>
+          <Space>
+            <Text type="secondary">{t('Last tick')}:</Text>
+            <Text>{status?.lastTickAt ? new Date(status.lastTickAt).toLocaleString() : t('Never')}</Text>
+          </Space>
+          {status?.lastError && (
+            <Space>
+              <Text type="secondary">{t('Last error')}:</Text>
+              <Text type="danger" style={{ fontSize: 12 }}>{status.lastError}</Text>
+            </Space>
+          )}
+        </Space>
+      </Card>
+
+      <Card
+        size="small"
+        title={
+          <Space>
+            <RobotOutlined />
+            {t('Auto-Review Repositories')}
+          </Space>
+        }
+        extra={
+          <Text type="secondary" style={{ fontSize: 12 }}>
+            {t('Toggle Auto Review on the Repositories tab to enable polling')}
+          </Text>
+        }
+      >
+        {autoRepos.length === 0 ? (
+          <Empty description={t('No repositories have Auto Review enabled')} />
+        ) : (
+          <Table
+            size="small"
+            rowKey="id"
+            dataSource={autoRepos}
+            pagination={false}
+            columns={[
+              { title: t('Repository Name'), dataIndex: 'name' },
+              {
+                title: t('Last Polled At'),
+                dataIndex: 'lastPolledAt',
+                width: 200,
+                render: (v: string | null) => (v ? new Date(v).toLocaleString() : t('Never')),
+              },
+              {
+                title: '',
+                key: 'actions',
+                width: 120,
+                render: (_: any, record: any) => (
+                  <Tooltip title={t('Poll this repository now')}>
+                    <Button
+                      size="small"
+                      icon={<ThunderboltOutlined />}
+                      onClick={() => pollOne(record.id)}
+                      loading={pollingId === record.id}
+                    >
+                      {t('Poll Now')}
+                    </Button>
+                  </Tooltip>
+                ),
+              },
+            ]}
+          />
+        )}
+      </Card>
+    </div>
+  );
+};

package/src/client/components/RepositoryConfig.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
-import { Table, Button, Modal, Form, Input, Space, Tag, Popconfirm, message } from 'antd';
-import { PlusOutlined, DeleteOutlined, LinkOutlined } from '@ant-design/icons';
+import { Table, Button, Modal, Form, Input, Space, Tag, Popconfirm, Switch, Tooltip, message } from 'antd';
+import { PlusOutlined, DeleteOutlined, LinkOutlined, RobotOutlined } from '@ant-design/icons';
 import { useAPIClient } from '@nocobase/client';
 import { useGitManager } from '../context/GitManagerContext';
 import { useT } from '../locale';
@@ -82,6 +82,38 @@ export const RepositoryConfig: React.FC = () => {
     { title: t('Repository URL'), dataIndex: 'repoUrl', key: 'repoUrl', ellipsis: true },
     { title: t('Local Path'), dataIndex: 'localPath', key: 'localPath', ellipsis: true },
     { title: t('Default Branch'), dataIndex: 'defaultBranch', key: 'defaultBranch', width: 120 },
+    {
+      title: (
+        <Tooltip title={t('Auto-poll new merge requests every 5 minutes')}>
+          <Space size={4}>
+            <RobotOutlined />
+            {t('Auto Review')}
+          </Space>
+        </Tooltip>
+      ),
+      dataIndex: 'autoReview',
+      key: 'autoReview',
+      width: 110,
+      render: (v: boolean, record: any) => (
+        <Switch
+          size="small"
+          checked={!!v}
+          onChange={async (checked) => {
+            try {
+              await api.request({
+                url: 'gitRepositories:update',
+                method: 'post',
+                params: { filterByTk: record.id },
+                data: { autoReview: checked },
+              });
+              await refreshRepos();
+            } catch (err: any) {
+              message.error(err?.message || t('Failed to save'));
+            }
+          }}
+        />
+      ),
+    },
     {
       title: t('Status'),
       dataIndex: 'status',
@@ -170,7 +202,10 @@ export const RepositoryConfig: React.FC = () => {
             <Input placeholder="my-project" />
           </Form.Item>
           <Form.Item name="repoUrl" label={t('Repository URL')} rules={[{ required: true }]}>
-            <Input placeholder="https://github.com/user/repo.git" />
+            <Input placeholder="https://gitlab.com/user/repo.git" />
+          </Form.Item>
+          <Form.Item name="username" label={t('Username')} rules={[{ required: true }]} extra={t('GitLab username for PAT authentication')}>
+            <Input placeholder="gitlab-username" />
           </Form.Item>
           <Form.Item name="localPath" label={t('Local Path')} rules={[{ required: true }]}>
             <Input placeholder="my-project" />

package/src/client/components/ReviewFlows.tsx

@@ -0,0 +1,255 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import {
+  Table, Button, Space, Modal, Form, Input, Select, Switch, Tag, Popconfirm, message, Empty, Tooltip,
+} from 'antd';
+import { PlusOutlined, EditOutlined, DeleteOutlined, BranchesOutlined } from '@ant-design/icons';
+import { useAPIClient } from '@nocobase/client';
+import { useGitManager } from '../context/GitManagerContext';
+import { AIEmployeeSelect } from './AIEmployeeSelect';
+import { useT } from '../locale';
+
+const TRIGGER_LABELS: Record<string, string> = {
+  manual: 'Manual',
+  onMergeRequestCreated: 'On MR Created',
+  both: 'Both',
+};
+
+const POST_LABELS: Record<string, string> = {
+  auto: 'Auto',
+  manual: 'Manual',
+  disabled: 'Disabled',
+};
+
+export const ReviewFlows: React.FC = () => {
+  const t = useT();
+  const api = useAPIClient();
+  const { repos } = useGitManager();
+  const [flows, setFlows] = useState<any[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [editing, setEditing] = useState<any | null>(null);
+  const [open, setOpen] = useState(false);
+  const [form] = Form.useForm();
+
+  const load = useCallback(async () => {
+    setLoading(true);
+    try {
+      const { data } = await api.request({ url: 'gitReviewFlows:list', params: { pageSize: 100 } });
+      setFlows(data?.data || []);
+    } finally {
+      setLoading(false);
+    }
+  }, [api]);
+
+  useEffect(() => {
+    load();
+  }, [load]);
+
+  const handleSave = async () => {
+    try {
+      const values = await form.validateFields();
+      // Normalize empty string to null for repositoryId
+      if (values.repositoryId === undefined || values.repositoryId === '') {
+        values.repositoryId = null;
+      }
+      if (editing?.id) {
+        await api.request({
+          url: 'gitReviewFlows:update',
+          method: 'post',
+          params: { filterByTk: editing.id },
+          data: values,
+        });
+        message.success(t('Flow updated'));
+      } else {
+        await api.request({ url: 'gitReviewFlows:create', method: 'post', data: values });
+        message.success(t('Flow created'));
+      }
+      setOpen(false);
+      setEditing(null);
+      form.resetFields();
+      load();
+    } catch (err: any) {
+      if (err?.errorFields) return;
+      message.error(err?.response?.data?.errors?.[0]?.message || err?.message || t('Failed to save'));
+    }
+  };
+
+  const handleDelete = async (id: number) => {
+    try {
+      await api.request({ url: 'gitReviewFlows:destroy', method: 'post', params: { filterByTk: id } });
+      message.success(t('Flow deleted'));
+      load();
+    } catch (err: any) {
+      message.error(err?.message || t('Failed to delete'));
+    }
+  };
+
+  const openCreate = () => {
+    setEditing(null);
+    form.resetFields();
+    form.setFieldsValue({
+      enabled: true,
+      triggerMode: 'manual',
+      postMode: 'manual',
+    });
+    setOpen(true);
+  };
+
+  const openEdit = (record: any) => {
+    setEditing(record);
+    form.setFieldsValue(record);
+    setOpen(true);
+  };
+
+  const columns = [
+    {
+      title: t('Name'),
+      dataIndex: 'name',
+      render: (v: string, r: any) => (
+        <Space>
+          <span style={{ fontWeight: 500 }}>{v}</span>
+          {!r.enabled && <Tag color="default">{t('Disabled')}</Tag>}
+        </Space>
+      ),
+    },
+    {
+      title: t('Repository'),
+      dataIndex: 'repositoryId',
+      render: (v: number | null) => {
+        if (v == null) return <Tag color="purple">{t('Global')}</Tag>;
+        const repo = repos.find((r: any) => r.id === v);
+        return repo ? (
+          <Space size={4}>
+            <BranchesOutlined />
+            {repo.name}
+          </Space>
+        ) : (
+          `#${v}`
+        );
+      },
+    },
+    {
+      title: t('AI Employee'),
+      dataIndex: 'aiEmployeeUsername',
+      render: (v: string) => (v ? <Tag color="blue">@{v}</Tag> : <span style={{ color: '#999' }}>—</span>),
+    },
+    {
+      title: t('Trigger'),
+      dataIndex: 'triggerMode',
+      render: (v: string) => <Tag>{t(TRIGGER_LABELS[v] || v)}</Tag>,
+    },
+    {
+      title: t('Post'),
+      dataIndex: 'postMode',
+      render: (v: string) => {
+        const color = v === 'auto' ? 'green' : v === 'manual' ? 'orange' : 'default';
+        return <Tag color={color}>{t(POST_LABELS[v] || v)}</Tag>;
+      },
+    },
+    {
+      title: '',
+      key: 'actions',
+      width: 100,
+      render: (_: any, record: any) => (
+        <Space>
+          <Tooltip title={t('Edit')}>
+            <Button size="small" icon={<EditOutlined />} onClick={() => openEdit(record)} />
+          </Tooltip>
+          <Popconfirm title={t('Delete this flow?')} onConfirm={() => handleDelete(record.id)}>
+            <Button size="small" danger icon={<DeleteOutlined />} />
+          </Popconfirm>
+        </Space>
+      ),
+    },
+  ];
+
+  return (
+    <div>
+      <div style={{ marginBottom: 12, display: 'flex', justifyContent: 'space-between' }}>
+        <Button type="primary" icon={<PlusOutlined />} onClick={openCreate}>
+          {t('Add Review Flow')}
+        </Button>
+        <Button onClick={load} loading={loading}>
+          {t('Refresh')}
+        </Button>
+      </div>
+      <Table
+        size="small"
+        rowKey="id"
+        loading={loading}
+        dataSource={flows}
+        columns={columns}
+        locale={{ emptyText: <Empty description={t('No review flows yet')} /> }}
+        pagination={{ pageSize: 20 }}
+      />
+
+      <Modal
+        title={editing?.id ? t('Edit Review Flow') : t('Add Review Flow')}
+        open={open}
+        onCancel={() => {
+          setOpen(false);
+          setEditing(null);
+          form.resetFields();
+        }}
+        onOk={handleSave}
+        width={640}
+        destroyOnClose
+      >
+        <Form form={form} layout="vertical">
+          <Form.Item name="name" label={t('Name')} rules={[{ required: true }]}>
+            <Input placeholder={t('e.g. Default review flow')} />
+          </Form.Item>
+          <Form.Item name="repositoryId" label={t('Repository')} extra={t('Leave empty to apply to all repositories')}>
+            <Select
+              allowClear
+              placeholder={t('All repositories (global)')}
+              options={repos.map((r: any) => ({ value: r.id, label: r.name }))}
+            />
+          </Form.Item>
+          <Form.Item name="aiEmployeeUsername" label={t('AI Employee')} rules={[{ required: true }]}>
+            <AIEmployeeSelect placeholder={t('Select an AI employee')} />
+          </Form.Item>
+          <Space.Compact style={{ width: '100%' }}>
+            <Form.Item name="llmService" label={t('LLM Service (optional)')} style={{ flex: 1, marginRight: 8 }}>
+              <Input placeholder={t('Override flow LLM service')} />
+            </Form.Item>
+            <Form.Item name="model" label={t('Model (optional)')} style={{ flex: 1 }}>
+              <Input placeholder={t('Override LLM model')} />
+            </Form.Item>
+          </Space.Compact>
+          <Form.Item
+            name="triggerMode"
+            label={t('Trigger Mode')}
+            rules={[{ required: true }]}
+            extra={t('Auto modes require enabling Auto Review on the repository')}
+          >
+            <Select
+              options={[
+                { value: 'manual', label: t('Manual') },
+                { value: 'onMergeRequestCreated', label: t('On Merge Request Created') },
+                { value: 'both', label: t('Both') },
+              ]}
+            />
+          </Form.Item>
+          <Form.Item name="postMode" label={t('Post Mode')} rules={[{ required: true }]}>
+            <Select
+              options={[
+                { value: 'auto', label: t('Auto post to MR') },
+                { value: 'manual', label: t('Manual approval before posting') },
+                { value: 'disabled', label: t('Do not post') },
+              ]}
+            />
+          </Form.Item>
+          <Form.Item name="branchFilter" label={t('Branch Filter (regex, optional)')}>
+            <Input placeholder="^(feature|hotfix)/.*$" />
+          </Form.Item>
+          <Form.Item name="instructions" label={t('Additional Instructions (optional)')}>
+            <Input.TextArea rows={4} placeholder={t('Extra guidance appended to every review prompt')} />
+          </Form.Item>
+          <Form.Item name="enabled" label={t('Enabled')} valuePropName="checked">
+            <Switch />
+          </Form.Item>
+        </Form>
+      </Modal>
+    </div>
+  );
+};