Connect server SVN repositories

2026-06-18 14:35:58 +08:00
parent 72153127b6
commit 7650fd5bfb
6 changed files with 831 additions and 210 deletions
@@ -10,9 +10,19 @@ const els = {
  repoReset: document.querySelector("#repo-reset"),
  deleteRepo: document.querySelector("#delete-repo"),
  reloadRepos: document.querySelector("#reload-repos"),
+  syncServerRepos: document.querySelector("#sync-server-repos"),
+  repoSearch: document.querySelector("#repo-search"),
  repoList: document.querySelector("#repo-list"),
  repoSummary: document.querySelector("#repo-summary"),
+  serverRepoList: document.querySelector("#server-repo-list"),
+  serverSummary: document.querySelector("#server-summary"),
  selectedRepo: document.querySelector("#selected-repo"),
+  selectedRepoName: document.querySelector("#selected-repo-name"),
+  selectedRepoUrl: document.querySelector("#selected-repo-url"),
+  selectedRepoPath: document.querySelector("#selected-repo-path"),
+  selectedRepoRevision: document.querySelector("#selected-repo-revision"),
+  selectedRepoSource: document.querySelector("#selected-repo-source"),
+  repoConfigDetails: document.querySelector("#repo-config-details"),
  tabs: [...document.querySelectorAll(".svn-tab")],
  panels: [...document.querySelectorAll(".svn-tab-panel")],
  actionForm: document.querySelector("#action-form"),
@@ -24,7 +34,9 @@ const els = {
 };

 let repositories = [];
+let serverRepositories = [];
 let selectedRepoId = "";
+let repoFilter = "";

 const ACTION_LABELS = {
  checkout: "Checkout",
@@ -87,6 +99,12 @@ function formatDate(value) {
  return date.toLocaleString("zh-CN", { hour12: false });
 }

+function compactPath(value = "") {
+  const text = String(value || "");
+  if (text.length <= 56) return text || "--";
+  return `${text.slice(0, 24)}...${text.slice(-28)}`;
+}
+
 async function apiFetch(url, options = {}) {
  const token = getToken();
  const headers = {
@@ -125,33 +143,65 @@ function formToObject(form) {
 }

 function renderRepos() {
-  els.repoSummary.textContent = `共 ${repositories.length} 个仓库`;
-  els.repoList.innerHTML = repositories.map((repo) => `<button class="svn-repo-item${repo.id === selectedRepoId ? " is-active" : ""}" type="button" data-id="${escapeHtml(repo.id)}">
+  const keyword = repoFilter.trim().toLowerCase();
+  const visibleRepos = repositories.filter((repo) => {
+    if (!keyword) return true;
+    return [repo.name, repo.url, repo.checkoutPath, repo.localPath, repo.description, repo.source].join(" ").toLowerCase().includes(keyword);
+  });
+  els.repoSummary.textContent = `共 ${repositories.length} 个仓库${keyword ? `，匹配 ${visibleRepos.length} 个` : ""}`;
+  els.repoList.innerHTML = visibleRepos.map((repo) => `<button class="svn-repo-item${repo.id === selectedRepoId ? " is-active" : ""}" type="button" data-id="${escapeHtml(repo.id)}">
    <span class="repo-name">${escapeHtml(repo.name)}</span>
    <span class="repo-url">${escapeHtml(repo.url)}</span>
-    <span class="repo-meta">${escapeHtml(repo.localPath || repo.checkoutPath || repo.id)} · ${repo.hasPassword ? "已配置凭据" : "无密码"} · ${formatDate(repo.updatedAt)}</span>
-  </button>`).join("") || `<p class="empty-state">暂无 SVN 仓库，先新增一个配置。</p>`;
+    <span class="repo-meta">${escapeHtml(repo.source === "server" ? "服务器仓库" : "手动配置")} · ${escapeHtml(repo.localPath || repo.checkoutPath || repo.id)} · ${repo.hasPassword ? "已配置凭据" : "无密码"}</span>
+  </button>`).join("") || `<p class="empty-state">${repositories.length ? "没有匹配的仓库。" : "暂无 SVN 仓库，可以先点击“接入旧仓库”。"}</p>`;

  const repo = selectedRepo();
+  els.selectedRepoName.textContent = repo ? repo.name : "选择仓库";
  els.selectedRepo.textContent = repo
-    ? `${repo.name} · ${repo.url} · ${repo.localPath || repo.checkoutPath}`
-    : "请选择一个 SVN 仓库。";
+    ? (repo.description || `${repo.name} · ${repo.url}`)
+    : "请选择一个 SVN 仓库，或先从服务器 SVN 服务接入旧仓库。";
+  els.selectedRepoUrl.textContent = compactPath(repo?.url);
+  els.selectedRepoPath.textContent = compactPath(repo?.localPath || repo?.checkoutPath);
+  els.selectedRepoRevision.textContent = repo?.serverRevision ? `r${repo.serverRevision}` : (repo?.lastAction?.at ? formatDate(repo.lastAction.at) : "--");
+  els.selectedRepoSource.textContent = repo ? (repo.source === "server" ? "服务器旧仓库" : "手动配置") : "--";
+  els.deleteRepo.disabled = !repo;
+}
+
+function renderServerRepos() {
+  const configuredCount = serverRepositories.filter((repo) => repo.configured).length;
+  els.serverSummary.textContent = serverRepositories.length
+    ? `发现 ${serverRepositories.length} 个，已接入 ${configuredCount} 个`
+    : "未发现旧仓库";
+  els.serverRepoList.innerHTML = serverRepositories.map((repo) => `<button class="svn-server-repo${repo.configured ? " is-linked" : ""}" type="button" data-id="${escapeHtml(repo.id)}" data-configured-id="${escapeHtml(repo.configuredId || "")}">
+    <span>
+      <strong>${escapeHtml(repo.name)}</strong>
+      <small>${escapeHtml(repo.url)}</small>
+    </span>
+    <em>${repo.configured ? "已接入" : "待接入"}${repo.revision ? ` · r${escapeHtml(repo.revision)}` : ""}</em>
+  </button>`).join("") || `<p class="empty-state">没有扫描到服务器 SVN 仓库。</p>`;
 }

 async function loadRepos() {
  try {
    setStatus(els.tokenStatus, "正在读取 SVN 仓库...");
-    const payload = await apiFetch("/api/admin/svn/repositories");
+    const [payload, serverPayload] = await Promise.all([
+      apiFetch("/api/admin/svn/repositories"),
+      apiFetch("/api/admin/svn/server-repositories"),
+    ]);
    repositories = payload.repositories || [];
+    serverRepositories = serverPayload.repositories || [];
    if (!selectedRepoId || !repositories.some((repo) => repo.id === selectedRepoId)) {
      selectedRepoId = repositories[0]?.id || "";
    }
    renderRepos();
-    setStatus(els.tokenStatus, `SVN 根目录：${payload.svnRoot || "-"}`, "ok");
+    renderServerRepos();
+    setStatus(els.tokenStatus, `工作副本：${payload.svnRoot || "-"}；服务根：${serverPayload.repositoryRoots?.filter((root) => root.exists).map((root) => root.rootPath).join("、") || "-"}`, "ok");
  } catch (error) {
    repositories = [];
+    serverRepositories = [];
    selectedRepoId = "";
    renderRepos();
+    renderServerRepos();
    setStatus(els.tokenStatus, `读取失败：${error.message}`, "error");
  }
 }
@@ -166,6 +216,7 @@ function resetRepoForm() {
  els.repoForm.elements.noAuthCache.checked = true;
  els.repoFormTitle.textContent = "新增仓库";
  els.repoSubmit.textContent = "保存仓库";
+  if (els.repoConfigDetails) els.repoConfigDetails.open = true;
  setStatus(els.repoFormStatus, "");
 }

@@ -184,8 +235,8 @@ function fillRepoForm(repo) {
  els.repoForm.elements.noAuthCache.checked = repo.noAuthCache !== false;
  els.repoFormTitle.textContent = `编辑 ${repo.name}`;
  els.repoSubmit.textContent = "更新仓库";
+  if (els.repoConfigDetails) els.repoConfigDetails.open = true;
  setStatus(els.repoFormStatus, repo.hasPassword ? "已载入仓库，密码留空会保持原密码。" : "已载入仓库。", "ok");
-  window.scrollTo({ top: 0, behavior: "smooth" });
 }

 async function saveRepo(event) {
@@ -219,6 +270,32 @@ async function deleteRepo(repo) {
  }
 }

+function fillRepoFormFromServer(repo) {
+  resetRepoForm();
+  els.repoForm.elements.name.value = repo.name || "";
+  els.repoForm.elements.url.value = repo.url || "";
+  els.repoForm.elements.checkoutPath.value = repo.id || repo.name || "";
+  els.repoForm.elements.description.value = `从服务器 SVN 服务接入：${repo.repositoryPath || repo.name}`;
+  setStatus(els.repoFormStatus, "已填入服务器旧仓库，保存后即可纳入管理。", "ok");
+}
+
+async function syncServerRepos() {
+  try {
+    setStatus(els.tokenStatus, "正在接入服务器旧仓库...");
+    const payload = await apiFetch("/api/admin/svn/server-repositories/sync", { method: "POST", json: {} });
+    repositories = payload.repositories || [];
+    serverRepositories = payload.discovered || [];
+    if (!selectedRepoId || !repositories.some((repo) => repo.id === selectedRepoId)) {
+      selectedRepoId = repositories[0]?.id || "";
+    }
+    renderRepos();
+    renderServerRepos();
+    setStatus(els.tokenStatus, `接入完成：新增 ${payload.created || 0} 个，更新 ${payload.updated || 0} 个。`, "ok");
+  } catch (error) {
+    setStatus(els.tokenStatus, `接入失败：${error.message}`, "error");
+  }
+}
+
 function actionPayload() {
  const payload = formToObject(els.actionForm);
  payload.value = payload.pattern;
@@ -268,7 +345,7 @@ async function checkHealth() {
  try {
    setStatus(els.tokenStatus, "正在检测 svn 命令...");
    const payload = await apiFetch("/api/admin/svn/health");
-    setStatus(els.tokenStatus, payload.ok ? `SVN CLI 可用：${payload.version || "unknown"}，根目录：${payload.svnRoot}` : payload.stderr, payload.ok ? "ok" : "error");
+    setStatus(els.tokenStatus, payload.ok ? `SVN CLI 可用：${payload.version || "unknown"}，工作副本：${payload.svnRoot}，服务地址：${payload.publicBaseUrl || "-"}` : payload.stderr, payload.ok ? "ok" : "error");
  } catch (error) {
    setStatus(els.tokenStatus, `检测失败：${error.message}`, "error");
  }
@@ -283,6 +360,11 @@ els.saveToken.addEventListener("click", () => {

 els.health.addEventListener("click", checkHealth);
 els.reloadRepos.addEventListener("click", loadRepos);
+els.syncServerRepos.addEventListener("click", syncServerRepos);
+els.repoSearch.addEventListener("input", () => {
+  repoFilter = els.repoSearch.value;
+  renderRepos();
+});
 els.repoForm.addEventListener("submit", saveRepo);
 els.repoReset.addEventListener("click", resetRepoForm);
 els.deleteRepo.addEventListener("click", () => {
@@ -304,6 +386,21 @@ els.repoList.addEventListener("click", (event) => {
  if (repo) fillRepoForm(repo);
 });

+els.serverRepoList.addEventListener("click", (event) => {
+  const item = event.target.closest(".svn-server-repo");
+  if (!item) return;
+  const configuredId = item.dataset.configuredId;
+  if (configuredId) {
+    selectedRepoId = configuredId;
+    renderRepos();
+    const repo = selectedRepo();
+    if (repo) fillRepoForm(repo);
+    return;
+  }
+  const repo = serverRepositories.find((entry) => entry.id === item.dataset.id);
+  if (repo) fillRepoFormFromServer(repo);
+});
+
 els.repoList.addEventListener("contextmenu", (event) => {
  const item = event.target.closest(".svn-repo-item");
  if (!item) return;