material-icon-theme 4.26.0 → 4.28.0

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 = () => {};

package/src/helpers/changeDetection.ts

@@ -1,109 +0,0 @@
-import merge from 'lodash.merge';
-import { getConfigProperties, getMaterialIconsJSON, getThemeConfig } from '.';
-import { createIconFile } from '../icons/index';
-import { IconJsonOptions } from '../models';
-import { getObjectPropertyValue, setObjectPropertyValue } from './objects';
-
-/** Compare the workspace and the user configurations with the current setup of the icons. */
-export const detectConfigChanges = () => {
-  const changes = compareConfigs();
-
-  // if there's nothing to update
-  if (Object.keys(changes.updatedConfigs).length === 0) return;
-
-  try {
-    // update icon json file with new options
-    createIconFile(changes.updatedConfigs, changes.updatedJSONConfig);
-  } catch (error) {
-    console.error(error);
-  }
-};
-
-/**
- * Compares a specific configuration in the settings with a current configuration state.
- * The current configuration state is read from the icons json file.
- * @returns List of configurations that needs to be updated.
- */
-const compareConfigs = (): {
-  updatedConfigs: IconJsonOptions;
-  updatedJSONConfig: IconJsonOptions;
-} => {
-  const configPropertyNames = Object.keys(getConfigProperties())
-    .map((c) => c.split('.').slice(1).join('.'))
-    // remove configurable notification messages
-    .filter((c) => !/show(Welcome|Update|Reload)Message/g.test(c));
-
-  const json = getMaterialIconsJSON();
-  return configPropertyNames.reduce(
-    (result, configName) => {
-      try {
-        const themeConfig = getThemeConfig(configName) ?? {
-          globalValue: '',
-          workspaceValue: '',
-          defaultValue: '',
-        };
-
-        const configValue = getConfigValue(
-          themeConfig as {
-            globalValue: unknown;
-            workspaceValue: unknown;
-            defaultValue: unknown;
-          }
-        );
-
-        const currentState = getObjectPropertyValue(
-          json.options ?? {},
-          configName
-        );
-
-        if (JSON.stringify(configValue) !== JSON.stringify(currentState)) {
-          setObjectPropertyValue(json.options as {}, configName, configValue);
-          setObjectPropertyValue(
-            result.updatedConfigs,
-            configName,
-            configValue
-          );
-        }
-      } catch (error) {
-        console.error(error);
-      }
-
-      return result;
-    },
-    {
-      updatedConfigs: {} as IconJsonOptions,
-      updatedJSONConfig: json.options as IconJsonOptions,
-    }
-  );
-};
-
-/**
- * Returns the value of a specific configuration by checking the workspace and the user configuration and fallback to the default value.
- *
- * @param themeConfig Theme configuration
- * @returns Actual theme configuration value
- */
-const getConfigValue = (themeConfig: {
-  globalValue: unknown;
-  workspaceValue: unknown;
-  defaultValue: unknown;
-}) => {
-  let configValue;
-  if (
-    typeof themeConfig.workspaceValue === 'object' &&
-    themeConfig.workspaceValue &&
-    themeConfig.globalValue
-  ) {
-    configValue = merge(
-      {},
-      themeConfig.workspaceValue,
-      themeConfig.globalValue
-    );
-  } else {
-    configValue =
-      themeConfig.workspaceValue ??
-      themeConfig.globalValue ??
-      themeConfig.defaultValue;
-  }
-  return configValue;
-};

package/src/helpers/customIcons.ts

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

@@ -1,38 +0,0 @@
-import { getDefaultIconOptions } from '../icons';
-import { IconJsonOptions } from '../models';
-
-/**
- * Generate a config hashed string that is appended to each icon file name.
- * @param config Icon Configuration object
- */
-export const getFileConfigHash = (options: IconJsonOptions): string => {
-  try {
-    const defaults = getDefaultIconOptions();
-    let fileConfigString = '';
-    if (
-      options.saturation !== defaults.saturation ||
-      options.opacity !== defaults.opacity ||
-      options.folders?.color !== defaults.folders.color ||
-      options.files?.color !== defaults.files.color
-    ) {
-      fileConfigString += `~${getHash(JSON.stringify(options))}`;
-    }
-    return fileConfigString;
-  } catch (error) {
-    console.error(error);
-    return '';
-  }
-};
-
-const getHash = (value: string) => {
-  let hash = 0;
-  let chr = 0;
-
-  if (value.length === 0) return hash;
-  for (let i = 0; i < value.length; i++) {
-    chr = value.charCodeAt(i);
-    hash = (hash << 5) - hash + chr;
-    hash |= 0; // Convert to 32bit integer
-  }
-  return hash;
-};

