Added files page + DB endpoint improvements

.github/workflows/azure-static-web-apps-icy-plant-0291c0a0f.yml

@@ -4,6 +4,7 @@ on:
   push:
     branches:
       - prod
+      - dev
   pull_request:
     types: [opened, synchronize, reopened, closed]
     branches:
@@ -23,6 +24,7 @@ jobs:
         id: builddeploy
         uses: Azure/static-web-apps-deploy@v1
         with:
+          production_branch: "prod"
           azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_ICY_PLANT_0291C0A0F }}
           repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
           action: "upload"

app/globals.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

components.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "app/globals.css",
+    "baseColor": "slate",
+    "cssVariables": false
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

components/ui/table.tsx

@@ -0,0 +1,117 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+))
+TableHeader.displayName = "TableHeader"
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+))
+TableBody.displayName = "TableBody"
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "border-t bg-slate-100/50 font-medium [&>tr]:last:border-b-0 dark:bg-slate-800/50",
+      className
+    )}
+    {...props}
+  />
+))
+TableFooter.displayName = "TableFooter"
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "border-b transition-colors hover:bg-slate-100/50 data-[state=selected]:bg-slate-100 dark:hover:bg-slate-800/50 dark:data-[state=selected]:bg-slate-800",
+      className
+    )}
+    {...props}
+  />
+))
+TableRow.displayName = "TableRow"
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "h-12 px-4 text-left align-middle font-medium text-slate-500 [&:has([role=checkbox])]:pr-0 dark:text-slate-400",
+      className
+    )}
+    {...props}
+  />
+))
+TableHead.displayName = "TableHead"
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
+    {...props}
+  />
+))
+TableCell.displayName = "TableCell"
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("mt-4 text-sm text-slate-500 dark:text-slate-400", className)}
+    {...props}
+  />
+))
+TableCaption.displayName = "TableCaption"
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}

dbUtils/dbPool.ts

@@ -0,0 +1,14 @@
+const { Pool } = require("pg");
+
+const pool = new Pool({
+  max: 300,
+  connectionTimeoutMillis: 5000,
+  host: process.env.AZURE_COSMOSDB_PG_URL,
+  port: 5432,
+  user: process.env.AZURE_COSMOSDB_PG_USER,
+  password: process.env.AZURE_COSMOSDB_PG_PASSWORD,
+  database: process.env.AZURE_COSMOSDB_PG_DBNAME,
+  ssl: true,
+});
+
+export default pool;

dbUtils/pgQueries.ts

@@ -0,0 +1,75 @@
+export const refreshDBQuery = `
+    DROP TABLE IF EXISTS verification_token CASCADE;
+    DROP TABLE IF EXISTS accounts CASCADE;
+    DROP TABLE IF EXISTS sessions CASCADE;
+    DROP TABLE IF EXISTS users CASCADE;
+    DROP TABLE IF EXISTS courses CASCADE;
+    DROP TABLE IF EXISTS course_tas CASCADE;
+
+    CREATE TABLE verification_token
+    (
+    identifier TEXT NOT NULL,
+    expires TIMESTAMPTZ NOT NULL,
+    token TEXT NOT NULL,
+
+    PRIMARY KEY (identifier, token)
+    );
+
+    CREATE TABLE accounts
+    (
+    id SERIAL,
+    "userId" INTEGER NOT NULL,
+    type VARCHAR(255) NOT NULL,
+    provider VARCHAR(255) NOT NULL,
+    "providerAccountId" VARCHAR(255) NOT NULL,
+    refresh_token TEXT,
+    access_token TEXT,
+    expires_at BIGINT,
+    id_token TEXT,
+    scope TEXT,
+    session_state TEXT,
+    token_type TEXT,
+
+    PRIMARY KEY (id)
+    );
+
+    CREATE TABLE sessions
+    (
+    id SERIAL,
+    "userId" INTEGER NOT NULL,
+    expires TIMESTAMPTZ NOT NULL,
+    "sessionToken" VARCHAR(255) NOT NULL,
+
+    PRIMARY KEY (id)
+    );
+
+    CREATE TABLE users
+    (
+    id SERIAL,
+    name VARCHAR(255),
+    email VARCHAR(255) UNIQUE,
+    "emailVerified" TIMESTAMPTZ,
+    image TEXT,
+
+    PRIMARY KEY (id)
+    );
+
+    CREATE TABLE courses
+    (
+    courseName VARCHAR(255) UNIQUE NOT NULL,
+    creatorEmail VARCHAR(255) NOT NULL,
+
+    PRIMARY KEY (courseName),
+    FOREIGN KEY (creatorEmail) REFERENCES users(email)
+    );
+
+    CREATE TABLE course_tas
+    (
+    courseName VARCHAR(255) NOT NULL,
+    taEmail VARCHAR(255) NOT NULL,
+
+    PRIMARY KEY (courseName, taEmail),
+    FOREIGN KEY (courseName) REFERENCES courses(courseName),
+    FOREIGN KEY (taEmail) REFERENCES users(email)
+    );
+`;

dbUtils/verifyUserPerms.ts

@@ -0,0 +1,18 @@
+import pool from "./dbPool";
+
+// This function verifies that the user has access to the course and returns true if so.
+export async function verifyUser(containerName: string, email: string) {
+  const taCheck = `SELECT courseName FROM course_tas WHERE courseName = $1 AND taEmail = $2;`;
+  let result = await pool.query(taCheck, [containerName, email]);
+  if (result.rows.length !== 0) {
+    return true;
+  }
+
+  const creatorCheck = `SELECT courseName FROM courses WHERE courseName = $1 AND creatorEmail = $2;`;
+  result = await pool.query(creatorCheck, [containerName, email]);
+  if (result.rows.length !== 0) {
+    return true;
+  }
+
+  return false;
+}

lib/types.ts

@@ -0,0 +1,6 @@
+export type File = {
+  type: "quiz" | "assignment" | "lesson";
+  name: string;
+  url: string;
+};
+export type FilesList = File[];

lib/utils.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}