npm - zen-gitsync - Versions diffs - 2.0.4 → 2.0.6 - Mend

zen-gitsync 2.0.4 → 2.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/README.md +31 -2
package/package.json +3 -1
package/src/ui/client/components.d.ts +1 -0
package/src/ui/client/src/App.vue +626 -186
package/src/ui/client/src/components/CommitForm.vue +508 -401
package/src/ui/client/src/components/GitStatus.vue +590 -224
package/src/ui/client/src/components/LogList.vue +809 -83
package/src/ui/client/src/stores/gitLogStore.ts +440 -125
package/src/ui/client/src/stores/gitStore.ts +86 -1
package/src/ui/client/stats.html +1 -1
package/src/ui/public/assets/index-DaPynzAr.js +10 -0
package/src/ui/public/assets/index-qfIezZmd.css +1 -0
package/src/ui/public/assets/vendor-BcSuWc8z.js +45 -0
package/src/ui/public/index.html +3 -3
package/src/ui/server/index.js +375 -44
package/src/ui/public/assets/index-D5irnfho.css +0 -1
package/src/ui/public/assets/index-DBck3u67.js +0 -8
package/src/ui/public/assets/vendor-CdJ34PvS.js +0 -45

package/src/ui/public/index.html CHANGED Viewed

@@ -5,10 +5,10 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Zen-GitSync - Git同步工具</title>
-    <script type="module" crossorigin src="/assets/index-DBck3u67.js"></script>
-    <link rel="modulepreload" crossorigin href="/assets/vendor-CdJ34PvS.js">
+    <script type="module" crossorigin src="/assets/index-DaPynzAr.js"></script>
+    <link rel="modulepreload" crossorigin href="/assets/vendor-BcSuWc8z.js">
     <link rel="stylesheet" crossorigin href="/assets/vendor-Dp0FkvMe.css">
-    <link rel="stylesheet" crossorigin href="/assets/index-D5irnfho.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-qfIezZmd.css">
   </head>
   <body>
     <div id="app"></div>

package/src/ui/server/index.js CHANGED Viewed

@@ -8,17 +8,25 @@ import config from '../../config.js';
 import chalk from 'chalk';
 import fs from 'fs/promises';
 import os from 'os';
-// import { Server } from 'socket.io';
+import { Server } from 'socket.io';
+import chokidar from 'chokidar';
 // import { exec } from 'child_process';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const configManager = config; // 确保 configManager 可用
+// 文件系统变动监控器
+let watcher = null;
+// 防抖计时器
+let debounceTimer = null;
+// 防抖延迟时间 (毫秒)
+const DEBOUNCE_DELAY = 1000;
 async function startUIServer() {
   const app = express();
   const httpServer = createServer(app);
-  // const io = new Server(httpServer);
+  const io = new Server(httpServer);
   // 添加全局中间件来解析JSON请求体
   app.use(express.json());
@@ -30,24 +38,6 @@ async function startUIServer() {
     next();
   });
-  // // 启动前端Vue应用
-  // const clientPath = path.join(__dirname, '../client');
-  // console.log(`正在启动前端应用，路径: ${clientPath}`);
-  // const vueProcess = exec('npm run dev', { cwd: clientPath }, (error) => {
-  //   if (error) {
-  //     console.error('启动前端应用失败:', error);
-  //   }
-  // });
-  // vueProcess.stdout.on('data', (data) => {
-  //   console.log(`前端输出: ${data}`);
-  // });
-  // vueProcess.stderr.on('data', (data) => {
-  //   console.error(`前端错误: ${data}`);
-  // });
   // 静态文件服务
   app.use(express.static(path.join(__dirname, '../public')));
