Update github actions, add prettier, format frontend on pre-commit

.github/workflows/lint-backend.yml

@@ -1,6 +1,9 @@
 name: Lint Backend
 on: 
   pull_request:
+  push:
+    branches:
+      - main
 
 jobs:
   linting:
@@ -14,6 +17,6 @@ jobs:
         uses: actions/setup-python@v2
 
       - name: Lint
-        uses: chartboost/ruff-action@v1
+        uses: astral-sh/ruff-action@v1
         with:
           src: ./backend

.github/workflows/lint-frontend.yml

@@ -1,7 +1,9 @@
 name: Lint Frontend
-
-on:
+on: 
   pull_request:
+  push:
+    branches:
+      - main
 
 jobs:
   linting:
@@ -23,4 +25,6 @@ jobs:
         run: npm install
 
       - name: Lint
-        run: npm run lint
+        run: |
+          npm run lint
+          npx prettier . --check

.github/workflows/test-backend.yml

@@ -1,6 +1,9 @@
 name: Test Backend
 on: 
   pull_request:
+  push:
+    branches:
+      - main
 
 jobs:
   testing:

.github/workflows/type-check-backend.yml

@@ -1,6 +1,9 @@
 name: Type Check Backend
-on:
+on: 
   pull_request:
+  push:
+    branches:
+      - main
 
 jobs:
   checking:

.gitignore

@@ -172,6 +172,9 @@ poetry.toml
 # ruff
 .ruff_cache/
 
+# npm 
+node_modules/
+
 # IDE stuff
 .vscode
 /.idea/material_theme_project_new.xml

.husky/pre-commit

@@ -0,0 +1,2 @@
+cd frontend
+npx lint-staged

frontend/.eslintrc.json

@@ -1,41 +1,35 @@
-{
-  "env": {
-    "browser": true,
-    "es2021": true,
-    "node": true
-  },
-  "extends": [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:react/recommended"
-  ],
-  "overrides": [
-    {
-      "env": {
-        "node": true
-      },
-      "files": [".eslintrc.{js,cjs}"],
-      "parserOptions": {
-        "sourceType": "script"
-      }
-    }
-  ],
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "ecmaVersion": "latest",
-    "sourceType": "module"
-  },
-  "plugins": ["@typescript-eslint", "react", "@stylistic/js"],
-  "rules": {
-    "indent": ["error", 2],
-    "linebreak-style": ["error", "unix"],
-    "quotes": ["error", "single"],
-    "semi": ["error", "always"],
-    "@stylistic/js/eol-last": ["error", "always"]
-  },
-  "settings": {
-    "react": {
-      "version": "detect"
-    }
-  }
-}
+{
+  "env": {
+    "browser": true,
+    "es2021": true,
+    "node": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended"
+  ],
+  "overrides": [
+    {
+      "env": {
+        "node": true
+      },
+      "files": [".eslintrc.{js,cjs}"],
+      "parserOptions": {
+        "sourceType": "script"
+      }
+    }
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "plugins": ["@typescript-eslint", "react", "@stylistic/js"],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "ignorePatterns": ["**/*.css"]
+}

frontend/.prettierrc.json

@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}

frontend/README.md

@@ -7,6 +7,7 @@ UI service for interfacing with InferGPT.
 1. Ensure the `.env` file has been configured as described in the main [README](../README.md).
 
 This README covers instructions on how to run the application:
+
 - Locally
 - In a Docker Container