long-git-cli 1.0.16 → 1.0.20

package/src/devops/ui/public/js/app.js

@@ -0,0 +1,104 @@
+/**
+ * 主应用逻辑
+ * 包含页面路由、初始化等
+ */
+
+const App = {
+  /**
+   * 当前页面
+   */
+  currentPage: "config",
+
+  /**
+   * 初始化应用
+   */
+  async init() {
+    console.log("应用初始化...");
+
+    /** 初始化路由 */
+    this.initRouter();
+
+    /** 初始化配置页面 */
+    await ConfigPage.init();
+
+    /** 初始化项目页面 */
+    await ProjectsPage.init();
+
+    /** 初始化 Pipeline 页面 */
+    await PipelinePage.init();
+
+    /** 初始化 Deploy 页面 */
+    await DeployPage.init();
+
+    /** 初始化 FullDeploy 页面 */
+    await FullDeployPage.init();
+
+    /** 测试 API 连接 */
+    await this.testConnection();
+
+    console.log("应用初始化完成");
+  },
+
+  /**
+   * 初始化路由
+   */
+  initRouter() {
+    const navItems = document.querySelectorAll(".nav-item");
+
+    navItems.forEach((item) => {
+      item.addEventListener("click", (e) => {
+        e.preventDefault();
+        const page = item.getAttribute("data-page");
+        this.navigateTo(page);
+      });
+    });
+  },
+
+  /**
+   * 导航到指定页面
+   */
+  navigateTo(page) {
+    /** 更新导航状态 */
+    document.querySelectorAll(".nav-item").forEach((item) => {
+      item.classList.remove("active");
+    });
+    document
+      .querySelector(`[data-page="${page}"]`)
+      ?.classList.add("active");
+
+    /** 更新页面显示 */
+    document.querySelectorAll(".page").forEach((pageEl) => {
+      pageEl.classList.remove("active");
+    });
+    document.getElementById(`page-${page}`)?.classList.add("active");
+
+    this.currentPage = page;
+
+    /** 页面切换时加载数据 */
+    if (page === "projects") {
+      ProjectsPage.loadProjects();
+    } else if (page === "full-deploy") {
+      FullDeployPage.loadProjects();
+    }
+  },
+
+  /**
+   * 测试 API 连接
+   */
+  async testConnection() {
+    try {
+      const result = await API.health();
+      console.log("API 连接正常:", result);
+    } catch (error) {
+      console.error("API 连接失败:", error);
+      Components.Toast.error("API 连接失败，请检查服务器状态");
+    }
+  },
+};
+
+/**
+ * 页面加载完成后初始化
+ */
+document.addEventListener("DOMContentLoaded", () => {
+  App.init();
+});

package/src/devops/ui/public/js/components.js

