adding icons.js file

icons.js

@@ -0,0 +1,29 @@
+const {readFileSync, writeFileSync} = require('fs');
+const {sync: glob} = require('glob');
+const {Logger, LogLevel, colorEmojiConfig} = require('plop-logger');
+
+Logger.config = colorEmojiConfig;
+const logger = Logger.getLogger('icons');
+logger.level = LogLevel.All;
+
+let svgFiles = `src/icons/*.svg`;
+logger.info('SVG aggregation of', svgFiles);
+
+const data = glob(svgFiles)
+  .map(file => {
+      const parts = file.split('/');
+      const id = parts[parts.length - 1].split('.')[0];
+      logger.debug('handle', id);
+      return readFileSync(file, 'utf8')
+        .replace(`<svg xmlns="http://www.w3.org/2000/svg"`, `\t<symbol id="${id}"`)
+        .replace(`</svg>`, `\t</symbol>`);
+    }
+  );
+
+const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" class="visually-hidden">
+  ${data.join('\n')}
+</svg>`;
+
+const file = 'static/icons.svg';
+logger.info('Generate', file);
+writeFileSync(file, svg, {flag: 'w'});

package.json

@@ -8,6 +8,7 @@
   "scripts": {
     "watch:style": "node-sass src/styles/theme.scss -o static --watch",
     "start": "run-p watch:*",
+    "build:icons": "node icons.js",
     "build:style": "node-sass src/styles/theme.scss -o static; postcss static/theme.css --replace",
     "build": "run-p build:*"
   },