ci: add packages config

Author: wallace-sf

package.json

@@ -2,6 +2,7 @@
   "version": "0.1.0",
   "license": "MIT",
   "main": "dist/index.js",
+  "description": "A react wrapper manager for MQTT",
   "typings": "dist/index.d.ts",
   "files": [
     "dist",
@@ -10,12 +11,26 @@
   "engines": {
     "node": ">=10"
   },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
   "scripts": {
     "dev": "tsdx watch",
     "build": "tsdx build",
     "test": "tsdx test --passWithNoTests",
-    "lint": "tsdx lint",
-    "prepare": "tsdx build",
+    "lint": "eslint --fix",
+    "fmt": "prettier --write src/**/*.{ts,tsx}",
+    "fmt:check": "prettier --check src/**/*.{ts,tsx}",
+    "prepare": "tsdx build && husky install",
     "size": "size-limit",
     "analyze": "size-limit --why",
     "storybook": "start-storybook -p 6006",
@@ -24,17 +39,6 @@
   "peerDependencies": {
     "react": ">=16"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "tsdx lint"
-    }
-  },
-  "prettier": {
-    "printWidth": 80,
-    "semi": true,
-    "singleQuote": true,
-    "trailingComma": "es5"
-  },
   "name": "react-mqtt-workflow-manager",
   "author": "wallace-sf",
   "module": "dist/react-mqtt-workflow-manager.esm.js",
@@ -58,14 +62,42 @@
     "@storybook/react": "^6.5.16",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
+    "@typescript-eslint/eslint-plugin": "^5.54.0",
+    "@typescript-eslint/parser": "^5.54.0",
     "babel-loader": "^9.1.2",
-    "husky": "^8.0.3",
+    "eslint": "^8.35.0",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-import-resolver-typescript": "^3.5.3",
+    "eslint-plugin-import": "^2.25.2",
+    "eslint-plugin-import-helpers": "^1.3.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "lint-staged": "^13.1.2",
+    "prettier": "^2.8.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
     "size-limit": "^8.2.4",
     "tsdx": "^0.14.1",
     "tslib": "^2.5.0",
     "typescript": "^4.9.5"
+  },
+  "dependencies": {
+    "mqtt": "^4.3.7"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx}": [
+      "yarn lint",
+      "yarn fmt"
+    ]
+  },
+  "settings": {
+    "import/resolver": {
+      "typescript": {
+        "typescript": true,
+        "node": true
+      }
+    }
   }
 }