feat(esm): include ESM and CommonJS builds (#25)

.babelrc.js

@@ -0,0 +1,33 @@
+const presetEnvOptions = {
+  bugfixes: true,
+  corejs: '3',
+  modules: false,
+  shippedProposals: true,
+  targets: 'defaults',
+  useBuiltIns: 'usage',
+};
+
+module.exports = {
+  assumptions: {
+    noDocumentAll: true,
+    privateFieldsAsProperties: true,
+    setClassMethods: true,
+    setComputedProperties: true,
+    setPublicClassFields: true,
+    setSpreadProperties: true,
+  },
+  env: {
+    cjs: {
+      presets: [
+        ['@babel/preset-env', { ...presetEnvOptions, modules: 'cjs' }],
+        '@babel/preset-typescript',
+        '@babel/preset-react',
+      ],
+    },
+  },
+  presets: [
+    ['@babel/preset-env', presetEnvOptions],
+    '@babel/preset-typescript',
+    '@babel/preset-react',
+  ],
+};

.eslintrc

@@ -5,11 +5,11 @@
     "node": true
   },
   "extends": [
+    "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
     "plugin:react/recommended",
     "airbnb",
-    "prettier",
-    "prettier/react"
+    "prettier"
   ],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
@@ -24,8 +24,14 @@
     "@typescript-eslint/explicit-function-return-type": "off",
     "@typescript-eslint/explicit-module-boundary-types": "off",
     "@typescript-eslint/no-use-before-define": "error",
-    "import/extensions": ["error", "ignorePackages", { "tsx": "never" }],
+    "import/extensions": [
+      "error",
+      "ignorePackages",
+      { "js": "never", "tsx": "never" }
+    ],
     "import/prefer-default-export": "off",
+    "no-undef": "off",
+    "no-unused-vars": "off",
     "no-use-before-define": "off",
     "react/jsx-filename-extension": [
       "error",

.github/workflows/main.yml

@@ -16,9 +16,9 @@ jobs:
         uses: actions/checkout@v2
 
       - name: Setup Node.js
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v2
         with:
-          node-version: 12
+          node-version: 14
 
       - name: Install
         run: npm ci

.gitignore

@@ -1,3 +1,4 @@
+.DS_Store
 .vscode
 dist
 node_modules

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no lint-staged

example/package.json

@@ -6,15 +6,15 @@
     "storybook": "start-storybook -s public -p 6006"
   },
   "dependencies": {
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
-    "@storybook/addon-storysource": "^6.0.0",
-    "@storybook/addons": "^6.0.0",
-    "@storybook/react": "^6.0.0",
-    "@storybook/theming": "^6.0.0",
+    "@storybook/addon-storysource": "^6.2.0",
+    "@storybook/addons": "^6.2.0",
+    "@storybook/react": "^6.2.0",
+    "@storybook/theming": "^6.2.0",
     "babel-loader": "^8.0.0",
     "storybook-addon-paddings": "file:../"
   }

example/src/Card.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Card from './Card.js';
+import Card from './Card';
 
 export default {
   title: 'Example',