material-icon-theme 4.23.1 → 4.25.0

package/src/commands/iconPacks.ts

@@ -1,64 +1,64 @@
-import { QuickPickItem, window as codeWindow } from 'vscode';
-import { getMaterialIconsJSON, setThemeConfig, toTitleCase } from '../helpers';
-import { translate } from '../i18n';
-import { IconPack } from '../models';
-
-/** Command to toggle the icons packs */
-export const toggleIconPacks = async () => {
-  try {
-    const activeIconPack = getActiveIconPack();
-    const response = await showQuickPickItems(activeIconPack);
-    if (response) {
-      handleQuickPickActions(response);
-    }
-  } catch (error) {
-    console.error(error);
-  }
-};
-
-/** Show QuickPick items to select preferred configuration for the icon packs. */
-const showQuickPickItems = (activePack: string) => {
-  const packs = [...getAllIconPacks().sort(), 'none'];
-  const options = packs.map((pack): QuickPickItem => {
-    const packLabel = toTitleCase(pack.replace('_', ' + '));
-    const active = isPackActive(activePack, pack);
-    const iconPacksDeactivated = pack === 'none' && activePack === '';
-
-    return {
-      description: packLabel,
-      detail: translate(
-        `iconPacks.${pack === 'none' ? 'disabled' : 'description'}`,
-        packLabel
-      ),
-      label: iconPacksDeactivated ? '\u2714' : active ? '\u2714' : '\u25FB',
-    };
-  });
-
-  return codeWindow.showQuickPick(options, {
-    placeHolder: translate('iconPacks.selectPack'),
-    ignoreFocusOut: false,
-    matchOnDescription: true,
-    matchOnDetail: true,
-  });
-};
-
-/** Handle the actions from the QuickPick. */
-const handleQuickPickActions = (value: QuickPickItem) => {
-  if (!value || !value.description) return;
-  const decision = value.description.replace(' + ', '_').toLowerCase();
-
-  setThemeConfig('activeIconPack', decision === 'none' ? '' : decision, true);
-};
-
-const getActiveIconPack = (): string => {
-  return getMaterialIconsJSON()?.options?.activeIconPack ?? '';
-};
-
-/** Get all packs that can be used in this icon theme. */
-export const getAllIconPacks = (): string[] => {
-  return Object.values(IconPack).map((p) => p.toLowerCase());
-};
-
-const isPackActive = (activePack: string, pack: string) => {
-  return activePack.toLowerCase() === pack.toLowerCase();
-};
+import { QuickPickItem, window as codeWindow } from 'vscode';
+import { getMaterialIconsJSON, setThemeConfig, toTitleCase } from '../helpers';
+import { translate } from '../i18n';
+import { IconPack } from '../models';
+
+/** Command to toggle the icons packs */
+export const toggleIconPacks = async () => {
+  try {
+    const activeIconPack = getActiveIconPack();
+    const response = await showQuickPickItems(activeIconPack);
+    if (response) {
+      handleQuickPickActions(response);
+    }
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+/** Show QuickPick items to select preferred configuration for the icon packs. */
+const showQuickPickItems = (activePack: string) => {
+  const packs = [...getAllIconPacks().sort(), 'none'];
+  const options = packs.map((pack): QuickPickItem => {
+    const packLabel = toTitleCase(pack.replace('_', ' + '));
+    const active = isPackActive(activePack, pack);
+    const iconPacksDeactivated = pack === 'none' && activePack === '';
+
+    return {
+      description: packLabel,
+      detail: translate(
+        `iconPacks.${pack === 'none' ? 'disabled' : 'description'}`,
+        packLabel
+      ),
+      label: iconPacksDeactivated ? '\u2714' : active ? '\u2714' : '\u25FB',
+    };
+  });
+
+  return codeWindow.showQuickPick(options, {
+    placeHolder: translate('iconPacks.selectPack'),
+    ignoreFocusOut: false,
+    matchOnDescription: true,
+    matchOnDetail: true,
+  });
+};
+
+/** Handle the actions from the QuickPick. */
+const handleQuickPickActions = (value: QuickPickItem) => {
+  if (!value || !value.description) return;
+  const decision = value.description.replace(' + ', '_').toLowerCase();
+
+  setThemeConfig('activeIconPack', decision === 'none' ? '' : decision, true);
+};
+
+const getActiveIconPack = (): string => {
+  return getMaterialIconsJSON()?.options?.activeIconPack ?? '';
+};
+
+/** Get all packs that can be used in this icon theme. */
+export const getAllIconPacks = (): string[] => {
+  return Object.values(IconPack).map((p) => p.toLowerCase());
+};
+
+const isPackActive = (activePack: string, pack: string) => {
+  return activePack.toLowerCase() === pack.toLowerCase();
+};

package/src/commands/index.ts

@@ -1,30 +1,30 @@
-import { commands } from 'vscode';
-import { activateIcons } from './activate';
-import { toggleExplorerArrows } from './explorerArrows';
-import { changeFolderColor } from './folderColor';
-import { changeFolderTheme } from './folders';
-import { toggleGrayscale } from './grayscale';
-import { toggleIconPacks } from './iconPacks';
-import { changeOpacity } from './opacity';
-import { restoreDefaultConfig } from './restoreConfig';
-import { changeSaturation } from './saturation';
-
-const extensionCommands: { [commmand: string]: () => Promise<void> } = {
-  activateIcons,
-  toggleIconPacks,
-  changeFolderTheme,
-  changeFolderColor,
-  restoreDefaultConfig,
-  toggleExplorerArrows,
-  changeOpacity,
-  toggleGrayscale,
-  changeSaturation,
-};
-
-export const registered = Object.keys(extensionCommands).map((commandName) => {
-  const callCommand = () => extensionCommands[commandName]();
-  return commands.registerCommand(
-    `material-icon-theme.${commandName}`,
-    callCommand
-  );
-});
+import { commands } from 'vscode';
+import { activateIcons } from './activate';
+import { toggleExplorerArrows } from './explorerArrows';
+import { changeFolderColor } from './folderColor';
+import { changeFolderTheme } from './folders';
+import { toggleGrayscale } from './grayscale';
+import { toggleIconPacks } from './iconPacks';
+import { changeOpacity } from './opacity';
+import { restoreDefaultConfig } from './restoreConfig';
+import { changeSaturation } from './saturation';
+
+const extensionCommands: { [commmand: string]: () => Promise<void> } = {
+  activateIcons,
+  toggleIconPacks,
+  changeFolderTheme,
+  changeFolderColor,
+  restoreDefaultConfig,
+  toggleExplorerArrows,
+  changeOpacity,
+  toggleGrayscale,
+  changeSaturation,
+};
+
+export const registered = Object.keys(extensionCommands).map((commandName) => {
+  const callCommand = () => extensionCommands[commandName]();
+  return commands.registerCommand(
+    `material-icon-theme.${commandName}`,
+    callCommand
+  );
+});

package/src/commands/opacity.ts

@@ -1,46 +1,46 @@
-import { window as codeWindow } from 'vscode';
-import { getMaterialIconsJSON, setThemeConfig } from '../helpers';
-import { translate } from '../i18n';
-import { getDefaultIconOptions, validateOpacityValue } from '../icons';
-
-/** Command to toggle the folder icons. */
-export const changeOpacity = async () => {
-  try {
-    const currentOpacityValue = getCurrentOpacityValue();
-    const response = await showInput(currentOpacityValue);
-    if (response) {
-      await setOpacityConfig(+response);
-    }
-  } catch (error) {
-    console.error(error);
-  }
-};
-
-/** Show input to enter the opacity value. */
-const showInput = (opacity: number) => {
-  return codeWindow.showInputBox({
-    placeHolder: translate('opacity.inputPlaceholder'),
-    ignoreFocusOut: true,
-    value: opacity.toString(),
-    validateInput: validateOpacityInput,
-  });
-};
-
-/** Validate the opacity value which was inserted by the user. */
-const validateOpacityInput = (opacityInput: string) => {
-  if (!validateOpacityValue(+opacityInput)) {
-    return translate('opacity.wrongValue');
-  }
-  return undefined;
-};
-
-/** Get the current value of the opacity of the icons. */
-export const getCurrentOpacityValue = (): number => {
-  const defaultOptions = getDefaultIconOptions();
-  const config = getMaterialIconsJSON();
-  return config?.options?.opacity ?? defaultOptions.opacity;
-};
-
-const setOpacityConfig = (opacity: number) => {
-  return setThemeConfig('opacity', opacity, true);
-};
+import { window as codeWindow } from 'vscode';
+import { getMaterialIconsJSON, setThemeConfig } from '../helpers';
+import { translate } from '../i18n';
+import { getDefaultIconOptions, validateOpacityValue } from '../icons';
+
+/** Command to toggle the folder icons. */
+export const changeOpacity = async () => {
+  try {
+    const currentOpacityValue = getCurrentOpacityValue();
+    const response = await showInput(currentOpacityValue);
+    if (response) {
+      await setOpacityConfig(+response);
+    }
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+/** Show input to enter the opacity value. */
+const showInput = (opacity: number) => {
+  return codeWindow.showInputBox({
+    placeHolder: translate('opacity.inputPlaceholder'),
+    ignoreFocusOut: true,
+    value: opacity.toString(),
+    validateInput: validateOpacityInput,
+  });
+};
+
+/** Validate the opacity value which was inserted by the user. */
+const validateOpacityInput = (opacityInput: string) => {
+  if (!validateOpacityValue(+opacityInput)) {
+    return translate('opacity.wrongValue');
+  }
+  return undefined;
+};
+
+/** Get the current value of the opacity of the icons. */
+export const getCurrentOpacityValue = (): number => {
+  const defaultOptions = getDefaultIconOptions();
+  const config = getMaterialIconsJSON();
+  return config?.options?.opacity ?? defaultOptions.opacity;
+};
+
+const setOpacityConfig = (opacity: number) => {
+  return setThemeConfig('opacity', opacity, true);
+};

package/src/commands/saturation.ts

@@ -1,46 +1,46 @@
-import { window as codeWindow } from 'vscode';
-import { getMaterialIconsJSON, setThemeConfig } from '../helpers';
-import { translate } from '../i18n';
-import { getDefaultIconOptions, validateSaturationValue } from '../icons';
-
-/** Command to toggle the folder icons. */
-export const changeSaturation = async () => {
-  try {
-    const currentSaturationValue = getCurrentSaturationValue();
-    const response = await showInput(currentSaturationValue);
-    if (response) {
-      await setSaturationConfig(+response);
-    }
-  } catch (error) {
-    console.error(error);
-  }
-};
-
-/** Show input to enter the saturation value. */
-const showInput = (saturation: number) => {
-  return codeWindow.showInputBox({
-    placeHolder: translate('saturation.inputPlaceholder'),
-    ignoreFocusOut: true,
-    value: saturation.toString(),
-    validateInput: validateSaturationInput,
-  });
-};
-
-/** Validate the saturation value which was inserted by the user. */
-const validateSaturationInput = (saturationInput: string) => {
-  if (!validateSaturationValue(+saturationInput)) {
-    return translate('saturation.wrongValue');
-  }
-  return undefined;
-};
-
-/** Get the current value of the saturation of the icons. */
-export const getCurrentSaturationValue = (): number => {
-  const defaultOptions = getDefaultIconOptions();
-  const config = getMaterialIconsJSON();
-  return config?.options?.saturation ?? defaultOptions.saturation;
-};
-
-const setSaturationConfig = (saturation: number) => {
-  return setThemeConfig('saturation', saturation, true);
-};
+import { window as codeWindow } from 'vscode';
+import { getMaterialIconsJSON, setThemeConfig } from '../helpers';
+import { translate } from '../i18n';
+import { getDefaultIconOptions, validateSaturationValue } from '../icons';
+
+/** Command to toggle the folder icons. */
+export const changeSaturation = async () => {
+  try {
+    const currentSaturationValue = getCurrentSaturationValue();
+    const response = await showInput(currentSaturationValue);
+    if (response) {
+      await setSaturationConfig(+response);
+    }
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+/** Show input to enter the saturation value. */
+const showInput = (saturation: number) => {
+  return codeWindow.showInputBox({
+    placeHolder: translate('saturation.inputPlaceholder'),
+    ignoreFocusOut: true,
+    value: saturation.toString(),
+    validateInput: validateSaturationInput,
+  });
+};
+
+/** Validate the saturation value which was inserted by the user. */
+const validateSaturationInput = (saturationInput: string) => {
+  if (!validateSaturationValue(+saturationInput)) {
+    return translate('saturation.wrongValue');
+  }
+  return undefined;
+};
+
+/** Get the current value of the saturation of the icons. */
+export const getCurrentSaturationValue = (): number => {
+  const defaultOptions = getDefaultIconOptions();
+  const config = getMaterialIconsJSON();
+  return config?.options?.saturation ?? defaultOptions.saturation;
+};
+
+const setSaturationConfig = (saturation: number) => {
+  return setThemeConfig('saturation', saturation, true);
+};

package/src/extension.ts

@@ -1,37 +1,37 @@
-'use strict';
-
-import { ExtensionContext, window as codeWindow, workspace } from 'vscode';
-import { registered } from './commands';
-import { detectConfigChanges } from './helpers/changeDetection';
-import { initTranslations } from './i18n';
-
-/**
- * This method is called when the extension is activated.
- * It initializes the core functionality of the extension.
- */
-export const activate = async (context: ExtensionContext) => {
-  try {
-    await initTranslations();
-
-    // Subscribe to the extension commands
-    context.subscriptions.push(...registered);
-
-    // Initially trigger the config change detection
-    detectConfigChanges();
-
-    // Observe changes in the config
-    workspace.onDidChangeConfiguration(detectConfigChanges);
-
-    // Observe if the window got focused to trigger config changes
-    codeWindow.onDidChangeWindowState((state) => {
-      if (state.focused) {
-        detectConfigChanges();
-      }
-    });
-  } catch (error) {
-    console.error(error);
-  }
-};
-
-/** This method is called when the extension is deactivated */
-export const deactivate = () => {};
+'use strict';
+
+import { ExtensionContext, window as codeWindow, workspace } from 'vscode';
+import { registered } from './commands';
+import { detectConfigChanges } from './helpers/changeDetection';
+import { initTranslations } from './i18n';
+
+/**
+ * This method is called when the extension is activated.
+ * It initializes the core functionality of the extension.
+ */
+export const activate = async (context: ExtensionContext) => {
+  try {
+    await initTranslations();
+
+    // Subscribe to the extension commands
+    context.subscriptions.push(...registered);
+
+    // Initially trigger the config change detection
+    detectConfigChanges();
+
+    // Observe changes in the config
+    workspace.onDidChangeConfiguration(detectConfigChanges);
+
+    // Observe if the window got focused to trigger config changes
+    codeWindow.onDidChangeWindowState((state) => {
+      if (state.focused) {
+        detectConfigChanges();
+      }
+    });
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+/** This method is called when the extension is deactivated */
+export const deactivate = () => {};

package/src/helpers/customIcons.ts

@@ -1,8 +1,8 @@
-import { dirname, join } from 'path';
-import { IconJsonOptions } from '../models';
-
-export const getCustomIconPaths = (options: IconJsonOptions) => {
-  return Object.values(options?.files?.associations ?? {})
-    .filter((v) => v.match(/^[.\/]+/)) // <- custom dirs have a relative path to the dist folder
-    .map((v) => dirname(join(__dirname, v)));
-};
+import { dirname, join } from 'path';
+import { IconJsonOptions } from '../models';
+
+export const getCustomIconPaths = (options: IconJsonOptions) => {
+  return Object.values(options?.files?.associations ?? {})
+    .filter((v) => v.match(/^[.\/]+/)) // <- custom dirs have a relative path to the dist folder
+    .map((v) => dirname(join(__dirname, v)));
+};

package/src/helpers/index.ts

@@ -1,88 +1,88 @@
-import { readFileSync } from 'fs';
-import { join } from 'path';
-import { extensions, workspace } from 'vscode';
-import { iconJsonName } from '../icons/index';
-import { IconConfiguration } from '../models/index';
-
-/** Get configuration of vs code. */
-export const getConfig = (section?: string) => {
-  return workspace.getConfiguration(section);
-};
-
-/** Get list of configuration entries of package.json */
-export const getConfigProperties = (): { [config: string]: unknown } => {
-  return extensions.getExtension('PKief.material-icon-theme')?.packageJSON
-    ?.contributes?.configuration?.properties;
-};
-
-/** Update configuration of vs code. */
-export const setConfig = (
-  section: string,
-  value: any,
-  global: boolean = false
-) => {
-  return getConfig().update(section, value, global);
-};
-
-export const getThemeConfig = (section: string) => {
-  return getConfig('material-icon-theme').inspect(section);
-};
-
-/** Set the config of the theme. */
-export const setThemeConfig = (
-  section: string,
-  value: any,
-  global: boolean = false
-) => {
-  return getConfig('material-icon-theme').update(section, value, global);
-};
-
-/**
- * Checks if the theme is the active icon theme
- * @param{boolean} global false by default
- */
-export const isThemeActivated = (global: boolean = false): boolean => {
-  return global
-    ? getConfig().inspect('workbench.iconTheme')?.globalValue ===
-        'material-icon-theme'
-    : getConfig().inspect('workbench.iconTheme')?.workspaceValue ===
-        'material-icon-theme';
-};
-
-/** Checks if the theme is not the active icon theme */
-export const isThemeNotVisible = (): boolean => {
-  const config = getConfig().inspect('workbench.iconTheme');
-  return (
-    (!isThemeActivated(true) && !config?.workspaceValue) || // no workspace and not global
-    (!isThemeActivated() && !!config?.workspaceValue)
-  );
-};
-
-/** Return the path of the extension in the file system. */
-const getExtensionPath = () =>
-  extensions.getExtension('PKief.material-icon-theme')?.extensionPath ?? '';
-
-/** Get the configuration of the icons as JSON Object */
-export const getMaterialIconsJSON = (): IconConfiguration => {
-  const iconJSONPath = join(getExtensionPath(), 'dist', iconJsonName);
-
-  try {
-    const data = readFileSync(iconJSONPath, 'utf8');
-    return JSON.parse(data);
-  } catch (error) {
-    console.error(error);
-    return {};
-  }
-};
-
-/** Capitalize the first letter of a string */
-export const capitalizeFirstLetter = (name: string): string =>
-  name.charAt(0).toUpperCase() + name.slice(1);
-
-/** TitleCase all words in a string */
-export const toTitleCase = (value: string) => {
-  return value.replace(
-    /\w\S*/g,
-    (text) => text.charAt(0).toUpperCase() + text.substr(1).toLowerCase()
-  );
-};
+import { readFileSync } from 'fs';
+import { join } from 'path';
+import { extensions, workspace } from 'vscode';
+import { iconJsonName } from '../icons/index';
+import { IconConfiguration } from '../models/index';
+
+/** Get configuration of vs code. */
+export const getConfig = (section?: string) => {
+  return workspace.getConfiguration(section);
+};
+
+/** Get list of configuration entries of package.json */
+export const getConfigProperties = (): { [config: string]: unknown } => {
+  return extensions.getExtension('PKief.material-icon-theme')?.packageJSON
+    ?.contributes?.configuration?.properties;
+};
+
+/** Update configuration of vs code. */
+export const setConfig = (
+  section: string,
+  value: any,
+  global: boolean = false
+) => {
+  return getConfig().update(section, value, global);
+};
+
+export const getThemeConfig = (section: string) => {
+  return getConfig('material-icon-theme').inspect(section);
+};
+
+/** Set the config of the theme. */
+export const setThemeConfig = (
+  section: string,
+  value: any,
+  global: boolean = false
+) => {
+  return getConfig('material-icon-theme').update(section, value, global);
+};
+
+/**
+ * Checks if the theme is the active icon theme
+ * @param{boolean} global false by default
+ */
+export const isThemeActivated = (global: boolean = false): boolean => {
+  return global
+    ? getConfig().inspect('workbench.iconTheme')?.globalValue ===
+        'material-icon-theme'
+    : getConfig().inspect('workbench.iconTheme')?.workspaceValue ===
+        'material-icon-theme';
+};
+
+/** Checks if the theme is not the active icon theme */
+export const isThemeNotVisible = (): boolean => {
+  const config = getConfig().inspect('workbench.iconTheme');
+  return (
+    (!isThemeActivated(true) && !config?.workspaceValue) || // no workspace and not global
+    (!isThemeActivated() && !!config?.workspaceValue)
+  );
+};
+
+/** Return the path of the extension in the file system. */
+const getExtensionPath = () =>
+  extensions.getExtension('PKief.material-icon-theme')?.extensionPath ?? '';
+
+/** Get the configuration of the icons as JSON Object */
+export const getMaterialIconsJSON = (): IconConfiguration => {
+  const iconJSONPath = join(getExtensionPath(), 'dist', iconJsonName);
+
+  try {
+    const data = readFileSync(iconJSONPath, 'utf8');
+    return JSON.parse(data);
+  } catch (error) {
+    console.error(error);
+    return {};
+  }
+};
+
+/** Capitalize the first letter of a string */
+export const capitalizeFirstLetter = (name: string): string =>
+  name.charAt(0).toUpperCase() + name.slice(1);
+
+/** TitleCase all words in a string */
+export const toTitleCase = (value: string) => {
+  return value.replace(
+    /\w\S*/g,
+    (text) => text.charAt(0).toUpperCase() + text.substr(1).toLowerCase()
+  );
+};