material-icon-theme 4.25.0 → 4.27.0

package/package.nls.zh-CN.json

@@ -1,29 +0,0 @@
-{
-  "command.activateIcons": "Material Icons: 激活Material Icons文件图标主题",
-  "command.toggleIconPacks": "Material Icons: 选择一个图标包",
-  "command.changeFolderTheme": "Material Icons: 切换文件夹图标",
-  "command.changeFolderColor": "Material Icons: 更改文件夹颜色",
-  "command.restoreDefaultConfig": "Material Icons: 恢复默认设置",
-  "command.toggleExplorerArrows": "Material Icons: 隐藏文件夹箭头",
-  "command.changeOpacity": "Material Icons: 改变不透明度",
-  "configuration.title": "Material Icons",
-  "configuration.files.associations": "设置自定义文件图标关联。",
-  "configuration.folders.associations": "设置自定义文件夹图标关联。",
-  "configuration.languages.associations": "定义自定义语言映射的图标。",
-  "configuration.activeIconPack": "选择一个图标包。",
-  "configuration.activeIconPack.angular": "Angular的图标。",
-  "configuration.activeIconPack.angular_ngrx": "Angular和ngrx的图标。",
-  "configuration.activeIconPack.react": "React的图标。",
-  "configuration.activeIconPack.react_redux": "React和Redux的图标。",
-  "configuration.activeIconPack.vue": "Vue的图标。",
-  "configuration.activeIconPack.vue_vuex": "Vue和Vuex的图标。",
-  "configuration.activeIconPack.nest": "NestJS的图标。",
-  "configuration.activeIconPack.none": "没有启用图标包。",
-  "configuration.folders.theme": "设置文件夹图标的类型。",
-  "configuration.folders.theme.specific": "选择特定文件夹图标。",
-  "configuration.folders.theme.classic": "选择经典文件夹图标。",
-  "configuration.folders.theme.none": "没有文件夹图标。",
-  "configuration.folders.color": "更改文件夹图标的颜色。",
-  "configuration.hidesExplorerArrows": "隐藏该文件夹旁边的箭头。",
-  "configuration.opacity": "更改图标的透明度。"
-}

package/package.nls.zh-TW.json

@@ -1,29 +0,0 @@
-{
-  "command.activateIcons": "Material Icons: 激活Material Icons文件圖標主題",
-  "command.toggleIconPacks": "Material Icons: 選擇一個圖標包",
-  "command.changeFolderTheme": "Material Icons: 切換文件夾圖標",
-  "command.changeFolderColor": "Material Icons: 更改文件夾顏色",
-  "command.restoreDefaultConfig": "Material Icons: 恢復默認設置",
-  "command.toggleExplorerArrows": "Material Icons: 隱藏文件夾箭頭",
-  "command.changeOpacity": "Material Icons: 改變不透明度",
-  "configuration.title": "Material Icons",
-  "configuration.files.associations": "設置自定義文件圖標關聯。",
-  "configuration.folders.associations": "設置自定義文件夾圖標關聯。",
-  "configuration.languages.associations": "定義自定義語言映射的圖標。",
-  "configuration.activeIconPack": "選擇一個圖標包。",
-  "configuration.activeIconPack.angular": "Angular的圖標。",
-  "configuration.activeIconPack.angular_ngrx": "Angular和ngrx的圖標。",
-  "configuration.activeIconPack.react": "React的圖標。",
-  "configuration.activeIconPack.react_redux": "React和Redux的圖標。",
-  "configuration.activeIconPack.vue": "Vue的圖標。",
-  "configuration.activeIconPack.vue_vuex": "Vue和Vuex的圖標。",
-  "configuration.activeIconPack.nest": "NestJS的圖標。",
-  "configuration.activeIconPack.none": "沒有啟用圖標包。",
-  "configuration.folders.theme": "設置文件夾圖標的類型。",
-  "configuration.folders.theme.specific": "選擇特定文件夾圖標。",
-  "configuration.folders.theme.classic": "選擇經典文件夾圖標。",
-  "configuration.folders.theme.none": "沒有文件夾圖標。",
-  "configuration.folders.color": "更改文件夾圖標的顏色。",
-  "configuration.hidesExplorerArrows": "隱藏該文件夾旁邊的箭頭。",
-  "configuration.opacity": "更改圖標的透明度。"
-}

package/src/commands/activate.ts

@@ -1,28 +0,0 @@
-import { window as codeWindow } from 'vscode';
-import { getConfig } from '../helpers';
-import { translate } from '../i18n';
-
-/** Activate the icon theme by changing the settings for the iconTheme. */
-export const activateIcons = () => {
-  return setIconTheme();
-};
-
-/** Set the icon theme in the config. */
-const setIconTheme = async () => {
-  // global user config
-  try {
-    await getConfig().update(
-      'workbench.iconTheme',
-      'material-icon-theme',
-      true
-    );
-
-    // local workspace config
-    if (getConfig().inspect('workbench.iconTheme')?.workspaceValue) {
-      getConfig().update('workbench.iconTheme', 'material-icon-theme');
-    }
-    codeWindow.showInformationMessage(translate('activated'));
-  } catch (error) {
-    console.error(error);
-  }
-};

package/src/commands/explorerArrows.ts

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

package/src/commands/folderColor.ts

