@apocryphilia/babel-plugin-svgr-replace-jsx-tags 1.0.0

package/README.md

@@ -0,0 +1,5 @@
+# babel-plugin-svgr-replace-jsx-tags
+
+This is a super basic Babel plugin to use in conjunction with [SVGR](https://react-svgr.com/) - it can rename the JSX tags generated by SVGR to new values, allowing us to shadow real SVG elements with custom React components.
+
+Shout out to [Greg Bergé](https://github.com/gregberge) [for validating my first attempt at a SVGR/AST hack](https://github.com/gregberge/svgr/discussions/681).

package/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@apocryphilia/babel-plugin-svgr-replace-jsx-tags",
+  "version": "1.0.0",
+  "main": "src/index.js",
+  "license": "MIT",
+  "private": false,
+  "devDependencies": {
+    "simple-node-logger": "^21.8.12"
+  },
+  "dependencies": {},
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/simonhildebrandt/svgr-workflow.git"
+  }
+}

package/src/index.js

@@ -0,0 +1,21 @@
+//const logger = require('simple-node-logger').createSimpleLogger('build.log');
+
+
+function replaceJSXTags(_config, options) {
+  return {
+    visitor: {
+      JSXOpeningElement(path) {
+        if (options[path.node.name.name]) {
+          path.node.name.name = options[path.node.name.name];
+        }
+      },
+      JSXClosingElement(path) {
+        if (options[path.node.name.name]) {
+          path.node.name.name = options[path.node.name.name];
+        }
+      }
+    }
+  }
+}
+
+module.exports = replaceJSXTags;