Refactor code to disable auto prefix and fix tests

Author: moelders

.eslintrc

@@ -0,0 +1,7 @@
+{
+  "extends": [
+    "adidas-env/node",
+    "adidas-es9",
+    "adidas-babel"
+  ]
+}

.gitignore

@@ -1 +1,5 @@
+*.bck
+.eslintcache
+.vscode
 node_modules
+test/coverage

README.md

@@ -39,7 +39,33 @@ const NaughtyUsage = () => (
 
 ### 2. Namespaces `id`’s to prevent conflicts
 
-If you inline a lot of SVGs you might get namespace conflicts, which could be really annoying if you're styling your SVG in CSS and whatnot. This plugin solves that by combining some [regex trickery](./optimise.js#L30) with SVGO's `cleanupIDs` plugin.
+If you inline a lot of SVGs you might get namespace conflicts, which could be really annoying if you're styling your SVG in CSS and whatnot. This plugin solves that by combining some [regex trickery](./optimize.js#L30) with SVGO's `prefixIds` plugin.
+
+Configure it via `.babelrc` file:
+
+```json
+{
+  "plugins": [
+    [
+      "inline-svg",
+      {
+        "svgo": {
+          "plugins": [
+            {
+              "prefixIds": {
+                "delim": "-",
+                "prefix": "customPrefix",
+                "prefixIds": true,
+                "prefixClassNames": false
+              }
+            }
+          ]
+        }
+      }
+    ]
+  ]
+}
+```
 
 So given this simple `cheese.svg` file:
 
@@ -56,11 +82,10 @@ import wheelOfCheese from 'cheese.svg';
 You get the following output:
 
 ```js
-var wheelOfCheese = '<svg><circle cx="10" cy="10" r="50" id="wheelOfCheese-someCircle"></circle></svg>';
+var wheelOfCheese = '<svg><circle cx="10" cy="10" r="50" id="customPrefix-someCircle"></circle></svg>';
 ```
 
-If you want to disable this feature, just pass an empty plugins list as a [plugin option](./__tests__/emptyOpts.test.js#L11) to SVGO in your babel settings (you could also pass `{ cleanupIDs: true }`, which is just the SVGO default).
-
+If you want to disable this feature, just pass an empty plugins list as a [plugin option](./test/specs/empty-options.spec.js#L11) to SVGO in your babel settings.
 
 ## Installation
 

__tests__/basic.test.js

@@ -0,0 +1,11 @@
+module.exports = {
+  roots: [
+    '<rootDir>/lib',
+    '<rootDir>/test'
+  ],
+  collectCoverage: true,
+  coverageDirectory: '<rootDir>/test/coverage',
+  testMatch: [ '<rootDir>/test/specs/*.spec.js' ],
+  testPathIgnorePatterns: [ '/node_modules/' ],
+  verbose: true
+};

__tests__/differentSVG.test.js

@@ -2,46 +2,46 @@ const { extname, dirname } = require('path');
 const { readFileSync } = require('fs');
 const template = require('babel-template');
 const resolveFrom = require('resolve-from');
-
-const optimise = require('./optimise');
+const optimize = require('./optimize');
 
 const buildOutput = template(`
   var SVG_NAME = SVG_CODE;
-`
-);
+`);
 
 let ignoreRegex;
 
-module.exports = ({ types: t }) => ({
+module.exports = ({ types }) => ({
   visitor: {
     ImportDeclaration(path, state) {
       const { ignorePattern } = state.opts;
+
       if (ignorePattern) {
         // Only set the ignoreRegex once:
         ignoreRegex = ignoreRegex || new RegExp(ignorePattern);
+
         // Test if we should ignore this:
         if (ignoreRegex.test(path.node.source.value)) {
           return;
         }
       }
+
       // This plugin only applies for SVGs:
       if (extname(path.node.source.value) === '.svg') {
         // We only support the import default specifier, so let's use that identifier:
         const importIdentifier = path.node.specifiers[0].local;
         const iconPath = state.file.opts.filename;
         const svgPath = resolveFrom(dirname(iconPath), path.node.source.value);
         const rawSource = readFileSync(svgPath, 'utf8');
-        const varName = importIdentifier.name;
 
-        const optimisedSource = optimise(varName, rawSource, state.opts.svgo);
+        const optimizedSource = optimize(rawSource, state.opts.svgo);
 
         const svgReplacement = buildOutput({
           SVG_NAME: importIdentifier,
-          SVG_CODE: t.stringLiteral(optimisedSource),
+          SVG_CODE: types.stringLiteral(optimizedSource)
         });
 
         path.replaceWith(svgReplacement);
       }
-    },
-  },
+    }
+  }
 });