Merge pull request #59 from UTDNebula/prettier-import-sort

removed eslint formatting and added prettier formatting

Author: TyHil

.prettierrc.mjs

@@ -11,7 +11,16 @@ const config = {
   useTabs: false,
   bracketSameLine: false,
   endOfLine: 'auto',
-  plugins: ['prettier-plugin-tailwindcss'],
+  plugins: [
+    'prettier-plugin-tailwindcss',
+    '@ianvs/prettier-plugin-sort-imports',
+  ],
+  importOrder: [
+    '<BUILTIN_MODULES>', // Node.js built-in modules
+    '<THIRD_PARTY_MODULES>', // Imports not matched by other special words or groups.
+    '^(@src)(/.*)$',
+    '^[.]', // relative imports
+  ],
 };
 
 export default config;

next.config.mjs

@@ -1,4 +1,5 @@
 import { withSentryConfig } from '@sentry/nextjs';
+
 /**
  * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially useful
  * for Docker builds.

package-lock.json

@@ -19,6 +19,7 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@hookform/resolvers": "^3.3.2",
+    "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
     "@mui/icons-material": "^7.3.1",
     "@mui/material": "^7.3.1",
     "@mui/material-nextjs": "^7.3.0",
@@ -74,7 +75,6 @@
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^4.4.0",
-    "eslint-plugin-simple-import-sort": "^7.0.0",
     "jest": "^29.7.0",
     "postcss": "^8.4.27",
     "prettier": "^3.2.5",

package.json

@@ -1,5 +1,4 @@
 import NextAuth from 'next-auth';
-
 import { authOptions } from '@src/server/auth';
 
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment

src/app/api/auth/[...nextauth]/route.ts

@@ -1,12 +1,11 @@
-import { NextResponse } from 'next/server';
-import { db } from '@src/server/db';
-import { file } from '@src/server/db/schema/file';
-import { and, eq } from 'drizzle-orm';
-import { getServerAuthSession } from '@src/server/auth';
 import fs from 'fs';
 import path from 'path';
-
+import { and, eq } from 'drizzle-orm';
+import { NextResponse } from 'next/server';
 import { z } from 'zod';
+import { getServerAuthSession } from '@src/server/auth';
+import { db } from '@src/server/db';
+import { file } from '@src/server/db/schema/file';
 
 const allowedTypes = ['image/png', 'image/jpeg', 'application/pdf'];
 
@@ -15,10 +14,10 @@ const uploadFormSchema = z.object({
   prefix: z.string().min(1, { message: 'Prefix is missing' }),
   courseNumber: z.string().min(1, { message: 'Course number is missing' }),
   sectionCode: z.string().min(1, { message: 'Section code is missing' }),
-  professor: z.string().min(1 , { message: 'Professor is missing' }),
+  professor: z.string().min(1, { message: 'Professor is missing' }),
   term: z.enum(['Spring', 'Summer', 'Fall']),
-  year: z.coerce.number({ message: 'Year is missing'}),
-})
+  year: z.coerce.number({ message: 'Year is missing' }),
+});
 
 // Upload file to database w/ file metadata (Local)
 export async function POST(req: Request) {
@@ -42,17 +41,11 @@ export async function POST(req: Request) {
   const newFile = data.file as File;
 
   if (!(newFile instanceof File)) {
-    return NextResponse.json(
-      { error: 'Invalid file upload' },
-      { status: 400 },
-    );
+    return NextResponse.json({ error: 'Invalid file upload' }, { status: 400 });
   }
-  
+
   if (newFile.size === 0) {
-    return NextResponse.json(
-      { error: 'File is empty' },
-      { status: 400 },
-    );
+    return NextResponse.json({ error: 'File is empty' }, { status: 400 });
   }
 
   if (!allowedTypes.includes(newFile.type)) {
@@ -76,10 +69,7 @@ export async function POST(req: Request) {
   });
 
   if (!sectionData) {
-    return NextResponse.json(
-      { error: 'Section not found' },
-      { status: 404 },
-    );
+    return NextResponse.json({ error: 'Section not found' }, { status: 404 });
   }
 
   try {
@@ -96,10 +86,10 @@ export async function POST(req: Request) {
     const fileMetadata = {
       authorId: session.user.id,
       sectionId: sectionData.id,
-      fileTitle: newFile.name,   // required by schema
-      fileName: newFile.name,    // required by schema
+      fileTitle: newFile.name, // required by schema
+      fileName: newFile.name, // required by schema
     };
-    
+
     const result = await db.insert(file).values(fileMetadata).returning();
 
     return NextResponse.json(
@@ -108,9 +98,6 @@ export async function POST(req: Request) {
     );
   } catch (err) {
     console.error('File upload error:', err);
-    return NextResponse.json(
-      { error: 'File upload failed' },
-      { status: 500 },
-    );
+    return NextResponse.json({ error: 'File upload failed' }, { status: 500 });
   }
 }

src/app/api/files/upload/route.ts

@@ -4,13 +4,12 @@
 import { NextResponse } from 'next/server'; // Used to send HTTP responses (JSON, status codes)
 import { z } from 'zod'; // Zod validates and parses input data
 
+// Import session helper to check if a user is logged in
+import { getServerAuthSession } from '@src/server/auth';
 // Import database connection and the "report" table schema
 import { db } from '@src/server/db';
 import { report } from '@src/server/db/schema/reports';
 
-// Import session helper to check if a user is logged in
-import { getServerAuthSession } from '@src/server/auth';
-
 // This ensures the API only accepts the correct fields
 const CreateReportSchema = z.object({
   fileId: z.string().min(1),

src/app/api/reports/route.ts

@@ -1,14 +1,12 @@
 import '@src/styles/globals.css';
-
-import { ThemeProvider } from '@mui/material/styles';
 import { AppRouterCacheProvider } from '@mui/material-nextjs/v15-appRouter';
-import { Bai_Jamjuree, Inter } from 'next/font/google';
-import { type Metadata } from 'next';
+import { ThemeProvider } from '@mui/material/styles';
 import { GoogleAnalytics } from '@next/third-parties/google';
+import { type Metadata } from 'next';
+import { Bai_Jamjuree, Inter } from 'next/font/google';
 import Link from 'next/link';
-
-import theme from '@src/utils/theme';
 import { ToastProvider } from '@src/components/toast/ToastProvider';
+import theme from '@src/utils/theme';
 
 const inter = Inter({
   subsets: ['latin'],

src/app/layout.tsx

@@ -1,5 +1,5 @@
-import type { Metadata } from 'next';
 import NavBar from '@components/NavBar';
+import type { Metadata } from 'next';
 
 export const metadata: Metadata = {
   alternates: {

src/app/page.tsx

@@ -1,7 +1,7 @@
-import React from 'react';
-import Link from 'next/link';
-import Image from 'next/image';
 import { IconButton, Tooltip } from '@mui/material';
+import Image from 'next/image';
+import Link from 'next/link';
+import React from 'react';
 
 export default function NavBar() {
   return (