plugin-git-manager 1.0.3

package/dist/server/collections/gitRepositories.js

@@ -0,0 +1,75 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var gitRepositories_exports = {};
+__export(gitRepositories_exports, {
+  default: () => gitRepositories_default
+});
+module.exports = __toCommonJS(gitRepositories_exports);
+var import_database = require("@nocobase/database");
+var gitRepositories_default = (0, import_database.defineCollection)({
+  name: "gitRepositories",
+  title: "Git Repositories",
+  fields: [
+    {
+      type: "string",
+      name: "name",
+      interface: "input",
+      uiSchema: { title: "Repository Name", type: "string", "x-component": "Input" }
+    },
+    {
+      type: "string",
+      name: "repoUrl",
+      interface: "input",
+      uiSchema: { title: "Repository URL", type: "string", "x-component": "Input" }
+    },
+    {
+      type: "string",
+      name: "localPath",
+      interface: "input",
+      uiSchema: { title: "Local Path", type: "string", "x-component": "Input" }
+    },
+    {
+      type: "password",
+      name: "pat",
+      interface: "password",
+      uiSchema: { title: "Personal Access Token", type: "string", "x-component": "Password" }
+    },
+    {
+      type: "string",
+      name: "defaultBranch",
+      defaultValue: "main",
+      interface: "input",
+      uiSchema: { title: "Default Branch", type: "string", "x-component": "Input" }
+    },
+    {
+      type: "string",
+      name: "status",
+      defaultValue: "disconnected",
+      interface: "input"
+    }
+  ]
+});

package/dist/server/index.d.ts

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

package/dist/server/index.js

@@ -0,0 +1,48 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var server_exports = {};
+__export(server_exports, {
+  PluginGitManagerServer: () => import_plugin2.PluginGitManagerServer,
+  default: () => import_plugin.default
+});
+module.exports = __toCommonJS(server_exports);
+var import_plugin = __toESM(require("./plugin"));
+var import_plugin2 = require("./plugin");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PluginGitManagerServer
+});

package/dist/server/plugin.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from '@nocobase/server';
+export declare class PluginGitManagerServer extends Plugin {
+    load(): Promise<void>;
+    install(): Promise<void>;
+}
+export default PluginGitManagerServer;

package/dist/server/plugin.js

@@ -0,0 +1,120 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var plugin_exports = {};
+__export(plugin_exports, {
+  PluginGitManagerServer: () => PluginGitManagerServer,
+  default: () => plugin_default
+});
+module.exports = __toCommonJS(plugin_exports);
+var import_server = require("@nocobase/server");
+var import_path = require("path");
+var gitActions = __toESM(require("./actions/git-actions"));
+class PluginGitManagerServer extends import_server.Plugin {
+  async load() {
+    await this.db.import({
+      directory: (0, import_path.resolve)(__dirname, "collections")
+    });
+    this.app.resourceManager.define({
+      name: "gitManager",
+      actions: {
+        clone: gitActions.clone,
+        pull: gitActions.pull,
+        push: gitActions.push,
+        fetch: gitActions.fetch,
+        diff: gitActions.diff,
+        status: gitActions.status,
+        log: gitActions.log,
+        branches: gitActions.branches,
+        checkout: gitActions.checkout,
+        fileTree: gitActions.fileTree,
+        fileContent: gitActions.fileContent,
+        commitDetail: gitActions.commitDetail
+      }
+    });
+    this.app.acl.registerSnippet({
+      name: `pm.${this.name}.read`,
+      actions: [
+        "gitRepositories:list",
+        "gitRepositories:get",
+        "gitManager:status",
+        "gitManager:log",
+        "gitManager:branches",
+        "gitManager:diff",
+        "gitManager:fileTree",
+        "gitManager:fileContent",
+        "gitManager:commitDetail"
+      ]
+    });
+    this.app.acl.registerSnippet({
+      name: `pm.${this.name}.write`,
+      actions: [
+        "gitRepositories:create",
+        "gitRepositories:update",
+        "gitRepositories:destroy",
+        "gitManager:clone",
+        "gitManager:pull",
+        "gitManager:push",
+        "gitManager:fetch",
+        "gitManager:checkout"
+      ]
+    });
+    this.app.resourceManager.use(async (ctx, next) => {
+      var _a, _b;
+      if (((_a = ctx.action) == null ? void 0 : _a.resourceName) !== "gitRepositories") {
+        return next();
+      }
+      await next();
+      if (ctx.body) {
+        const items = Array.isArray(ctx.body) ? ctx.body : ((_b = ctx.body) == null ? void 0 : _b.data) ? Array.isArray(ctx.body.data) ? ctx.body.data : [ctx.body.data] : [ctx.body];
+        items.forEach((item) => {
+          var _a2;
+          if (item && typeof item === "object") {
+            if (item.pat) item.pat = "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
+            if ((_a2 = item.dataValues) == null ? void 0 : _a2.pat) item.dataValues.pat = "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
+          }
+        });
+      }
+    });
+  }
+  async install() {
+  }
+}
+var plugin_default = PluginGitManagerServer;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PluginGitManagerServer
+});

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "plugin-git-manager",
+  "displayName": "Git Manager",
+  "displayName.zh-CN": "Git 管理器",
+  "description": "Manage Git repositories with PAT authentication - pull, push, fetch, diff, file browsing",
+  "version": "1.0.3",
+  "license": "Apache-2.0",
+  "main": "dist/server/index.js",
+  "files": [
+    "dist",
+    "src",
+    "client.js",
+    "server.js",
+    "client.d.ts",
+    "server.d.ts"
+  ],
+  "nocobase": {
+    "supportedVersions": [
+      "2.x"
+    ],
+    "editionLevel": 0
+  },
+  "peerDependencies": {
+    "@nocobase/client": "2.x",
+    "@nocobase/server": "2.x",
+    "@nocobase/database": "2.x",
+    "@nocobase/test": "2.x"
+  },
+  "dependencies": {
+    "simple-git": "^3.27.0"
+  }
+}

