plugin-git-manager 1.0.3

package/src/client/components/RepositoryConfig.tsx

@@ -0,0 +1,188 @@
+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 { useAPIClient } from '@nocobase/client';
+import { useGitManager } from '../context/GitManagerContext';
+import { useT } from '../locale';
+
+export const RepositoryConfig: React.FC = () => {
+  const t = useT();
+  const api = useAPIClient();
+  const { repos, refreshRepos, selectedRepo, setSelectedRepo } = useGitManager();
+  const [modalOpen, setModalOpen] = useState(false);
+  const [editingRepo, setEditingRepo] = useState<any>(null);
+  const [form] = Form.useForm();
+  const [actionLoading, setActionLoading] = useState<string | null>(null);
+
+  const handleSave = async () => {
+    const values = await form.validateFields();
+    // Don't send PAT if it's empty or the masked placeholder
+    if (editingRepo && (!values.pat || values.pat === '••••••••')) {
+      delete values.pat;
+    }
+    try {
+      if (editingRepo) {
+        await api.request({
+          url: 'gitRepositories:update',
+          method: 'post',
+          params: { filterByTk: editingRepo.id },
+          data: values,
+        });
+        message.success(t('Repository updated'));
+      } else {
+        await api.request({
+          url: 'gitRepositories:create',
+          method: 'post',
+          data: values,
+        });
+        message.success(t('Repository added'));
+      }
+      setModalOpen(false);
+      setEditingRepo(null);
+      form.resetFields();
+      await refreshRepos();
+    } catch (err) {
+      message.error(err?.message || t('Failed to save'));
+    }
+  };
+
+  const handleDelete = async (id: number) => {
+    await api.request({ url: 'gitRepositories:destroy', method: 'post', params: { filterByTk: id } });
+    if (selectedRepo?.id === id) setSelectedRepo(null);
+    message.success(t('Deleted'));
+    await refreshRepos();
+  };
+
+  const handleClone = async (repo: any) => {
+    setActionLoading(`clone-${repo.id}`);
+    try {
+      await api.request({
+        url: 'gitManager:clone',
+        method: 'post',
+        params: { repositoryId: repo.id },
+      });
+      message.success(t('Clone successful'));
+      await refreshRepos();
+    } catch (err) {
+      message.error(err?.response?.data?.errors?.[0]?.message || t('Clone failed'));
+    } finally {
+      setActionLoading(null);
+    }
+  };
+
+  const columns = [
+    {
+      title: t('Repository Name'),
+      dataIndex: 'name',
+      key: 'name',
+      render: (text: string, record: any) => (
+        <a onClick={() => setSelectedRepo(record)}>{text}</a>
+      ),
+    },
+    { 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: t('Status'),
+      dataIndex: 'status',
+      key: 'status',
+      width: 120,
+      render: (status: string) => {
+        const statusMap: Record<string, { color: string; label: string }> = {
+          connected: { color: 'green', label: t('Connected') },
+          error: { color: 'red', label: t('Error') },
+        };
+        const info = statusMap[status] || { color: 'default', label: t('Disconnected') };
+        return <Tag color={info.color}>{info.label}</Tag>;
+      },
+    },
+    {
+      title: '',
+      key: 'actions',
+      width: 200,
+      render: (_: any, record: any) => (
+        <Space size="small">
+          {record.status !== 'connected' && (
+            <Button
+              size="small"
+              icon={<LinkOutlined />}
+              loading={actionLoading === `clone-${record.id}`}
+              onClick={() => handleClone(record)}
+            >
+              {t('Clone')}
+            </Button>
+          )}
+          <Button
+            size="small"
+            onClick={() => {
+              setEditingRepo(record);
+              form.setFieldsValue({ ...record, pat: '' });
+              setModalOpen(true);
+            }}
+          >
+            {t('Edit')}
+          </Button>
+          <Popconfirm title={t('Delete this repository?')} onConfirm={() => handleDelete(record.id)}>
+            <Button size="small" danger icon={<DeleteOutlined />} />
+          </Popconfirm>
+        </Space>
+      ),
+    },
+  ];
+
+  return (
+    <div>
+      <div style={{ marginBottom: 16 }}>
+        <Button
+          type="primary"
+          icon={<PlusOutlined />}
+          onClick={() => {
+            setEditingRepo(null);
+            form.resetFields();
+            setModalOpen(true);
+          }}
+        >
+          {t('Add Repository')}
+        </Button>
+      </div>
+
+      <Table
+        dataSource={repos}
+        columns={columns}
+        rowKey="id"
+        size="small"
+        pagination={false}
+        rowClassName={(record) => (selectedRepo?.id === record.id ? 'ant-table-row-selected' : '')}
+      />
+
+      <Modal
+        title={editingRepo ? t('Edit Repository') : t('Add Repository')}
+        open={modalOpen}
+        onOk={handleSave}
+        onCancel={() => {
+          setModalOpen(false);
+          setEditingRepo(null);
+        }}
+        width={520}
+      >
+        <Form form={form} layout="vertical" initialValues={{ defaultBranch: 'main' }}>
+          <Form.Item name="name" label={t('Repository Name')} rules={[{ required: true }]}>
+            <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" />
+          </Form.Item>
+          <Form.Item name="localPath" label={t('Local Path')} rules={[{ required: true }]}>
+            <Input placeholder="my-project" />
+          </Form.Item>
+          <Form.Item name="pat" label={t('Personal Access Token')} rules={editingRepo ? [] : [{ required: true }]}>
+            <Input.Password placeholder={editingRepo ? 'Leave empty to keep current' : 'ghp_xxxx...'} />
+          </Form.Item>
+          <Form.Item name="defaultBranch" label={t('Default Branch')}>
+            <Input placeholder="main" />
+          </Form.Item>
+        </Form>
+      </Modal>
+    </div>
+  );
+};

