@eui/tools 5.3.66 → 5.3.68

package/scripts/utils/pre-build/projects.js

@@ -9,6 +9,7 @@ const injectionUtils = require('./injection/injection-utils');
 const translationUtils = require('./translations/translation-utils');
 
 const configUtils = require('../../csdr/config/config-utils');
+const svgUtils = require('../svg-utils');
 
 let { openid, dryRun } = tools.getArgs();
 
@@ -153,12 +154,11 @@ module.exports.preBuild = (project, envTarget, build, configEnvTarget) => {
 module.exports.injectAppConfig = (project, configEnvTarget) => {
   return Promise.resolve()
     .then(() => {
-      tools.logInfo(`Executing configuration replacement for : ${configEnvTarget} environment`);
-
       // set default if not envTarget provided
       let envFilePath = path.join(project.paths.angularPath, 'src/assets/config', `env-json-config.json`);;
 
       if (configEnvTarget) {
+        tools.logInfo(`Executing configuration replacement for : ${configEnvTarget} environment`);
         envFilePath = path.join(project.paths.angularPath, 'src/assets/config', `env-json-config-${configEnvTarget}.json`);
       }
 
@@ -190,3 +190,18 @@ module.exports.injectAppConfig = (project, configEnvTarget) => {
     })
 }
 
+
+module.exports.processSvgAssets = (project) => {
+  return Promise.resolve()
+    .then(() => {
+      const svgsInPath = path.join(project.paths.rootPath, 'src', 'assets', 'svg');
+      const svgsOutPath = path.join(project.paths.rootPath, 'src', 'assets', 'svg', 'optimized');
+      const svgsSpritePath = path.join(svgsInPath, 'sprite.svg');
+
+      return svgUtils.generateSvgsSprite(svgsInPath, svgsOutPath, svgsSpritePath);
+    })
+
+    .catch((e) => {
+      throw e;
+    })
+}

package/scripts/utils/svg-utils.js

@@ -0,0 +1,81 @@
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+
+const tools = require('./tools');
+
+module.exports.generateSvgsSprite = (svgsInPath, svgsOutPath, svgsSpritePath) => {
+  const imagemin = require('imagemin');
+  const imageminSvgo = require('imagemin-svgo');
+  const svgstore = require('svgstore');
+
+  let svgFiles;
+
+  return Promise.resolve()
+    .then(() => {
+      return tools.rimraf(svgsOutPath);
+    })
+    .then(() => {
+      return tools.remove(svgsSpritePath);
+    })
+    .then(() => {
+      return tools.getFilesGlob(svgsInPath, '**/*.svg');
+    })
+    .then((files) => {
+      svgFiles = files;
+
+      tools.logInfo('Optimizing svg files');
+      tools.logInfo('Found :');
+      console.log(svgFiles);
+
+      const filesPaths = svgFiles.map(f => path.join(svgsInPath, f));
+
+      return imagemin(filesPaths, {
+        glob: false,
+        destination: svgsOutPath,
+        plugins: [
+          imageminSvgo({
+            plugins: [
+              { name: 'cleanupIDs', remove: false },
+              { name: 'cleanupNumericValues', floatPrecision: 2 },
+              { name: 'removeStyleElement', remove: true },
+              { name: 'removeTitle', remove: true },
+            ],
+            multipass: true
+          })
+        ]
+      })
+    })
+
+    .then((files) => {
+      tools.logSuccess(`${files.length} processed`);
+
+      tools.logInfo('Creating svg sprite');
+
+      const sprites = svgstore();
+
+      svgFiles.forEach((f) => {
+        sprites.add(
+          f.substr(0, f.indexOf('.svg')),
+          fs.readFileSync(path.join(svgsOutPath, f), 'utf8')
+        );
+      });
+
+      tools.writeFileContent(svgsSpritePath, sprites);
+
+      tools.logSuccess(`OK => ${svgsSpritePath} generated`);
+    })
+
+    .then(() => {
+      return tools.rimraf(svgsOutPath);
+    })
+
+    .then(() => {
+      tools.logSuccess(`${svgsOutPath} cleaned up`);
+    })
+
+    .catch((e) => {
+      throw e;
+    })
+}