Add removeStroke option (TrySound#56)

Author: iankit3

README.md

@@ -62,6 +62,12 @@ Default: `false` - path will be relative to source file if it was specified.
 Default: `false` - with `true` removes all `fill` attributes before applying specified.
 Passed RegExp filters files by ID.
 
+#### options.removeStroke
+
+Default: `false` - with `true` removes all `stroke` attributes before applying specified.
+Passed RegExp filters files by ID.
+
+
 #### options.encode(svg)
 
 Processes SVG after applying parameters. Default will be ommited if passed `false`.

lib/load.js

@@ -3,6 +3,7 @@ const render = require("./render.js");
 const { transform, encode, addXmlns } = require("./defaults.js");
 const {
   removeFill,
+  removeStroke,
   applyRootParams,
   applySelectedParams
 } = require("./processors.js");
@@ -22,6 +23,7 @@ function read(id) {
 module.exports = function load(id, params, selectors, opts) {
   const processors = [
     removeFill(id, opts),
+    removeStroke(id,opts),
     applyRootParams(params),
     applySelectedParams(selectors)
   ];

lib/processors.js

@@ -16,6 +16,18 @@ function removeFill(id, opts) {
   };
 }
 
+function removeStrokeAttrib(element) {
+  delete element.attribs.stroke;
+}
+
+function removeStroke(id, opts) {
+  return dom => {
+    if (matchId(opts.removeStroke, id)) {
+      selectAll("[stroke]", dom).forEach(removeStrokeAttrib);
+    }
+  };
+}
+
 function applyParams(params) {
   return ({ attribs }) => {
     Object.keys(params).forEach(name => {
@@ -42,6 +54,7 @@ function applySelectedParams(selectors) {
 
 module.exports = {
   removeFill,
+  removeStroke,
   applyRootParams,
   applySelectedParams
 };

test/fixtures/stroke-icon.svg

@@ -195,3 +195,33 @@ test("should remove fill attributes with removeFill: RegExp", () => {
     }
   );
 });
+
+test("should remove stroke attributes with removeStroke: true", () => {
+  return compare(
+    `background: svg-load('fixtures/stroke.svg', stroke="#fff");`,
+    `background: url("data:image/svg+xml;charset=utf-8,<svg xmlns=\'http://www.w3.org/2000/svg\' stroke='#fff'> <path/> </svg>");`,
+    {
+      from: "input.css",
+      removeStroke: true,
+      encode: false
+    }
+  );
+});
+
+test("should remove stroke attributes with removeStroke: RegExp", () => {
+  return compare(
+    `
+    background: svg-load('fixtures/stroke.svg', stroke="#fff");
+    background: svg-load('fixtures/stroke-icon.svg', stroke="#fff");
+    `,
+    `
+    background: url("data:image/svg+xml;charset=utf-8,<svg xmlns=\'http://www.w3.org/2000/svg\' stroke='#fff'> <path stroke='#000'/> </svg>");
+    background: url("data:image/svg+xml;charset=utf-8,<svg xmlns=\'http://www.w3.org/2000/svg\' stroke='#fff'> <rect/> </svg>");
+    `,
+    {
+      from: "input.css",
+      removeStroke: /-icon/,
+      encode: false
+    }
+  );
+});