Loading...
+ }
+ return (
+
+ {/* 左侧边栏 - 配置信息 */}
+
+
+ 构建配置
+
+
+
+
+ handleFieldChange("repo", e.target.value)}
+ placeholder="仓库名称"
+ />
+
+
+
+ handleFieldChange("branch", e.target.value)}
+ placeholder="分支名称"
+ />
+
+
+
+ handleFieldChange("event", e.target.value)}
+ placeholder="事件名称"
+ />
+
+
+
+ {/* 右侧 - 编辑器 */}
+
+
+
配置文件
+
+
+
+
+
+
+ setLocalConfig(value)}
+ theme="light"
+ />
+
+
+
+
{
+ navigate({ to: `/repo?repo=${repo.path}` })
+ }}
+ >
+ {repo.path}
+
{isKnowledge && (
@@ -88,14 +97,6 @@ export function RepoCard({ repo, onStartWorkspace, onEdit, onIssue, onSettings,
)}
-
- {repo.path}
-
{isWorkspaceActive && (
@@ -195,13 +196,19 @@ export function RepoCard({ repo, onStartWorkspace, onEdit, onIssue, onSettings,
Clone URL
+ {
+ window.open(repo.web_url, '_blank')
+ }} className="cursor-pointer">
+
+ 访问仓库
+
onIssue(repo)} className="cursor-pointer">
- Issue
+ 访问问题
onSettings(repo)} className="cursor-pointer">
- 设置
+ 访问设置
{
@@ -268,22 +275,25 @@ export function RepoCard({ repo, onStartWorkspace, onEdit, onIssue, onSettings,
{repo.site && (
-
{
+ window.open(repo.site, '_blank')
+ }}
>
- 🔗 {repo.site}
-
+
+
+ {repo.site}
+
+
)}
-
{repo.description && (
-
+
{repo.description}
)}
+
diff --git a/src/pages/repos/components/RepoInfoCard.tsx b/src/pages/repos/components/RepoInfoCard.tsx
index 95f415b..dee83a6 100644
--- a/src/pages/repos/components/RepoInfoCard.tsx
+++ b/src/pages/repos/components/RepoInfoCard.tsx
@@ -1,16 +1,35 @@
+import { useNavigate } from "@tanstack/react-router";
+import { useMemo } from "react";
import { useRepoStore } from "../store";
import { useShallow } from "zustand/shallow";
import { toast } from "sonner";
import { Card } from "@/components/ui/card";
import { Badge } from "@/components/ui/badge";
-import { Star, GitFork, FileText, ExternalLink, Calendar, User, Copy } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+import { Star, GitFork, FileText, ExternalLink, Calendar, User, Copy, ArrowLeft, Play, Square, Eye, BookOpen, RefreshCw } from "lucide-react";
+import { myOrgs } from "../store/build";
export const RepoInfoCard = () => {
- const repoStore = useRepoStore(useShallow((state) => ({
- getItem: state.getItem,
+ const navigate = useNavigate();
+ const { workspaceList, getWorkspaceDetail, stopWorkspace, editRepo, setSelectedSyncRepo, setSyncDialogOpen } = useRepoStore(useShallow((state) => ({
+ workspaceList: state.workspaceList,
+ getWorkspaceDetail: state.getWorkspaceDetail,
+ stopWorkspace: state.stopWorkspace,
editRepo: state.editRepo,
+ setSelectedSyncRepo: state.setSelectedSyncRepo,
+ setSyncDialogOpen: state.setSyncDialogOpen,
})));
- const repo = repoStore.editRepo!;
+ const repo = editRepo!;
+
+ const workspace = useMemo(() => {
+ return workspaceList.find(ws => ws.slug === repo.path)
+ }, [workspaceList, repo.path])
+ const isWorkspaceActive = !!workspace
+ const owner = repo.path.split('/')[0]
+ const isMine = myOrgs.includes(owner)
+ const isKnowledge = repo?.flags === "KnowledgeBase"
+
const onClone = () => {
const url = `git clone https://cnb.cool/${repo.path}`
navigator.clipboard.writeText(url).then(() => {
@@ -30,6 +49,13 @@ export const RepoInfoCard = () => {
{/* 标题行 */}
+
+
{repo.path}
@@ -43,37 +69,147 @@ export const RepoInfoCard = () => {
{repo.visibility_level === 'Public' ? '公开' : repo.visibility_level === 'Private' ? '私有' : repo.visibility_level}
+ {isKnowledge && (
+
+
+
+
+
+ }
+ />
+
+ 知识库
+
+
+
+ )}
+ {isWorkspaceActive && (
+
+
+
+
+ )}
+
+
+ {isWorkspaceActive && (
+
+
+ {
+ stopWorkspace(workspace)
+ }}
+ className="h-8 w-8 p-0 border-neutral-200 hover:border-red-600 hover:bg-red-600 hover:text-white transition-all cursor-pointer"
+ >
+
+
+ }
+ />
+
+ 停止工作区
+
+
+
+ )}
+
+
+ {
+ if (!isWorkspaceActive) {
+ // TODO: 启动工作区
+ } else {
+ getWorkspaceDetail(workspace)
+ }
+ }}
+ className="h-8 w-8 p-0 border-neutral-200 hover:border-neutral-900 hover:bg-neutral-900 hover:text-white transition-all cursor-pointer"
+ >
+ {isWorkspaceActive ? : }
+
+ }
+ />
+
+ {isWorkspaceActive ? '查看工作区' : '启动工作区'}
+
+
+
+
+
+ CNB
+
{/* 描述 */}
{repo.description && (
-
+
{repo.description}
)}
- {/* 主题标签 */}
- {repo.topics && (
-
- {repo.topics.split(',').map((topic: string, idx: number) => (
-
- {topic.trim()}
-
- ))}
-
- )}
+ {/* 主题标签和知识库 */}
+
+ {/* 主题标签 */}
+ {repo.topics && (
+
+ {repo.topics.split(',').map((topic: string, idx: number) => (
+
+ {topic.trim()}
+
+ ))}
+
+ )}
- {/* 语言和更新时间 */}
+
+
+ {/* 统计信息 */}
+
+
+
+ {repo.star_count}
+
+
+
+ {repo.fork_count}
+
+
+
+ {repo.open_issue_count}
+
+ {isWorkspaceActive && (
+
+
+ 运行中
+
+ )}
+ {isMine && (
+
{
+ setSelectedSyncRepo(repo)
+ setSyncDialogOpen(true)
+ }}
+ >
+
+ 同步
+
+ )}
+
+
+ {/* 更新信息 */}
{repo.last_update_nickname && (
diff --git a/src/pages/repos/modules/EditRepoDialog.tsx b/src/pages/repos/modules/EditRepoDialog.tsx
index a8110bf..9cbd2c4 100644
--- a/src/pages/repos/modules/EditRepoDialog.tsx
+++ b/src/pages/repos/modules/EditRepoDialog.tsx
@@ -59,7 +59,7 @@ export function EditRepoDialog({ open, onOpenChange, repo }: EditRepoDialogProps
const onSubmit = async (data: FormData) => {
if (!repo) return
-
+
await updateRepoInfo({
path: repo.path,
description: data.description?.trim() || '',
@@ -67,8 +67,8 @@ export function EditRepoDialog({ open, onOpenChange, repo }: EditRepoDialogProps
topics: tags.join(','),
license: data.license?.trim() || '',
})
-
- await getList(true)
+
+ await getList({}, true)
onOpenChange(false)
}
diff --git a/src/pages/repos/page.tsx b/src/pages/repos/page.tsx
index 2f7eb44..727170d 100644
--- a/src/pages/repos/page.tsx
+++ b/src/pages/repos/page.tsx
@@ -165,6 +165,21 @@ export const App = () => {
+
+
+ )
+}
+
+export const CommonRepoDialog = () => {
+ const { editRepo, showEditDialog, setShowEditDialog, showCreateDialog, setShowCreateDialog, } = useRepoStore(useShallow((state) => ({
+ editRepo: state.editRepo,
+ showEditDialog: state.showEditDialog,
+ setShowEditDialog: state.setShowEditDialog,
+ showCreateDialog: state.showCreateDialog,
+ setShowCreateDialog: state.setShowCreateDialog,
+ })))
+ return (
+ <>