improve build settings (#33)

* update peerDeps

* improve eslint and prettier setting

* add husky and lint-staged

* improve npm-scripts

* update package.json

* improve github workflow

* improve rollup setting

* fix example app

Author: kotarella1110

.eslintignore

@@ -0,0 +1,6 @@
+/app
+/node_modules
+/dist
+/esm
+/coverage
+!.*.js

.eslintrc.js

@@ -1,28 +1,33 @@
 module.exports = {
   parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint', 'react-hooks'],
   extends: [
-    'plugin:@typescript-eslint/recommended',
     'plugin:react/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'prettier/@typescript-eslint',
+    'plugin:prettier/recommended',
   ],
+  parser: '@typescript-eslint/parser',
   parserOptions: {
-    ecmaVersion: 2018,
+    ecmaVersion: 2020,
     sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
   },
-  plugins: ['react-hooks'],
   rules: {
     curly: 'error',
-    '@typescript-eslint/indent': 'off',
+    '@typescript-eslint/ban-types': 'off',
     '@typescript-eslint/no-non-null-assertion': 'off',
     '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
     '@typescript-eslint/no-object-literal-type-assertion': 'off',
     'react-hooks/rules-of-hooks': 'error',
     'react-hooks/exhaustive-deps': 'error',
     'no-console': 'error',
   },
   settings: {
     react: {
-      pragma: 'React',
       version: 'detect',
     },
   },

.github/workflows/blank.yml

@@ -0,0 +1,36 @@
+name: CI
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    branches:
+      - master
+    paths-ignore:
+      - ".gitignore"
+      - ".npmignore"
+      - "*.md"
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [12.x]
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+      - name: Lint
+        run: |
+          npm run lint:types
+          npm run lint
+      - name: Test
+        run: npm test
+        env:
+          CI: true
+      - name: Build
+        run: npm run build

.github/workflows/main.yml

@@ -0,0 +1,4 @@
+module.exports = {
+  singleQuote: true,
+  trailingComma: 'all',
+};

.prettierrc

@@ -1,15 +1,6 @@
 {
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "typescript",
-    "typescriptreact"
-  ],
-  "prettier.configPath": "./.prettierrc",
-  "eslint.enable": true,
-  "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
   },
   "typescript.tsdk": "node_modules/typescript/lib"
-}
+}

.prettierrc.js

@@ -3,24 +3,18 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@emotion/core": "^10.0.27",
-    "@emotion/styled": "^10.0.27",
+    "@hookform/devtools": "^2.0.0-beta.2",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
     "@types/jest": "^24.0.0",
-    "@types/lodash": "^4.14.149",
     "@types/node": "^12.0.0",
     "@types/react": "^16.9.0",
     "@types/react-dom": "^16.9.0",
-    "little-state-machine": "^2.11.3",
-    "lodash": "^4.17.15",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
-    "react-hook-form": "^5.6.1",
-    "react-hook-form-devtools": "1.0.1-beta.1",
+    "react-hook-form": "^6.0.0-rc.4",
     "react-scripts": "3.3.1",
-    "react-simple-animate": "^3.3.6",
     "typescript": "~3.7.2"
   },
   "scripts": {

.vscode/settings.json

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useForm } from 'react-hook-form';
-import { DevTool } from './devTool';
+import { DevTool } from '@hookform/devtools';
 import './App.css';
 
 const App = () => {
@@ -13,7 +13,7 @@ const App = () => {
   });
 
   React.useEffect(() => {
-    register('customInput');
+    register('custom');
   }, [register]);
 
   console.log('app', formState.touched);