Update all packages

.env.example

@@ -61,7 +61,4 @@ NODE_ENV=
 ########## Sentry ##########
 ## Sentry: error tracking service
 ## Not required in any environments.
-## If not set, defaults to "https://edb9e327f9024e7599eae859bad9be47@o4504918397353984.ingest.sentry.io/4504924302409728"
-## at runtime.
-NEXT_PUBLIC_SENTRY_DSN=
-SENTRY_DSN=
+SENTRY_AUTH_TOKEN=

.eslintrc.js

@@ -1,73 +1,23 @@
 module.exports = {
   parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaVersion: 2020,
-    // Allows for the parsing of modern ECMAScript features.
-    sourceType: 'module',
-    // Allows for the use of imports.
-    ecmaFeatures: {
-      jsx: true, // Allows for the parsing of JSX.
-    },
-  },
-
-  plugins: ['unused-imports'],
   extends: [
-    'plugin:react-hooks/recommended',
+    'next/core-web-vitals',
+    'prettier',
+    //TODO: 'plugin:jsx-a11y/recommended',
+    'eslint:recommended',
     'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
     'plugin:@typescript-eslint/recommended',
-    'plugin:import/recommended',
-    'plugin:import/typescript',
-    'prettier',
-    'next/core-web-vitals',
     'plugin:storybook/recommended',
   ],
+  plugins: ['simple-import-sort', '@typescript-eslint'],
   rules: {
     // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
     // e.g. '@typescript-eslint/explicit-function-return-type': 'off',
-    'react/prop-types': 'warn',
-    'react/jsx-key': 'warn',
-    'react/react-in-jsx-scope': 'off',
-    // Configuration for import. See: https://github.com/import-js/eslint-plugin-import/tree/main.
-    'import/order': [
-      'warn',
-      {
-        groups: [
-          'builtin',
-          'external',
-          'internal',
-          ['parent', 'sibling'],
-          'index',
-          'object',
-          'type',
-        ],
-        alphabetize: {
-          order: 'asc',
-          caseInsensitive: true,
-        },
-        'newlines-between': 'always',
-      },
-    ],
-    'import/no-named-as-default': 'off',
-    // Configuration for unused-imports. See: https://github.com/sweepline/eslint-plugin-unused-imports#usage.
-    '@typescript-eslint/no-unused-vars': 'off',
-    'unused-imports/no-unused-imports': process.env.NODE_ENV === 'test' ? 'error' : 'warn',
-    'unused-imports/no-unused-vars': [
-      'warn',
-      {
-        vars: 'all',
-        varsIgnorePattern: '^_',
-        args: 'after-used',
-        argsIgnorePattern: '^_',
-      },
-    ],
-  },
-  settings: {
-    react: {
-      version: 'detect', // Tells eslint-plugin-react to automatically detect the version of React to use.
-    },
-    'import/resolver': {
-      typescript: true,
-      node: true,
-    },
+    'simple-import-sort/imports': 'error',
+    'simple-import-sort/exports': 'error',
+    'import/first': 'error',
+    'import/newline-after-import': 'error',
+    'import/no-duplicates': 'error',
   },
 };

.github/workflows/build.yml

@@ -37,7 +37,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 22
 
       - name: Install dependencies
         run: |

.github/workflows/deploy-preview.yml

@@ -46,5 +46,5 @@ jobs:
         uses: thollander/actions-comment-pull-request@v2
         with:
           message: |
-            Vercel Preview URL :rocket: : ${{ steps.deploy.outputs.preview_url }}
+            Vercel Preview URL :rocket: : ${{ steps.deploy.outputs.preview_url }}/auth/login
             Neon branch :elephant: : https://console.neon.tech/app/projects/${{ secrets.NEON_PROJECT_ID }}/branches/${{ steps.create_branch.outputs.branch_id }}

.github/workflows/format.yml

@@ -1,13 +1,12 @@
-name: Check Formatting
+name: Lint and Formatting Check
 
 on:
-  workflow_dispatch:
-  pull_request:
+  push:
     paths-ignore:
       - 'validator/**'
 
 jobs:
-  eslint:
+  main:
     name: Run ESLint + Prettier
     runs-on: ubuntu-latest
 
@@ -18,7 +17,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 22
 
       - name: Install Node.js Dependencies
         run: npm ci

.github/workflows/tests.yml

@@ -89,7 +89,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 22
 
       - name: Install dependencies
         run: |
@@ -112,7 +112,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 22
 
       - name: Install dependencies
         run: |

.github/workflows/validator_format.yml

