chore: fix asset bundling

.babelrc.js

@@ -0,0 +1,52 @@
+const isDevelopment = process.env.NODE_ENV !== 'production';
+
+const envPreset = isDevelopment
+  ? ['@babel/preset-env', { loose: true }]
+  : [
+      '@babel/preset-env',
+      {
+        modules: false,
+        // Allow importing core-js in entrypoint and use browserlist to select polyfills
+        useBuiltIns: 'entry',
+        // Set the corejs version we are using to avoid warnings in console
+        corejs: 3,
+        // Exclude transforms that make all code slower
+        exclude: ['transform-typeof-symbol'],
+        loose: true,
+        targets: {
+          node: 'current',
+        },
+      },
+    ];
+
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-react',
+      {
+        development: isDevelopment,
+      },
+    ],
+    [
+      '@babel/preset-typescript',
+      {
+        isTSX: true,
+        allExtensions: true,
+      },
+    ],
+    envPreset,
+  ],
+  plugins: [
+    ['@babel/plugin-proposal-class-properties', { loose: true }],
+    '@babel/plugin-syntax-dynamic-import',
+    [
+      '@babel/plugin-transform-runtime',
+      {
+        corejs: false,
+        helpers: !isDevelopment,
+        regenerator: !isDevelopment,
+        useESModules: !isDevelopment,
+      },
+    ],
+  ],
+};

.eslintignore

@@ -0,0 +1 @@
+lib/

.eslintrc.json

@@ -12,7 +12,10 @@
     "airbnb/hooks",
     "airbnb-typescript",
     "plugin:jsx-a11y/recommended",
-    "plugin:prettier/recommended"
+    "plugin:prettier/recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "plugin:react-hooks/recommended"
   ],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
@@ -21,16 +24,9 @@
     },
     "ecmaVersion": 2020,
     "sourceType": "module",
-    "tsconfigRootDir": "./tsconfig.json",
-    "project": true
+    "tsconfigRootDir": ".",
+    "project": ["./tsconfig.eslint.json"]
   },
-  "plugins": [
-    "react",
-    "react-hooks",
-    "@typescript-eslint",
-    "jsx-a11y",
-    "prettier"
-  ],
   "rules": {
     "@typescript-eslint/naming-convention": "off",
     "@typescript-eslint/no-unused-vars": "off",

.lintstagedrc.js

@@ -1,10 +1,19 @@
-const path = require('path');
+const { ESLint } = require('eslint')
 
-const buildEslintCommand = (filenames) =>
-  `eslint --fix ${filenames
-    .map((f) => path.relative(process.cwd(), f))
-    .join(' ')}`;
+const removeIgnoredFiles = async (files) => {
+  const eslint = new ESLint()
+  const isIgnored = await Promise.all(
+    files.map((file) => {
+      return eslint.isPathIgnored(file)
+    })
+  )
+  const filteredFiles = files.filter((_, i) => !isIgnored[i])
+  return filteredFiles.join(' ')
+}
 
 module.exports = {
-  '*.{js,jsx,ts,tsx}': [buildEslintCommand],
-};
+  '**/*.{ts,tsx,js,jsx}': async (files) => {
+    const filesToLint = await removeIgnoredFiles(files)
+    return [`eslint --fix --max-warnings=0 ${filesToLint}`]
+  },
+}

jest.config.js

@@ -4,12 +4,12 @@ module.exports = {
     '^@components/(.*)$': '<rootDir>/src/components/$1',
     '^@styles/(.*)$': '<rootDir>/src/components/styles/$1',
     '^@globalStyles/(.*)$': '<rootDir>/src/components/styles/$1',
-    '\\.(css|less|scss|sss|styl)$': '<rootDir>/__mocks__/styleMock.ts',
+    '\\.(css|less|scss|sss|styl)$': '<rootDir>/src/__mocks__/styleMock.ts',
   },
   preset: 'ts-jest',
   setupFiles: ['./jest.setup.ts'],
   setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
   testEnvironment: 'jsdom',
-  testMatch: ['**/__tests__/**/*.[jt]s?(x)'],
+  testMatch: ['<rootDir>/src/**/*.test.[jt]s?(x)'],
   testPathIgnorePatterns: ['<rootDir>/lib/'],
 };