material-icon-theme 4.23.1 → 4.24.0

package/package.nls.zh-TW.json

@@ -1,29 +1,29 @@
-{
-  "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": "更改圖標的透明度。"
-}
+{
+  "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 +1,28 @@
-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);
-  }
-};
+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 +1,55 @@
-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;
-};
+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 +1,96 @@
-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();
-};
+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 +1,55 @@
-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 ?? '';
-};
+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 +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;
+};