Add eslint and prettier for the dApp

dapp/.eslintignore

@@ -0,0 +1 @@
+dist

dapp/.eslintrc

@@ -0,0 +1,4 @@
+{
+  "root": true,
+  "extends": ["@thesis-co"]
+}

dapp/.nvmrc

@@ -0,0 +1 @@
+lts/iron

dapp/.prettierignore

@@ -0,0 +1 @@
+dist

dapp/.prettierrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+    ...require("@thesis-co/prettier-config"),
+}

dapp/.tsconfig-eslint.json

@@ -0,0 +1 @@
+./node_modules/@thesis-co/eslint-config/.tsconfig-eslint.json

dapp/package.json

@@ -7,21 +7,28 @@
     "start": "vite",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "format": "npm run lint:js && npm run lint:config",
+    "format:fix": "npm run lint:js:fix && npm run lint:config:fix",
+    "lint:js": "eslint .",
+    "lint:js:fix": "eslint . --fix",
+    "lint:config": "prettier -c '**/*.@(json|yaml|toml)'",
+    "lint:config:fix": "prettier -w '**/*.@(json|yaml|toml)'"
   },
   "dependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
+    "@thesis-co/eslint-config": "^0.6.1",
+    "@thesis/prettier-config": "github:thesis/prettier-config",
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
     "@vitejs/plugin-react": "^4.0.3",
-    "eslint": "^8.45.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint": "^8.53.0",
+    "prettier": "^3.1.0",
     "typescript": "^5.2.2",
     "vite": "^4.4.5"
   }

dapp/src/App.tsx

@@ -1,5 +1,7 @@
+import React from "react"
+
 function App() {
-  return <h1>Acre dApp</h1>;
+  return <h1>Acre dApp</h1>
 }
 
-export default App;
+export default App

dapp/src/main.tsx

@@ -1,9 +1,9 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import App from "./App.tsx";
+import React from "react"
+import ReactDOM from "react-dom/client"
+import App from "./App"
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
-);
+  </React.StrictMode>,
+)

dapp/tsconfig.json

@@ -11,10 +11,7 @@
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "strict": true
   },
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]

dapp/vite.config.ts

@@ -1,6 +1,8 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
+// Unfortunately, the Vite React package structure does not play nice with no-extraneous-dependencies.
+/* eslint-disable import/no-extraneous-dependencies */
+import { defineConfig } from "vite"
+import react from "@vitejs/plugin-react"
 
 export default defineConfig({
   plugins: [react()],
-});
+})