icons sprite

1 files changed, 29 insertions, 4 deletions

diff --git a/gulpfile.js b/gulpfile.js
index 3db1297..03f9d56 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -6,6 +6,33 @@ const gulp = require('gulp'),
 
 
 gulp.task('icons-sprite', function (cb) {
+	glob("_site/icons/*.svg", {}, function (er, files) {
+
+		let svgContent = '';
+
+		files.forEach(function (file, i) {
+			let name = path.basename(file, '.svg'),
+				svgFile = fs.readFileSync(file),
+				svgFileContent = svgFile.toString();
+
+			svgFileContent = svgFileContent
+				.replace(/<svg[^>]+>/g, '')
+				.replace(/<\/svg>/g, '')
+				.replace(/\n+/g, '')
+				.replace(/>\s+</g, '><')
+				.trim();
+
+			svgContent += `<symbol id="${name}" viewBox="0 0 24 24">${svgFileContent}</symbol>`
+		});
+
+		let svg = `<svg xmlns="http://www.w3.org/2000/svg"><defs>${svgContent}</defs></svg>`;
+
+		fs.writeFileSync('icons-sprite.svg', svg);
+		cb();
+	});
+});
+
+gulp.task('icons-preview', function (cb) {
 	const columnsCount = 17,
 		padding = 29,
 		paddingOuter = 5,
@@ -46,7 +73,7 @@ gulp.task('icons-sprite', function (cb) {
 
 		const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" style="color: #354052"><rect x="0" y="0" width="${width}" height="${height}" fill="#fff"></rect>\n${svgContentSymbols}\n${svgContentIcons}\n</svg>`;
 
-		fs.writeFileSync('icons.svg', svgContent);
+		fs.writeFileSync('demo/icons.svg', svgContent);
 		cb();
 	});
 });
@@ -82,7 +109,7 @@ gulp.task('icons-stroke', function (cb) {
 
 	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" style="color: #354052"><rect x="0" y="0" width="${width}" height="${height}" fill="#fff"></rect>\n${svgContentSymbols}\n${svgContentIcons}\n</svg>`;
 
-	fs.writeFileSync('icons-stroke.svg', svgContent);
+	fs.writeFileSync('demo/icons-stroke.svg', svgContent);
 	cb();
 });
 
@@ -102,8 +129,6 @@ gulp.task('optimize', function (cb) {
 				.replace(/\s+"/g, '"')
 				.replace(/\n\n+/g, "\n");
 
-			console.log('file', file);
-
 			fs.writeFileSync(file, svgFileContent);
 		});