@@ -0,0 +1,32 @@
+name: Format Validator
+
+on:
+  push:
+    paths:
+      - 'validator/**'
+
+jobs:
+  main:
+    name: Run Black
+    runs-on: ubuntu-latest
+
+    defaults:
+      run:
+        working-directory: validator
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Set up Python
+        uses: actions/setup-python@v4
+        with:
+          python-version: '3.11'
+
+      - name: Install dependencies
+        run: |
+          pip3 install -r requirements.txt
+
+      - name: Run Black
+        run: |
+          black --check .

.github/workflows/validator_test.yml

@@ -17,7 +17,8 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
 
-      - uses: actions/setup-python@v4
+      - name: Set up Python
+        uses: actions/setup-python@v4
         with:
           python-version: '3.11'
 

.gitignore

@@ -49,6 +49,7 @@ yarn-error.log*
 # See docs/ide-config.md for more information.
 .idea
 .vs/
+.vscode
 .editorconfig
 
 prisma/generated

.prettierrc.js

@@ -4,4 +4,5 @@ module.exports = {
   singleQuote: true,
   printWidth: 100,
   tabWidth: 2,
+  endOfLine: 'auto',
 };

CODEOWNERS

@@ -1,6 +1,6 @@
 # Request lead for file changes in root and workflows.
-/* @akevinge
-/.github/**/* @akevinge
+/* @UTDNebula/pr-reviewers
+/.github/**/* @UTDNebula/pr-reviewers
 
 # Request Planner PR Reviewers team for changes in to the following root directories.
 /.vscode/ @UTDNebula/pr-reviewers

README.md

@@ -12,11 +12,11 @@ Nebula Planner is a degree planning tool for UTD students.
 
 Contributions are welcome! Join the Discord and request access to the Planner dev team.
 
-<a href="https://discord.com/invite/tcpcnfxmeQ"><img src=".github/discord-join-banner.svg" /></a>
+<a href="https://discord.utdnebula.com/"><img src=".github/discord-join-banner.svg" /></a>
 
 ### Set-up
 
-This project requires [Node v16+](https://nodejs.org/en/) and NPM
+This project requires [Node v22+](https://nodejs.org/en/) and NPM
 installation. It also requires local environment variables since it uses [Neon](https://neon.tech) (hosted PostgresDB service), a SMTP server, and Discord as authentication provider.
 
 <details>
@@ -146,6 +146,7 @@ npm install
     cd validator
     python3.11 -m venv venv # Create virtual environment
     source venv/bin/activate # Use virtual enviornment
+    #venv/Scripts/activate on Windows
     pip install -r requirements.txt # Install dependencies
     flask --app api run
     ```
@@ -176,7 +177,7 @@ npm install
 <!-- TODO(@jasonappah): Copy this over to Confluence, link here. Would probably be worth revisiting/possibly rewriting other docs in this repo as well -->
 <!-- Check out this [blog](https://btt.skgr.xyz/blog/nebula-planner-tech-stack) to learn about the stack we are using and a basic overview of the codebase. -->
 
-Not sure where to start? Join the [Discord](https://discord.com/invite/tcpcnfxmeQ) to get help.
+Not sure where to start? Join the [Discord](https://discord.utdnebula.com/) to get help.
 
 ## Internals
 

cypress.config.ts

@@ -1,7 +1,6 @@
 import { defineConfig } from 'cypress';
-import dotenv from 'dotenv';
-
 import { prisma } from 'cypress/support/constants';
+import dotenv from 'dotenv';
 import { seedTemplates } from 'prisma/seedTemplates';
 import { seedTestUser } from 'prisma/seedTestUser';
 
@@ -23,7 +22,7 @@ export default defineConfig({
     viewportHeight: 1080,
     viewportWidth: 1920,
     baseUrl: 'http://localhost:3000',
-    setupNodeEvents(on, config) {
+    setupNodeEvents(on) {
       on('after:run', async () => {
         await prisma.$disconnect();
       });

cypress/support/commands.ts

@@ -25,5 +25,7 @@ Cypress.Commands.add('resetDbAndLogin', () => {
 // Ultity to select dropdown options from MUI's autocomplete
 // Usage: cy.getDropdownOptions().contains("Whatever the option contains").click()
 Cypress.Commands.add('getDropdownOptions', () => {
-  return cy.get('.MuiAutocomplete-listbox [role="option"]');
+  return cy.get('.MuiAutocomplete-popper [role="listbox"] [role="option"]', {
+    timeout: 10000,
+  });
 });

cypress/support/component-index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />

cypress/support/component.ts

@@ -19,7 +19,7 @@ import './commands';
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
 
-import { mount } from 'cypress/react18';
+import { mount } from 'cypress/react';
 
 // Augment the Cypress namespace to include type definitions for
 // your custom command.

next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.