Merge pull request #54 from msand/patch-2

Configure svgo to inline styles with >=1 matches
kristerkari · Nov 15, 2019 · 9fc5f1b · 9fc5f1b
2 parents 79e109b + e5f3734
commit 9fc5f1b
Show file tree

Hide file tree

Showing 3 changed files with 921 additions and 687 deletions.
diff --git a/index.js b/index.js
@@ -44,6 +44,20 @@ function fixRenderingBugs(svgrOutput) {
   return xmlnsSvgToXmlns(xlinkHrefToHref(svgrOutput));
 }
 
+var defaultsvgrConfig = {
+  native: true,
+  plugins: ['@svgr/plugin-svgo', '@svgr/plugin-jsx'],
+  svgoConfig: {
+    plugins: [
+      {
+        inlineStyles: {
+          onlyMatchedOnce: false,
+        },
+      },
+    ],
+  },
+};
+
 module.exports.transform = function(src, filename, options) {
   if (typeof src === "object") {
     // handle RN >= 0.46
@@ -52,7 +66,6 @@ module.exports.transform = function(src, filename, options) {
 
   if (filename.endsWith(".svg") || filename.endsWith(".svgx")) {
     var config = resolveConfig.sync(resolveConfigDir(filename));
-    var defaultsvgrConfig = { native: true };
     var svgrConfig = config
       ? Object.assign({}, defaultsvgrConfig, config)
       : defaultsvgrConfig;

diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
   ],
   "dependencies": {
     "@svgr/core": "^4.1.0",
+    "@svgr/plugin-svgo": "^4.3.1",
     "path-dirname": "^1.0.2",
     "semver": "^5.6.0"
   },