feat: specificFolders customization option

README.md

@@ -67,8 +67,11 @@ We provide some options to further customize your catppuccin experience:
 
 ```jsonc
 {
-  // hides arrows next to folders in explorer
-  "catppuccin-icons.hidesExplorerArrows": false
+  // set to true to disable folding arrows next to folder icons
+  "catppuccin-icons.hidesExplorerArrows": false,
+
+  // set to false to only use default folder icon
+  "catppuccin-icons.specificFolders": true
 }
 ```
 

package.json

@@ -54,6 +54,11 @@
           "type": "boolean",
           "default": false,
           "description": "Hides arrows next to folders in the explorer."
+        },
+        "catppuccin-icons.specificFolders": {
+          "type": "boolean",
+          "default": true,
+          "description": "Display specific folder icons. Disable to only use default folder icon."
         }
       }
     },

scripts/build.ts

@@ -3,8 +3,7 @@ import { basename, join } from 'node:path'
 import { flavorEntries } from '@catppuccin/palette'
 import { build } from 'tsup'
 import { rimraf } from 'rimraf'
-import { defaults } from '~/defaults'
-import { createVscTheme } from '~/hooks/generateTheme'
+import { compileTheme } from '~/utils/themes'
 
 const DIST = 'dist'
 const flavors = flavorEntries.map(([f]) => f)
@@ -29,7 +28,7 @@ await writeFile(
 )
 
 // CREATE THEME AND INJECT ICON DEFINITIONS
