feature(icons): add catpuccin icons

README.md

@@ -4,14 +4,15 @@ A browser extension that replaces GitHub's generic file and folder icons with di
 
 ## Icon Themes
 
-Choose from four icon themes in the extension popup:
+Choose from five icon themes in the extension popup:
 
 | Theme | Icons | Source |
 |-------|-------|--------|
 | **Material Icon Theme** | 1,200+ | [material-icon-theme](https://github.com/PKief/vscode-material-icon-theme) |
 | **VSCode Icons** | 930+ | [vscode-icons](https://github.com/vscode-icons/vscode-icons) |
 | **Seti UI** | 150+ | [seti-ui](https://github.com/jesseweed/seti-ui) |
 | **Symbols** | 240+ | [vscode-symbols](https://github.com/misolori/vscode-symbols) |
+| **Catppuccin** | 650+ | [catppuccin/vscode-icons](https://github.com/catppuccin/vscode-icons) |
 
 ## Install
 

entrypoints/popup/main.ts

@@ -8,6 +8,7 @@ const TOP_LEVEL_THEMES: { value: ThemeId; label: string }[] = [
   { value: 'vscode-icons', label: 'VSCode Icons' },
   { value: 'seti', label: 'Seti UI' },
   { value: 'symbols', label: 'Symbols' },
+  { value: 'catppuccin', label: 'Catppuccin' },
 ];
 
 const MATERIAL_SUB_PACKS: { value: MaterialPackId; label: string }[] = [
@@ -24,7 +25,7 @@ const MATERIAL_SUB_PACKS: { value: MaterialPackId; label: string }[] = [
   { value: 'bashly', label: 'Bashly' },
 ];
 
-const STANDALONE_THEMES: Set<string> = new Set(['vscode-icons', 'seti', 'symbols']);
+const STANDALONE_THEMES: Set<string> = new Set(['vscode-icons', 'seti', 'symbols', 'catppuccin']);
 
 function packToTheme(pack: ThemePackId): ThemeId {
   if (STANDALONE_THEMES.has(pack)) return pack as ThemeId;

package.json

@@ -27,6 +27,7 @@
     "vscode-symbols": "^0.0.20"
   },
   "devDependencies": {
+    "@iconify-json/catppuccin": "^1.2.17",
     "tsx": "^4.20.6",
     "typescript": "^5.9.3",
     "wxt": "^0.20.18"

scripts/copy-icons.ts

@@ -3,7 +3,7 @@ import { readFileSync } from 'node:fs';
 import { dirname, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
 
-import { buildMaterialThemeManifests, buildVscodeIconsManifest, buildSetiManifest, buildSymbolsManifest, ALL_THEME_PACKS } from '../src/icon-engine/manifest-builder';
+import { buildMaterialThemeManifests, buildVscodeIconsManifest, buildSetiManifest, buildSymbolsManifest, buildCatppuccinManifest, ALL_THEME_PACKS } from '../src/icon-engine/manifest-builder';
 import type { Manifest } from 'material-icon-theme';
 
 const scriptDir = dirname(fileURLToPath(import.meta.url));
@@ -20,6 +20,8 @@ const iconifyJsonPath = resolve(projectRoot, 'node_modules/@iconify-json/vscode-
 const setiDefinitionsPath = resolve(projectRoot, 'node_modules/@peoplesgrocers/seti-ui-file-icons/lib/definitions.json');
 const setiIconsPath = resolve(projectRoot, 'node_modules/@peoplesgrocers/seti-ui-file-icons/lib/icons.json');
 const symbolsThemeJsonPath = resolve(projectRoot, 'node_modules/vscode-symbols/src/symbol-icon-theme.json');
+const catppuccinThemeJsonPath = resolve(projectRoot, 'src/data/catppuccin-theme.json');
+const catppuccinIconifyJsonPath = resolve(projectRoot, 'node_modules/@iconify-json/catppuccin/icons.json');
 
 interface IconifyData {
   prefix: string;
@@ -143,16 +145,46 @@ async function extractVscodeIconsSvgs(svgFilenames: string[]): Promise<void> {
   await Promise.all(writes);
 }
 
+async function extractCatppuccinSvgs(svgFilenames: string[]): Promise<void> {
+  const iconify: IconifyData = JSON.parse(readFileSync(catppuccinIconifyJsonPath, 'utf-8'));
+  const defaultSize = 16;
+
+  const writes: Promise<void>[] = [];
+
+  for (const filename of svgFilenames) {
+    const iconifyId = filename.replace('.svg', '').replace(/^_/, '').replace(/_/g, '-');
+    let iconData = iconify.icons[iconifyId];
+
+    if (!iconData && iconify.aliases?.[iconifyId]) {
+      const parentId = iconify.aliases[iconifyId].parent;
+      iconData = iconify.icons[parentId];
+    }
+
+    if (!iconData) {
+      continue;
+    }
+
+    const width = iconData.width ?? defaultSize;
+    const height = iconData.height ?? defaultSize;
+    const svg = buildSvg(iconData.body, width, height);
+    writes.push(writeFile(resolve(iconsTargetDir, `catppuccin_${filename}`), svg));
+  }
+
+  await Promise.all(writes);
+}
+
 async function main() {
   const { manifests: materialManifests } = buildMaterialThemeManifests();
   const { manifest: vscodeIconsManifest, svgFilenames } = buildVscodeIconsManifest(vscodeIconsJsonPath);
   const { manifest: setiManifest, svgFiles: setiSvgFiles } = buildSetiManifest(setiDefinitionsPath, setiIconsPath);
   const { manifest: symbolsManifest, iconSources: symbolsSources } = buildSymbolsManifest(symbolsThemeJsonPath);
+  const { manifest: catppuccinManifest, svgFilenames: catppuccinSvgFilenames } = buildCatppuccinManifest(catppuccinThemeJsonPath);
   const allManifests: Record<string, Manifest> = {
     ...materialManifests,
     'vscode-icons': vscodeIconsManifest,
     seti: setiManifest,
     symbols: symbolsManifest as Manifest,
+    catppuccin: catppuccinManifest as Manifest,
   };
 
   assertAllIconsReachable(allManifests);
@@ -171,6 +203,7 @@ async function main() {
       copyFile(sourcePath, resolve(iconsTargetDir, prefixedName)),
     ),
   );
+  await extractCatppuccinSvgs(catppuccinSvgFilenames);
 
   await rm(manifestsTargetDir, { force: true, recursive: true });
   await mkdir(manifestsTargetDir, { recursive: true });