material-icon-theme 4.23.0 → 4.23.1

package/src/commands/grayscale.ts

@@ -1,55 +1,55 @@
-import { QuickPickItem, window as codeWindow } from 'vscode';
-import { getMaterialIconsJSON, setThemeConfig } from '../helpers';
-import { translate } from '../i18n';
-
-/** Command to toggle grayscale. */
-export const toggleGrayscale = async () => {
-  try {
-    const status = checkGrayscaleStatus();
-    const response = await showQuickPickItems(status);
-    if (response) {
-      handleQuickPickActions(response);
-    }
-  } catch (error) {
-    console.error(error);
-  }
-};
-
-/** Show QuickPick items to select preferred configuration for grayscale icons. */
-const showQuickPickItems = (status: boolean) => {
-  const on: QuickPickItem = {
-    description: translate('toggleSwitch.on'),
-    detail: translate('grayscale.enable'),
-    label: status ? '\u2714' : '\u25FB',
-  };
-  const off: QuickPickItem = {
-    description: translate('toggleSwitch.off'),
-    detail: translate('grayscale.disable'),
-    label: !status ? '\u2714' : '\u25FB',
-  };
-  return codeWindow.showQuickPick([on, off], {
-    placeHolder: translate('grayscale.toggle'),
-    ignoreFocusOut: false,
-    matchOnDescription: true,
-  });
-};
-
-/** Handle the actions from the QuickPick. */
-const handleQuickPickActions = (value: QuickPickItem) => {
-  if (!value || !value.description) return;
-  switch (value.description) {
-    case translate('toggleSwitch.on'): {
-      return setThemeConfig('saturation', 0, true);
-    }
-    case translate('toggleSwitch.off'): {
-      return setThemeConfig('saturation', 1, true);
-    }
-    default:
-      return;
-  }
-};
-
-/** Is grayscale icons enabled? */
-export const checkGrayscaleStatus = (): boolean => {
-  return getMaterialIconsJSON()?.options?.saturation === 0;
-};
+import { QuickPickItem, window as codeWindow } from 'vscode';
+import { getMaterialIconsJSON, setThemeConfig } from '../helpers';
+import { translate } from '../i18n';
+
+/** Command to toggle grayscale. */
+export const toggleGrayscale = async () => {
+  try {
+    const status = checkGrayscaleStatus();
+    const response = await showQuickPickItems(status);
+    if (response) {
+      handleQuickPickActions(response);
+    }
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+/** Show QuickPick items to select preferred configuration for grayscale icons. */
+const showQuickPickItems = (status: boolean) => {
+  const on: QuickPickItem = {
+    description: translate('toggleSwitch.on'),
+    detail: translate('grayscale.enable'),
+    label: status ? '\u2714' : '\u25FB',
+  };
+  const off: QuickPickItem = {
+    description: translate('toggleSwitch.off'),
+    detail: translate('grayscale.disable'),
+    label: !status ? '\u2714' : '\u25FB',
+  };
+  return codeWindow.showQuickPick([on, off], {
+    placeHolder: translate('grayscale.toggle'),
+    ignoreFocusOut: false,
+    matchOnDescription: true,
+  });
+};
+
+/** Handle the actions from the QuickPick. */
+const handleQuickPickActions = (value: QuickPickItem) => {
+  if (!value || !value.description) return;
+  switch (value.description) {
+    case translate('toggleSwitch.on'): {
+      return setThemeConfig('saturation', 0, true);
+    }
+    case translate('toggleSwitch.off'): {
+      return setThemeConfig('saturation', 1, true);
+    }
+    default:
+      return;
+  }
+};
+
+/** Is grayscale icons enabled? */
+export const checkGrayscaleStatus = (): boolean => {
+  return getMaterialIconsJSON()?.options?.saturation === 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)));
+};