material-icon-theme 3.7.0 → 4.14.1

package/package.nls.zh-CN.json

@@ -1,31 +1,32 @@
-{
-    "command.activateIcons": "Material Icons: 激活Material Icons文件图标主题",
-    "command.toggleIconPacks": "Material Icons: 选择一个图标包",
-    "command.changeFolderTheme": "Material Icons: 切换文件夹图标",
-    "command.changeFolderColor": "Material Icons: 更改文件夹颜色",
-    "command.restoreDefaultConfig": "Material Icons: 恢复默认设置",
-    "command.hidesExplorerArrows": "Material Icons: 隐藏文件夹箭头",
-    "command.opacity": "Material Icons: 改变不透明度",
-    "configuration.title": "Material Icons",
-    "configuration.files.associations": "设置自定义文件图标关联。",
-    "configuration.folders.associations": "设置自定义文件夹图标关联。",
-    "configuration.languages.associations": "定义自定义语言映射的图标。",
-    "configuration.showWelcomeMessage": "首次安装后显示欢迎信息。",
-    "configuration.showUpdateMessage": "更新后显示升级信息。",
-    "configuration.showReloadMessage": "显示重启消息。",
-    "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.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.showWelcomeMessage": "首次安装后显示欢迎信息。",
+  "configuration.showUpdateMessage": "更新后显示升级信息。",
+  "configuration.showReloadMessage": "显示重启消息。",
+  "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

@@ -0,0 +1,32 @@
+{
+  "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.showWelcomeMessage": "首次安裝後顯示歡迎信息。",
+  "configuration.showUpdateMessage": "更新後顯示升級信息。",
+  "configuration.showReloadMessage": "顯示重啟消息。",
+  "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,30 +1,26 @@
-import * as vscode from 'vscode';
-import * as helpers from './../helpers';
-import * as versioning from './../helpers/versioning';
-import * as i18n from './../i18n';
-import * as outdatedMessage from './../messages/outdated';
-
-/** Activate the icon theme by changing the settings for the iconTheme. */
-export const activateIcons = () => {
-    if (!versioning.checkVersionSupport('1.10.0')) {
-        outdatedMessage.showOutdatedMessage();
-        console.error('Outdated version of vscode!');
-    }
-    return setIconTheme();
-};
-
-/** Set the icon theme in the config. */
-const setIconTheme = async () => {
-    // global user config
-    try {
-        await helpers.getConfig().update('workbench.iconTheme', 'material-icon-theme', true);
-
-        // local workspace config
-        if (helpers.getConfig().inspect('workbench.iconTheme').workspaceValue !== undefined) {
-            helpers.getConfig().update('workbench.iconTheme', 'material-icon-theme');
-        }
-        vscode.window.showInformationMessage(i18n.translate('activated'));
-    } catch (error) {
-        console.error(error);
-    }
-};
+import * as vscode from 'vscode';
+import * as helpers from './../helpers';
+import * as i18n 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 helpers
+      .getConfig()
+      .update('workbench.iconTheme', 'material-icon-theme', true);
+
+    // local workspace config
+    if (helpers.getConfig().inspect('workbench.iconTheme')?.workspaceValue) {
+      helpers.getConfig().update('workbench.iconTheme', 'material-icon-theme');
+    }
+    vscode.window.showInformationMessage(i18n.translate('activated'));
+  } catch (error) {
+    console.error(error);
+  }
+};

package/src/commands/explorerArrows.ts

@@ -0,0 +1,55 @@
+import * as vscode from 'vscode';
+import * as helpers from '../helpers';
+import * as i18n 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<vscode.QuickPickItem | undefined> => {
+  const on: vscode.QuickPickItem = {
+    description: i18n.translate('toggleSwitch.on'),
+    detail: i18n.translate('explorerArrows.enable'),
+    label: !status ? '\u2714' : '\u25FB',
+  };
+  const off: vscode.QuickPickItem = {
+    description: i18n.translate('toggleSwitch.off'),
+    detail: i18n.translate('explorerArrows.disable'),
+    label: status ? '\u2714' : '\u25FB',
+  };
+  return vscode.window.showQuickPick([on, off], {
+    placeHolder: i18n.translate('explorerArrows.toggle'),
+    ignoreFocusOut: false,
+    matchOnDescription: true,
+  });
+};
+
+/** Handle the actions from the QuickPick. */
+const handleQuickPickActions = (value: vscode.QuickPickItem | undefined) => {
+  if (!value?.description) return;
+  switch (value.description) {
+    case i18n.translate('toggleSwitch.on'): {
+      return helpers.setThemeConfig('hidesExplorerArrows', false, true);
+    }
+    case i18n.translate('toggleSwitch.off'): {
+      return helpers.setThemeConfig('hidesExplorerArrows', true, true);
+    }
+    default:
+      return;
+  }
+};
+
+/** Check if arrows are enabled. */
+export const checkArrowStatus = (): boolean => {
+  return !!helpers.getMaterialIconsJSON()?.hidesExplorerArrows;
+};

package/src/commands/folderColor.ts

