Eslint and prettier config

Author: onesine

.eslintignore

@@ -0,0 +1,6 @@
+# Folders
+dist/
+assets/
+
+# Files
+README.md

.eslintrc.json

@@ -0,0 +1,52 @@
+{
+    "root": true,
+    "env": {
+        "browser": true,
+        "es2021": true,
+        "node": true
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:react/recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:prettier/recommended",
+        "plugin:react-hooks/recommended"
+    ],
+    "overrides": [],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "sourceType": "module"
+    },
+    "settings": {
+        "react": {
+            "version": "detect"
+        }
+    },
+    "plugins": ["react", "@typescript-eslint", "import", "prettier"],
+    "rules": {
+        "indent": "off",
+        "linebreak-style": ["error", "unix"],
+        "quotes": ["error", "double"],
+        "semi": ["error", "always"],
+        "import/order": [
+            "error",
+            {
+                "alphabetize": {
+                    "order": "asc",
+                    "caseInsensitive": true
+                },
+                "newlines-between": "always"
+            }
+        ],
+        "react/prop-types": "off",
+        "react/jsx-uses-react": "off",
+        "react/react-in-jsx-scope": "off",
+        "react-hooks/rules-of-hooks": "error",
+        "react-hooks/exhaustive-deps": "warn",
+        "@typescript-eslint/no-var-requires": 0
+    }
+}

.gitignore

@@ -12,6 +12,7 @@ coverage
 build
 dist
 .rpt2_cache
+.eslintcache
 
 # misc
 .DS_Store

.npmignore

@@ -10,6 +10,10 @@ tsconfig.json
 rollup.config.js
 .git
 .gitignore
+.eslintignore
+.eslintrc.json
+.prettierrc
+.prettierignore
 .DS_Store
 npm-debug.log
 package-lock.json

.prettierignore

@@ -0,0 +1,6 @@
+# Folders
+dist/
+assets/
+
+# Files
+README.md

.prettierrc

@@ -0,0 +1,12 @@
+{
+    "semi": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "singleQuote": false,
+    "trailingComma": "none",
+    "quoteProps": "as-needed",
+    "jsxSingleQuote": false,
+    "bracketSpacing": true,
+    "arrowParens": "avoid",
+    "proseWrap": "always"
+}

package.json

@@ -8,8 +8,14 @@
     "author": "onesine",
     "license": "MIT",
     "scripts": {
-        "prebuild": "rm -rf dist",
-        "build": "npm run prebuild && rollup -c"
+        "watch": "rollup -c -w",
+        "clean": "rm -rf dist",
+        "lint": "eslint .",
+        "lint:fix": "eslint --fix .",
+        "pret": "prettier -c .",
+        "pret:fix": "prettier -w .",
+        "format": "prettier --write './**/*.{js,jsx,ts,tsx,css,md,json}' --config ./.prettierrc",
+        "build": "npm run pret && npm run lint && npm run clean && rollup -c"
     },
     "repository": {
         "type": "git",
@@ -29,17 +35,27 @@
     ],
     "peerDependencies": {
         "dayjs": "^1.11.6",
-        "react": "^18.2.0"
+        "react": "^17.0.2 || ^18.2.0"
     },
     "devDependencies": {
         "@rollup/plugin-commonjs": "^22.0.1",
         "@rollup/plugin-node-resolve": "^13.3.0",
         "@rollup/plugin-typescript": "^9.0.2",
         "@tailwindcss/forms": "^0.5.3",
         "@types/react": "^18.0.21",
+        "@typescript-eslint/eslint-plugin": "^5.45.0",
+        "@typescript-eslint/parser": "^5.45.0",
         "autoprefixer": "^10.4.13",
         "dayjs": "^1.11.6",
+        "eslint": "^8.29.0",
+        "eslint-config-prettier": "^8.5.0",
+        "eslint-plugin-import": "^2.26.0",
+        "eslint-plugin-prettier": "^4.2.1",
+        "eslint-plugin-react": "^7.31.11",
+        "eslint-plugin-react-hooks": "^4.6.0",
         "postcss": "^8.4.19",
+        "prettier": "^2.8.0",
+        "react": "^18.2.0",
         "rollup": "^2.77.2",
         "tailwindcss": "^3.2.4",
         "tslib": "^2.4.0",

rollup.config.js

@@ -1,5 +1,5 @@
-import commonjs from '@rollup/plugin-commonjs';
-import resolve  from '@rollup/plugin-node-resolve';
+import commonjs from "@rollup/plugin-commonjs";
+import resolve from "@rollup/plugin-node-resolve";
 import typescript from "@rollup/plugin-typescript";
 
 const packageJson = require("./package.json");
@@ -11,19 +11,15 @@ export default {
             file: packageJson.main,
             format: "cjs",
             exports: "auto",
-            sourcemap: true,
+            sourcemap: true
         },
         {
             file: packageJson.module,
             format: "esm",
             exports: "auto",
-            sourcemap: true,
-        },
+            sourcemap: true
+        }
     ],
     external: ["react", "dayjs"],
-    plugins: [
-        resolve(),
-        commonjs(),
-        typescript(),
-    ]
-};
+    plugins: [resolve(), commonjs(), typescript()]
+};