如何将Git提交关联到创建分支？Electron+simple-git树图构建问题

一、哈希不匹配的核心原因 #

• Git提交哈希存在完整哈希与短哈希的差异：git for-each-ref默认返回完整哈希，而simple-git的git.log()可能默认返回短哈希（取决于配置），这是最常见的不匹配诱因。
• 少数情况下会因提交对象的解析逻辑差异（如是否包含标签、额外注释字段）导致哈希格式不一致。

二、哈希匹配问题的具体解决方法 #

1. 统一哈希格式（推荐） #

强制所有操作使用完整提交哈希，从根源消除格式差异：

• 调用simple-git的git.log()时，指定返回完整哈希：

  const commits = await git.log({
    format: { hash: '%H' }, // %H 代表完整提交哈希
    // 其他必要参数，如路径、数量限制等
  });
  

• 调用git for-each-ref时，同样输出完整哈希：

  const branchRefs = await git.raw([
    'for-each-ref',
    '--format=%(objectname) %(refname:short)',
    'refs/heads/'
  ]);
  // 解析结果为 { 分支名: 完整提交哈希 } 的映射
  

2. 过滤匹配的提交哈希 #

若无法统一哈希格式，可通过短哈希前缀匹配完成过滤：

• 先将commitsbydate中的哈希存入集合：

  const commitHashSet = new Set(commitsbydate.map(commit => commit.hash));
  

• 遍历brancheslogs，只保留与集合中哈希匹配的项：

  Object.keys(brancheslogs).forEach(branch => {
    brancheslogs[branch] = brancheslogs[branch].filter(hash => {
      // 处理短哈希与完整哈希的前缀匹配
      return Array.from(commitHashSet).some(fullHash => fullHash.startsWith(hash));
    });
  });
  

3. 直接通过git log关联分支与提交 #

放弃git for-each-ref，直接用git log针对分支拉取提交记录，确保哈希来源一致：

async function getBranchCommits(branchName) {
  const logOutput = await git.raw([
    'log',
    branchName,
    '--pretty=format:%H'
  ]);
  return logOutput.trim().split('\n');
}

// 批量生成brancheslogs
const brancheslogs = {};
for (const branch of branches) {
  brancheslogs[branch] = await getBranchCommits(branch);
}

三、树图构建方法的优化建议 #

如果当前递归函数BuildTreeRec分支处理效率低，可调整构建逻辑：

• 基于父节点构建树：遍历commitsbydate，为每个提交关联其父提交，形成完整的父子关系链，再根据分支归属标记节点所属分支，最后从根节点开始渲染布局。
• 分层布局逻辑：参考GitKraken的布局思路，按提交时间从旧到新（或从左到右）分层，同一层级的节点根据分支数量分配横向位置，分叉时为新分支预留独立的绘制轨道。

内容的提问来源于stack exchange，提问作者HiHavafa