chore: coding style setup (#530)

Author: valeriocomo

.devcontainer/devcontainer.json

@@ -1,38 +1,33 @@
 {
-	"name": "PublicCodeEditor",
-	"dockerFile": "Dockerfile",
-	"runArgs": [
-		"--name",
-		"PublicCodeEditor_devcontainer"
-	],
-	"postCreateCommand": "sh .devcontainer/postCreateCommand.sh",
-	"customizations": {
-		"vscode": {
-			"settings": {
-				"editor.formatOnSave": true,
-				"editor.codeActionsOnSave": {
-					"source.organizeImports": "always"
-				},
-				"[typescript]": {
-					"editor.defaultFormatter": "dbaeumer.vscode-eslint"
-				},
-				"[go]": {
-					"editor.insertSpaces": false,
-					"editor.formatOnSave": true,
-					"editor.codeActionsOnSave": {
-						"source.organizeImports": "always"
-					}
-				}
-			},
-			"extensions": [
-				"dbaeumer.vscode-eslint",
-				"github.vscode-pull-request-github",
-				"github.vscode-github-actions",
-				"golang.go",
-				"firsttris.vscode-jest-runner",
-				"waderyan.gitblame"
-			]
-		}
-	},
-	"remoteUser": "root"
-}
+  "name": "PublicCodeEditor",
+  "dockerFile": "Dockerfile",
+  "runArgs": ["--name", "PublicCodeEditor_devcontainer"],
+  "postCreateCommand": "sh .devcontainer/postCreateCommand.sh",
+  "customizations": {
+    "vscode": {
+      "settings": {
+        "editor.formatOnSave": true,
+        "editor.codeActionsOnSave": {
+          "source.organizeImports": "always"
+        },
+        "editor.defaultFormatter": "esbenp.prettier-vscode",
+        "[go]": {
+          "editor.insertSpaces": false,
+          "editor.formatOnSave": true,
+          "editor.codeActionsOnSave": {
+            "source.organizeImports": "always"
+          }
+        }
+      },
+      "extensions": [
+        "dbaeumer.vscode-eslint",
+        "esbenp.prettier-vscode",
+        "github.vscode-pull-request-github",
+        "github.vscode-github-actions",
+        "golang.go",
+        "firsttris.vscode-jest-runner",
+        "waderyan.gitblame"
+      ]
+    }
+  }
+}

.devcontainer/githooks/pre-push

@@ -3,5 +3,7 @@
 echo "Git pre-push hook"
 echo "Run Build"
 npm run build
+echo "Run Lint"
+npm run lint
 echo "Run Test"
 npm run test

.eslintrc.yml

@@ -6,13 +6,15 @@ extends:
   - plugin:@typescript-eslint/recommended
   - plugin:react/recommended
   - plugin:react/jsx-runtime
+  - prettier
 parser: "@typescript-eslint/parser"
 parserOptions:
   ecmaVersion: latest
   sourceType: module
 plugins:
   - "@typescript-eslint"
   - react
+  - prettier
 rules:
   react/prop-types: off
 settings:

.github/workflows/test.yml

@@ -13,4 +13,5 @@ jobs:
           go-version: '1.23.9'
       - run: npm ci
       - run: npm run build
+      - run: npm run lint
       - run: npm run test

.gitignore

@@ -14,6 +14,7 @@ dist-ssr
 
 # Editor directories and files
 .vscode/*
+!.vscode/settings.json
 !.vscode/extensions.json
 .idea
 .DS_Store

.vscode/extensions.json

@@ -0,0 +1,11 @@
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "github.vscode-pull-request-github",
+    "github.vscode-github-actions",
+    "golang.go",
+    "firsttris.vscode-jest-runner",
+    "waderyan.gitblame"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,14 @@
+{
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": "always"
+  },
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[go]": {
+    "editor.insertSpaces": false,
+    "editor.formatOnSave": true,
+    "editor.codeActionsOnSave": {
+      "source.organizeImports": "always"
+    }
+  }
+}

package-lock.json

@@ -15,6 +15,7 @@
     "build:licenses": "mkdir -p src/generated && tsx scripts/genLicenseList.ts src/generated/licenses.json",
     "build:wasm": "cp \"$(go env GOROOT)/misc/wasm/wasm_exec.js\" public && GOOS=js GOARCH=wasm go build -o public/main.wasm src/wasm/main.go",
     "serve": "rm -rf dist; npm run build && http-server dist",
+    "format": "prettier --write 'src/**/*.{ts,tsx,scss,css,json}' ",
     "test": "jest --passWithNoTests",
     "deploy": "gh-pages -u 'Deploy Bot <[email protected]>' -d dist",
     "release": "release-it",
@@ -88,13 +89,16 @@
     "@typescript-eslint/parser": "^8.11.0",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.13.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.1.0-rc.0",
     "eslint-plugin-react-refresh": "^0.4.13",
     "gh-pages": "^5.0.0",
     "globals": "^15.9.0",
     "jest": "^26.6.3",
     "node-fetch": "^3.3.2",
+    "prettier": "^3.6.2",
     "release-it": "^19.0.4",
     "swc-loader": "^0.2.3",
     "ts-node": "^10.9.1",
@@ -103,4 +107,4 @@
     "typescript-eslint": "^8.11.0",
     "vite": "^6.4.1"
   }
-}
+}