material-icon-theme 3.7.1 → 4.15.0

package/src/icons/generator/iconOpacity.ts

@@ -1,89 +1,111 @@
-import * as fs from 'fs';
-import * as path from 'path';
-
-/**
- * Changes the opacity of all icons in the set.
- * @param opacity Opacity value
- * @param fileNames Only change the opacity of certain file names.
- */
-export const setIconOpacity = (opacity: number, fileNames?: string[]) => {
-    if (!validateOpacityValue(opacity)) {
-        return console.error('Invalid opacity value! Opacity must be a decimal number between 0 and 1!');
-    }
-
-    let iconsPath;
-    if (path.basename(__dirname) === 'dist') {
-        iconsPath = path.join(__dirname, '..', 'icons');
-    } else {
-        // executed via script
-        iconsPath = path.join(__dirname, '..', '..', '..', 'icons');
-    }
-
-    try {
-        // read all icon files from the icons folder
-        (fileNames || fs.readdirSync(iconsPath)).forEach(iconFileName => {
-            const svgFilePath = path.join(iconsPath, iconFileName);
-
-            // Read SVG file
-            const svg = fs.readFileSync(svgFilePath, 'utf-8');
-
-            // Get the root element of the SVG file
-            const svgRootElement = getSVGRootElement(svg);
-            if (!svgRootElement) return;
-
-            let updatedRootElement: string;
-
-            if (opacity < 1) {
-                updatedRootElement = addOpacityAttribute(svgRootElement, opacity);
-            } else {
-                updatedRootElement = removeOpacityAttribute(svgRootElement);
-            }
-            const updatedSVG = svg.replace(/<svg[^>]*>/, updatedRootElement);
-
-            fs.writeFileSync(svgFilePath, updatedSVG);
-        });
-    } catch (error) {
-        console.error(error);
-    }
-};
-
-/**
- * Validate the opacity value.
- * @param opacity Opacity value
- */
-export const validateOpacityValue = (opacity: number) => {
-    return opacity !== null && opacity <= 1 && opacity >= 0;
-};
-
-/**
- * Get the SVG root element.
- * @param svg SVG file as string.
- */
-const getSVGRootElement = (svg: string) => {
-    const result = new RegExp(/<svg[^>]*>/).exec(svg);
-    return result.length > 0 ? result[0] : undefined;
-};
-
-/**
- * Add an opacity attribute to the SVG icon to control the opacity of the icon.
- * @param svgRoot Root element of the SVG icon.
- * @param opacity Opacity value.
- */
-const addOpacityAttribute = (svgRoot: string, opacity: number) => {
-    const pattern = new RegExp(/\sopacity="[\d.]+"/);
-    // if the opacity attribute already exists
-    if (pattern.test(svgRoot)) {
-        return svgRoot.replace(pattern, ` opacity="${opacity}"`);
-    } else {
-        return svgRoot.replace(/^<svg/, `<svg opacity="${opacity}"`);
-    }
-};
-
-/**
- * Remove the opacity attribute of the SVG icon.
- * @param svgRoot Root element of the SVG icon.
- */
-const removeOpacityAttribute = (svgRoot: string) => {
-    const pattern = new RegExp(/\sopacity="[\d.]+"/);
-    return svgRoot.replace(pattern, '');
-};
+import * as fs from 'fs';
+import * as path from 'path';
+import { getCustomIconPaths } from '../../helpers/customIcons';
+import { IconJsonOptions } from '../../models';
+
+/**
+ * Changes the opacity of all icons in the set.
+ * @param options Icon JSON options which include the opacity value.
+ * @param fileNames Only change the opacity of certain file names.
+ */
+export const setIconOpacity = (
+  options: IconJsonOptions,
+  fileNames?: string[]
+) => {
+  if (!validateOpacityValue(options.opacity)) {
+    return console.error(
+      'Invalid opacity value! Opacity must be a decimal number between 0 and 1!'
+    );
+  }
+
+  let iconsPath = '';
+  if (path.basename(__dirname) === 'dist') {
+    iconsPath = path.join(__dirname, '..', 'icons');
+  } else {
+    // executed via script
+    iconsPath = path.join(__dirname, '..', '..', '..', 'icons');
+  }
+
+  const customIconPaths = getCustomIconPaths(options);
+  const iconFiles = fs.readdirSync(iconsPath);
+
+  try {
+    // read all icon files from the icons folder
+    (fileNames || iconFiles).forEach(adjustOpacity(iconsPath, options));
+
+    customIconPaths.forEach((iconPath) => {
+      const customIcons = fs.readdirSync(iconPath);
+      customIcons.forEach(adjustOpacity(iconPath, options));
+    });
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+/**
+ * Validate the opacity value.
+ * @param opacity Opacity value
+ */
+export const validateOpacityValue = (opacity: number | undefined) => {
+  return opacity !== undefined && opacity <= 1 && opacity >= 0;
+};
+
+/**
+ * Get the SVG root element.
+ * @param svg SVG file as string.
+ */
+const getSVGRootElement = (svg: string) => {
+  const result = new RegExp(/<svg[^>]*>/).exec(svg);
+  return result?.[0];
+};
+
+/**
+ * Add an opacity attribute to the SVG icon to control the opacity of the icon.
+ * @param svgRoot Root element of the SVG icon.
+ * @param opacity Opacity value.
+ */
+const addOpacityAttribute = (svgRoot: string, opacity: number) => {
+  const pattern = new RegExp(/\sopacity="[\d.]+"/);
+  // if the opacity attribute already exists
+  if (pattern.test(svgRoot)) {
+    return svgRoot.replace(pattern, ` opacity="${opacity}"`);
+  } else {
+    return svgRoot.replace(/^<svg/, `<svg opacity="${opacity}"`);
+  }
+};
+
+/**
+ * Remove the opacity attribute of the SVG icon.
+ * @param svgRoot Root element of the SVG icon.
+ */
+const removeOpacityAttribute = (svgRoot: string) => {
+  const pattern = new RegExp(/\sopacity="[\d.]+"/);
+  return svgRoot.replace(pattern, '');
+};
+
+const adjustOpacity = (
+  iconPath: string,
+  options: IconJsonOptions
+): ((value: string, index: number, array: string[]) => void) => {
+  return (iconFileName) => {
+    const svgFilePath = path.join(iconPath, iconFileName);
+
+    // Read SVG file
+    const svg = fs.readFileSync(svgFilePath, 'utf-8');
+
+    // Get the root element of the SVG file
+    const svgRootElement = getSVGRootElement(svg);
+    if (!svgRootElement) return;
+
+    let updatedRootElement: string;
+
+    if (options.opacity !== undefined && options.opacity < 1) {
+      updatedRootElement = addOpacityAttribute(svgRootElement, options.opacity);
+    } else {
+      updatedRootElement = removeOpacityAttribute(svgRootElement);
+    }
+    const updatedSVG = svg.replace(/<svg[^>]*>/, updatedRootElement);
+
+    fs.writeFileSync(svgFilePath, updatedSVG);
+  };
+};

package/src/icons/generator/iconSaturation.ts

@@ -1,118 +1,140 @@
-import * as fs from 'fs';
-import * as path from 'path';
-
-/**
- * Changes saturation of all icons in the set.
- * @param saturation Saturation value.
- * @param fileNames Only change the saturation of certain file names.
- */
-export const setIconSaturation = (saturation: number, fileNames?: string[]) => {
-    if (!validateSaturationValue(saturation)) {
-        return console.error('Invalid saturation value! Saturation must be a decimal number between 0 and 1!');
-    }
-
-    let iconsPath;
-    if (path.basename(__dirname) === 'dist') {
-        iconsPath = path.join(__dirname, '..', 'icons');
-    } else {
-        // executed via script
-        iconsPath = path.join(__dirname, '..', '..', '..', 'icons');
-    }
-
-    // read all icon files from the icons folder
-    try {
-        (fileNames || fs.readdirSync(iconsPath)).forEach(iconFileName => {
-            const svgFilePath = path.join(iconsPath, iconFileName);
-
-            // Read SVG file
-            const svg = fs.readFileSync(svgFilePath, 'utf-8');
-
-            // Get the root element of the SVG file
-            const svgRootElement = getSVGRootElement(svg);
-            if (!svgRootElement) return;
-
-            let updatedRootElement: string;
-
-            if (saturation < 1) {
-                updatedRootElement = addFilterAttribute(svgRootElement);
-            } else {
-                updatedRootElement = removeFilterAttribute(svgRootElement);
-            }
-
-            let updatedSVG = svg.replace(/<svg[^>]*>/, updatedRootElement);
-
-            if (saturation < 1) {
-                updatedSVG = addFilterElement(updatedSVG, saturation);
-            } else {
-                updatedSVG = removeFilterElement(updatedSVG);
-            }
-
-            fs.writeFileSync(svgFilePath, updatedSVG);
-        });
-    } catch (error) {
-        console.error(error);
-    }
-};
-
-/**
- * Get the SVG root element.
- * @param svg SVG file as string.
- */
-const getSVGRootElement = (svg: string) => {
-    const result = new RegExp(/<svg[^>]*>/).exec(svg);
-    return result.length > 0 ? result[0] : undefined;
-};
-
-/**
- * Add an filter attribute to the SVG icon.
- * @param svgRoot Root element of the SVG icon.
- */
-const addFilterAttribute = (svgRoot: string) => {
-    const pattern = new RegExp(/\sfilter="[^"]+?"/);
-    // if the filter attribute already exists
-    if (pattern.test(svgRoot)) {
-        return svgRoot.replace(pattern, ` filter="url(#saturation)"`);
-    } else {
-        return svgRoot.replace(/^<svg/, `<svg filter="url(#saturation)"`);
-    }
-};
-
-/**
- * Remove the filter attribute of the SVG icon.
- * @param svgRoot Root element of the SVG icon.
- */
-const removeFilterAttribute = (svgRoot: string) => {
-    const pattern = new RegExp(/\sfilter="[^"]+?"/);
-    return svgRoot.replace(pattern, '');
-};
-
-/**
- * Add filter element to the SVG icon.
- * @param svg SVG file as string.
- */
-const addFilterElement = (svg: string, value: number) => {
-    const pattern = new RegExp(/<filter id="saturation".+<\/filter>(.*<\/svg>)/);
-    const filterElement = `<filter id="saturation"><feColorMatrix type="saturate" values="${value}"/></filter>`;
-    if (pattern.test(svg)) {
-        return svg.replace(pattern, `${filterElement}$1`);
-    } else {
-        return svg.replace(/<\/svg>/, `${filterElement}</svg>`);
-    }
-};
-
-/**
- * Remove filter element from the SVG icon.
- * @param svg SVG file as string.
- */
-const removeFilterElement = (svg: string) => {
-    const pattern = new RegExp(/<filter id="saturation".+<\/filter>(.*<\/svg>)/);
-    return svg.replace(pattern, `$1`);
-};
-
-/**
- * Validate the saturation value.
- * @param saturation Saturation value
- */
-export const validateSaturationValue = (saturation: number) => {
-    return saturation !== null && saturation <= 1 && saturation >= 0;
-};
+import * as fs from 'fs';
+import * as path from 'path';
+import { getCustomIconPaths } from '../../helpers/customIcons';
+import { IconJsonOptions } from '../../models';
+
+/**
+ * Changes saturation of all icons in the set.
+ * @param options Icon JSON options which include the saturation value.
+ * @param fileNames Only change the saturation of certain file names.
+ */
+export const setIconSaturation = (
+  options: IconJsonOptions,
+  fileNames?: string[]
+) => {
+  if (!validateSaturationValue(options.saturation)) {
+    return console.error(
+      'Invalid saturation value! Saturation must be a decimal number between 0 and 1!'
+    );
+  }
+
+  let iconsPath = '';
+  if (path.basename(__dirname) === 'dist') {
+    iconsPath = path.join(__dirname, '..', 'icons');
+  } else {
+    // executed via script
+    iconsPath = path.join(__dirname, '..', '..', '..', 'icons');
+  }
+
+  const customIconPaths = getCustomIconPaths(options);
+  const iconFiles = fs.readdirSync(iconsPath);
+
+  // read all icon files from the icons folder
+  try {
+    (fileNames || iconFiles).forEach(adjustSaturation(iconsPath, options));
+
+    customIconPaths.forEach((iconPath) => {
+      const customIcons = fs.readdirSync(iconPath);
+      customIcons.forEach(adjustSaturation(iconPath, options));
+    });
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+/**
+ * Get the SVG root element.
+ * @param svg SVG file as string.
+ */
+const getSVGRootElement = (svg: string) => {
+  const result = new RegExp(/<svg[^>]*>/).exec(svg);
+  return result?.[0];
+};
+
+/**
+ * Add an filter attribute to the SVG icon.
+ * @param svgRoot Root element of the SVG icon.
+ */
+const addFilterAttribute = (svgRoot: string) => {
+  const pattern = new RegExp(/\sfilter="[^"]+?"/);
+  // if the filter attribute already exists
+  if (pattern.test(svgRoot)) {
+    return svgRoot.replace(pattern, ' filter="url(#saturation)"');
+  } else {
+    return svgRoot.replace(/^<svg/, '<svg filter="url(#saturation)"');
+  }
+};
+
+/**
+ * Remove the filter attribute of the SVG icon.
+ * @param svgRoot Root element of the SVG icon.
+ */
+const removeFilterAttribute = (svgRoot: string) => {
+  const pattern = new RegExp(/\sfilter="[^"]+?"/);
+  return svgRoot.replace(pattern, '');
+};
+
+/**
+ * Add filter element to the SVG icon.
+ * @param svg SVG file as string.
+ */
+const addFilterElement = (svg: string, value: number) => {
+  const pattern = new RegExp(/<filter id="saturation".+<\/filter>(.*<\/svg>)/);
+  const filterElement = `<filter id="saturation"><feColorMatrix type="saturate" values="${value}"/></filter>`;
+  if (pattern.test(svg)) {
+    return svg.replace(pattern, `${filterElement}$1`);
+  } else {
+    return svg.replace(/<\/svg>/, `${filterElement}</svg>`);
+  }
+};
+
+/**
+ * Remove filter element from the SVG icon.
+ * @param svg SVG file as string.
+ */
+const removeFilterElement = (svg: string) => {
+  const pattern = new RegExp(/<filter id="saturation".+<\/filter>(.*<\/svg>)/);
+  return svg.replace(pattern, '$1');
+};
+
+/**
+ * Validate the saturation value.
+ * @param saturation Saturation value
+ */
+export const validateSaturationValue = (saturation: number | undefined) => {
+  return saturation !== undefined && saturation <= 1 && saturation >= 0;
+};
+
+const adjustSaturation = (
+  iconsPath: any,
+  options: IconJsonOptions
+): ((value: string, index: number, array: string[]) => void) => {
+  return (iconFileName) => {
+    const svgFilePath = path.join(iconsPath, iconFileName);
+
+    // Read SVG file
+    const svg = fs.readFileSync(svgFilePath, 'utf-8');
+
+    // Get the root element of the SVG file
+    const svgRootElement = getSVGRootElement(svg);
+    if (!svgRootElement) return;
+
+    let updatedRootElement: string;
+
+    if (options.saturation !== undefined && options.saturation < 1) {
+      updatedRootElement = addFilterAttribute(svgRootElement);
+    } else {
+      updatedRootElement = removeFilterAttribute(svgRootElement);
+    }
+
+    let updatedSVG = svg.replace(/<svg[^>]*>/, updatedRootElement);
+
+    if (options.saturation !== undefined && options.saturation < 1) {
+      updatedSVG = addFilterElement(updatedSVG, options.saturation);
+    } else {
+      updatedSVG = removeFilterElement(updatedSVG);
+    }
+
+    fs.writeFileSync(svgFilePath, updatedSVG);
+  };
+};

package/src/icons/generator/index.ts

@@ -1,7 +1,7 @@
-export * from './fileGenerator';
-export * from './folderGenerator';
-export * from './languageGenerator';
-export * from './constants';
-export * from './jsonGenerator';
-export * from './iconOpacity';
-export * from './iconSaturation';
+export * from './fileGenerator';
+export * from './folderGenerator';
+export * from './languageGenerator';
+export * from './constants';
+export * from './jsonGenerator';
+export * from './iconOpacity';
+export * from './iconSaturation';