import { useState } from "react"; import { useTranslation } from "react-i18next"; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@/components/ui/dialog"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { Trash2, ExternalLink, Plus } from "lucide-react"; import { settingsApi } from "@/lib/api"; import type { DiscoverableSkill, SkillRepo } from "@/lib/api/skills"; interface RepoManagerProps { open: boolean; onOpenChange: (open: boolean) => void; repos: SkillRepo[]; skills: DiscoverableSkill[]; onAdd: (repo: SkillRepo) => Promise; onRemove: (owner: string, name: string) => Promise; } export function RepoManager({ open: isOpen, onOpenChange, repos, skills, onAdd, onRemove, }: RepoManagerProps) { const { t } = useTranslation(); const [repoUrl, setRepoUrl] = useState(""); const [branch, setBranch] = useState(""); const [error, setError] = useState(""); const getSkillCount = (repo: SkillRepo) => skills.filter( (skill) => skill.repoOwner === repo.owner && skill.repoName === repo.name && (skill.repoBranch || "main") === (repo.branch || "main"), ).length; const parseRepoUrl = ( url: string, ): { owner: string; name: string } | null => { // 支持格式: // - https://github.com/owner/name // - owner/name // - https://github.com/owner/name.git let cleaned = url.trim(); cleaned = cleaned.replace(/^https?:\/\/github\.com\//, ""); cleaned = cleaned.replace(/\.git$/, ""); const parts = cleaned.split("/"); if (parts.length === 2 && parts[0] && parts[1]) { return { owner: parts[0], name: parts[1] }; } return null; }; const handleAdd = async () => { setError(""); const parsed = parseRepoUrl(repoUrl); if (!parsed) { setError(t("skills.repo.invalidUrl")); return; } try { await onAdd({ owner: parsed.owner, name: parsed.name, branch: branch || "main", enabled: true, }); setRepoUrl(""); setBranch(""); } catch (e) { setError(e instanceof Error ? e.message : t("skills.repo.addFailed")); } }; const handleOpenRepo = async (owner: string, name: string) => { try { await settingsApi.openExternal(`https://github.com/${owner}/${name}`); } catch (error) { console.error("Failed to open URL:", error); } }; return ( ); }