fix lint

.eslintignore

@@ -0,0 +1,4 @@
+node_modules
+public
+build
+dist

.eslintrc.cjs

@@ -1,25 +1,45 @@
 module.exports = {
-  root: true,
-  env: { browser: true, es2021: true },
-  extends: [
-    'eslint:recommended',
-    'plugin:react/recommended',
-    'plugin:react/jsx-runtime',
-    'plugin:react-hooks/recommended',
-    'plugin:@typescript-eslint/recommended',
-  ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaFeatures: {
-      jsx: true,
+    root: true,
+    env: { browser: true, es2020: true },
+    extends: [
+        'airbnb-typescript',
+        'eslint:recommended',
+        'plugin:prettier/recommended',
+        'plugin:react/recommended',
+        'plugin:react/jsx-runtime',
+        'plugin:react-hooks/recommended',
+        'plugin:@typescript-eslint/recommended',
+        'prettier',
+    ],
+    ignorePatterns: ['dist', '.eslintrc.cjs'],
+    parser: '@typescript-eslint/np',
+    parserOptions: {
+        project: './tsconfig.json',
+        ecmaFeatures: {
+            jsx: true,
+        },
+        ecmaVersion: 2020,
+        sourceType: 'module',
     },
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  settings: { react: { version: 'detect' } },
-  plugins: ['react-refresh'],
-  rules: {
-    'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
-  },
+    settings: { react: { version: 'detect' } },
+    plugins: ['prettier', '@typescript-eslint', 'react-refresh'],
+    rules: {
+        'linebreak-style': ['error', 'windows'],
+        'react/no-danger': 'off', // it's self explainatory that no-danger should be used sparingly
+        'react/react-in-jsx-scope': 'off', // next.js does not require react in most components
+        'react/prop-types': 'off', // as long as TS strict mode is off this is not required
+        'prettier/prettier': 'error',
+        'react-refresh/only-export-components': [
+            'warn',
+            { allowConstantExport: true },
+        ],
+    },
+    overrides: [
+        {
+            files: ['vite.config.ts'],
+            rules: {
+                'import/no-extraneous-dependencies': 'off',
+            },
+        },
+    ],
 };

.github/workflows/ci.yml

@@ -0,0 +1,43 @@
+name: ci
+
+on:
+    push:
+        branches:
+            - main
+            - master
+    pull_request:
+        branches:
+            - main
+            - master
+
+jobs:
+    ci:
+        runs-on: ${{ matrix.os }}
+
+        strategy:
+            matrix:
+                os: [ubuntu-latest]
+                node: [20]
+
+        steps:
+            - name: Checkout
+              uses: actions/checkout@master
+
+            - name: Setup node env
+              uses: actions/[email protected]
+              with:
+                  node-version: ${{ matrix.node }}
+
+            - name: Cache node_modules
+              uses: actions/cache@v2
+              with:
+                  path: ~/.npm
+                  key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+                  restore-keys: |
+                      ${{ runner.os }}-node-
+
+            - name: Install dependencies
+              run: npm ci
+
+            - name: Run code style check
+              run: npm run style:all

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run style:lint

.husky/pre-push

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run style:all

.prettierignore

@@ -0,0 +1,4 @@
+node_modules
+public
+build
+dist

.prettierrc.json

@@ -0,0 +1,11 @@
+{
+  "printWidth": 80,
+  "tabWidth": 4,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "bracketSameLine": true,
+  "arrowParens": "avoid",
+  "htmlWhitespaceSensitivity": "css"
+}