@@ -0,0 +1,267 @@
+/**
+ * UI 组件
+ * 包含 Toast、Loading、Modal 等组件
+ */
+
+const Components = {
+  /**
+   * Toast 通知
+   */
+  Toast: {
+    /**
+     * 显示 Toast
+     */
+    show(message, type = "info", duration = 3000) {
+      const container = document.getElementById("toast-container");
+      const toast = document.createElement("div");
+      toast.className = `toast ${type}`;
+
+      const icons = {
+        success: "✓",
+        error: "✕",
+        warning: "⚠",
+        info: "ℹ",
+      };
+
+      const titles = {
+        success: "成功",
+        error: "错误",
+        warning: "警告",
+        info: "提示",
+      };
+
+      toast.innerHTML = `
+        <span class="toast-icon">${icons[type] || icons.info}</span>
+        <div class="toast-content">
+          <div class="toast-title">${titles[type] || titles.info}</div>
+          <div class="toast-message">${message}</div>
+        </div>
+        <button class="toast-close">×</button>
+      `;
+
+      /** 关闭按钮事件 */
+      const closeBtn = toast.querySelector(".toast-close");
+      closeBtn.addEventListener("click", () => {
+        this.remove(toast);
+      });
+
+      container.appendChild(toast);
+
+      /** 自动关闭 */
+      if (duration > 0) {
+        setTimeout(() => {
+          this.remove(toast);
+        }, duration);
+      }
+
+      return toast;
+    },
+
+    /**
+     * 移除 Toast
+     */
+    remove(toast) {
+      toast.classList.add("removing");
+      setTimeout(() => {
+        toast.remove();
+      }, 300);
+    },
+
+    success(message, duration) {
+      return this.show(message, "success", duration);
+    },
+
+    error(message, duration) {
+      return this.show(message, "error", duration);
+    },
+
+    warning(message, duration) {
+      return this.show(message, "warning", duration);
+    },
+
+    info(message, duration) {
+      return this.show(message, "info", duration);
+    },
+  },
+
+  /**
+   * Loading 加载
+   */
+  Loading: {
+    overlay: null,
+
+    /**
+     * 显示 Loading
+     */
+    show(text = "加载中...") {
+      this.overlay = document.getElementById("loading-overlay");
+      const textElement = this.overlay.querySelector(".loading-text");
+      textElement.textContent = text;
+      this.overlay.classList.remove("hidden");
+    },
+
+    /**
+     * 隐藏 Loading
+     */
+    hide() {
+      if (this.overlay) {
+        this.overlay.classList.add("hidden");
+      }
+    },
+  },
+
+  /**
+   * Modal 模态框
+   */
+  Modal: {
+    /**
+     * 显示 Modal
+     */
+    show(options) {
+      const {
+        title = "提示",
+        content = "",
+        showCancel = true,
+        cancelText = "取消",
+        confirmText = "确定",
+        onConfirm = null,
+        onCancel = null,
+      } = options;
+
+      /** 创建遮罩层 */
+      const overlay = document.createElement("div");
+      overlay.className = "modal-overlay";
+
+      /** 创建模态框 */
+      const modal = document.createElement("div");
+      modal.className = "modal";
+
+      modal.innerHTML = `
+        <div class="modal-header">
+          <h3 class="modal-title">${title}</h3>
+          <button class="modal-close">×</button>
+        </div>
+        <div class="modal-body">
+          ${content}
+        </div>
+        <div class="modal-footer">
+          ${showCancel ? `<button class="btn btn-secondary modal-cancel">${cancelText}</button>` : ""}
+          <button class="btn btn-primary modal-confirm">${confirmText}</button>
+        </div>
+      `;
+
+      overlay.appendChild(modal);
+      document.body.appendChild(overlay);
+
+      /** 关闭按钮 */
+      const closeBtn = modal.querySelector(".modal-close");
+      closeBtn.addEventListener("click", () => {
+        this.close(overlay);
+        if (onCancel) onCancel();
+      });
+
+      /** 取消按钮 */
+      if (showCancel) {
+        const cancelBtn = modal.querySelector(".modal-cancel");
+        cancelBtn.addEventListener("click", () => {
+          this.close(overlay);
+          if (onCancel) onCancel();
+        });
+      }
+
+      /** 确定按钮 */
+      const confirmBtn = modal.querySelector(".modal-confirm");
+      confirmBtn.addEventListener("click", async () => {
+        // 先执行回调，让它有机会收集数据
+        if (onConfirm) {
+          const result = onConfirm();
+          // 如果回调返回 Promise，等待它完成
+          if (result instanceof Promise) {
+            await result;
+          }
+        }
+        // 然后关闭模态框
+        this.close(overlay);
+      });
+
+      /** 点击遮罩层关闭 */
+      overlay.addEventListener("click", (e) => {
+        if (e.target === overlay) {
+          this.close(overlay);
+          if (onCancel) onCancel();
+        }
+      });
+
+      return overlay;
+    },
+
+    /**
+     * 关闭 Modal
+     */
+    close(overlay) {
+      overlay.remove();
+    },
+
+    /**
+     * 确认对话框
+     */
+    confirm(message, onConfirm, onCancel) {
+      return this.show({
+        title: "确认",
+        content: `<p>${message}</p>`,
+        showCancel: true,
+        onConfirm,
+        onCancel,
+      });
+    },
+
+    /**
+     * 警告对话框
+     */
+    alert(message, onConfirm) {
+      return this.show({
+        title: "提示",
+        content: `<p>${message}</p>`,
+        showCancel: false,
+        onConfirm,
+      });
+    },
+  },
+
+  /**
+   * 密码输入框切换显示/隐藏
+   */
+  PasswordToggle: {
+    /**
+     * 初始化密码切换
+     */
+    init(inputElement) {
+      const wrapper = document.createElement("div");
+      wrapper.className = "password-input-wrapper";
+
+      /** 替换原输入框 */
+      inputElement.parentNode.insertBefore(wrapper, inputElement);
+      wrapper.appendChild(inputElement);
+
+      /** 创建切换按钮 */
+      const toggleBtn = document.createElement("button");
+      toggleBtn.type = "button";
+      toggleBtn.className = "password-toggle";
+      toggleBtn.innerHTML = "👁";
+      toggleBtn.setAttribute("aria-label", "切换密码显示");
+
+      wrapper.appendChild(toggleBtn);
+
+      /** 切换事件 */
+      toggleBtn.addEventListener("click", () => {
+        if (inputElement.type === "password") {
+          inputElement.type = "text";
+          toggleBtn.innerHTML = "👁‍🗨";
+        } else {
+          inputElement.type = "password";
+          toggleBtn.innerHTML = "👁";
+        }
+      });
+    },
+  },
+};

