@eui/tools 5.3.70 → 5.3.71

package/.version.properties

@@ -1 +1 @@
-5.3.70
+5.3.71

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## 5.3.71 (2022-10-06)
+
+##### Chores
+
+* **other:**
+  * refactored sprite generator based on ECL builder using svg-sprite adapted config - EUI-6557 [EUI-6557](https://webgate.ec.europa.eu/CITnet/jira/browse/EUI-6557)  ([aec93722](https://webgate.ec.europa.eu/CITnet/stash/scm/csdr/eui-tools.git/commits/aec9372277ff41b2004b9c4a4d796c3201dc9d94))
+
+* * *
+* * *
 ## 5.3.70 (2022-10-05)
 
 ##### Chores

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@eui/tools",
-    "version": "5.3.70",
+    "version": "5.3.71",
     "tag": "latest",
     "license": "EUPL-1.1",
     "description": "eUI common tools and scripts",
@@ -45,6 +45,6 @@
         "sendmail": "1.6.1",
         "imagemin": "7.0.1",
         "imagemin-svgo": "9.0.0",
-        "svgstore": "3.0.1"
+        "svg-sprite": "1.5.3"
     }
 }

package/scripts/utils/svg-utils.js

@@ -2,13 +2,48 @@
 
 const fs = require('fs');
 const path = require('path');
-
 const tools = require('./tools');
 
+const writeSprite = (srcPath, files, destPath, outputFile) => {
+  const SVGSpriter = require('svg-sprite');
+
+  const spriter = new SVGSpriter({
+    destPath,
+    svg: { dimensionAttributes: true },
+    mode: {
+      symbol: {
+        dest: '',
+        sprite: outputFile,
+      },
+    },
+  });
+
+  files.forEach((file) => {
+    const filePath = path.resolve(srcPath, file);
+    spriter.add(
+      filePath,
+      file,
+      fs.readFileSync(filePath, { encoding: 'utf-8' })
+    );
+  });
+
+  spriter.compile((error, result) => {
+    Object.keys(result).forEach((mode) => {
+      Object.keys(result[mode]).forEach((resource) => {
+        fs.writeFileSync(
+          path.join(destPath, outputFile),
+          result[mode][resource].contents
+        );
+      });
+    });
+  });
+};
+
+
+
 module.exports.generateSvgsSprite = (svgsInPath, svgsSpritePath, svgsSpriteFile) => {
   const imagemin = require('imagemin');
   const imageminSvgo = require('imagemin-svgo');
-  const svgstore = require('svgstore');
 
   const svgsOutPath = path.join(svgsInPath, 'temp');
 
@@ -55,15 +90,8 @@ module.exports.generateSvgsSprite = (svgsInPath, svgsSpritePath, svgsSpriteFile)
 
       tools.logInfo('Creating svg sprite');
 
-      const sprites = svgstore();
 
-      // compiling sprite file
-      svgFiles.forEach((f) => {
-        sprites.add(
-          f.substr(0, f.indexOf('.svg')),
-          fs.readFileSync(path.join(svgsOutPath, f), 'utf8')
-        );
-      });
+      writeSprite(svgsOutPath, svgFiles, svgsSpritePath, svgsSpriteFile);
 
       // generating json output list
       const outList = svgFiles.map((f) => {
@@ -75,8 +103,6 @@ module.exports.generateSvgsSprite = (svgsInPath, svgsSpritePath, svgsSpriteFile)
 
       tools.writeJsonFileSync(path.join(svgsSpritePath, svgsSpriteFileJson), outList);
 
-      tools.writeFileContent(path.join(svgsSpritePath, svgsSpriteFile), sprites);
-
       tools.logSuccess(`OK => ${svgsSpritePath} generated`);
     })