feat: first commit

.eslintrc.js

@@ -0,0 +1,18 @@
+module.exports =  {
+  plugins: ["@typescript-eslint"],
+  parser:  "@typescript-eslint/parser",
+  extends:  [
+      "plugin:@typescript-eslint/recommended",
+  ],
+  parserOptions:  {
+      ecmaVersion:  2019,
+      sourceType:  'module',
+  },
+  rules: {
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-member-accessibility": "off",
+      "@typescript-eslint/no-parameter-properties": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+  },
+};

.gitignore

@@ -0,0 +1,2 @@
+/dist
+/node_modules

README.md

@@ -0,0 +1,37 @@
+# Babel Plugin Transform JSX Classes
+
+This babel plugin adds the `className` in each JSX element.
+
+<table>
+  <tr>
+    <th>Before</th>
+    <th>After</th>
+  </tr>
+  <tr>
+    <td>
+      <pre>
+function FancyComponent () {
+  return (
+    &lt;div&gt;
+      &lt;div&gt;Hello World&lt;/div&gt;
+    &lt;/div&gt;
+  )
+}
+      </pre>
+    </td>
+    <td>
+      <pre>
+function FancyComponent () {
+  return (
+    &lt;div class='example'&gt;
+      &lt;div class='example'&gt;Hello World&lt;/div&gt;
+    &lt;/div&gt;
+  )
+}
+      </pre>
+    </td>
+  </tr>
+</table>
+
+
+> This plugin asumes that you are using [React](https://reactjs.org) and [Babel](https://babeljs.io) as a building tool to generate your bundle.

babel.config.js

@@ -0,0 +1,10 @@
+module.exports = (api) => {
+  api.cache(true)
+
+  return {
+    presets: [
+      ['@babel/preset-env', { targets: { node: '12' }, loose: true }],
+      '@babel/preset-typescript',
+    ],
+  }
+}