@@ -1,96 +0,0 @@
-import { QuickPickItem, window as codeWindow } from 'vscode';
-import { getMaterialIconsJSON, setThemeConfig } from '../helpers';
-import { translate } from '../i18n';
-import { getDefaultIconOptions, validateHEXColorCode } from '../icons';
-
-interface FolderColor {
-  label: string;
-  hex: string;
-}
-
-const iconPalette: FolderColor[] = [
-  { label: 'Grey (Default)', hex: '#90a4ae' },
-  { label: 'Blue', hex: '#42a5f5' },
-  { label: 'Green', hex: '#7CB342' },
-  { label: 'Teal', hex: '#26A69A' },
-  { label: 'Red', hex: '#EF5350' },
-  { label: 'Orange', hex: '#FF7043' },
-  { label: 'Yellow', hex: '#FDD835' },
-  { label: 'Custom Color', hex: 'Custom HEX Code' },
-];
-
-/** Command to toggle the folder icons. */
-export const changeFolderColor = async () => {
-  try {
-    const status = checkFolderColorStatus();
-    const response = await showQuickPickItems(status);
-    if (response) {
-      handleQuickPickActions(response);
-    }
-  } catch (error) {
-    console.error(error);
-  }
-};
-
-/** Show QuickPick items to select preferred color for the folder icons. */
-const showQuickPickItems = (currentColor: string) => {
-  const options = iconPalette.map(
-    (color): QuickPickItem => ({
-      description: color.label,
-      label: isColorActive(color, currentColor) ? '\u2714' : '\u25FB',
-    })
-  );
-
-  return codeWindow.showQuickPick(options, {
-    placeHolder: translate('folders.color'),
-    ignoreFocusOut: false,
-    matchOnDescription: true,
-  });
-};
-
-/** Handle the actions from the QuickPick. */
-const handleQuickPickActions = async (value: QuickPickItem) => {
-  if (!value || !value.description) return;
-  if (value.description === 'Custom Color') {
-    const value = await codeWindow.showInputBox({
-      placeHolder: translate('folders.hexCode'),
-      ignoreFocusOut: true,
-      validateInput: validateColorInput,
-    });
-    if (value) {
-      setColorConfig(value);
-    }
-  } else {
-    const hexCode = iconPalette.find((c) => c.label === value.description)?.hex;
-    if (hexCode) {
-      setColorConfig(hexCode);
-    }
-  }
-};
-
-const validateColorInput = (colorInput: string) => {
-  if (!validateHEXColorCode(colorInput)) {
-    return translate('folders.wrongHexCode');
-  }
-  return undefined;
-};
-
-/** Check status of the folder color */
-export const checkFolderColorStatus = (): string => {
-  const defaultOptions = getDefaultIconOptions();
-  const config = getMaterialIconsJSON();
-  return config?.options?.folders?.color ?? defaultOptions.folders.color!;
-};
-
-const setColorConfig = (value: string) => {
-  setThemeConfig('folders.color', value.toLowerCase(), true);
-};
-
-const isColorActive = (color: FolderColor, currentColor: string): boolean => {
-  if (color.label === 'Custom Color') {
-    return !iconPalette.some(
-      (c) => c.hex.toLowerCase() === currentColor.toLowerCase()
-    );
-  }
-  return color.hex.toLowerCase() === currentColor.toLowerCase();
-};

package/src/commands/folders.ts

@@ -1,55 +0,0 @@
-import { QuickPickItem, window as codeWindow } from 'vscode';
-import {
-  capitalizeFirstLetter,
-  getMaterialIconsJSON,
-  setThemeConfig,
-} from '../helpers';
-import { translate } from '../i18n';
-import { folderIcons } from '../icons';
-
-/** Command to toggle the folder icons. */
-export const changeFolderTheme = async () => {
-  try {
-    const status = getFolderIconTheme();
-    const response = await showQuickPickItems(status);
-    if (response) {
-      handleQuickPickActions(response);
-    }
-  } catch (error) {
-    console.error(error);
-  }
-};
-
-/** Show QuickPick items to select preferred configuration for the folder icons. */
-const showQuickPickItems = (activeTheme: string) => {
-  const options = folderIcons.map(
-    (theme): QuickPickItem => ({
-      description: capitalizeFirstLetter(theme.name),
-      detail:
-        theme.name === 'none'
-          ? translate('folders.disabled')
-          : translate(
-              'folders.theme.description',
-              capitalizeFirstLetter(theme.name)
-            ),
-      label: theme.name === activeTheme ? '\u2714' : '\u25FB',
-    })
-  );
-
-  return codeWindow.showQuickPick(options, {
-    placeHolder: translate('folders.toggleIcons'),
-    ignoreFocusOut: false,
-    matchOnDescription: true,
-  });
-};
-
-/** Handle the actions from the QuickPick. */
-const handleQuickPickActions = (value: QuickPickItem) => {
-  if (!value || !value.description) return;
-  return setThemeConfig('folders.theme', value.description.toLowerCase(), true);
-};
-
-/** Get the current folder theme. */
-export const getFolderIconTheme = (): string => {
-  return getMaterialIconsJSON()?.options?.folders?.theme ?? '';
-};

package/src/commands/grayscale.ts

@@ -1,55 +0,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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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/restoreConfig.ts

@@ -1,14 +0,0 @@
-import { setThemeConfig } from './../helpers';
-
-/** Restore all configurations to default. */
-export const restoreDefaultConfig = async () => {
-  await setThemeConfig('activeIconPack', undefined, true);
-  await setThemeConfig('folders.theme', undefined, true);
-  await setThemeConfig('folders.color', undefined, true);
-  await setThemeConfig('hidesExplorerArrows', undefined, true);
-  await setThemeConfig('opacity', undefined, true);
-  await setThemeConfig('saturation', undefined, true);
-  await setThemeConfig('files.associations', undefined, true);
-  await setThemeConfig('folders.associations', undefined, true);
-  await setThemeConfig('languages.associations', undefined, true);
-};

package/src/commands/saturation.ts

@@ -1,46 +0,0 @@
-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 +0,0 @@
-'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 = () => {};