XW-2453 | replace broccoli-symbolizer with broccoli-svgstore for extracting defs elements from svg files

Author: Karol Tatala

ember-cli-build.js

@@ -2,7 +2,7 @@
 /* global require, module */
 var EmberApp = require('ember-cli/lib/broccoli/ember-app'),
 	Funnel = require('broccoli-funnel'),
-	Symbolizer = require('broccoli-symbolizer');
+	SvgStore = require('broccoli-svgstore');
 
 module.exports = function(defaults) {
 	var app = new EmberApp(defaults, {
@@ -57,8 +57,19 @@ module.exports = function(defaults) {
 		}));
 	}
 
-	additionalTrees.push(new Symbolizer('style-guide/assets', {
-		outputFile: '/svg/sprite.svg'
+
+	additionalTrees.push(SvgStore('style-guide/assets', {
+		outputFile: "/svg/sprite.svg",
+		svgstoreOpts: {
+			svgAttrs: {
+				style: 'position: absolute; width: 0; height: 0;',
+				width: '0',
+				height: '0',
+				version: '1.1',
+				xmlns: 'http://www.w3.org/2000/svg',
+				'xmlns:xlink': 'http://www.w3.org/1999/xlink'
+			}
+		}
 	}));
 
 	// Use `app.import` to add additional libraries to the generated

package.json

@@ -25,7 +25,7 @@
   "devDependencies": {
     "broccoli-asset-rev": "2.4.6",
     "broccoli-funnel": "1.0.7",
-    "broccoli-symbolizer": "0.5.0",
+    "broccoli-svgstore": "0.4.0",
     "design-system-i18n": "Wikia/design-system-i18n#0.6.2",
     "ember-browserify": "1.1.13",
     "ember-cli": "2.8.0",