package/src/devops/ui/public/js/config-page.js

@@ -0,0 +1,339 @@
+/**
+ * 基础配置页面逻辑
+ */
+
+const ConfigPage = {
+  // 保存原始的加密 token，用于比较是否修改
+  originalBitbucketToken: '',
+  originalJenkinsToken: '',
+
+  /**
+   * 初始化配置页面
+   */
+  async init() {
+    /** 加载配置 */
+    await this.loadConfig();
+
+    /** 绑定事件 */
+    this.bindEvents();
+  },
+
+  /**
+   * 加载配置
+   */
+  async loadConfig() {
+    try {
+      Components.Loading.show("加载配置中...");
+      const data = await API.get("/config");
+
+      /** 填充 Bitbucket 配置 */
+      if (data.bitbucket) {
+        document.getElementById("bitbucket-username").value =
+          data.bitbucket.username || "";
+        
+        // 保存原始加密 token
+        this.originalBitbucketToken = data.bitbucket.encryptedToken || '';
+        
+        // 显示加密后的 token
+        if (data.bitbucket.encryptedToken) {
+          const passwordInput = document.getElementById("bitbucket-password");
+          passwordInput.value = data.bitbucket.encryptedToken;
+          passwordInput.placeholder = "已保存（加密显示），修改后保存将更新";
+        }
+      }
+
+      /** 填充 Jenkins 配置 */
+      if (data.jenkins && data.jenkins.length > 0) {
+        const jenkins = data.jenkins[0]; // 只取第一个
+        document.getElementById("jenkins-url").value = jenkins.url || "";
+        document.getElementById("jenkins-username").value =
+          jenkins.username || "";
+        
+        // 保存原始加密 token
+        this.originalJenkinsToken = jenkins.encryptedToken || '';
+        
+        // 显示加密后的 token
+        if (jenkins.encryptedToken) {
+          const tokenInput = document.getElementById("jenkins-token");
+          tokenInput.value = jenkins.encryptedToken;
+          tokenInput.placeholder = "已保存（加密显示），修改后保存将更新";
+        }
+      }
+
+      Components.Loading.hide();
+    } catch (error) {
+      Components.Loading.hide();
+      Components.Toast.error("加载配置失败: " + error.message);
+    }
+  },
+
+  /**
+   * 绑定事件
+   */
+  bindEvents() {
+    /** 保存 Bitbucket 配置按钮 */
+    document
+      .getElementById("save-bitbucket-btn")
+      ?.addEventListener("click", () => {
+        this.saveBitbucketConfig();
+      });
+
+    /** 保存 Jenkins 配置按钮 */
+    document
+      .getElementById("save-jenkins-btn")
+      ?.addEventListener("click", () => {
+        this.saveJenkinsConfig();
+      });
+
+    /** 测试 Bitbucket 连接按钮 */
+    const testBitbucketBtn = document.getElementById("test-bitbucket-btn");
+    if (testBitbucketBtn) {
+      testBitbucketBtn.addEventListener("click", () => {
+        this.testBitbucketConnection();
+      });
+    }
+
+    /** 测试 Jenkins 连接按钮 */
+    const testJenkinsBtn = document.getElementById("test-jenkins-btn");
+    if (testJenkinsBtn) {
+      testJenkinsBtn.addEventListener("click", () => {
+        this.testJenkinsConnection();
+      });
+    }
+
+    /** 初始化密码切换 */
+    const bitbucketPasswordInput = document.getElementById("bitbucket-password");
+    Components.PasswordToggle.init(bitbucketPasswordInput);
+
+    const jenkinsTokenInput = document.getElementById("jenkins-token");
+    Components.PasswordToggle.init(jenkinsTokenInput);
+  },
+
+  /**
+   * 测试 Bitbucket 连接
+   */
+  async testBitbucketConnection() {
+    try {
+      /** 获取 Bitbucket 配置 */
+      const username = document
+        .getElementById("bitbucket-username")
+        .value.trim();
+      const appPassword = document
+        .getElementById("bitbucket-password")
+        .value.trim();
+
+      if (!username) {
+        Components.Toast.error("请输入 Bitbucket Username");
+        return;
+      }
+
+      if (!appPassword) {
+        Components.Toast.error("请输入 Bitbucket App Password");
+        return;
+      }
+
+      /** 显示测试状态 */
+      const testBtn = document.getElementById("test-bitbucket-btn");
+      const statusEl = document.getElementById("bitbucket-status");
+      
+      testBtn.disabled = true;
+      testBtn.textContent = "测试中...";
+      statusEl.textContent = "连接中...";
+      statusEl.className = "connection-status testing";
+
+      /** 调用测试 API */
+      const result = await API.post("/test-bitbucket", {
+        username,
+        appPassword,
+      });
+
+      /** 显示成功状态 */
+      statusEl.textContent = "✓ 连接成功";
+      statusEl.className = "connection-status success";
+      Components.Toast.success("Bitbucket 连接测试成功");
+    } catch (error) {
+      /** 显示失败状态 */
+      const statusEl = document.getElementById("bitbucket-status");
+      statusEl.textContent = "✗ 连接失败";
+      statusEl.className = "connection-status error";
+      Components.Toast.error("Bitbucket 连接测试失败: " + error.message);
+    } finally {
+      /** 恢复按钮状态 */
+      const testBtn = document.getElementById("test-bitbucket-btn");
+      testBtn.disabled = false;
+      testBtn.textContent = "测试连接";
+    }
+  },
+
+  /**
+   * 测试 Jenkins 连接
+   */
+  async testJenkinsConnection() {
+    try {
+      /** 获取 Jenkins 配置 */
+      const url = document.getElementById("jenkins-url").value.trim();
+      const username = document.getElementById("jenkins-username").value.trim();
+      const apiToken = document.getElementById("jenkins-token").value.trim();
+
+      if (!url) {
+        Components.Toast.error("请输入 Jenkins URL");
+        return;
+      }
+
+      if (!username) {
+        Components.Toast.error("请输入 Jenkins Username");
+        return;
+      }
+
+      if (!apiToken) {
+        Components.Toast.error("请输入 Jenkins API Token");
+        return;
+      }
+
+      /** 显示测试状态 */
+      const testBtn = document.getElementById("test-jenkins-btn");
+      const statusEl = document.getElementById("jenkins-status");
+      
+      testBtn.disabled = true;
+      testBtn.textContent = "测试中...";
+      statusEl.textContent = "连接中...";
+      statusEl.className = "connection-status testing";
+
+      /** 调用测试 API */
+      const result = await API.post("/test-jenkins", {
+        url,
+        username,
+        apiToken,
+      });
+
+      /** 显示成功状态 */
+      statusEl.textContent = "✓ 连接成功";
+      statusEl.className = "connection-status success";
+      Components.Toast.success("Jenkins 连接测试成功");
+    } catch (error) {
+      /** 显示失败状态 */
+      const statusEl = document.getElementById("jenkins-status");
+      statusEl.textContent = "✗ 连接失败";
+      statusEl.className = "connection-status error";
+      Components.Toast.error("Jenkins 连接测试失败: " + error.message);
+    } finally {
+      /** 恢复按钮状态 */
+      const testBtn = document.getElementById("test-jenkins-btn");
+      testBtn.disabled = false;
+      testBtn.textContent = "测试连接";
+    }
+  },
+
+  /**
+   * 保存 Bitbucket 配置
+   */
+  async saveBitbucketConfig() {
+    try {
+      /** 获取 Bitbucket 配置 */
+      const bitbucketUsername = document
+        .getElementById("bitbucket-username")
+        .value.trim();
+      const bitbucketPassword = document
+        .getElementById("bitbucket-password")
+        .value.trim();
+
+      if (!bitbucketUsername) {
+        Components.Toast.error("请输入 Bitbucket Username");
+        return;
+      }
+
+      if (!bitbucketPassword) {
+        Components.Toast.error("请输入 Bitbucket API Token");
+        return;
+      }
+
+      // 如果 token 和原始的一样，说明没有修改，不需要保存
+      if (bitbucketPassword === this.originalBitbucketToken) {
+        Components.Toast.info("配置未修改，无需保存");
+        return;
+      }
+
+      /** 保存配置 */
+      Components.Loading.show("保存 Bitbucket 配置中...");
+      await API.post("/config", {
+        bitbucket: {
+          username: bitbucketUsername,
+          appPassword: bitbucketPassword,
+        },
+      });
+
+      Components.Loading.hide();
+      Components.Toast.success("Bitbucket 配置保存成功");
+
+      /** 重新加载配置 */
+      await this.loadConfig();
+    } catch (error) {
+      Components.Loading.hide();
+      Components.Toast.error("保存 Bitbucket 配置失败: " + error.message);
+    }
+  },
+
+  /**
+   * 保存 Jenkins 配置
+   */
+  async saveJenkinsConfig() {
+    try {
+      /** 获取 Jenkins 配置 */
+      const jenkinsUrl = document.getElementById("jenkins-url").value.trim();
+      const jenkinsUsername = document
+        .getElementById("jenkins-username")
+        .value.trim();
+      const jenkinsToken = document.getElementById("jenkins-token").value.trim();
+
+      if (!jenkinsUrl) {
+        Components.Toast.error("请输入 Jenkins URL");
+        return;
+      }
+
+      if (!jenkinsUsername) {
+        Components.Toast.error("请输入 Jenkins Username");
+        return;
+      }
+
+      if (!jenkinsToken) {
+        Components.Toast.error("请输入 Jenkins API Token");
+        return;
+      }
+
+      // 如果 token 和原始的一样，说明没有修改，不需要保存
+      if (jenkinsToken === this.originalJenkinsToken) {
+        Components.Toast.info("配置未修改，无需保存");
+        return;
+      }
+
+      /** 保存配置 */
+      Components.Loading.show("保存 Jenkins 配置中...");
+      await API.post("/config", {
+        jenkins: [
+          {
+            type: "app", // 默认类型
+            url: jenkinsUrl,
+            username: jenkinsUsername,
+            apiToken: jenkinsToken,
+          },
+        ],
+      });
+
+      Components.Loading.hide();
+      Components.Toast.success("Jenkins 配置保存成功");
+
+      /** 重新加载配置 */
+      await this.loadConfig();
+    } catch (error) {
+      Components.Loading.hide();
+      Components.Toast.error("保存 Jenkins 配置失败: " + error.message);
+    }
+  },
+
+  /**
+   * 保存配置（已废弃，保留用于兼容）
+   */
+  async saveConfig() {
+    Components.Toast.error("请使用单独的保存按钮保存 Bitbucket 或 Jenkins 配置");
+  },
+};