-const theme = createVscTheme(defaults, iconDefinitions)
+const theme = compileTheme({}, iconDefinitions)
 
 // WRITE THEMES
 await Promise.all(flavors.map(async (f) => {

src/defaults/fileIcons.ts

@@ -1,6 +1,8 @@
-import type { FileIcons } from '~/types'
-
-export const fileIcons: FileIcons = {
+const fileIcons: Record<string, {
+  languageIds?: Array<string>
+  fileExtensions?: Array<string>
+  fileNames?: Array<string>
+}> = {
   'adobe-ae': {
     fileExtensions: ['aep'],
   },
@@ -2528,3 +2530,27 @@ export const fileIcons: FileIcons = {
   },
 
 }
+
+const { languageIds, fileExtensions, fileNames } = Object.entries(fileIcons).reduce(
+  ({ languageIds, fileExtensions, fileNames }, [name, icon]) => ({
+    languageIds: {
+      ...languageIds,
+      ...icon.languageIds?.reduce((a, c) => ({ ...a, [c]: name }), {}),
+    },
+    fileExtensions: {
+      ...fileExtensions,
+      ...icon.fileExtensions?.reduce((a, c) => ({ ...a, [c]: name }), {}),
+    },
+    fileNames: {
+      ...fileNames,
+      ...icon.fileNames?.reduce((a, c) => ({ ...a, [c]: name }), {}),
+    },
+  }),
+  {
+    languageIds: {},
+    fileExtensions: {},
+    fileNames: {},
+  },
+)
+
+export { languageIds, fileExtensions, fileNames }

src/defaults/folderIcons.ts

@@ -1,6 +1,6 @@
-import type { FolderIcons } from '~/types'
-
-export const folderIcons: FolderIcons = {
+const folderIcons: Record<string, {
+  folderNames?: Array<string>
+}> = {
   'admin': {
     folderNames: [
       'admin',
@@ -608,3 +608,17 @@ export const folderIcons: FolderIcons = {
     ],
   },
 }
+
+const { folderNames } = Object.entries(folderIcons).reduce(
+  ({ folderNames }, [name, icon]) => ({
+    folderNames: {
+      ...folderNames,
+      ...icon.folderNames?.reduce((a, c) => ({ ...a, [c]: `folder_${name}` }), {}),
+    },
+  }),
+  {
+    folderNames: {},
+  },
+)
+
+export { folderNames }

src/defaults/index.ts

@@ -1,13 +1,15 @@
-import { baseIcons } from './baseIcons'
-import { fileIcons } from './fileIcons'
-import { folderIcons } from './folderIcons'
-import { options } from './options'
+import { fileExtensions, fileNames, languageIds } from './fileIcons'
+import { folderNames } from './folderIcons'
+import type { Config } from '~/types'
 
-import type { Theme } from '~/types'
-
-export const defaults: Theme = {
-  ...options,
-  ...baseIcons,
-  fileIcons,
-  folderIcons,
+export const defaultConfig: Config = {
+  hidesExplorerArrows: false,
+  specificFolders: true,
+  associations: {
+    languageIds,
+    fileExtensions,
+    fileNames,
+    folderNames,
+  },
+  monochrome: false,
 }

src/hooks/configuration.ts

@@ -0,0 +1,21 @@
+import { ConfigurationTarget, workspace } from 'vscode'
+import type { Config } from '~/types'
+
+export function getConfig(): Partial<Config> {
+  const config = workspace.getConfiguration('catppuccin-icons')
+
+  return {
+    hidesExplorerArrows: config.get('hidesExplorerArrows'),
+    specificFolders: config.get('specificFolders'),
+    associations: config.get('associations'),
+    monochrome: config.get('monochrome'),
+  }
+}
+
+export async function resetConfig() {
+  const config = workspace.getConfiguration('catppuccin-icons')
+  await config.update('hidesExplorerArrows', undefined, ConfigurationTarget.Global)
+  await config.update('specificFolders', undefined, ConfigurationTarget.Global)
+  await config.update('associations', undefined, ConfigurationTarget.Global)
+  await config.update('monochrome', undefined, ConfigurationTarget.Global)
+}

src/hooks/iconDefinitions.ts

@@ -0,0 +1,8 @@
+import { Uri, workspace } from 'vscode'
+import type { ExtensionContext } from 'vscode'
+import type { IconDefinitions } from '~/types'
+
+export async function getIconDefinitions(context: ExtensionContext) {
+  const path = Uri.joinPath(context.extensionUri, 'dist', 'iconDefinitions.json')
+  return workspace.fs.readFile(path).then(f => JSON.parse(f.toString()) as IconDefinitions)
+}

src/utils/vscode.ts → src/hooks/interactions.ts

@@ -1,42 +1,18 @@
-/**
- * Functions to interact with VSCode window/workspace
- */
 import { Buffer } from 'node:buffer'
-import type { ExtensionContext, Uri } from 'vscode'
-import { commands, window, workspace } from 'vscode'
-import { flagPath } from './paths'
-import type { Config } from '~/types'
-
-export async function writeFile(uri: Uri, content: unknown) {
-  return workspace.fs
-    .writeFile(uri, Buffer.from(JSON.stringify(content, null, 2)))
-    .then(
-      () => {},
-      (error: Error) => {
-        window.showErrorMessage(error.message)
-      },
-    )
-}
+import { Uri, commands, window, workspace } from 'vscode'
+import type { ExtensionContext } from 'vscode'
 
 export async function promptToReload() {
   const message = `Catppuccin Icons: Theme changed - Reload required.`
   const action = 'Reload window'
-  await window.showInformationMessage(message, action).then(async (selectedAction) => {
+  return window.showInformationMessage(message, action).then(async (selectedAction) => {
     if (selectedAction === action)
       commands.executeCommand('workbench.action.reloadWindow')
   })
 };
 
-export function getConfiguration(): Config {
-  const config = workspace.getConfiguration('catppuccin-icons')
-
-  return {
-    hidesExplorerArrows: config.get('hidesExplorerArrows', false),
-  }
-}
-
 export async function isFreshInstall(context: ExtensionContext) {
-  const flag = flagPath(context)
+  const flag = Uri.joinPath(context.extensionUri, 'dist', '.flag')
   return await workspace.fs.stat(flag).then(
     () => false,
     () => workspace.fs.writeFile(flag, Buffer.from('')).then(
@@ -45,3 +21,14 @@ export async function isFreshInstall(context: ExtensionContext) {
     ),
   )
 }
+
+export async function writeJsonFile(uri: Uri, content: unknown) {
+  return workspace.fs
+    .writeFile(uri, Buffer.from(JSON.stringify(content, null, 2)))
+    .then(
+      () => {},
+      (error: Error) => {
+        window.showErrorMessage(error.message)
+      },
+    )
+}

src/hooks/paths.ts

@@ -0,0 +1,34 @@
+import { Uri } from 'vscode'
+import type { ExtensionContext } from 'vscode'
+import type { ThemePaths } from '~/types'
+
+function getRootPath(context: ExtensionContext) {
+  return Uri.joinPath(context.extensionUri, 'dist')
+}
+
+export function getFlagPath(context: ExtensionContext) {
+  const root = getRootPath(context)
+  return Uri.joinPath(root, '.flag')
+}
+
+export function getThemePaths(context: ExtensionContext): ThemePaths {
+  const root = getRootPath(context)
+  return {
+    frappe: {
+      icons: Uri.joinPath(root, 'latte', 'icons'),
+      theme: Uri.joinPath(root, 'latte', 'theme.json'),
+    },
+    latte: {
+      icons: Uri.joinPath(root, 'latte', 'icons'),
+      theme: Uri.joinPath(root, 'latte', 'theme.json'),
+    },
+    macchiato: {
+      icons: Uri.joinPath(root, 'macchiato', 'icons'),
+      theme: Uri.joinPath(root, 'macchiato', 'theme.json'),
+    },
+    mocha: {
+      icons: Uri.joinPath(root, 'mocha', 'icons'),
+      theme: Uri.joinPath(root, 'mocha', 'theme.json'),
+    },
+  }
+}