From b9a4360a9e876f050d54924096bfbdf9bd69f64e Mon Sep 17 00:00:00 2001
From: Gregor Anders <gregor.anders@gmail.com>
Date: Fri, 26 Jun 2020 13:45:19 +0200
Subject: [PATCH 1/4] chore(release): prepare next release

---
 SECURITY.md     | 3 ++-
 docs/public     | 2 +-
 e2e/screenshots | 2 +-
 package.json    | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/SECURITY.md b/SECURITY.md
index c9cdcdc..6b8aa65 100644
--- a/SECURITY.md
+++ b/SECURITY.md
@@ -5,7 +5,8 @@
 ​
 | Version | Supported |
 | ------- | ------------------ |
-| 0.0.14 | :white_check_mark: |
+| 0.0.15 | :white_check_mark: |
+| 0.0.14 | :x: |
 | 0.0.13 | :x: |
 | 0.0.12 | :x: |
 | 0.0.11 | :x: |
diff --git a/docs/public b/docs/public
index 5293163..8fecb0a 160000
--- a/docs/public
+++ b/docs/public
@@ -1 +1 @@
-Subproject commit 5293163ebf27dbcca80e459f8e430099665ae405
+Subproject commit 8fecb0ae321a49953d5dff3c594165b5a8217ec3
diff --git a/e2e/screenshots b/e2e/screenshots
index 5d4e725..32cf913 160000
--- a/e2e/screenshots
+++ b/e2e/screenshots
@@ -1 +1 @@
-Subproject commit 5d4e72513faa81631b4cd5d2b6b6da994390fdc2
+Subproject commit 32cf9136e24eda5fa7c3a8ac9c5898337ff72dbf
diff --git a/package.json b/package.json
index 416ee23..010dca1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ts-react-playground",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description": "TypeScript React Playground",
   "scripts": {
     "start": "webpack-dev-server --open --progress --config webpack.config.js",

From 6cc7951d22cfe10c845fd4330a3d7776615314d2 Mon Sep 17 00:00:00 2001
From: Gregor Anders <gregor.anders@gmail.com>
Date: Fri, 26 Jun 2020 14:08:17 +0200
Subject: [PATCH 2/4] feat(vendor): enable development build

#78
---
 package.json                                 | 22 ++++++++++----------
 src/vendor/rollup-base.config.js             |  9 ++++----
 src/vendor/rollup-devexpress.config.js       |  9 ++++----
 src/vendor/rollup-faker.config.js            |  9 ++++----
 src/vendor/rollup-fontawesome.config.js      |  9 ++++----
 src/vendor/rollup-materialui-icons.config.js |  9 ++++----
 src/vendor/rollup-materialui.config.js       |  9 ++++----
 src/vendor/rollup-mdi-material-ui.config.js  |  9 ++++----
 src/vendor/rollup-react.config.js            |  9 ++++----
 src/vendor/rollup-recharts.config.js         |  9 ++++----
 10 files changed, 56 insertions(+), 47 deletions(-)

diff --git a/package.json b/package.json
index 010dca1..6cd53c6 100644
--- a/package.json
+++ b/package.json
@@ -32,25 +32,25 @@
     "prefavicon": "rimraf ./public/assets ./public/favicon.html",
     "favicon": "ts-node --project ./scripts/tsconfig.json ./scripts/favicon.ts",
     "prevendor": "rimraf ./public/vendor ./public/es-module-shims.js",
-    "vendor": "rimraf ./public/vendor && npm run vendor:base && npm run vendor:faker && npm run vendor:fontawesome && npm run vendor:react && npm run vendor:recharts && npm run vendor:esmoduleshims && npm run vendor:materialui",
-    "vendor:base": "cross-env NODE_ENV=production rollup -c ./src/vendor/rollup-base.config.js",
-    "vendor:faker": "cross-env NODE_ENV=production rollup -c ./src/vendor/rollup-faker.config.js",
-    "vendor:fontawesome": "cross-env NODE_ENV=production rollup -c ./src/vendor/rollup-fontawesome.config.js",
-    "vendor:react": "cross-env NODE_ENV=production rollup -c ./src/vendor/rollup-react.config.js",
-    "vendor:recharts": "cross-env NODE_ENV=production rollup -c ./src/vendor/rollup-recharts.config.js",
+    "vendor": "npm run vendor:base && npm run vendor:faker && npm run vendor:fontawesome && npm run vendor:react && npm run vendor:recharts && npm run vendor:esmoduleshims && npm run vendor:materialui",
+    "vendor:base": "rollup -c ./src/vendor/rollup-base.config.js",
+    "vendor:faker": "rollup -c ./src/vendor/rollup-faker.config.js",
+    "vendor:fontawesome": "rollup -c ./src/vendor/rollup-fontawesome.config.js",
+    "vendor:react": "rollup -c ./src/vendor/rollup-react.config.js",
+    "vendor:recharts": "rollup -c ./src/vendor/rollup-recharts.config.js",
     "vendor:esmoduleshims": "tsc --project ./src/vendor/es-module-shims",
     "vendor:materialui": "npm run vendor:materialui-base && npm run vendor:materialui-icons && npm run vendor:mdi-material-ui && npm run vendor:devexpress",
-    "vendor:materialui-base": "cross-env NODE_ENV=production rollup -c ./src/vendor/rollup-materialui.config.js",
-    "vendor:materialui-icons": "cross-env NODE_ENV=production rollup -c ./src/vendor/rollup-materialui-icons.config.js",
-    "vendor:mdi-material-ui": "cross-env NODE_ENV=production rollup -c ./src/vendor/rollup-mdi-material-ui.config.js",
-    "vendor:devexpress": "cross-env NODE_ENV=production rollup -c ./src/vendor/rollup-devexpress.config.js",
+    "vendor:materialui-base": "rollup -c ./src/vendor/rollup-materialui.config.js",
+    "vendor:materialui-icons": "rollup -c ./src/vendor/rollup-materialui-icons.config.js",
+    "vendor:mdi-material-ui": "rollup -c ./src/vendor/rollup-mdi-material-ui.config.js",
+    "vendor:devexpress": "rollup -c ./src/vendor/rollup-devexpress.config.js",
     "preserviceWorker": "rimraf ./public/serviceWorker.js",
     "serviceWorker": "tsc --project ./src/service --outFile ./public/serviceWorker.js",
     "postserviceWorker": "workbox injectManifest workbox-config.js",
     "prewatch-serviceWorker": "npm run serviceWorker",
     "watch-serviceWorker": "tsc --watch --project ./src/service --outFile ./public/serviceWorker.js",
     "predocker:build": "npm run build",
-    "docker:build": "cross-env NODE_ENV=production docker-compose build --force-rm --no-cache --parallel --pull",
+    "docker:build": "docker-compose build --force-rm --no-cache --parallel --pull",
     "docker:up": "docker-compose up -d",
     "docker:down": "docker-compose down",
     "codeclimate": "docker run --interactive --tty --rm --env CODECLIMATE_CODE=\"$PWD\" --volume \"$PWD\":/code --volume /var/run/docker.sock:/var/run/docker.sock --volume /tmp/cc:/tmp/cc codeclimate/codeclimate analyze",
diff --git a/src/vendor/rollup-base.config.js b/src/vendor/rollup-base.config.js
index a1cc2f2..fab3722 100644
--- a/src/vendor/rollup-base.config.js
+++ b/src/vendor/rollup-base.config.js
@@ -5,9 +5,9 @@ import resolve from '@rollup/plugin-node-resolve';
 import replace from '@rollup/plugin-replace';
 import typescript from '@rollup/plugin-typescript';
 
-const isProd = process.env.NODE_ENV === 'production';
+const isProduction = process.env.NODE_ENV === 'production';
 
-console.log('Production:', isProd);
+console.log('Production:', isProduction);
 
 const exported = [
   {
@@ -109,12 +109,12 @@ const exported = [
       format: 'esm', // 'cjs' | 'umd' | 'iife' | 'es' | 'esm'
       exports: 'named',
       name,
-      sourcemap: isProd ? false : true,
+      sourcemap: isProduction ? false : true,
     },
   ],
   plugins: [
     replace({
-      'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+      'process.env.NODE_ENV': JSON.stringify(isProduction ? 'production' : 'development'),
     }),
     resolve({
       preferBuiltins: false,
@@ -122,6 +122,7 @@ const exported = [
     json(),
     typescript({
       tsconfig: `src/vendor/${name}/tsconfig.json`,
+      sourceMap: isProduction ? false : true,
     }),
     commonjs({
       include: ['node_modules/**'],
diff --git a/src/vendor/rollup-devexpress.config.js b/src/vendor/rollup-devexpress.config.js
index fb688d9..0bf6ede 100644
--- a/src/vendor/rollup-devexpress.config.js
+++ b/src/vendor/rollup-devexpress.config.js
@@ -5,9 +5,9 @@ import resolve from '@rollup/plugin-node-resolve';
 import replace from '@rollup/plugin-replace';
 import typescript from '@rollup/plugin-typescript';
 
-const isProd = process.env.NODE_ENV === 'production';
+const isProduction = process.env.NODE_ENV === 'production';
 
-console.log('Production:', isProd);
+console.log('Production:', isProduction);
 
 const exported = [
   {
@@ -46,12 +46,12 @@ const exported = [
       format: 'esm', // 'cjs' | 'umd' | 'iife' | 'es' | 'esm'
       exports: 'named',
       name,
-      sourcemap: isProd ? false : true,
+      sourcemap: isProduction ? false : true,
     },
   ],
   plugins: [
     replace({
-      'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+      'process.env.NODE_ENV': JSON.stringify(isProduction ? 'production' : 'development'),
     }),
     resolve({
       preferBuiltins: false,
@@ -59,6 +59,7 @@ const exported = [
     json(),
     typescript({
       tsconfig: `src/vendor/${name}/tsconfig.json`,
+      sourceMap: isProduction ? false : true,
     }),
     commonjs({
       include: ['node_modules/**'],
diff --git a/src/vendor/rollup-faker.config.js b/src/vendor/rollup-faker.config.js
index bbf6f1a..4f70d10 100644
--- a/src/vendor/rollup-faker.config.js
+++ b/src/vendor/rollup-faker.config.js
@@ -5,9 +5,9 @@ import resolve from '@rollup/plugin-node-resolve';
 import replace from '@rollup/plugin-replace';
 import typescript from '@rollup/plugin-typescript';
 
-const isProd = process.env.NODE_ENV === 'production';
+const isProduction = process.env.NODE_ENV === 'production';
 
-console.log('Production:', isProd);
+console.log('Production:', isProduction);
 
 const exported = [
   {
@@ -24,12 +24,12 @@ const exported = [
       format: 'esm', // 'cjs' | 'umd' | 'iife' | 'es' | 'esm'
       exports: 'named',
       name,
-      sourcemap: isProd ? false : true,
+      sourcemap: isProduction ? false : true,
     },
   ],
   plugins: [
     replace({
-      'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+      'process.env.NODE_ENV': JSON.stringify(isProduction ? 'production' : 'development'),
     }),
     resolve({
       preferBuiltins: false,
@@ -37,6 +37,7 @@ const exported = [
     json(),
     typescript({
       tsconfig: `src/vendor/${name}/tsconfig.json`,
+      sourceMap: isProduction ? false : true,
     }),
     commonjs({
       include: ['node_modules/**'],
diff --git a/src/vendor/rollup-fontawesome.config.js b/src/vendor/rollup-fontawesome.config.js
index 48e255c..f934a31 100644
--- a/src/vendor/rollup-fontawesome.config.js
+++ b/src/vendor/rollup-fontawesome.config.js
@@ -5,9 +5,9 @@ import resolve from '@rollup/plugin-node-resolve';
 import replace from '@rollup/plugin-replace';
 import typescript from '@rollup/plugin-typescript';
 
-const isProd = process.env.NODE_ENV === 'production';
+const isProduction = process.env.NODE_ENV === 'production';
 
-console.log('Production:', isProd);
+console.log('Production:', isProduction);
 
 const exported = [
   {
@@ -59,12 +59,12 @@ const exported = [
       format: 'esm', // 'cjs' | 'umd' | 'iife' | 'es' | 'esm'
       exports: 'named',
       name,
-      sourcemap: isProd ? false : true,
+      sourcemap: isProduction ? false : true,
     },
   ],
   plugins: [
     replace({
-      'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+      'process.env.NODE_ENV': JSON.stringify(isProduction ? 'production' : 'development'),
     }),
     resolve({
       preferBuiltins: false,
@@ -72,6 +72,7 @@ const exported = [
     json(),
     typescript({
       tsconfig: `src/vendor/${name}/tsconfig.json`,
+      sourceMap: isProduction ? false : true,
     }),
     commonjs({
       include: ['node_modules/**'],
diff --git a/src/vendor/rollup-materialui-icons.config.js b/src/vendor/rollup-materialui-icons.config.js
index 04ce619..7901a7d 100644
--- a/src/vendor/rollup-materialui-icons.config.js
+++ b/src/vendor/rollup-materialui-icons.config.js
@@ -5,9 +5,9 @@ import resolve from '@rollup/plugin-node-resolve';
 import replace from '@rollup/plugin-replace';
 import typescript from '@rollup/plugin-typescript';
 
-const isProd = process.env.NODE_ENV === 'production';
+const isProduction = process.env.NODE_ENV === 'production';
 
-console.log('Production:', isProd);
+console.log('Production:', isProduction);
 
 const exported = [
   {
@@ -27,12 +27,12 @@ const exported = [
       format: 'esm', // 'cjs' | 'umd' | 'iife' | 'es' | 'esm'
       exports: 'named',
       name,
-      sourcemap: isProd ? false : true,
+      sourcemap: isProduction ? false : true,
     },
   ],
   plugins: [
     replace({
-      'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+      'process.env.NODE_ENV': JSON.stringify(isProduction ? 'production' : 'development'),
     }),
     resolve({
       preferBuiltins: false,
@@ -40,6 +40,7 @@ const exported = [
     json(),
     typescript({
       tsconfig: `src/vendor/${name}/tsconfig.json`,
+      sourceMap: isProduction ? false : true,
     }),
     commonjs({
       include: ['node_modules/**'],
diff --git a/src/vendor/rollup-materialui.config.js b/src/vendor/rollup-materialui.config.js
index 08cc1ab..feecd06 100644
--- a/src/vendor/rollup-materialui.config.js
+++ b/src/vendor/rollup-materialui.config.js
@@ -5,9 +5,9 @@ import resolve from '@rollup/plugin-node-resolve';
 import replace from '@rollup/plugin-replace';
 import typescript from '@rollup/plugin-typescript';
 
-const isProd = process.env.NODE_ENV === 'production';
+const isProduction = process.env.NODE_ENV === 'production';
 
-console.log('Production:', isProd);
+console.log('Production:', isProduction);
 
 const exported = [
   {
@@ -57,12 +57,12 @@ const exported = [
       format: 'esm', // 'cjs' | 'umd' | 'iife' | 'es' | 'esm'
       exports: 'named',
       name,
-      sourcemap: isProd ? false : true,
+      sourcemap: isProduction ? false : true,
     },
   ],
   plugins: [
     replace({
-      'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+      'process.env.NODE_ENV': JSON.stringify(isProduction ? 'production' : 'development'),
     }),
     resolve({
       preferBuiltins: false,
@@ -70,6 +70,7 @@ const exported = [
     json(),
     typescript({
       tsconfig: `src/vendor/${name}/tsconfig.json`,
+      sourceMap: isProduction ? false : true,
     }),
     commonjs({
       include: ['node_modules/**'],
diff --git a/src/vendor/rollup-mdi-material-ui.config.js b/src/vendor/rollup-mdi-material-ui.config.js
index 179a62b..60496f3 100644
--- a/src/vendor/rollup-mdi-material-ui.config.js
+++ b/src/vendor/rollup-mdi-material-ui.config.js
@@ -5,9 +5,9 @@ import resolve from '@rollup/plugin-node-resolve';
 import replace from '@rollup/plugin-replace';
 import typescript from '@rollup/plugin-typescript';
 
-const isProd = process.env.NODE_ENV === 'production';
+const isProduction = process.env.NODE_ENV === 'production';
 
-console.log('Production:', isProd);
+console.log('Production:', isProduction);
 
 const exported = [
   {
@@ -26,12 +26,12 @@ const exported = [
       format: 'esm', // 'cjs' | 'umd' | 'iife' | 'es' | 'esm'
       exports: 'named',
       name,
-      sourcemap: isProd ? false : true,
+      sourcemap: isProduction ? false : true,
     },
   ],
   plugins: [
     replace({
-      'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+      'process.env.NODE_ENV': JSON.stringify(isProduction ? 'production' : 'development'),
     }),
     resolve({
       preferBuiltins: false,
@@ -39,6 +39,7 @@ const exported = [
     json(),
     typescript({
       tsconfig: `src/vendor/${name}/tsconfig.json`,
+      sourceMap: isProduction ? false : true,
     }),
     commonjs({
       include: ['node_modules/**'],
diff --git a/src/vendor/rollup-react.config.js b/src/vendor/rollup-react.config.js
index 6c36dbe..1a1895a 100644
--- a/src/vendor/rollup-react.config.js
+++ b/src/vendor/rollup-react.config.js
@@ -5,9 +5,9 @@ import resolve from '@rollup/plugin-node-resolve';
 import replace from '@rollup/plugin-replace';
 import typescript from '@rollup/plugin-typescript';
 
-const isProd = process.env.NODE_ENV === 'production';
+const isProduction = process.env.NODE_ENV === 'production';
 
-console.log('Production:', isProd);
+console.log('Production:', isProduction);
 
 const exported = [
   {
@@ -89,12 +89,12 @@ const exported = [
       format: 'esm', // 'cjs' | 'umd' | 'iife' | 'es' | 'esm'
       exports: 'named',
       name,
-      sourcemap: isProd ? false : true,
+      sourcemap: isProduction ? false : true,
     },
   ],
   plugins: [
     replace({
-      'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+      'process.env.NODE_ENV': JSON.stringify(isProduction ? 'production' : 'development'),
     }),
     resolve({
       preferBuiltins: false,
@@ -102,6 +102,7 @@ const exported = [
     json(),
     typescript({
       tsconfig: `src/vendor/${name}/tsconfig.json`,
+      sourceMap: isProduction ? false : true,
     }),
     commonjs({
       include: ['node_modules/**'],
diff --git a/src/vendor/rollup-recharts.config.js b/src/vendor/rollup-recharts.config.js
index e20b6f3..3e3cf49 100644
--- a/src/vendor/rollup-recharts.config.js
+++ b/src/vendor/rollup-recharts.config.js
@@ -5,9 +5,9 @@ import resolve from '@rollup/plugin-node-resolve';
 import replace from '@rollup/plugin-replace';
 import typescript from '@rollup/plugin-typescript';
 
-const isProd = process.env.NODE_ENV === 'production';
+const isProduction = process.env.NODE_ENV === 'production';
 
-console.log('Production:', isProd);
+console.log('Production:', isProduction);
 
 const exported = [
   {
@@ -40,12 +40,12 @@ const exported = [
       format: 'esm', // 'cjs' | 'umd' | 'iife' | 'es' | 'esm'
       exports: 'named',
       name,
-      sourcemap: isProd ? false : true,
+      sourcemap: isProduction ? false : true,
     },
   ],
   plugins: [
     replace({
-      'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+      'process.env.NODE_ENV': JSON.stringify(isProduction ? 'production' : 'development'),
     }),
     resolve({
       preferBuiltins: false,
@@ -53,6 +53,7 @@ const exported = [
     json(),
     typescript({
       tsconfig: `src/vendor/${name}/tsconfig.json`,
+      sourceMap: isProduction ? false : true,
     }),
     commonjs({
       include: ['node_modules/**'],

From 2ddea6c12c70ed169772e7f10c57e68d667e2cd2 Mon Sep 17 00:00:00 2001
From: Gregor Anders <gregor.anders@gmail.com>
Date: Fri, 26 Jun 2020 18:19:06 +0200
Subject: [PATCH 3/4] feat(eslint): add jest and unicorn plugin

- add eslint-plugin-jest
- add eslint-plugin-unicorn
- adjust code du to added eslint plugin
- move eslint configuration out of package.json into spearate file
---
 .eslintrc.json                                | 45 +++++++++++++++
 package.json                                  | 55 +------------------
 src/script/application.spec.tsx               |  2 +-
 .../components/atoms/button/index.spec.tsx    |  2 +-
 src/script/components/atoms/button/index.tsx  |  8 +--
 .../components/atoms/navLink/index.spec.tsx   |  2 +-
 src/script/components/atoms/navLink/index.tsx |  2 +-
 .../atoms/themeSwitch/index.spec.tsx          |  4 +-
 .../components/atoms/user/index.spec.tsx      |  2 +-
 src/script/components/layout/index.spec.tsx   |  2 +-
 .../components/molecules/users/index.spec.tsx |  2 +-
 .../organisms/footer/index.spec.tsx           |  2 +-
 .../organisms/header/index.spec.tsx           |  2 +-
 .../components/organisms/main/index.spec.tsx  |  4 +-
 .../components/organisms/nav/index.spec.tsx   |  2 +-
 .../components/organisms/users/index.spec.tsx |  4 +-
 .../components/pages/about/index.spec.tsx     |  2 +-
 .../components/pages/home/index.spec.tsx      |  2 +-
 .../components/pages/index/index.spec.tsx     |  2 +-
 .../pages/materialui/index.spec.tsx           |  2 +-
 src/script/index.tsx                          | 18 +++---
 src/script/loading.spec.tsx                   |  2 +-
 src/script/models/theme.spec.tsx              |  1 +
 src/script/models/theme.ts                    |  2 +-
 src/script/models/user.tsx                    |  1 +
 src/script/{testUtils.tsx => test-utils.tsx}  |  0
 src/script/theme.spec.tsx                     |  4 +-
 27 files changed, 89 insertions(+), 87 deletions(-)
 create mode 100644 .eslintrc.json
 rename src/script/{testUtils.tsx => test-utils.tsx} (100%)

diff --git a/.eslintrc.json b/.eslintrc.json
new file mode 100644
index 0000000..f1672a4
--- /dev/null
+++ b/.eslintrc.json
@@ -0,0 +1,45 @@
+{
+  "parser": "@typescript-eslint/parser",
+  "extends": [
+    "plugin:react-hooks/recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:jest/recommended",
+    "plugin:unicorn/recommended",
+    "plugin:prettier/recommended",
+    "prettier/@typescript-eslint"
+  ],
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "rules": {
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "sort-imports": [
+      "error",
+      {
+        "ignoreCase": false,
+        "ignoreDeclarationSort": true,
+        "ignoreMemberSort": false,
+        "memberSyntaxSortOrder": ["none", "all", "multiple", "single"]
+      }
+    ],
+    "no-restricted-imports": [
+      "error",
+      {
+        "patterns": ["@material-ui/*/*/*", "!@material-ui/core/test-utils/*"]
+      }
+    ]
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  }
+}
diff --git a/package.json b/package.json
index 6cd53c6..fa075c9 100644
--- a/package.json
+++ b/package.json
@@ -99,7 +99,7 @@
       "**/script/**/*.ts",
       "!**/script/index.tsx",
       "!**/script/application.tsx",
-      "!**/script/testUtils.tsx"
+      "!**/script/test-utils.tsx"
     ],
     "coverageReporters": [
       "lcovonly",
@@ -148,57 +148,6 @@
   "jest-junit": {
     "outputDirectory": "./test"
   },
-  "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "extends": [
-      "plugin:react-hooks/recommended",
-      "plugin:react/recommended",
-      "plugin:@typescript-eslint/recommended",
-      "plugin:prettier/recommended",
-      "prettier/@typescript-eslint"
-    ],
-    "parserOptions": {
-      "ecmaVersion": 2020,
-      "sourceType": "module",
-      "ecmaFeatures": {
-        "jsx": true
-      }
-    },
-    "rules": {
-      "@typescript-eslint/explicit-function-return-type": "off",
-      "@typescript-eslint/explicit-module-boundary-types": "off",
-      "react-hooks/rules-of-hooks": "error",
-      "react-hooks/exhaustive-deps": "warn",
-      "sort-imports": [
-        "error",
-        {
-          "ignoreCase": false,
-          "ignoreDeclarationSort": true,
-          "ignoreMemberSort": false,
-          "memberSyntaxSortOrder": [
-            "none",
-            "all",
-            "multiple",
-            "single"
-          ]
-        }
-      ],
-      "no-restricted-imports": [
-        "error",
-        {
-          "patterns": [
-            "@material-ui/*/*/*",
-            "!@material-ui/core/test-utils/*"
-          ]
-        }
-      ]
-    },
-    "settings": {
-      "react": {
-        "version": "detect"
-      }
-    }
-  },
   "prettier": {
     "semi": true,
     "trailingComma": "all",
@@ -301,9 +250,11 @@
     "es-module-shims": "0.4.7",
     "eslint": "7.3.1",
     "eslint-config-prettier": "6.11.0",
+    "eslint-plugin-jest": "23.17.1",
     "eslint-plugin-prettier": "3.1.4",
     "eslint-plugin-react": "7.20.0",
     "eslint-plugin-react-hooks": "4.0.4",
+    "eslint-plugin-unicorn": "20.1.0",
     "express": "4.17.1",
     "faker": "4.1.0",
     "favicons": "6.1.0",
diff --git a/src/script/application.spec.tsx b/src/script/application.spec.tsx
index 7857b91..be4a8ab 100644
--- a/src/script/application.spec.tsx
+++ b/src/script/application.spec.tsx
@@ -1,4 +1,4 @@
-import React, { mount } from '@app/testUtils';
+import React, { mount } from '@app/test-utils';
 
 import * as TestSubject from '@app/application';
 
diff --git a/src/script/components/atoms/button/index.spec.tsx b/src/script/components/atoms/button/index.spec.tsx
index 98c03a8..7f2cd01 100644
--- a/src/script/components/atoms/button/index.spec.tsx
+++ b/src/script/components/atoms/button/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { act, create, mount } from '@app/testUtils';
+import React, { act, create, mount } from '@app/test-utils';
 
 import * as TestSubject from '@atoms/button';
 
diff --git a/src/script/components/atoms/button/index.tsx b/src/script/components/atoms/button/index.tsx
index 01c5c21..8633134 100644
--- a/src/script/components/atoms/button/index.tsx
+++ b/src/script/components/atoms/button/index.tsx
@@ -20,9 +20,9 @@ const defaultProps = {
   /**
    * onClick handler
    *
-   * @type (e: React.MouseEvent<HTMLButtonElement>) => void
+   * @type (event: React.MouseEvent<HTMLButtonElement>) => void
    */
-  onClick: (e: React.MouseEvent<HTMLButtonElement>) => console.log(e),
+  onClick: (event: React.MouseEvent<HTMLButtonElement>) => console.log(event),
   /**
    * HTML button content
    *
@@ -39,8 +39,8 @@ export const Button = ({ children, disabled, onClick }: Props) => {
   return (
     <button
       disabled={disabled}
-      onClick={(e) => {
-        onClick(e);
+      onClick={(event) => {
+        onClick(event);
       }}
     >
       {children}
diff --git a/src/script/components/atoms/navLink/index.spec.tsx b/src/script/components/atoms/navLink/index.spec.tsx
index 5a505be..1b4b7e1 100644
--- a/src/script/components/atoms/navLink/index.spec.tsx
+++ b/src/script/components/atoms/navLink/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { create, mount } from '@app/testUtils';
+import React, { create, mount } from '@app/test-utils';
 
 import { MemoryRouter } from 'react-router-dom';
 
diff --git a/src/script/components/atoms/navLink/index.tsx b/src/script/components/atoms/navLink/index.tsx
index 852904b..ae830b7 100644
--- a/src/script/components/atoms/navLink/index.tsx
+++ b/src/script/components/atoms/navLink/index.tsx
@@ -22,7 +22,7 @@ export const NavLink = ({ className, to, children }: Props) => {
     'w3-hover-theme': true,
   } as Record<string, boolean>;
 
-  if (className && className.length) {
+  if (className && className.length > 0) {
     classes[className] = true;
   }
 
diff --git a/src/script/components/atoms/themeSwitch/index.spec.tsx b/src/script/components/atoms/themeSwitch/index.spec.tsx
index 58a505b..0db0cea 100644
--- a/src/script/components/atoms/themeSwitch/index.spec.tsx
+++ b/src/script/components/atoms/themeSwitch/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { RecoilRoot, create, mount } from '@app/testUtils';
+import React, { RecoilRoot, create, mount } from '@app/test-utils';
 
 import { Switch } from '@material-ui/core';
 
@@ -68,6 +68,7 @@ describe(`${TestSubject.ThemeSwitch.displayName}`, () => {
           <TestComponent />
         </RecoilRoot>,
       );
+      // eslint-disable-next-line unicorn/no-fn-reference-in-iterator
       expect(testSubject.find(Switch)).toHaveProp('checked', false);
     });
 
@@ -81,6 +82,7 @@ describe(`${TestSubject.ThemeSwitch.displayName}`, () => {
           <TestComponent />
         </RecoilRoot>,
       );
+      // eslint-disable-next-line unicorn/no-fn-reference-in-iterator
       expect(testSubject.find(Switch)).toHaveProp('checked', true);
     });
   });
diff --git a/src/script/components/atoms/user/index.spec.tsx b/src/script/components/atoms/user/index.spec.tsx
index 6ec000a..d14736d 100644
--- a/src/script/components/atoms/user/index.spec.tsx
+++ b/src/script/components/atoms/user/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { mount, create } from '@app/testUtils';
+import React, { create, mount } from '@app/test-utils';
 
 import { DefaultUser } from '@models/user';
 
diff --git a/src/script/components/layout/index.spec.tsx b/src/script/components/layout/index.spec.tsx
index 9fa0212..42d92c5 100644
--- a/src/script/components/layout/index.spec.tsx
+++ b/src/script/components/layout/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { create, mount } from '@app/testUtils';
+import React, { create, mount } from '@app/test-utils';
 
 import { MemoryRouter } from 'react-router-dom';
 
diff --git a/src/script/components/molecules/users/index.spec.tsx b/src/script/components/molecules/users/index.spec.tsx
index 93bbd1c..667402c 100644
--- a/src/script/components/molecules/users/index.spec.tsx
+++ b/src/script/components/molecules/users/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { create, mount } from '@app/testUtils';
+import React, { create, mount } from '@app/test-utils';
 
 import { DefaultUser } from '@models/user';
 
diff --git a/src/script/components/organisms/footer/index.spec.tsx b/src/script/components/organisms/footer/index.spec.tsx
index 9302624..4ce1650 100644
--- a/src/script/components/organisms/footer/index.spec.tsx
+++ b/src/script/components/organisms/footer/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { mount, create } from '@app/testUtils';
+import React, { create, mount } from '@app/test-utils';
 
 import * as TestSubject from '@organisms/footer';
 
diff --git a/src/script/components/organisms/header/index.spec.tsx b/src/script/components/organisms/header/index.spec.tsx
index 857143b..d353300 100644
--- a/src/script/components/organisms/header/index.spec.tsx
+++ b/src/script/components/organisms/header/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { mount, create } from '@app/testUtils';
+import React, { create, mount } from '@app/test-utils';
 
 import { MemoryRouter } from 'react-router-dom';
 
diff --git a/src/script/components/organisms/main/index.spec.tsx b/src/script/components/organisms/main/index.spec.tsx
index 2bb8c67..a90b270 100644
--- a/src/script/components/organisms/main/index.spec.tsx
+++ b/src/script/components/organisms/main/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { mount, create } from '@app/testUtils';
+import React, { create, mount } from '@app/test-utils';
 
 import * as TestSubject from '@organisms/main';
 
@@ -33,7 +33,7 @@ describe(`${TestSubject.Main.displayName}`, () => {
       expect(testSubject.text()).toBe('test');
     });
 
-    it('string', () => {
+    it('element', () => {
       const testSubject = mount(
         <TestComponent>
           <span>test</span>
diff --git a/src/script/components/organisms/nav/index.spec.tsx b/src/script/components/organisms/nav/index.spec.tsx
index f043fca..d936dfa 100644
--- a/src/script/components/organisms/nav/index.spec.tsx
+++ b/src/script/components/organisms/nav/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { mount, create } from '@app/testUtils';
+import React, { create, mount } from '@app/test-utils';
 
 import { MemoryRouter } from 'react-router-dom';
 
diff --git a/src/script/components/organisms/users/index.spec.tsx b/src/script/components/organisms/users/index.spec.tsx
index ef04888..0656dcb 100644
--- a/src/script/components/organisms/users/index.spec.tsx
+++ b/src/script/components/organisms/users/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { RecoilRoot, act, create, mount } from '@app/testUtils';
+import React, { RecoilRoot, act, create, mount } from '@app/test-utils';
 
 import * as TestSubject from '@organisms/users';
 
@@ -28,7 +28,7 @@ describe(`${TestSubject.UsersModelView.displayName}`, () => {
     expect(testSubject.text()).toBe('Generate Users');
   });
 
-  it('mount', () => {
+  it('click', () => {
     const testSubject = mount(
       <RecoilRoot>
         <TestComponent />
diff --git a/src/script/components/pages/about/index.spec.tsx b/src/script/components/pages/about/index.spec.tsx
index 1698afa..6deedde 100644
--- a/src/script/components/pages/about/index.spec.tsx
+++ b/src/script/components/pages/about/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { mount, create } from '@app/testUtils';
+import React, { create, mount } from '@app/test-utils';
 
 import * as TestSubject from '@pages/about';
 
diff --git a/src/script/components/pages/home/index.spec.tsx b/src/script/components/pages/home/index.spec.tsx
index f806550..43011b2 100644
--- a/src/script/components/pages/home/index.spec.tsx
+++ b/src/script/components/pages/home/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { RecoilRoot, create, mount } from '@app/testUtils';
+import React, { RecoilRoot, create, mount } from '@app/test-utils';
 
 import * as TestSubject from '@pages/home';
 
diff --git a/src/script/components/pages/index/index.spec.tsx b/src/script/components/pages/index/index.spec.tsx
index f66f1a1..0d79a9c 100644
--- a/src/script/components/pages/index/index.spec.tsx
+++ b/src/script/components/pages/index/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { mount, create } from '@app/testUtils';
+import React, { create, mount } from '@app/test-utils';
 
 import * as TestSubject from '@pages/index';
 
diff --git a/src/script/components/pages/materialui/index.spec.tsx b/src/script/components/pages/materialui/index.spec.tsx
index cf1527b..1d055aa 100644
--- a/src/script/components/pages/materialui/index.spec.tsx
+++ b/src/script/components/pages/materialui/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { mount, create, RecoilRoot } from '@app/testUtils';
+import React, { RecoilRoot, create, mount } from '@app/test-utils';
 
 import * as TestSubject from '@pages/materialui';
 
diff --git a/src/script/index.tsx b/src/script/index.tsx
index c03e7ac..b788dc2 100644
--- a/src/script/index.tsx
+++ b/src/script/index.tsx
@@ -3,11 +3,11 @@ import { render } from 'react-dom';
 import { Workbox } from 'workbox-window';
 
 const basename = (() => {
-  const el = document.head.querySelector('base');
-  if (el) {
-    const attr = el.getAttribute('href');
-    if (attr) {
-      return attr;
+  const element = document.head.querySelector('base');
+  if (element) {
+    const attribute = element.getAttribute('href');
+    if (attribute) {
+      return attribute;
     }
   }
   return '/';
@@ -25,12 +25,12 @@ const registerServiceWorker = async (base: string) => {
 };
 
 export const bootstrap = async (serviceWorker = true): Promise<void> => {
-  const el = document.querySelector('#app');
-  if (!el) {
-    throw Error('Missing element `#app`');
+  const element = document.querySelector('#app');
+  if (!element) {
+    throw new Error('Missing element `#app`');
   }
 
-  render(<Application basename={basename} />, el);
+  render(<Application basename={basename} />, element);
 
   if (serviceWorker) {
     await registerServiceWorker(basename);
diff --git a/src/script/loading.spec.tsx b/src/script/loading.spec.tsx
index da10456..4b17ee5 100644
--- a/src/script/loading.spec.tsx
+++ b/src/script/loading.spec.tsx
@@ -1,4 +1,4 @@
-import React, { act, create, memo, mount } from '@app/testUtils';
+import React, { act, create, memo, mount } from '@app/test-utils';
 
 import * as TestSubject from '@app/loading';
 
diff --git a/src/script/models/theme.spec.tsx b/src/script/models/theme.spec.tsx
index efc8237..ff9d148 100644
--- a/src/script/models/theme.spec.tsx
+++ b/src/script/models/theme.spec.tsx
@@ -33,6 +33,7 @@ describe(`models/theme`, () => {
     });
 
     it('should return THEME.LIGHT as default', () => {
+      // eslint-disable-next-line unicorn/no-useless-undefined
       mockedGetItem.mockReturnValue(undefined);
       const theme = TestSubject.loadTheme();
       expect(theme).toBe(TestSubject.Theme.LIGHT);
diff --git a/src/script/models/theme.ts b/src/script/models/theme.ts
index a42e631..1be4a3c 100644
--- a/src/script/models/theme.ts
+++ b/src/script/models/theme.ts
@@ -10,7 +10,7 @@ const THEME_ATOM_KEY = 'themeAtom';
 export const loadTheme = (): Theme => {
   const theme = localStorage.getItem(THEME_ATOM_KEY);
   if (theme) {
-    return parseInt(theme);
+    return Number.parseInt(theme);
   }
   return Theme.LIGHT;
 };
diff --git a/src/script/models/user.tsx b/src/script/models/user.tsx
index f7150dc..a8cf41e 100644
--- a/src/script/models/user.tsx
+++ b/src/script/models/user.tsx
@@ -52,6 +52,7 @@ export const RandomUser: User = {
   eMail: faker.internet.email(),
 };
 
+// eslint-disable-next-line unicorn/prevent-abbreviations
 export const UserPropTypes = IsShape({
   id: IsNumber.isRequired,
   firstName: IsString.isRequired,
diff --git a/src/script/testUtils.tsx b/src/script/test-utils.tsx
similarity index 100%
rename from src/script/testUtils.tsx
rename to src/script/test-utils.tsx
diff --git a/src/script/theme.spec.tsx b/src/script/theme.spec.tsx
index e2de42a..f76012b 100644
--- a/src/script/theme.spec.tsx
+++ b/src/script/theme.spec.tsx
@@ -1,4 +1,4 @@
-import React, { RecoilRoot, create, mount } from '@app/testUtils';
+import React, { RecoilRoot, create, mount } from '@app/test-utils';
 
 import * as TestSubject from '@app/theme';
 import ThemeAtom, { Theme } from '@models/theme';
@@ -41,6 +41,7 @@ describe(`${TestSubject.ThemeProvider.displayName}`, () => {
           <TestComponent />
         </RecoilRoot>,
       );
+      // eslint-disable-next-line unicorn/no-fn-reference-in-iterator
       expect(testSubject.find(MuiThemeProvider)).toHaveProp('theme', TestSubject.themeLight);
     });
 
@@ -54,6 +55,7 @@ describe(`${TestSubject.ThemeProvider.displayName}`, () => {
           <TestComponent />
         </RecoilRoot>,
       );
+      // eslint-disable-next-line unicorn/no-fn-reference-in-iterator
       expect(testSubject.find(MuiThemeProvider)).toHaveProp('theme', TestSubject.themeDark);
     });
   });

From 377943e3c20cf6aeebfbc48a19372d8bbf0d9e02 Mon Sep 17 00:00:00 2001
From: Gregor Anders <gregor.anders@gmail.com>
Date: Fri, 26 Jun 2020 18:27:13 +0200
Subject: [PATCH 4/4] docs(README): add typescript and react logo

---
 README.md      | 2 +-
 typescript.svg | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 typescript.svg

diff --git a/README.md b/README.md
index 66170c9..a5b0a66 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# ts-react-playground - [TypeScript](http://www.typescriptlang.org/) [React](https://reactjs.org/) Playground
+# [<img src="./typescript.svg" />](http://www.typescriptlang.org/) [<img src="./react.svg" />](https://reactjs.org/) Playground
 
 #### [Storybook](https://gregoranders.github.io/ts-react-playground-docs)
 
diff --git a/typescript.svg b/typescript.svg
new file mode 100644
index 0000000..22287b3
--- /dev/null
+++ b/typescript.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="-64.9 417 216.5 51.9">
+  <style>
+    .st0{fill:#007ACC}
+  </style>
+  <path d="M-38.2 421.7h-11.1V456h-4.5v-34.3h-11.1v-4.1h26.6v4.1h.1z" class="st0"/>
+  <path d="M-16.9 428.6l-12.6 31.8c-2.3 5.7-5.4 8.5-9.5 8.5-1.1 0-2.1-.1-2.9-.3v-3.9c.9.3 1.8.5 2.6.5 2.2 0 3.9-1.3 5-4l2.2-5.2-10.7-27.4h4.9l7.4 21.1c.1.3.3 1 .6 2.1h.2c.1-.4.3-1.1.5-2l7.8-21.2h4.5zm7.4 23.5h-.1v16.6H-14v-40h4.4v4.8h.1c2.2-3.6 5.3-5.5 9.5-5.5 3.5 0 6.3 1.2 8.3 3.7s3 5.7 3 9.9c0 4.6-1.1 8.3-3.3 11s-5.3 4.1-9.2 4.1c-3.6 0-6.3-1.5-8.3-4.6zm-.1-11.1v3.8c0 2.3.7 4.2 2.2 5.8s3.3 2.4 5.6 2.4c2.7 0 4.7-1 6.3-3.1 1.6-2.1 2.3-4.9 2.3-8.5 0-3.1-.7-5.4-2.1-7.2-1.4-1.7-3.3-2.6-5.7-2.6-2.6 0-4.6.9-6.2 2.7-1.6 1.8-2.4 4-2.4 6.7zm48 2.4H19c.1 3.1.9 5.4 2.5 7.1s3.7 2.5 6.5 2.5c3.1 0 5.9-1 8.5-3.1v4.1c-2.4 1.8-5.6 2.6-9.6 2.6-3.9 0-6.9-1.2-9.1-3.7-2.2-2.5-3.3-6-3.3-10.5 0-4.3 1.2-7.7 3.6-10.4 2.4-2.7 5.4-4 9-4s6.4 1.2 8.3 3.5c2 2.3 2.9 5.5 2.9 9.7v2.2h.1zm-4.5-3.7c0-2.5-.6-4.5-1.8-5.9-1.2-1.4-2.9-2.1-5-2.1s-3.8.7-5.3 2.2c-1.4 1.5-2.3 3.4-2.7 5.8h14.8zm6.9 15v-3c2.8 1.8 5.5 2.6 8.4 2.6 3 0 5.3-.6 6.8-1.9 1.6-1.2 2.3-3 2.3-5.2 0-2-.5-3.5-1.6-4.7-1-1.2-3.3-2.8-6.8-4.8-3.9-2.3-6.4-4.2-7.4-5.7s-1.6-3.3-1.6-5.3c0-2.7 1.1-5 3.2-6.9 2.1-1.9 4.9-2.8 8.4-2.8 2.3 0 4.6.4 6.9 1.2v2.8c-2.3-1-4.7-1.5-7.2-1.5-2.6 0-4.7.7-6.2 2s-2.3 3-2.3 5 .5 3.5 1.6 4.7c1 1.2 3.3 2.7 6.8 4.7 3.6 2 6 3.8 7.2 5.4 1.2 1.6 1.8 3.4 1.8 5.5 0 2.9-1 5.3-3.1 7.2-2 1.9-4.9 2.8-8.7 2.8-1.3 0-2.8-.2-4.6-.6-1.6-.5-2.9-1-3.9-1.5zm43.5.1c-2 1.2-4.5 1.9-7.3 1.9-3.7 0-6.7-1.3-9-3.8-2.3-2.6-3.4-5.9-3.4-10.1 0-4.4 1.3-7.9 3.9-10.7 2.6-2.8 5.9-4.2 9.9-4.2 2.1 0 4.1.4 6.1 1.3v2.8c-2-1.2-4.1-1.8-6.5-1.8-3.2 0-5.8 1.2-7.8 3.5s-3 5.3-3 9c0 3.6.9 6.4 2.7 8.6 1.8 2.2 4.2 3.2 7.2 3.2 2.7 0 5.1-.7 7.2-2.2v2.5zm16.6-23.6c-.8-.6-1.8-.9-2.9-.9-2.2 0-4 1.1-5.4 3.3-1.5 2.2-2.2 5.4-2.2 9.5V456H88v-27.4h2.4v6.1h.1c.6-2.1 1.6-3.7 3-4.9 1.4-1.2 2.9-1.7 4.7-1.7 1 0 1.9.2 2.7.5v2.6zm4.2-9.5c-.5 0-1-.2-1.4-.6s-.6-.9-.6-1.5.2-1.1.6-1.4c.4-.4.9-.5 1.4-.5.6 0 1 .2 1.5.5.4.4.6.8.6 1.4s-.2 1.1-.6 1.5c-.5.4-.9.6-1.5.6zm-1.2 34.4v-27.4h2.5v27.4h-2.5zm11.1-4.9h-.1v17.5h-2.5v-40h2.5v5.7h.1c1-2 2.4-3.6 4.2-4.7 1.8-1.1 3.8-1.6 6-1.6 3.5 0 6.2 1.2 8.2 3.6 2 2.4 2.9 5.7 2.9 9.8 0 4.6-1.1 8.3-3.4 11.1-2.2 2.8-5.2 4.2-8.9 4.2-4-.1-7-1.9-9-5.6zm-.1-10.2v3.5c0 2.8.9 5.1 2.6 7.1s4 3 6.8 3 5.1-1.2 6.8-3.6c1.7-2.4 2.6-5.6 2.6-9.5 0-3.4-.8-6.2-2.4-8.2s-3.8-3-6.4-3c-3.2 0-5.7 1.1-7.4 3.2-1.7 2.1-2.6 4.6-2.6 7.5zm36.7 14.7c-1.3.6-2.5.9-3.6.9-4.1 0-6.1-2.4-6.1-7.3v-18.4H137v-2.3h4.9v-7.1c.4-.1.8-.3 1.2-.4.4-.1.8-.3 1.2-.4v8h7.2v2.3h-7.2v18.1c0 1.9.3 3.3.9 4.1.6.8 1.6 1.3 3 1.3 1 0 2.1-.3 3.3-1v2.2h.1z" class="st0"/>
+</svg>