@@ -1,88 +1,96 @@
-import * as vscode from 'vscode';
-import { getDefaultIconOptions, validateHEXColorCode } from '../icons';
-import * as helpers from './../helpers';
-import * as i18n from './../i18n';
-
-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);
-        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): vscode.QuickPickItem => ({
-        description: color.label,
-        label: isColorActive(color, currentColor) ? '\u2714' : '\u25FB'
-    }));
-
-    return vscode.window.showQuickPick(options, {
-        placeHolder: i18n.translate('folders.color'),
-        ignoreFocusOut: false,
-        matchOnDescription: true
-    });
-};
-
-/** Handle the actions from the QuickPick. */
-const handleQuickPickActions = (value: vscode.QuickPickItem) => {
-    if (!value || !value.description) return;
-    if (value.description === 'Custom Color') {
-        vscode.window.showInputBox({
-            placeHolder: i18n.translate('folders.hexCode'),
-            ignoreFocusOut: true,
-            validateInput: validateColorInput
-        }).then(value => setColorConfig(value));
-    } else {
-        const hexCode = iconPalette.find(c => c.label === value.description).hex;
-        setColorConfig(hexCode);
-    }
-};
-
-const validateColorInput = (colorInput: string) => {
-    if (!validateHEXColorCode(colorInput)) {
-        return i18n.translate('folders.wrongHexCode');
-    }
-    return undefined;
-};
-
-/** Check status of the folder color */
-export const checkFolderColorStatus = (): string => {
-    const defaultOptions = getDefaultIconOptions();
-    const config = helpers.getMaterialIconsJSON();
-    return config.options.folders.color === undefined ?
-        defaultOptions.folders.color : config.options.folders.color;
-};
-
-const setColorConfig = (value: string) => {
-    if (value) {
-        helpers.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 * as vscode from 'vscode';
+import { getDefaultIconOptions, validateHEXColorCode } from '../icons';
+import * as helpers from './../helpers';
+import * as i18n from './../i18n';
+
+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): vscode.QuickPickItem => ({
+      description: color.label,
+      label: isColorActive(color, currentColor) ? '\u2714' : '\u25FB',
+    })
+  );
+
+  return vscode.window.showQuickPick(options, {
+    placeHolder: i18n.translate('folders.color'),
+    ignoreFocusOut: false,
+    matchOnDescription: true,
+  });
+};
+
+/** Handle the actions from the QuickPick. */
+const handleQuickPickActions = async (value: vscode.QuickPickItem) => {
+  if (!value || !value.description) return;
+  if (value.description === 'Custom Color') {
+    const value = await vscode.window.showInputBox({
+      placeHolder: i18n.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 i18n.translate('folders.wrongHexCode');
+  }
+  return undefined;
+};
+
+/** Check status of the folder color */
+export const checkFolderColorStatus = (): string => {
+  const defaultOptions = getDefaultIconOptions();
+  const config = helpers.getMaterialIconsJSON();
+  return config?.options?.folders?.color ?? defaultOptions.folders.color!;
+};
+
+const setColorConfig = (value: string) => {
+  helpers.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,41 +1,55 @@
-import * as vscode from 'vscode';
-import { folderIcons } from '../icons';
-import * as helpers from './../helpers';
-import * as i18n from './../i18n';
-
-/** Command to toggle the folder icons. */
-export const changeFolderTheme = async () => {
-    try {
-        const status = checkFolderIconsStatus();
-        const response = await showQuickPickItems(status);
-        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): vscode.QuickPickItem => ({
-        description: helpers.capitalizeFirstLetter(theme.name),
-        detail: theme.name === 'none' ? i18n.translate('folders.disabled') : i18n.translate('folders.theme.description', helpers.capitalizeFirstLetter(theme.name)),
-        label: theme.name === activeTheme ? '\u2714' : '\u25FB'
-    }));
-
-    return vscode.window.showQuickPick(options, {
-        placeHolder: i18n.translate('folders.toggleIcons'),
-        ignoreFocusOut: false,
-        matchOnDescription: true
-    });
-};
-
-/** Handle the actions from the QuickPick. */
-const handleQuickPickActions = (value: vscode.QuickPickItem) => {
-    if (!value || !value.description) return;
-    return helpers.setThemeConfig('folders.theme', value.description.toLowerCase(), true);
-};
-
-/** Are the folder icons enabled? */
-export const checkFolderIconsStatus = (): string => {
-    return helpers.getMaterialIconsJSON().options.folders.theme;
-};
+import * as vscode from 'vscode';
+import { folderIcons } from '../icons';
+import * as helpers from './../helpers';
+import * as i18n from './../i18n';
+
+/** 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): vscode.QuickPickItem => ({
+      description: helpers.capitalizeFirstLetter(theme.name),
+      detail:
+        theme.name === 'none'
+          ? i18n.translate('folders.disabled')
+          : i18n.translate(
+              'folders.theme.description',
+              helpers.capitalizeFirstLetter(theme.name)
+            ),
+      label: theme.name === activeTheme ? '\u2714' : '\u25FB',
+    })
+  );
+
+  return vscode.window.showQuickPick(options, {
+    placeHolder: i18n.translate('folders.toggleIcons'),
+    ignoreFocusOut: false,
+    matchOnDescription: true,
+  });
+};
+
+/** Handle the actions from the QuickPick. */
+const handleQuickPickActions = (value: vscode.QuickPickItem) => {
+  if (!value || !value.description) return;
+  return helpers.setThemeConfig(
+    'folders.theme',
+    value.description.toLowerCase(),
+    true
+  );
+};
+
+/** Get the current folder theme. */
+export const getFolderIconTheme = (): string => {
+  return helpers.getMaterialIconsJSON()?.options?.folders?.theme ?? '';
+};

package/src/commands/grayscale.ts

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