Merge pull request #38 from bento-platform/lint/prettier-eslint

lint: update eslint, add + run prettier, add commitlint

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "tabWidth": 4,
+  "printWidth": 120
+}

README.md

@@ -235,9 +235,9 @@ Run these steps once to setup commitlint + husky.
 # Install dev dependencies (commitlint & husky)
 npm install
 # Install husky git hook
-npx husky install
+npx husky
 # Add commitlint as a hook to husky
-npx husky add .husky/commit-msg  'npx --no -- commitlint --edit ${1}'
+echo 'npx --no -- commitlint --edit ${1}' > .husky/commit-msg
 ```
 
 ### Usage

commitlint.config.js

@@ -1 +1,25 @@
-module.exports = { extends: ['@commitlint/config-conventional'] };
+export default {
+    extends: ["@commitlint/config-conventional"],
+    rules: {
+        "type-enum": [
+            2,
+            "always",
+            [
+                // default set:
+                "build",
+                "chore",
+                "ci",
+                "docs",
+                "feat",
+                "fix",
+                "perf",
+                "refactor",
+                "revert",
+                "style",
+                "test",
+                // bento added:
+                "lint",
+            ],
+        ],
+    },
+};

eslint.config.js

@@ -0,0 +1,46 @@
+import globals from "globals";
+import js from "@eslint/js";
+
+// Parser
+import tsParser from "@typescript-eslint/parser";
+
+// Plugins
+import tsEsLint from "typescript-eslint";
+import react from "eslint-plugin-react";
+import reactHooksEsLint from "eslint-plugin-react-hooks";
+import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended";
+import prettier from "eslint-plugin-prettier";
+
+export default [
+    js.configs.recommended,
+    ...tsEsLint.configs.recommended,
+    react.configs.flat.recommended,
+    react.configs.flat["jsx-runtime"],
+    eslintPluginPrettierRecommended,
+    {
+        languageOptions: {
+            ecmaVersion: "latest",
+            sourceType: "module",
+            globals: { ...globals.browser, ...globals.es2021 },
+            parser: tsParser,
+        },
+        files: ["src/**/*.ts", "src/**/*.tsx", "src/**/*.js", "src/**/*.jsx"],
+        plugins: {
+            react,
+            "react-hooks": reactHooksEsLint,
+            prettier,
+        },
+
+        settings: {
+            react: {
+                version: "detect",
+            },
+        },
+        rules: {
+            "prettier/prettier": "error",
+            "react/prop-types": "off",
+            semi: [2, "always"],
+            ...reactHooksEsLint.configs.recommended.rules,
+        },
+    },
+];