package/src/client/context/GitManagerContext.tsx

@@ -0,0 +1,84 @@
+import React, { createContext, useContext, useState, useCallback, useRef } from 'react';
+import { useAPIClient } from '@nocobase/client';
+
+interface Repository {
+  id: number;
+  name: string;
+  repoUrl: string;
+  localPath: string;
+  defaultBranch: string;
+  status: string;
+}
+
+interface GitManagerContextType {
+  repos: Repository[];
+  selectedRepo: Repository | null;
+  loading: boolean;
+  branches: string[];
+  currentBranch: string;
+  setSelectedRepo: (repo: Repository | null) => void;
+  refreshRepos: () => Promise<void>;
+  refreshBranches: () => Promise<void>;
+}
+
+const GitManagerContext = createContext<GitManagerContextType>(null);
+
+export function useGitManager() {
+  return useContext(GitManagerContext);
+}
+
+export const GitManagerProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const api = useAPIClient();
+  const [repos, setRepos] = useState<Repository[]>([]);
+  const [selectedRepo, setSelectedRepo] = useState<Repository | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [branches, setBranches] = useState<string[]>([]);
+  const [currentBranch, setCurrentBranch] = useState('');
+  const selectedRepoRef = useRef(selectedRepo);
+  selectedRepoRef.current = selectedRepo;
+
+  const refreshBranches = useCallback(async () => {
+    const repo = selectedRepoRef.current;
+    if (!repo || repo.status !== 'connected') {
+      setBranches([]);
+      setCurrentBranch('');
+      return;
+    }
+    try {
+      const { data } = await api.request({
+        url: 'gitManager:branches',
+        params: { repositoryId: repo.id },
+      });
+      const responseData = data?.data?.data || data?.data;
+      if (responseData) {
+        setBranches(responseData.all || []);
+        setCurrentBranch(responseData.current || '');
+      }
+    } catch {
+      setBranches([]);
+      setCurrentBranch('');
+    }
+  }, [api]);
+
+  const refreshRepos = useCallback(async () => {
+    setLoading(true);
+    try {
+      const { data } = await api.request({ url: 'gitRepositories:list', params: { pageSize: 100 } });
+      const list = data?.data || [];
+      setRepos(list);
+      const current = selectedRepoRef.current;
+      if (current) {
+        const updated = list.find((r: Repository) => r.id === current.id);
+        if (updated) setSelectedRepo(updated);
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [api]);
+
+  return (
+    <GitManagerContext.Provider value={{ repos, selectedRepo, loading, branches, currentBranch, setSelectedRepo, refreshRepos, refreshBranches }}>
+      {children}
+    </GitManagerContext.Provider>
+  );
+};

package/src/client/index.tsx

@@ -0,0 +1,19 @@
+import { Plugin } from '@nocobase/client';
+import React from 'react';
+
+const GitManagerSettings = React.lazy(() =>
+  import('./components/GitManagerSettings').then((m) => ({ default: m.GitManagerSettings })),
+);
+
+export class PluginGitManagerClient extends Plugin {
+  async load() {
+    this.app.pluginSettingsManager.add('git-manager', {
+      title: this.t('Git Manager'),
+      icon: 'BranchesOutlined',
+      Component: GitManagerSettings,
+      aclSnippet: 'pm.plugin-git-manager',
+    });
+  }
+}
+
+export default PluginGitManagerClient;

package/src/client/locale.ts

@@ -0,0 +1,9 @@
+import { useApp } from '@nocobase/client';
+
+export const namespace = 'plugin-git-manager';
+
+export function useT() {
+  const app = useApp();
+  return (str: string, options?: any): string =>
+    app.i18n.t(str, { ns: [namespace, 'client'], ...options }) as unknown as string;
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './server';
+export { default } from './server';

package/src/locale/en-US.json

@@ -0,0 +1,45 @@
+{
+  "Git Manager": "Git Manager",
+  "Repositories": "Repositories",
+  "File Explorer": "File Explorer",
+  "History": "History",
+  "Operations": "Operations",
+  "Repository Name": "Repository Name",
+  "Repository URL": "Repository URL",
+  "Local Path": "Local Path",
+  "Personal Access Token": "Personal Access Token",
+  "Default Branch": "Default Branch",
+  "Add Repository": "Add Repository",
+  "Edit Repository": "Edit Repository",
+  "Clone": "Clone",
+  "Pull": "Pull",
+  "Push": "Push",
+  "Fetch": "Fetch",
+  "Status": "Status",
+  "Commit": "Commit",
+  "Author": "Author",
+  "Date": "Date",
+  "Message": "Message",
+  "Files Changed": "Files Changed",
+  "No repository selected": "No repository selected",
+  "Select a repository": "Select a repository",
+  "Connected": "Connected",
+  "Disconnected": "Disconnected",
+  "Error": "Error",
+  "Loading...": "Loading...",
+  "View Diff": "View Diff",
+  "File Content": "File Content",
+  "Edit": "Edit",
+  "Deleted": "Deleted",
+  "Repository updated": "Repository updated",
+  "Repository added": "Repository added",
+  "Failed to save": "Failed to save",
+  "Clone successful": "Clone successful",
+  "Clone failed": "Clone failed",
+  "Delete this repository?": "Delete this repository?",
+  "Repository not cloned yet": "Repository not cloned yet",
+  "Working Directory Status": "Working Directory Status",
+  "{{action}} completed successfully": "{{action}} completed successfully",
+  "{{action}} completed": "{{action}} completed",
+  "{{action}} failed": "{{action}} failed"
+}

package/src/locale/vi-VN.json

@@ -0,0 +1,45 @@
+{
+  "Git Manager": "Quản lý Git",
+  "Repositories": "Kho mã nguồn",
+  "File Explorer": "Trình duyệt tệp",
+  "History": "Lịch sử",
+  "Operations": "Thao tác",
+  "Repository Name": "Tên kho",
+  "Repository URL": "URL kho",
+  "Local Path": "Đường dẫn cục bộ",
+  "Personal Access Token": "Mã truy cập cá nhân",
+  "Default Branch": "Nhánh mặc định",
+  "Add Repository": "Thêm kho",
+  "Edit Repository": "Sửa kho",
+  "Clone": "Sao chép",
+  "Pull": "Kéo về",
+  "Push": "Đẩy lên",
+  "Fetch": "Lấy về",
+  "Status": "Trạng thái",
+  "Commit": "Commit",
+  "Author": "Tác giả",
+  "Date": "Ngày",
+  "Message": "Tin nhắn",
+  "Files Changed": "Tệp thay đổi",
+  "No repository selected": "Chưa chọn kho mã nguồn",
+  "Select a repository": "Chọn một kho mã nguồn",
+  "Connected": "Đã kết nối",
+  "Disconnected": "Chưa kết nối",
+  "Error": "Lỗi",
+  "Loading...": "Đang tải...",
+  "View Diff": "Xem khác biệt",
+  "File Content": "Nội dung tệp",
+  "Edit": "Sửa",
+  "Deleted": "Đã xóa",
+  "Repository updated": "Đã cập nhật kho",
+  "Repository added": "Đã thêm kho",
+  "Failed to save": "Lưu thất bại",
+  "Clone successful": "Sao chép thành công",
+  "Clone failed": "Sao chép thất bại",
+  "Delete this repository?": "Xóa kho này?",
+  "Repository not cloned yet": "Kho chưa được sao chép",
+  "Working Directory Status": "Trạng thái thư mục làm việc",
+  "{{action}} completed successfully": "{{action}} hoàn tất thành công",
+  "{{action}} completed": "{{action}} hoàn tất",
+  "{{action}} failed": "{{action}} thất bại"
+}