🚀 Release/1.3.0 (#204)

🚀 Release/1.3.0

.eslintrc.js

@@ -2,8 +2,8 @@ const path = require('path')
 
 module.exports = {
   root: true,
-  extends: ['react-app', 'plugin:prettier/recommended'],
-  plugins: ['react-hooks', 'import', 'prettier'],
+  extends: ['eslint:recommended', 'plugin:react/recommended', 'eslint-config-prettier', 'plugin:prettier/recommended'],
+  plugins: ['react', 'react-hooks', 'import', 'prettier'],
   env: {
     browser: true,
     node: true,
@@ -37,6 +37,8 @@ module.exports = {
     },
   },
   rules: {
+    'react/prop-types': [0],
+    'no-unused-vars': 'off',
     'react-hooks/rules-of-hooks': 'error',
     'react-hooks/exhaustive-deps': 'warn', // Checks effect dependencies
     'import/order': [
@@ -58,6 +60,11 @@ module.exports = {
         },
       },
     ],
-    'prettier/prettier': 'error',
+    'prettier/prettier': [
+      'error',
+      {
+        endOfLine: 'auto',
+      },
+    ],
   },
 }

.gitignore

@@ -6,6 +6,7 @@
 /node_modules
 /.pnp
 .pnp.js
+.eslintcache
 
 # testing
 /coverage
@@ -25,3 +26,4 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 rest.http
+

.vscode/settings.json

@@ -32,10 +32,13 @@
   },
   "cSpell.words": [
     "favorited",
+    "getcontentanchorel",
+    "Glogin",
     "Gregister",
     "Nlogin",
     "Nregister",
-    "Glogin",
-    "pageview"
+    "pageview",
+    "scrollmagic",
+    "Spoqa"
   ],
 }

craco.config.js

@@ -2,24 +2,13 @@ const path = require('path')
 
 const { whenDev, whenProd } = require('@craco/craco')
 const CracoAlias = require('craco-alias')
+const CracoEsbuildPlugin = require('craco-esbuild')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
+const ProgressBarPlugin = require('progress-bar-webpack-plugin')
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')
 const ManifestPlugin = require('webpack-manifest-plugin')
 
 module.exports = {
-  babel: {
-    presets: [
-      [
-        '@babel/preset-env',
-        {
-          targets: {
-            chrome: '55',
-          },
-        },
-      ],
-    ],
-  },
-
   webpack: {
     configure: (webpackConfig, { paths }) => {
       // multiple entry point config
@@ -93,10 +82,13 @@ module.exports = {
       whenDev(() => {
         webpackConfig.optimization.runtimeChunk = 'single'
         webpackConfig.plugins.push(new BundleAnalyzerPlugin({ analyzerMode: 'server', openAnalyzer: false }))
+        webpackConfig.devtool = 'eval-cheap-module-source-map'
       })
 
       whenProd(() => {
         webpackConfig.plugins.push(new BundleAnalyzerPlugin({ analyzerMode: 'static' }))
+        webpackConfig.plugins.push(new ProgressBarPlugin())
+        webpackConfig.devtool = false
       })
 
       return webpackConfig
@@ -111,5 +103,18 @@ module.exports = {
         baseUrl: './src',
       },
     },
+    {
+      plugin: CracoEsbuildPlugin,
+      options: {
+        esbuildLoaderOptions: {
+          loader: 'jsx',
+          target: 'es2015',
+        },
+        esbuildMinimizerOptions: {
+          target: 'es2015',
+          css: true,
+        },
+      },
+    },
   ],
 }