Fix svg IDs generation

README.md

@@ -32,7 +32,7 @@ const config = {
   result: 'icons', // Required
   // This is optional for optimize files using SVGO plugins
   optimize: {
-    removeViewBox: true, // Will remove attribute viewBox (default false)
+    removeViewBox: true, // Will remove attribute viewBox
   }
 }
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkl/svg-iconset-builder",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkl/svg-iconset-builder",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "create iconset from separated svg icons",
   "main": "./dist/app.js",
   "types": "./dist/app.d.ts",

src/app.ts

@@ -30,7 +30,6 @@ export class SvgIconset {
 
     svgClean(this.config.source, this.svgoPlugin)
       .then(optimizedResponse => {
-        let idx = 0;
         const ids = optimizedResponse.map(el => el.id);
         Promise.all(optimizedResponse.map(el => el.optimized))
           .then(resFiles => {
@@ -38,9 +37,8 @@ export class SvgIconset {
             createWriteStream(resultFile)
               .once('open', function (this: WriteStream) {
                 try {
-                  const data = resFiles.map(res => res.data.replace(/<svg /, `<svg id="${ids[idx]}" `));
+                  const data = resFiles.map((res, idx) => res.data.replace(/<svg /, `<svg id="${ids[idx]}" `));
                   this.write(`<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">${data.join('')}</svg>`);
-                  idx++;
                   this.end();
                 } catch (err) {
                   console.log('ERROR', err);