Prettier config (#38)

* Add prettier formatting

* apply prettier fixes

* add git-blame-ignore-revs

* add prettier to pre commit hood, add pre-commit local setup to readme

* add comments to .prettierignore explaining why files are ignored

* typo in README

* apply prettier to middleware.ts

* one more formatting commit to ignore with blame

.git-blame-ignore-revs

@@ -0,0 +1,3 @@
+# Prettier formatting errors
+32743cbd2f5dead77fd6ef7be25105f33c370f29
+be76190dd8ca29e9e7b63a3cd1126386b2fe5917

.pre-commit-config.yaml

@@ -32,3 +32,9 @@ repos:
       files: ^server/
       types_or: [javascript, jsx, ts, tsx]
       pass_filenames: false
+    - id: prettier
+      name: prettier
+      entry: npx --prefix server prettier --config=server/.prettierrc --ignore-path=server/.prettierignore --check server
+      language: system
+      files: ^server/
+      types_or: [javascript, jsx, ts, tsx]

README.md

@@ -102,6 +102,12 @@ Requirements:
 3. [Supabase CLI](https://supabase.com/docs/guides/cli/getting-started)
 4. Docker
 
+
+#### Pre-commit Hooks
+
+Github is set up to run pre-commit hooks specified in .pre-commit-config.yaml. If you want to use it locally, in the virtual environment, run `pre-commit install`.
+
+
 #### macOS install prerequisites
 
 ```brew install python3```

server/.prettierignore

@@ -0,0 +1,13 @@
+# Auto-generated file
+data/supabaseTypes.ts
+postcss.config.js
+supabase/.temp*
+tailwind.config.ts
+.next/*
+
+# Config files
+next.config.js
+tsconfig.json
+
+# Not JS
+README.md

server/.prettierrc

@@ -0,0 +1 @@
+{}

server/app/alert.tsx

@@ -14,7 +14,9 @@ export default function QueryStartedAlert({ queryId }: { queryId: string }) {
         <div className="ml-3">
           <p className="text-sm font-medium text-green-800">
             Successfully started Query: {queryId}. Redirecting to
-            <Link href={`/query/view/${queryId}`}>/query/view/{queryId} </Link>.{" "}
+            <Link href={`/query/view/${queryId}`}>
+              /query/view/{queryId}{" "}
+            </Link>.{" "}
           </p>
         </div>
         <div className="ml-auto pl-3">

server/app/query/haikunator.tsx

@@ -6,16 +6,18 @@ const haikunator = new Haikunator({
   nouns: nouns,
 });
 
-function getCurrentTimestamp()  {
-    const now = new Date();
-    const year = now.getFullYear();
-    const month = (now.getMonth() + 1).toString().padStart(2, '0');
-    const day = now.getDate().toString().padStart(2, '0');
-    const hours = now.getHours().toString().padStart(2, '0');
-    const minutes = now.getMinutes().toString().padStart(2, '0');
-    return `${year}-${month}-${day}T${hours}${minutes}`;
+function getCurrentTimestamp() {
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = (now.getMonth() + 1).toString().padStart(2, "0");
+  const day = now.getDate().toString().padStart(2, "0");
+  const hours = now.getHours().toString().padStart(2, "0");
+  const minutes = now.getMinutes().toString().padStart(2, "0");
+  return `${year}-${month}-${day}T${hours}${minutes}`;
 }
 
 export default function NewQueryId(): string {
-  return encodeURIComponent(haikunator.haikunate({tokenLength: 0}) + getCurrentTimestamp());
+  return encodeURIComponent(
+    haikunator.haikunate({ tokenLength: 0 }) + getCurrentTimestamp(),
+  );
 }

server/middleware.ts

@@ -54,26 +54,31 @@ export async function middleware(request: NextRequest) {
     },
   );
 
-  if (process.env.NODE_ENV === "development" && process.env.BYPASS_AUTH === "true") {
+  if (
+    process.env.NODE_ENV === "development" &&
+    process.env.BYPASS_AUTH === "true"
+  ) {
     const dummyEmail: string = process.env.DUMMY_EMAIL!;
-    const dummyPassword:string = process.env.DUMMY_PASSWORD!;
-    const { data, error: signInError } = await supabase.auth.signInWithPassword({
-      email: dummyEmail,
-      password: dummyPassword,
-    })
+    const dummyPassword: string = process.env.DUMMY_PASSWORD!;
+    const { data, error: signInError } = await supabase.auth.signInWithPassword(
+      {
+        email: dummyEmail,
+        password: dummyPassword,
+      },
+    );
 
     if (signInError) {
       const { error: signUpError } = await supabase.auth.signUp({
         email: dummyEmail,
-        password: dummyPassword
+        password: dummyPassword,
       });
       if (signUpError) {
-        console.error('Sign-in error:', signInError);
-        console.error('Sign-up error:', signUpError);
-        throw new Error('Failed to handle local development auth bypass.');
+        console.error("Sign-in error:", signInError);
+        console.error("Sign-up error:", signUpError);
+        throw new Error("Failed to handle local development auth bypass.");
       }
     }
-    return response
+    return response;
   }
   const {
     data: { user },

server/package.json

@@ -33,6 +33,7 @@
     "eslint": "^8",
     "eslint-config-next": "14.0.3",
     "postcss": "^8",
+    "prettier": "3.3.1",
     "tailwindcss": "^3.3.0",
     "typescript": "^5"
   }