Restyle language bar chart and make it ignore the gitignore file

8df7e5988c8f9cdb8f18a6a73a071ad4670b89a5

Tucker McKnight | Wed Dec 31 2025

Restyle language bar chart and make it ignore the gitignore file

TBD: better, user-customizable way of ignoring certain files or
extensions.
js_templates/repo.ts:14
Before 
14
After 
14
    // todo: add more ignoreable extensions
    if (fileExtension === 'gitignore') {
      return counts
    }
js_templates/repo.ts:48
Before 
48
49
50
                  <div class="row d-flex flex-grow-1">
                    ${topLanguagePercentages.map((percentTuple) => `<div class='col language-col'><div class="language-name text-light font-monospace">${percentTuple[0]}</div><div class="language-percent" style="flex-grow: ${percentTuple[1] / largestPercent}"></div></div>`).join('')}
                  <div class='col language-col'><div class="language-name text-light font-monospace">other</div><div class="language-percent" style="flex-grow: ${otherLanguagePercent / largestPercent}"></div></div>
After 
48
49
50
                  <div class="d-flex flex-grow-1 flex-nowrap">
                    ${topLanguagePercentages.map((percentTuple) => `<div class='language-col flex-grow-1 overflow-hidden'><div class="language-name text-light font-monospace">${percentTuple[0]}</div><div class="language-percent" style="flex-grow: ${percentTuple[1] / largestPercent}"></div></div>`).join('')}
                  <div class='language-col flex-grow-1 overflow-hidden'><div class="language-name text-light font-monospace">other</div><div class="language-percent" style="flex-grow: ${otherLanguagePercent / largestPercent}"></div></div>
scss/design-board.scss:190
Before 
190
After 
190
  flex-basis: 0;