Fix duplicated ids (#36)

* feat: UFixes generated icons having duplicated ids

* Revert "feat: UFixes generated icons having duplicated ids (#35)"

This reverts commit 44999a8.

* feat: Fixes generated icons having duplicated ids

package.json

@@ -65,7 +65,7 @@
     "react-dom": "^17.0.1",
     "rimraf": "^3.0.2",
     "semantic-release": "^17.4.2",
-    "svgo": "^3.3.2",
+    "svgo": "^1.3.2",
     "typescript": "~4.1.5"
   },
   "peerDependencies": {

scripts/build.js

@@ -1,7 +1,7 @@
 const { join, basename, relative } = require('path');
 const dedent = require('dedent');
 const globby = require('globby');
-const svgo = require('svgo');
+const SVGO = require('svgo');
 const { dim, yellow, red, green } = require('kleur');
 const { default: svgr } = require('@svgr/core');
 const { pascalCase } = require('change-case');
@@ -12,6 +12,27 @@ const ROOT = join(__dirname, '..');
 
 const destinationDir = join(ROOT, 'lib');
 
+const svgo = new SVGO({
+	multipass: true,
+	plugins: [
+		{ minifyStyles: true },
+		{ sortAttrs: true },
+		{ mergePaths: true },
+		{ convertColors: true },
+		{ removeViewBox: false },
+		{
+			inlineStyles: {
+				onlyMatchedOnce: false,
+			},
+		},
+		{ convertStyleToAttrs: true },
+		{
+			removeAttrs: {
+				attrs: ['baseProfile'],
+			},
+		},
+	],
+});
 
 const svgrConfig = {
 	svgProps: { fill: 'currentColor', focusable: 'false' },
@@ -43,11 +64,7 @@ let hasError = false;
 	const library = await Promise.all(
 		iconsLibrary.map(async (iconPath) => {
 			const raw = await readFile(iconPath, 'utf8');
-			const optimizedSvg = (await svgo.optimize(raw, {
-				path: iconPath,
-				multipass: true,
-				cleanupIds: false,
-			})).data;
+			const optimizedSvg = (await svgo.optimize(raw)).data;
 
 			const iconName = `${pascalCase(basename(iconPath, '.svg'))}Icon`;
 			const outputFileName = join(destinationDir, `${iconName}.tsx`);
@@ -86,8 +103,7 @@ let hasError = false;
 			// Process files
 			const componentContents = (await svgr(optimizedSvg, svgrConfig, {
 				componentName: iconName,
-			}))
-				.replace(/id="([\dA-Za-z])"/g, (_, id) => `id="${id}-${iconName}"`)
+			})).replace(/id="([\dA-Za-z])"/g, (_, id) => `id="${id}-${iconName}"`)
 				.replace(/url\(#([\dA-Za-z]+)\)/g, (_, id) => `url(#${id}-${iconName})`);
 
 			// Create files