Fix svg IDs generation

README.md

@@ -24,7 +24,7 @@ svg-iconset --source=assets/images/icons --result=icons
 ```
 Creates a file `icons-iconset.svg` in same folder
 ### In Project
-```
+```javascript
 const SvgIconset = require('svg-iconset');
 
 const config = {
@@ -32,9 +32,13 @@ const config = {
   result: 'icons', // Required
   // This is optional for optimize files using SVGO plugins
   optimize: {
-    removeViewBox: true, // Will remove attribute viewBox (default true)
+    removeViewBox: true, // Will remove attribute viewBox
   }
 }
 
 new SvgIconset(config).createSet();
 ```
+
+#### Additional
+[Default SVGO optimisation config](https://github.com/DariusNorv/svg-iconset/wiki#default-svgo-configuration)
+

package-lock.json

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

package.json

@@ -1,8 +1,9 @@
 {
   "name": "@vkl/svg-iconset-builder",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "create iconset from separated svg icons",
   "main": "./dist/app.js",
+  "types": "./dist/app.d.ts",
   "scripts": {
     "build": "tsc",
     "prepare": "npm run build",

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);