[Closes #437] Attempt to fix intermittent prettier issues (#438)

* add debugging statement to debug prettier issues

* merge prettier config files

* try to align prettier settings b/t 2.x and 3.x

* install prettier 3.3.3, latest version

* run prettier to catch discrepancies b/t v2 and v3

.github/workflows/pr.yml

@@ -31,7 +31,9 @@ jobs:
       - name: Install dependencies
         run: npm i --ci
       - name: Run format:check
-        run: npm run format:check
+        run: |
+          npm run format:version
+          npm run format:check
       - name: Run lint
         run: npm run lint
 

.prettierrc.json

@@ -1 +1,5 @@
-{}
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "trailingComma": "es5"
+}

package.json

@@ -18,6 +18,7 @@
     "postinstall": "next build --no-lint && nsm build --skip-build --only-api-files && npm run type-css",
     "format": "prettier --write --ignore-unknown .",
     "format:check": "prettier --check --ignore-unknown .",
+    "format:version": "prettier --version",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "all:check": "npm run type:check && npm run type-css:check && npm run lint && npm run format:check && npm run test",
@@ -93,7 +94,7 @@
     "lint-staged": "^13.1.0",
     "nextjs-server-modules": "^4.7.0",
     "nodemailer-mock": "^2.0.1",
-    "prettier": "^2.8.8",
+    "prettier": "^3.3.3",
     "rewiremock": "^3.14.5",
     "storybook": "^8.1.11",
     "testcontainers": "^9.8.0",

src/backend/scripts/run-with-gcp-metadata.ts

@@ -18,7 +18,7 @@ const runWithGcpMetadata = async () => {
     const [projectId, regionPath, { access_token }]: [
       string,
       string,
-      { access_token: string }
+      { access_token: string },
     ] = await Promise.all([
       gcpMetadata.project("project-id"),
       gcpMetadata.instance("region"),

src/components/design_system/button/Button.module.css

@@ -18,7 +18,8 @@
 }
 
 .default:hover {
-  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),
+  box-shadow:
+    0px 1px 2px 0px rgba(0, 0, 0, 0.3),
     0px 1px 3px 1px rgba(0, 0, 0, 0.15);
   background-color: var(--primary-50);
 }

src/components/table/table.tsx

@@ -264,7 +264,7 @@ interface EnhancedTableProps<Person, Column> {
  */
 export default function EnhancedTable<
   Person extends StudentWithIep | Para,
-  Column extends HeadCell
+  Column extends HeadCell,
 >({ people, onSubmit, headCells, type }: EnhancedTableProps<Person, Column>) {
   const router = useRouter();
 

src/components/taskCard/taskCard.tsx

@@ -56,10 +56,10 @@ const TaskCard = ({ task, isPara }: TaskCardProps) => {
         {!task.seen
           ? "NEW"
           : completionRate >= 100
-          ? "DONE"
-          : `DUE: ${
-              task.due_date ? format(task.due_date, "MM-dd-yyyy") : "N/A"
-            }`}
+            ? "DONE"
+            : `DUE: ${
+                task.due_date ? format(task.due_date, "MM-dd-yyyy") : "N/A"
+              }`}
       </div>
       <div className={$taskCard.profile}>
         {task.first_name} {task.last_name}

src/pages/benchmarks/[benchmark_id]/index.tsx

@@ -270,8 +270,8 @@ const BenchmarkPage = () => {
         {hasInputChanged || updateTrialMutation.isLoading
           ? "Saving..."
           : updateTrialMutation.isError
-          ? "uh oh"
-          : "Saved to Cloud"}
+            ? "uh oh"
+            : "Saved to Cloud"}
       </div>
 
       <Grid container spacing={2}>