package/server.d.ts

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

package/server.js

@@ -0,0 +1 @@
+module.exports = require('./dist/server/index.js');

package/src/client/components/CommitHistory.tsx

@@ -0,0 +1,326 @@
+import React, { useEffect, useState, useCallback, memo } from 'react';
+import { Table, Empty, Spin, Typography, Tag, Drawer, List, Button, Space, Select, theme } from 'antd';
+import {
+  BranchesOutlined,
+  UserOutlined,
+  ClockCircleOutlined,
+  FileTextOutlined,
+  PlusCircleOutlined,
+  EditOutlined,
+  DeleteOutlined,
+  DiffOutlined,
+} from '@ant-design/icons';
+import { useAPIClient } from '@nocobase/client';
+import { useGitManager } from '../context/GitManagerContext';
+import { useT } from '../locale';
+
+const { Text } = Typography;
+const { useToken } = theme;
+
+const STATUS_COLORS: Record<string, { color: string; icon: React.ReactNode; label: string }> = {
+  A: { color: 'green', icon: <PlusCircleOutlined />, label: 'Added' },
+  M: { color: 'blue', icon: <EditOutlined />, label: 'Modified' },
+  D: { color: 'red', icon: <DeleteOutlined />, label: 'Deleted' },
+  R: { color: 'orange', icon: <EditOutlined />, label: 'Renamed' },
+};
+
+export const CommitHistory: React.FC = () => {
+  const t = useT();
+  const { token } = useToken();
+  const api = useAPIClient();
+  const { selectedRepo, branches: branchList, currentBranch } = useGitManager();
+  const [commits, setCommits] = useState<any[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [selectedCommit, setSelectedCommit] = useState<any>(null);
+  const [commitDetail, setCommitDetail] = useState<any>(null);
+  const [detailLoading, setDetailLoading] = useState(false);
+  const [diffContent, setDiffContent] = useState<string | null>(null);
+  const [diffFile, setDiffFile] = useState<string | null>(null);
+
+  const loadHistory = useCallback(async () => {
+    if (!selectedRepo) return;
+    setLoading(true);
+    try {
+      const { data } = await api.request({
+        url: 'gitManager:log',
+        params: { repositoryId: selectedRepo.id, maxCount: 100 },
+      });
+      const responseData = data?.data?.data || data?.data;
+      setCommits(responseData?.all || []);
+    } finally {
+      setLoading(false);
+    }
+  }, [api, selectedRepo]);
+
+  useEffect(() => {
+    if (selectedRepo?.status === 'connected') {
+      loadHistory();
+    } else {
+      setCommits([]);
+    }
+  }, [selectedRepo]);
+
+  const openCommitDetail = async (commit: any) => {
+    setSelectedCommit(commit);
+    setDetailLoading(true);
+    setDiffContent(null);
+    setDiffFile(null);
+    try {
+      const { data } = await api.request({
+        url: 'gitManager:commitDetail',
+        params: { repositoryId: selectedRepo.id, commitHash: commit.hash },
+      });
+      const responseData = data?.data?.data || data?.data;
+      setCommitDetail(responseData);
+    } catch {
+      setCommitDetail(null);
+    } finally {
+      setDetailLoading(false);
+    }
+  };
+
+  const loadFileDiff = async (commitHash: string, file: string) => {
+    setDiffFile(file);
+    try {
+      const { data } = await api.request({
+        url: 'gitManager:diff',
+        params: { repositoryId: selectedRepo.id, commitHash, file },
+      });
+      const responseData = data?.data?.data || data?.data;
+      setDiffContent(responseData || '');
+    } catch {
+      setDiffContent('// Failed to load diff');
+    }
+  };
+
+  if (!selectedRepo) {
+    return <Empty description={t('No repository selected')} />;
+  }
+  if (selectedRepo.status !== 'connected') {
+    return <Empty description={t('Repository not cloned yet')} />;
+  }
+
+  const columns = [
+    {
+      title: '',
+      key: 'graph',
+      width: 40,
+      render: (_: any, __: any, index: number) => (
+        <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', height: '100%' }}>
+          <div
+            style={{
+              width: 10,
+              height: 10,
+              borderRadius: '50%',
+              background: index === 0 ? token.colorPrimary : token.colorBorder,
+              border: `2px solid ${index === 0 ? token.colorPrimary : token.colorBorder}`,
+              zIndex: 1,
+            }}
+          />
+        </div>
+      ),
+    },
+    {
+      title: t('Message'),
+      dataIndex: 'message',
+      key: 'message',
+      render: (text: string, record: any) => (
+        <div>
+          <Text strong style={{ fontSize: 13 }}>{text}</Text>
+          <div style={{ marginTop: 2 }}>
+            <Text type="secondary" style={{ fontSize: 12 }}>
+              <UserOutlined style={{ marginRight: 4 }} />
+              {record.author_name}
+              <span style={{ margin: '0 8px' }}>·</span>
+              <ClockCircleOutlined style={{ marginRight: 4 }} />
+              {formatDate(record.date)}
+            </Text>
+          </div>
+        </div>
+      ),
+    },
+    {
+      title: 'Hash',
+      dataIndex: 'hash',
+      key: 'hash',
+      width: 100,
+      render: (hash: string) => (
+        <Text code copyable style={{ fontSize: 12 }}>
+          {hash?.substring(0, 7)}
+        </Text>
+      ),
+    },
+    {
+      title: '',
+      key: 'action',
+      width: 80,
+      render: (_: any, record: any) => (
+        <Button size="small" icon={<DiffOutlined />} onClick={() => openCommitDetail(record)}>
+          Detail
+        </Button>
+      ),
+    },
+  ];
+
+  return (
+    <div>
+      <div style={{ marginBottom: 12, display: 'flex', alignItems: 'center', gap: 12 }}>
+        <BranchesOutlined />
+        <Select
+          size="small"
+          style={{ width: 200 }}
+          value={currentBranch}
+          options={branchList.map((b) => ({ label: b, value: b }))}
+          disabled
+        />
+        <Text type="secondary">{commits.length} commits</Text>
+      </div>
+
+      {loading ? (
+        <Spin />
+      ) : (
+        <Table
+          dataSource={commits}
+          columns={columns}
+          rowKey="hash"
+          size="small"
+          pagination={{ pageSize: 30, showSizeChanger: true }}
+          onRow={(record) => ({ style: { cursor: 'pointer' }, onClick: () => openCommitDetail(record) })}
+        />
+      )}
+
+      <Drawer
+        title={
+          selectedCommit ? (
+            <div>
+              <Text strong>{selectedCommit.message}</Text>
+              <div>
+                <Text type="secondary" style={{ fontSize: 12 }}>
+                  {selectedCommit.hash?.substring(0, 7)} · {selectedCommit.author_name} · {formatDate(selectedCommit.date)}
+                </Text>
+              </div>
+            </div>
+          ) : 'Commit Detail'
+        }
+        open={!!selectedCommit}
+        onClose={() => {
+          setSelectedCommit(null);
+          setCommitDetail(null);
+          setDiffContent(null);
+          setDiffFile(null);
+        }}
+        width={800}
+      >
+        {detailLoading ? (
+          <Spin />
+        ) : commitDetail ? (
+          <div>
+            <Text strong>Changed Files ({commitDetail.files?.length || 0})</Text>
+            <List
+              size="small"
+              style={{ marginTop: 8 }}
+              dataSource={commitDetail.files || []}
+              renderItem={(item: any) => {
+                const info = STATUS_COLORS[item.status] || STATUS_COLORS.M;
+                const isActive = diffFile === item.file;
+                return (
+                  <List.Item
+                    style={{
+                      cursor: 'pointer',
+                      background: isActive ? token.colorPrimaryBg : undefined,
+                      padding: '6px 12px',
+                      borderRadius: 4,
+                    }}
+                    onClick={() => loadFileDiff(selectedCommit.hash, item.file)}
+                  >
+                    <Space>
+                      <Tag color={info.color} style={{ minWidth: 70, textAlign: 'center' }}>
+                        {info.icon} {info.label}
+                      </Tag>
+                      <Text style={{ fontSize: 13 }}>{item.file}</Text>
+                    </Space>
+                  </List.Item>
+                );
+              }}
+            />
+
+            {diffContent !== null && (
+              <div style={{ marginTop: 16 }}>
+                <Text strong style={{ display: 'block', marginBottom: 8 }}>
+                  <FileTextOutlined /> {diffFile}
+                </Text>
+                <DiffViewer content={diffContent} />
+              </div>
+            )}
+          </div>
+        ) : null}
+      </Drawer>
+    </div>
+  );
+};
+
+const DiffViewer: React.FC<{ content: string }> = memo(({ content }) => {
+  const { token } = useToken();
+  const lines = content.split('\n');
+
+  return (
+    <div
+      style={{
+        fontFamily: "'JetBrains Mono', 'Fira Code', Consolas, monospace",
+        fontSize: 12,
+        lineHeight: 1.5,
+        border: `1px solid ${token.colorBorderSecondary}`,
+        borderRadius: 6,
+        overflow: 'auto',
+        maxHeight: 500,
+      }}
+    >
+      {lines.map((line, i) => {
+        let bg = 'transparent';
+        let color = token.colorText;
+        if (line.startsWith('+') && !line.startsWith('+++')) {
+          bg = 'rgba(46, 160, 67, 0.12)';
+          color = '#2ea043';
+        } else if (line.startsWith('-') && !line.startsWith('---')) {
+          bg = 'rgba(248, 81, 73, 0.12)';
+          color = '#f85149';
+        } else if (line.startsWith('@@')) {
+          bg = 'rgba(56, 139, 253, 0.08)';
+          color = '#388bfd';
+        } else if (line.startsWith('diff') || line.startsWith('index')) {
+          color = token.colorTextSecondary;
+        }
+        return (
+          <div
+            key={i}
+            style={{
+              padding: '0 12px',
+              background: bg,
+              color,
+              whiteSpace: 'pre',
+              minHeight: 20,
+            }}
+          >
+            <span style={{ display: 'inline-block', width: 40, color: token.colorTextQuaternary, userSelect: 'none', textAlign: 'right', marginRight: 12 }}>
+              {i + 1}
+            </span>
+            {line}
+          </div>
+        );
+      })}
+    </div>
+  );
+});
+
+function formatDate(dateStr: string): string {
+  if (!dateStr) return '';
+  const d = new Date(dateStr);
+  const now = new Date();
+  const diffMs = now.getTime() - d.getTime();
+  const diffHours = diffMs / (1000 * 60 * 60);
+
+  if (diffHours < 1) return `${Math.round(diffMs / 60000)}m ago`;
+  if (diffHours < 24) return `${Math.round(diffHours)}h ago`;
+  if (diffHours < 168) return `${Math.round(diffHours / 24)}d ago`;
+  return d.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' });
+}