Add hook to optimize staged SVGs before commit (#166)

package.json

@@ -46,7 +46,9 @@
     "eslint-plugin-prettier": "^2.5.0",
     "html-minifier": "^3.5.8",
     "htmlparser2": "^4.1.0",
+    "husky": "^4.3.6",
     "jest": "^26.4.2",
+    "lint-staged": "^10.5.3",
     "minimist": "^1.2.5",
     "prettier": "1.17.1",
     "rollup": "^2.7.3",
@@ -57,5 +59,13 @@
     "rollup-plugin-terser": "^5.2.0",
     "rollup-plugin-visualizer": "^4.1.0",
     "svgo": "^1.3.2"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "icons/*.svg": "npx babel-node ./scripts/optimizeStagedSvgs.js --presets @babel/env"
   }
 }

scripts/optimizeStagedSvgs.js

@@ -0,0 +1,10 @@
+import fs from 'fs';
+import processSvg from './render/processSvg';
+
+const svgFiles = process.argv.slice(4);
+
+svgFiles.forEach(async svgFile => {
+  const content = fs.readFileSync(svgFile);
+  const svg = await processSvg(content);
+  fs.writeFileSync(svgFile, svg, 'utf-8');
+});