package/src/helpers/index.ts

@@ -1,88 +0,0 @@
-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()
-  );
-};

package/src/helpers/objects.ts

@@ -1,58 +0,0 @@
-/**
- * Get the nested properties of an object.
- * This solution is lighter than the lodash get-version.
- * Source: http://stackoverflow.com/a/6491621/6942210
- */
-export const getObjectPropertyValue = (obj: Object, path: string) => {
-  const pathArray = path
-    .replace(/\[(\w+)\]/g, '.$1') // convert indexes to properties
-    .replace(/^\./, '') // strip a leading dot
-    .split('.'); // separate paths in array
-
-  /** Avoid errors in the getValue function. */
-  const isObject = (object: unknown) => {
-    return object === Object(object);
-  };
-  let result = JSON.parse(JSON.stringify(obj));
-
-  for (let i = 0; i < pathArray.length; ++i) {
-    const k = pathArray[i];
-    if (isObject(result) && k in result) {
-      result = result[k];
-    } else {
-      return;
-    }
-  }
-  return result;
-};
-
-/**
- * Set a value for a nested object property.
- * @param obj Object
- * @param path Properties as string e.g. `'a.b.c'`
- * @param value Value to be set for the given property
- * Source: https://stackoverflow.com/a/13719799/6942210
- */
-export const setObjectPropertyValue = (
-  obj: { [key: string]: any },
-  path: string | string[],
-  value: any
-) => {
-  if (typeof path === 'string') {
-    path = path.split('.');
-  }
-
-  if (path.length > 1) {
-    const e = path.shift() ?? '';
-    setObjectPropertyValue(
-      (obj[e] =
-        Object.prototype.toString.call(obj[e]) === '[object Object]'
-          ? obj[e]
-          : {}),
-      path,
-      value
-    );
-  } else {
-    obj[path[0]] = value;
-  }
-};

package/src/helpers/types.ts