@@ -156,10 +146,10 @@ async function startUIServer() {
   // 获取Git用户配置信息
   app.get('/api/user-info', async (req, res) => {
     try {
-      // 获取用户名
-      const { stdout: userName } = await execGitCommand('git config user.name');
-      // 获取用户邮箱
-      const { stdout: userEmail } = await execGitCommand('git config user.email');
+      // 获取全局用户名
+      const { stdout: userName } = await execGitCommand('git config --global user.name');
+      // 获取全局用户邮箱
+      const { stdout: userEmail } = await execGitCommand('git config --global user.email');
       res.json({
         name: userName.trim(),
@@ -198,7 +188,6 @@ async function startUIServer() {
   // 新增切换工作目录接口
   app.post('/api/change_directory', async (req, res) => {
       try {
           const { path } = req.body;
           if (!path) {
@@ -212,12 +201,22 @@ async function startUIServer() {
               // 检查新目录是否是Git仓库
               try {
                   await execGitCommand('git rev-parse --is-inside-work-tree');
+                  // 初始化文件监控
+                  initFileSystemWatcher();
                   res.json({
                       success: true,
                       directory: newDirectory,
                       isGitRepo: true
                   });
               } catch (error) {
+                  // 不是Git仓库，停止监控
+                  if (watcher) {
+                    watcher.close().catch(err => console.error('关闭监控器失败:', err));
+                    watcher = null;
+                  }
                   res.json({
                       success: true,
                       directory: newDirectory,
@@ -482,6 +481,46 @@ async function startUIServer() {
     }
   });
+  // 添加单个文件到暂存区
+  app.post('/api/add-file', async (req, res) => {
+    try {
+      const { filePath } = req.body;
+      if (!filePath) {
+        return res.status(400).json({
+          success: false,
+          error: '缺少文件路径参数'
+        });
+      }
+      // 执行 git add 命令添加特定文件
+      await execGitCommand(`git add "${filePath}"`);
+      res.json({ success: true });
+    } catch (error) {
+      res.status(500).json({ success: false, error: error.message });
+    }
+  });
+  // 从暂存区移除单个文件
+  app.post('/api/unstage-file', async (req, res) => {
+    try {
+      const { filePath } = req.body;
+      if (!filePath) {
+        return res.status(400).json({
+          success: false,
+          error: '缺少文件路径参数'
+        });
+      }
+      // 执行 git reset HEAD 命令移除特定文件的暂存
+      await execGitCommand(`git reset HEAD -- "${filePath}"`);
+      res.json({ success: true });
+    } catch (error) {
+      res.status(500).json({ success: false, error: error.message });
+    }
+  });
   // 推送更改
   app.post('/api/push', async (req, res) => {
     try {
@@ -502,9 +541,40 @@ async function startUIServer() {
       // 由前端统一使用该接口
       // 修改 git log 命令，添加 %ae 参数来获取作者邮箱
-      const { stdout } = await execGitCommand(`git log --all --pretty=format:"%h|%an|%ae|%ad|%s|%D" --date=short ${limit}`);
-      const logs = stdout.split('\n').map(line => {
-        const [hash, author, email, date, message, refs] = line.split('|');
+      // 使用 %H 获取完整哈希值（而不是短哈希 %h）
+      // 使用 %B 获取完整提交信息（包括正文）
+      const { stdout } = await execGitCommand(`git log --all --pretty=format:"%H|%an|%ae|%ad|%B|%D" --date=short ${limit}`);
+      // 分隔符改为使用特殊标记，因为提交信息中可能包含|字符
+      const recordSeparator = "\n<<<RECORD_SEPARATOR>>>\n";
+      const fieldSeparator = "<<<FIELD_SEPARATOR>>>";
+      // 预处理输出，替换提交记录之间的换行符
+      const processedOutput = stdout.replace(/\n(?=[a-f0-9]{40}\|)/g, recordSeparator);
+      // 按记录分隔符拆分日志条目
+      const logEntries = processedOutput.split(recordSeparator);
+      const logs = logEntries.map(entry => {
+        // 使用第一个|分隔哈希值，其余部分作为整体
+        const hashEndIndex = entry.indexOf('|');
+        const hash = entry.substring(0, hashEndIndex);
+        const restPart = entry.substring(hashEndIndex + 1);
+        // 使用最后一个|分隔引用信息，其余部分作为整体
+        const lastPipeIndex = restPart.lastIndexOf('|');
+        const refs = restPart.substring(lastPipeIndex + 1).trim();
+        const middlePart = restPart.substring(0, lastPipeIndex);
+        // 分隔作者、邮箱、日期和提交信息
+        const parts = middlePart.split('|');
+        // 确保即使分隔出的部分不足，也能提供默认值
+        const author = parts[0] || '';
+        const email = parts[1] || '';
+        const date = parts[2] || '';
+        // 提交信息可能包含多行
+        const message = parts.slice(3).join('|').trim();
         // 从引用信息中提取分支名称
         let branch = null;
@@ -515,6 +585,7 @@ async function startUIServer() {
         return { hash, author, email, date, message, branch };
       });
       res.json(logs);
     } catch (error) {
       res.status(500).json({ error: error.message });
@@ -630,25 +701,277 @@ async function startUIServer() {
     }
   });
+  // 获取提交的文件列表
+  app.get('/api/commit-files', async (req, res) => {
+    try {
+      const hash = req.query.hash;
+      if (!hash) {
+        return res.status(400).json({
+          success: false,
+          error: '缺少提交哈希参数'
+        });
+      }
+      console.log(`获取提交文件列表: hash=${hash}`);
+      // 执行命令获取提交中修改的文件列表
+      const { stdout } = await execGitCommand(`git show --name-only --format="" ${hash}`);
+      // 将输出按行分割，并过滤掉空行
+      const files = stdout.split('\n').filter(line => line.trim());
+      console.log(`找到${files.length}个文件:`, files);
+      res.json({
+        success: true,
+        files
+      });
+    } catch (error) {
+      console.error('获取提交文件列表失败:', error);
+      res.status(500).json({
+        success: false,
+        error: `获取提交文件列表失败: ${error.message}`
+      });
+    }
+  });
+  // 获取提交中特定文件的差异
+  app.get('/api/commit-file-diff', async (req, res) => {
+    try {
+      const hash = req.query.hash;
+      const filePath = req.query.file;
+      if (!hash || !filePath) {
+        return res.status(400).json({
+          success: false,
+          error: '缺少必要参数'
+        });
+      }
+      console.log(`获取提交文件差异: hash=${hash}, file=${filePath}`);
+      // 执行命令获取文件差异，-p显示补丁，限定文件路径
+      const { stdout } = await execGitCommand(`git show ${hash} -- "${filePath}"`);
+      console.log(`获取到差异内容，长度: ${stdout.length}`);
+      // 如果差异内容太长，只打印前100个字符
+      if (stdout.length > 100) {
+        console.log(`差异内容预览: ${stdout.substring(0, 100)}...`);
+      }
+      res.json({
+        success: true,
+        diff: stdout
+      });
+    } catch (error) {
+      console.error('获取提交文件差异失败:', error);
+      res.status(500).json({
+        success: false,
+        error: `获取提交文件差异失败: ${error.message}`
+      });
+    }
+  });
+  // 添加清理Git锁定文件的接口
+  app.post('/api/remove-lock', async (req, res) => {
+    try {
+      const gitDir = path.join(process.cwd(), '.git')
+      const indexLockFile = path.join(gitDir, 'index.lock')
+      // 检查文件是否存在
+      try {
+        await fs.access(indexLockFile)
+        // 如果文件存在，尝试删除它
+        await fs.unlink(indexLockFile)
+        res.json({ success: true, message: '已清理锁定文件' })
+      } catch (error) {
+        // 如果文件不存在，也返回成功
+        if (error.code === 'ENOENT') {
+          res.json({ success: true, message: '没有发现锁定文件' })
+        } else {
+          throw error
+        }
+      }
+    } catch (error) {
+      console.error('清理锁定文件失败:', error)
+      res.status(500).json({
+        success: false,
+        error: `清理锁定文件失败: ${error.message}`
+      })
+    }
+  })
+  // 清除Git用户配置
+  app.post('/api/clear-user-config', async (req, res) => {
+    try {
+      // 检查全局配置是否存在，如果存在才删除
+      try {
+        const { stdout: userName } = await execGitCommand('git config --global user.name');
+        if (userName.trim()) {
+          await execGitCommand('git config --global --unset user.name');
+        }
+      } catch (error) {
+        console.log('全局用户名配置检查失败，可能不存在:', error.message);
+        // 忽略错误继续执行
+      }
+      try {
+        const { stdout: userEmail } = await execGitCommand('git config --global user.email');
+        if (userEmail.trim()) {
+          await execGitCommand('git config --global --unset user.email');
+        }
+      } catch (error) {
+        console.log('全局邮箱配置检查失败，可能不存在:', error.message);
+        // 忽略错误继续执行
+      }
+      res.json({ success: true, message: '已清除全局Git用户配置' });
+    } catch (error) {
+      res.status(500).json({
+        success: false,
+        error: `清除全局Git用户配置失败: ${error.message}`
+      });
+    }
+  });
+  // 恢复Git用户配置
+  app.post('/api/restore-user-config', async (req, res) => {
+    try {
+      const { name, email } = req.body;
+      if (!name || !email) {
+        return res.status(400).json({
+          success: false,
+          error: '需要提供用户名和邮箱'
+        });
+      }
+      await execGitCommand(`git config --global user.name "${name}"`);
+      await execGitCommand(`git config --global user.email "${email}"`);
+      res.json({ success: true, message: '已更新全局Git用户配置' });
+    } catch (error) {
+      res.status(500).json({
+        success: false,
+        error: `更新全局Git用户配置失败: ${error.message}`
+      });
+    }
+  });
   // Socket.io 实时更新
-  // io.on('connection', (socket) => {
-  //   console.log('客户端已连接');
+  io.on('connection', (socket) => {
+    console.log('客户端已连接:', socket.id);
+    // 当客户端连接时，立即发送一次Git状态
+    getAndBroadcastStatus();
+    // 客户端可以请求开始/停止监控
+    socket.on('start_monitoring', () => {
+      if (!watcher) {
+        initFileSystemWatcher();
+        socket.emit('monitoring_status', { active: true });
+      }
+    });
+    socket.on('stop_monitoring', () => {
+      if (watcher) {
+        watcher.close().catch(err => console.error('关闭监控器失败:', err));
+        watcher = null;
+        socket.emit('monitoring_status', { active: false });
+      }
+    });
+    // 客户端断开连接
+    socket.on('disconnect', () => {
+      console.log('客户端已断开连接:', socket.id);
+    });
+  });
+  // 初始化文件系统监控
+  function initFileSystemWatcher() {
+    // 停止已有的监控器
+    if (watcher) {
+      watcher.close().catch(err => console.error('关闭旧监控器失败:', err));
+    }
-  //   // 定期发送状态更新
-  //   const statusInterval = setInterval(async () => {
-  //     try {
-  //       const { stdout } = await execGitCommand('git status');
-  //       socket.emit('status_update', { status: stdout });
-  //     } catch (error) {
-  //       console.error('状态更新错误:', error);
-  //     }
-  //   }, 5000);
+    try {
+      // 获取当前工作目录
+      const currentDir = process.cwd();
+      console.log(`初始化文件系统监控器，路径: ${currentDir}`);
+      // 检查是否是Git仓库
+      try {
+        execGitCommand('git rev-parse --is-inside-work-tree');
+      } catch (error) {
+        console.log('当前目录不是Git仓库，不启动监控');
+        return;
+      }
+      // 使用chokidar监控文件变动
+      watcher = chokidar.watch(currentDir, {
+        ignored: [
+          /(^|[\/\\])\../, // 忽略.开头的文件和目录
+          '**/node_modules/**', // 忽略node_modules
+          '**/.git/**', // 忽略.git目录
+        ],
+        persistent: true,
+        ignoreInitial: true, // 忽略初始扫描时的文件
+        awaitWriteFinish: {
+          stabilityThreshold: 300, // 等待文件写入完成的时间
+          pollInterval: 100 // 轮询间隔
+        }
+      });
+      // 合并所有变动事件到一个处理程序
+      const events = ['add', 'change', 'unlink'];
+      events.forEach(event => {
+        watcher.on(event, path => {
+          console.log(`检测到文件变动 [${event}]: ${path}`);
+          debouncedNotifyChanges();
+        });
+      });
+      watcher.on('error', error => {
+        console.error('文件监控错误:', error);
+      });
+      console.log('文件系统监控器已启动');
+    } catch (error) {
+      console.error('启动文件监控失败:', error);
+    }
+  }
+  // 获取并广播Git状态
+  async function getAndBroadcastStatus() {
+    try {
+      // 获取常规状态
+      const { stdout: statusOutput } = await execGitCommand('git status');
+      // 获取porcelain格式状态
+      const { stdout: porcelainOutput } = await execGitCommand('git status --porcelain');
+      // 广播到所有连接的客户端
+      io.emit('git_status_update', {
+        status: statusOutput,
+        porcelain: porcelainOutput,
+        timestamp: new Date().toISOString()
+      });
+      console.log('已广播Git状态更新');
+    } catch (error) {
+      console.error('获取或广播Git状态失败:', error);
+    }
+  }
+  // 防抖处理函数
+  function debouncedNotifyChanges() {
+    if (debounceTimer) {
+      clearTimeout(debounceTimer);
+    }
-  //   socket.on('disconnect', () => {
-  //     clearInterval(statusInterval);
-  //     console.log('客户端已断开连接');
-  //   });
-  // });
+    debounceTimer = setTimeout(() => {
+      getAndBroadcastStatus();
+    }, DEBOUNCE_DELAY);
+  }
   // 启动服务器
   const PORT = 3000;
@@ -658,6 +981,10 @@ async function startUIServer() {
     console.log(chalk.green(`  访问地址: http://localhost:${PORT}`));
     console.log(chalk.green(`  启动时间: ${new Date().toLocaleString()}`));
     console.log(chalk.green('======================================'));
+    // 启动文件监控
+    initFileSystemWatcher();
     open(`http://localhost:${PORT}`);
   }).on('error', async (err) => {
     if (err.code === 'EADDRINUSE') {
@@ -672,6 +999,10 @@ async function startUIServer() {
               console.log(chalk.green(`  访问地址: http://localhost:${newPort}`));
               console.log(chalk.green(`  启动时间: ${new Date().toLocaleString()}`));
               console.log(chalk.green('======================================'));
+              // 启动文件监控
+              initFileSystemWatcher();
               open(`http://localhost:${newPort}`);
               resolve();
             }).on('error', (e) => {

package/src/ui/public/assets/index-D5irnfho.css DELETED Viewed

@@ -1 +0,0 @@

- .card[data-v-1eb3fdac]{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;padding:20px;margin-bottom:20px}.status-header[data-v-1eb3fdac]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.status-header h2[data-v-1eb3fdac]{margin:0}.status-box[data-v-1eb3fdac]{white-space:pre-wrap;font-family:monospace;background-color:#f5f7fa;padding:15px;border-radius:4px;margin-bottom:15px;max-height:300px;overflow-y:auto}.file-list[data-v-1eb3fdac]{max-height:300px;overflow-y:auto}.file-item[data-v-1eb3fdac]{padding:8px 12px;margin-bottom:5px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.file-item[data-v-1eb3fdac]:hover{background-color:#f5f7fa}.file-info[data-v-1eb3fdac]{display:flex;align-items:center;flex-grow:1}.file-actions[data-v-1eb3fdac]{margin-left:10px;opacity:.5;transition:opacity .2s}.file-item:hover .file-actions[data-v-1eb3fdac]{opacity:1}.file-type[data-v-1eb3fdac]{font-size:12px;padding:2px 6px;border-radius:10px;margin-right:10px;flex-shrink:0}.added .file-type[data-v-1eb3fdac]{background-color:#e1f3d8;color:#67c23a}.modified .file-type[data-v-1eb3fdac]{background-color:#e6f1fc;color:#409eff}.deleted .file-type[data-v-1eb3fdac]{background-color:#fef0f0;color:#f56c6c}.untracked .file-type[data-v-1eb3fdac]{background-color:#fdf6ec;color:#e6a23c}.file-path[data-v-1eb3fdac]{font-family:monospace;word-break:break-all}.diff-content[data-v-1eb3fdac]{font-family:monospace;white-space:pre-wrap;max-height:60vh;overflow-y:auto;padding:10px;background-color:#f5f7fa;border-radius:4px}.diff-formatted[data-v-1eb3fdac]{font-size:14px;line-height:1.5}.file-navigation[data-v-1eb3fdac]{display:flex;justify-content:center;align-items:center;margin-top:15px}.file-counter[data-v-1eb3fdac]{margin:0 15px;font-size:14px;color:#606266}.current-directory[data-v-1eb3fdac]{display:flex;align-items:center;margin-bottom:15px;padding:8px 12px;background-color:#f5f7fa;border-radius:4px;font-family:monospace}.current-directory .el-icon[data-v-1eb3fdac]{margin-right:8px;color:#409eff}.current-directory span[data-v-1eb3fdac]{flex-grow:1;word-break:break-all;margin-right:10px}.browser-current-path[data-v-1eb3fdac]{margin-bottom:10px;font-size:14px;color:#606266;background-color:#f5f7fa;padding:8px 12px;border-radius:4px;font-family:monospace;word-break:break-all}.browser-error[data-v-1eb3fdac]{margin-bottom:10px;color:#f56c6c;padding:8px 12px;background-color:#fef0f0;border-radius:4px}.directory-browser[data-v-1eb3fdac]{padding:10px;max-height:400px;overflow-y:auto}.browser-nav[data-v-1eb3fdac]{margin-bottom:10px;display:flex;justify-content:space-between}.directory-items[data-v-1eb3fdac]{list-style:none;padding:0;margin:0}.directory-item[data-v-1eb3fdac]{padding:8px 12px;margin-bottom:5px;border-radius:4px;cursor:pointer;display:flex;align-items:center}.directory-item[data-v-1eb3fdac]:hover{background-color:#f5f7fa}.directory-item.directory[data-v-1eb3fdac]{color:#409eff}.directory-item.file[data-v-1eb3fdac]{color:#606266}.directory-item .el-icon[data-v-1eb3fdac]{margin-right:10px}.directory-item span[data-v-1eb3fdac]{font-family:monospace;word-break:break-all}.directory-buttons[data-v-1eb3fdac]{display:flex;gap:10px;margin-top:10px}.no-padding-left[data-v-1eb3fdac]{padding-left:8px!important}.diff-header{font-weight:700;background-color:#e6f1fc;padding:3px;margin:5px 0}.diff-old-file,.diff-new-file{color:#888}.diff-hunk-header{color:#6f42c1}.diff-added{background-color:#e6ffed;color:#28a745}.diff-removed{background-color:#ffeef0;color:#d73a49}.diff-context{color:#444}.card[data-v-34334c1f]{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:20px}.commit-form[data-v-34334c1f]{display:flex;margin-bottom:15px;gap:10px}.git-actions[data-v-34334c1f]{margin-top:20px;display:flex;flex-direction:column;gap:10px}.action-row[data-v-34334c1f]{display:flex;gap:10px;flex-wrap:wrap}.standard-commit-form[data-v-34334c1f]{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.standard-commit-header[data-v-34334c1f]{display:flex;gap:10px;width:100%}.type-select[data-v-34334c1f]{width:120px;flex-shrink:0}.scope-container[data-v-34334c1f]{display:flex;align-items:center;gap:5px;flex-grow:0;width:200px}.scope-input[data-v-34334c1f]{flex-grow:1}.description-container[data-v-34334c1f]{display:flex;align-items:center;gap:5px;flex-grow:1}.description-input[data-v-34334c1f]{flex-grow:1;min-width:200px}.settings-button[data-v-34334c1f]{flex-shrink:0}.preview-section[data-v-34334c1f]{background-color:#f5f7fa;padding:10px;border-radius:4px}.preview-title[data-v-34334c1f]{font-weight:700;margin-bottom:5px}.preview-content[data-v-34334c1f]{white-space:pre-wrap;font-family:monospace;margin:0;padding:10px;background-color:#ebeef5;border-radius:4px}.template-container[data-v-34334c1f]{display:flex;flex-direction:column;height:calc(85vh - 100px);overflow-y:auto}.template-form[data-v-34334c1f]{margin-bottom:20px}.template-list[data-v-34334c1f]{flex:1;overflow-y:auto}.template-input[data-v-34334c1f]{flex-grow:1}.template-list[data-v-34334c1f]{overflow-y:auto;height:100%}.template-item[data-v-34334c1f]{margin-bottom:10px}.template-item[data-v-34334c1f]:hover{background-color:#f5f7fa}.template-content[data-v-34334c1f]{flex-grow:1;margin-right:10px;word-break:break-all}.template-actions[data-v-34334c1f]{display:flex;gap:5px;justify-content:flex-end;min-width:120px;flex-shrink:0}.options-row[data-v-34334c1f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.code-command[data-v-34334c1f]{background-color:#2d2d2d;color:#f8f8f2;font-family:Courier New,Courier,monospace;padding:10px;border-radius:4px;overflow-x:auto;white-space:pre;font-size:14px}@media (max-width: 768px){.action-row[data-v-34334c1f]{flex-direction:column}}.log-header[data-v-45e00b57]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.log-actions[data-v-45e00b57]{display:flex;gap:8px}.branch-container[data-v-45e00b57]{display:flex;flex-wrap:wrap;gap:4px}.branch-tag[data-v-45e00b57]{margin-right:4px}.commit-count[data-v-45e00b57]{margin-bottom:10px;font-size:14px;color:#606266;text-align:right}.graph-container[data-v-45e00b57]{width:100%;height:600px;overflow:auto;border:1px solid #ebeef5;border-radius:4px;padding:10px;background-color:#fff;position:relative}.graph-container svg[data-v-45e00b57]{transform-origin:top left;transition:transform .2s ease}.graph-view[data-v-45e00b57]{width:100%}.graph-controls[data-v-45e00b57]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.zoom-controls[data-v-45e00b57]{display:flex;gap:8px}.zoom-slider[data-v-45e00b57]{width:200px}.scale-info[data-v-45e00b57]{font-size:14px;color:#606266}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f5f5f5}.container{margin:0 auto;padding:20px 30px}.main-header{background-color:#24292e;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:10px}.logo{height:32px;width:auto}h1{margin:0;font-size:24px}.header-info{display:flex;flex-direction:column;align-items:flex-end;gap:5px}#branch-info,#user-info{background-color:#ffffff1a;padding:4px 8px;border-radius:4px;font-size:14px}.branch-label,.user-label,.user-name{font-weight:700;margin-right:5px}.user-email{color:#e0e0e0}.branch-name{font-family:monospace}.card{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:20px}.status-box{background-color:#f6f8fa;border:1px solid #e1e4e8;border-radius:3px;padding:15px;white-space:pre-wrap;font-family:monospace;max-height:300px;overflow-y:auto}.layout-container{display:flex;gap:20px}.left-panel{flex:0 0 30%;max-width:30%}.right-panel{flex:0 0 70%;max-width:70%}@media (max-width: 768px){.layout-container{flex-direction:column}.left-panel,.right-panel{flex:0 0 100%;max-width:100%}.header-left{gap:8px}.logo{height:24px}h1{font-size:20px}}.commit-form{display:flex;margin-bottom:15px}.log-item{padding:10px 0;border-bottom:1px solid #eee}.log-item:last-child{border-bottom:none}.log-hash{color:#6f42c1;font-family:monospace}.log-author,.log-date{color:#6a737d}.log-message{font-weight:700}.log-branch{display:inline-block;background-color:#0366d6;color:#fff;border-radius:3px;padding:2px 6px;margin-left:8px;font-size:12px}.branch-select{width:150px;margin-left:5px}.branch-select :deep(.el-input__inner){background-color:#ffffff1a;color:#fff;border:none}.branch-select :deep(.el-input__suffix){color:#fff}.tips{margin-top:20px;padding:15px;background-color:#f5f7fa;border-radius:5px;border-left:4px solid #409eff}.tips h3{margin-top:0;font-size:16px;margin-bottom:10px}.code-block{background-color:#2d2d2d;color:#f8f8f2;font-family:monospace;padding:10px 15px;border-radius:4px;margin-bottom:10px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-card{width:300px;text-align:center;padding:30px}.loading-spinner{font-size:48px;margin-bottom:20px;color:#409eff}.loading-text{font-size:18px;color:#606266}.logo[data-v-7161cf53]{will-change:filter;transition:filter .3s}.logo[data-v-7161cf53]:hover{filter:drop-shadow(0 0 2em #42b883aa)}.main-footer[data-v-7161cf53]{background-color:#24292e;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;right:0;z-index:100}.branch-info[data-v-7161cf53]{display:flex;align-items:center}.footer-right[data-v-7161cf53]{color:#ffffffb3;font-size:12px}