A Git Cheatsheet With Fuzzy Search Over 82 Commands

#git #javascript #productivity #webdev

A Git Cheatsheet With Fuzzy Search Over 82 Commands

Most Git cheatsheets are static pages you scroll through. This one has a fuzzy-matcher: type "staged" and you get git add, git diff --staged, git reset --soft in a single search. 82 commands organized into 10 categories, bilingual descriptions, one-click copy.

Git has hundreds of subcommands but most developers use about 20 on a daily basis. The problem is remembering the flags: was it --force or --force-with-lease? -d or -D? reset --hard or reset --soft? A searchable reference beats a static cheatsheet because you don't have to remember the exact command name.

🔗 Live demo: https://sen.ltd/portfolio/git-cheatsheet/
📦 GitHub: https://github.com/sen-ltd/git-cheatsheet

Features:

82 Git commands in 10 categories
Fuzzy search across commands and descriptions
Bilingual Japanese / English
Daily workflow quick section (~15 most-used commands)
One-click copy
Terminal-themed dark UI
Zero dependencies, 29 tests

The fuzzy matcher

Classic fuzzy matching: every character of the query must appear in the target, in order, but not necessarily adjacent. The score rewards tight matches:

export function fuzzyMatch(query, text) {
  if (!query) return 1;
  const q = query.toLowerCase();
  const t = text.toLowerCase();
  let qi = 0;
  let score = 0;
  let lastMatchIdx = -1;
  for (let i = 0; i < t.length && qi < q.length; i++) {
    if (t[i] === q[qi]) {
      // Bonus if this match is adjacent to the previous
      if (lastMatchIdx === i - 1) score += 2;
      else score += 1;
      lastMatchIdx = i;
      qi++;
    }
  }
  return qi === q.length ? score : 0;
}

Typing "staged" against "git diff --staged" scores higher than against "git reset --soft" because the letters are adjacent and in a shorter string.

Bilingual commands

Each command has descriptions in both languages:

{
  id: 'force-push',
  command: 'git push --force-with-lease',
  category: 'remote',
  tags: ['advanced'],
  description: {
    ja: '他の人の変更を上書きしない安全な強制プッシュ',
    en: 'Safe force push that refuses to overwrite others\' work',
  },
},

The search queries both language fields (respecting the current UI language) so Japanese users find commands by Japanese keywords, English users by English.