@@ -1,7 +0,0 @@
-export type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<
-  T,
-  Exclude<keyof T, Keys>
-> &
-  {
-    [K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>>;
-  }[Keys];

package/src/i18n/index.ts

@@ -1,78 +0,0 @@
-import { env } from 'vscode';
-import { getObjectPropertyValue } from '../helpers/objects';
-import { Translation } from '../models';
-
-// Get current language of the vs code workspace
-export const getCurrentLanguage = (): string => env.language;
-
-let currentTranslation: Translation;
-let fallbackTranslation: Translation;
-
-const placeholder = '%';
-
-/** Initialize the translations */
-export const initTranslations = async () => {
-  try {
-    currentTranslation = await loadTranslation(getCurrentLanguage());
-    fallbackTranslation = await loadTranslation('en');
-  } catch (error) {
-    console.error(error);
-  }
-};
-
-/** Load the required translation */
-const loadTranslation = async (language: string) => {
-  try {
-    return await getTranslationObject(language);
-  } catch (error) {
-    return await getTranslationObject('en');
-  }
-};
-
-/** Get the translation object of the separated translation files */
-const getTranslationObject = async (language: string): Promise<Translation> => {
-  const lang = await import(/* webpackMode: "eager" */ `./lang-${language}`);
-  return lang.translation as Translation;
-};
-
-/**
- * We look up the matching translation in the translation files.
- * If we cannot find a matching key in the file we use the fallback.
- * With optional parameters you can configure both the translations
- * and the fallback (required for testing purposes).
- * */
-export const getTranslationValue = (
-  key: string,
-  translations = currentTranslation,
-  fallback = fallbackTranslation
-): string | undefined => {
-  return (
-    getObjectPropertyValue(translations, key) ??
-    getObjectPropertyValue(fallback, key)
-  );
-};
-
-/**
- * The instant method is required for the translate pipe.
- * It helps to translate a word instantly.
- */
-export const translate = (key: string, ...variables: string[]): string => {
-  const translation = getTranslationValue(key);
-
-  if (variables.length === 0) return translation ?? key;
-  return replace(translation, ...variables);
-};
-
-/**
- * The replace function will replace the current placeholder with the
- * data parameter from the translation. You can give it one or more optional
- * parameters ('variables').
- */
-export const replace = (value: string = '', ...variables: string[]) => {
-  let translation: string = value;
-  variables.forEach((variable, i) => {
-    translation = translation.replace(`${placeholder}${i}`, variable);
-  });
-
-  return translation;
-};

package/src/i18n/lang-de.ts

@@ -1,45 +0,0 @@
-import { Translation } from '../models';
-
-export const translation: Translation = {
-  activate: 'Aktivieren',
-  activated: 'Material Icon Theme ist jetzt aktiviert.',
-  iconPacks: {
-    selectPack: 'Icon Pack auswählen',
-    description: "Das '%0' Icon Pack auswählen",
-    disabled: 'Icon Packs deaktivieren',
-  },
-  folders: {
-    toggleIcons: 'Wähle ein Ordner Design',
-    disabled: 'Keine Ordner Icons',
-    theme: {
-      description: "Wähle das '%0' Design",
-    },
-  },
-  colorSelect: {
-    color: 'Wähle eine Farbe',
-    hexCode: 'Gebe einen HEX Farbcode ein',
-    wrongHexCode: 'Ungültiger HEX Farbcode',
-  },
-  opacity: {
-    inputPlaceholder: 'Wert der Deckkraft (zwischen 0 und 1)',
-    wrongValue: 'Der Wert muss zwischen 0 und 1 liegen!',
-  },
-  toggleSwitch: {
-    on: 'EIN',
-    off: 'AUS',
-  },
-  explorerArrows: {
-    toggle: 'Pfeile im Explorer anpassen',
-    enable: 'Explorer Pfeile anzeigen',
-    disable: 'Explorer Pfeile ausblenden',
-  },
-  grayscale: {
-    toggle: 'Schaltet graustufige Icons um',
-    enable: 'Aktiviert graustufige Icons',
-    disable: 'Deaktiviert graustufige Icons',
-  },
-  saturation: {
-    inputPlaceholder: 'Wert der Sättigung (zwischen 0 und 1)',
-    wrongValue: 'Der Wert muss zwischen 0 und 1 liegen!',
-  },
-};

package/src/i18n/lang-en.ts

@@ -1,45 +0,0 @@
-import { Translation } from '../models';
-
-export const translation: Translation = {
-  activate: 'Activate',
-  activated: 'Material Icon Theme is active.',
-  iconPacks: {
-    selectPack: 'Select an icon pack',
-    description: "Select the '%0' icon pack",
-    disabled: 'Disable icon packs',
-  },
-  folders: {
-    toggleIcons: 'Pick a folder theme',
-    disabled: 'No folder icons',
-    theme: {
-      description: "Select the '%0' folder theme",
-    },
-  },
-  colorSelect: {
-    color: 'Choose a color',
-    hexCode: 'Insert a HEX color code',
-    wrongHexCode: 'Invalid HEX color code!',
-  },
-  opacity: {
-    inputPlaceholder: 'Opacity value (between 0 and 1)',
-    wrongValue: 'Please enter a floating-point number between 0 and 1.',
-  },
-  toggleSwitch: {
-    on: 'ON',
-    off: 'OFF',
-  },
-  explorerArrows: {
-    toggle: 'Toggle folder arrows in Explorer',
-    enable: 'Show folder arrows in Explorer',
-    disable: 'Hide folder arrows in Explorer',
-  },
-  grayscale: {
-    toggle: 'Toggle grayscale icons',
-    enable: 'Enable grayscale icons',
-    disable: 'Disable grayscale icons',
-  },
-  saturation: {
-    inputPlaceholder: 'Saturation value (between 0 and 1)',
-    wrongValue: 'Please enter a floating-point number between 0 and 1.',
-  },
-};

package/src/i18n/lang-es.ts

@@ -1,45 +0,0 @@
-import { Translation } from '../models';
-
-export const translation: Translation = {
-  activate: 'Activar',
-  activated: 'Material Icon Theme está activado.',
-  iconPacks: {
-    selectPack: 'Seleccione un paquete de iconos',
-    description: "Seleccione el paquete de iconos '%0'",
-    disabled: 'Desactivar paquetes de iconos',
-  },
-  folders: {
-    toggleIcons: 'Cambiar activación de iconos de carpetas',
-    disabled: 'Sin iconos de carpeta',
-    theme: {
-      description: "Iconos de carpeta '%0'",
-    },
-  },
-  colorSelect: {
-    color: 'Elija un color',
-    hexCode: 'Insertar un código de color HEX',
-    wrongHexCode: '¡Código de color HEX inválido!',
-  },
-  opacity: {
-    inputPlaceholder: 'Valor de opacidad (entre 0 y 1)',
-    wrongValue: '¡El valor debe estar entre 0 y 1!',
-  },
-  toggleSwitch: {
-    on: 'ON',
-    off: 'OFF',
-  },
-  explorerArrows: {
-    toggle: 'Conmutar las flechas de carpetas',
-    enable: 'Mostrar flechas de carpeta',
-    disable: 'Ocultar las flechas de carpetas',
-  },
-  grayscale: {
-    toggle: 'Alternar los iconos en escala de grises',
-    enable: 'Activar los iconos en escala de grises',
-    disable: 'Desactivar los iconos en escala de grises',
-  },
-  saturation: {
-    inputPlaceholder: 'Valor de saturación (entre 0 y 1)',
-    wrongValue: 'El valor debe estar entre 0 y 1.',
-  },
-};

package/src/i18n/lang-fr.ts

@@ -1,45 +0,0 @@
-import { Translation } from '../models';
-
-export const translation: Translation = {
-  activate: 'Activer',
-  activated: 'Material Icon Theme est actif.',
-  iconPacks: {
-    selectPack: "Sélectionnez un pack d'icônes",
-    description: "Sélectionner le pack d'icônes '%0'",
-    disabled: "Désactiver les paquets d'icônes",
-  },
-  folders: {
-    toggleIcons: 'Basculer les icônes de dossiers',
-    disabled: 'Aucune icônes de dossiers',
-    theme: {
-      description: "Icônes de dossiers '%0'",
-    },
-  },
-  colorSelect: {
-    color: 'Choisissez une couleur',
-    hexCode: 'Insérer un code couleur HEX',
-    wrongHexCode: 'Code couleur HEX non valide!',
-  },
-  opacity: {
-    inputPlaceholder: "Valeur d'opacité (entre 0 et 1)",
-    wrongValue: 'La valeur doit être comprise entre 0 et 1!',
-  },
-  toggleSwitch: {
-    on: 'ON',
-    off: 'OFF',
-  },
-  explorerArrows: {
-    toggle: 'Basculer les flèches du dossier',
-    enable: 'Afficher les flèches du dossier',
-    disable: 'Cacher les flèches de dossier',
-  },
-  grayscale: {
-    toggle: 'Basculer les icônes en niveaux de gris',
-    enable: 'Activer les icônes en niveaux de gris',
-    disable: 'Désactiver les icônes en niveaux de gris',
-  },
-  saturation: {
-    inputPlaceholder: 'Valeur de saturation (entre 0 et 1)',
-    wrongValue: 'La valeur doit être comprise entre 0 et 1 !',
-  },
-};

package/src/i18n/lang-ja.ts

@@ -1,45 +0,0 @@
-import { Translation } from '../models';
-
-export const translation: Translation = {
-  activate: '有効化',
-  activated: 'Material Icon Theme は有効です。',
-  iconPacks: {
-    selectPack: 'アイコンパックを選択する',
-    description: "アイコンパック '%0' を選択する",
-    disabled: 'アイコンパックを無効化する',
-  },
-  folders: {
-    toggleIcons: 'フォルダーアイコンを切り替える',
-    disabled: 'フォルダーアイコンを表示しない',
-    theme: {
-      description: "フォルダーテーマ '%0' を選択する",
-    },
-  },
-  colorSelect: {
-    color: '色を変える',
-    hexCode: 'HEX カラーコードを入力する',
-    wrongHexCode: '無効な HEX カラーコードです！',
-  },
-  opacity: {
-    inputPlaceholder: '不透明度（0〜1）',
-    wrongValue: '値は0から1の間にしてください！',
-  },
-  toggleSwitch: {
-    on: 'ON',
-    off: 'OFF',
-  },
-  explorerArrows: {
-    toggle: 'フォルダーの矢印を切り替える',
-    enable: 'フォルダーの矢印を表示する',
-    disable: 'フォルダーの矢印を隠す',
-  },
-  grayscale: {
-    toggle: 'グレースケールアイコンを切り替える',
-    enable: 'グレースケールアイコンを有効にする',
-    disable: 'グレースケールアイコンを無効にする',
-  },
-  saturation: {
-    inputPlaceholder: '彩度（0〜1）',
-    wrongValue: '値は0から1の間にしてください！',
-  },
-};