open-vtop 1.0.7 → 1.0.9

package/README.md

@@ -9,14 +9,15 @@ npx open-vtop logs
 bunx open-vtop logs
 ```
 ## Todo
-1) save usn and password for future use
-2) grab regno from the responses it self
-3) attendance
-4) timetable
-5) cgpa
-6) course-page
-7) callendar
-9) qol like automatic browser open, better logging
+- [x] Save USN and password for future use
+- [x] Grab regno from the responses itself
+- [x] Attendance
+- [ ] Timetable
+- [ ] CGPA (unsure if people actually want to see their marks and grades on this)
+- [ ] Course page
+- [ ] Calendar
+- [x] QoL: automatic browser open, better logging
+- [x] Upcoming exams
 
 ## Getting Started
 

package/dist/components/AssignmentsList.js

@@ -1,5 +1,6 @@
-import { jsx as _jsx } from "hono/jsx/jsx-runtime";
-import { AssignmentCard } from "./AssignmentCard.js";
+import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 export function AssignmentsList({ assignments, }) {
-    return (_jsx("div", { class: "flex flex-col gap-2", children: assignments.map((assignment, i) => (_jsx(AssignmentCard, { assignment: assignment }, i))) }));
+    return (_jsx("div", { class: "overflow-x-auto rounded-lg border border-border bg-surface", children: _jsxs("table", { class: "w-full text-xs text-left", children: [_jsx("thead", { class: "bg-surface border-b border-border/50 text-[0.65rem] uppercase tracking-wider text-muted font-bold", children: _jsxs("tr", { children: [_jsx("th", { class: "px-3 py-2 text-foreground/80", children: "Course" }), _jsx("th", { class: "px-3 py-2 text-foreground/80", children: "Assignment" }), _jsx("th", { class: "px-3 py-2 text-foreground/80", children: "Due Date" }), _jsx("th", { class: "px-3 py-2 text-right text-foreground/80", children: "Status" })] }) }), _jsx("tbody", { class: "divide-y divide-border/30", children: assignments.map((ass, i) => (_jsxs("tr", { class: "hover:bg-muted/5 transition-colors group", children: [_jsx("td", { class: "px-3 py-2 font-mono text-[0.7rem] text-muted whitespace-nowrap", title: ass.courseName, children: ass.courseCode }), _jsx("td", { class: "px-3 py-2 font-medium text-foreground max-w-[150px] truncate", title: ass.assignmentTitle, children: ass.assignmentTitle }), _jsx("td", { class: "px-3 py-2 text-red-400 whitespace-nowrap text-[0.7rem]", children: ass.dueDate || "N/A" }), _jsx("td", { class: "px-3 py-2 text-right", children: _jsx("span", { class: `inline-block text-[0.6rem] px-1.5 py-0.5 rounded font-medium whitespace-nowrap ${ass.status?.toLowerCase().includes("pending")
+                                        ? "bg-red-500/10 text-red-500 border border-red-500/20"
+                                        : "bg-blue-500/10 text-blue-500 border border-blue-500/20"}`, children: ass.status || "Pending" }) })] }, i))) })] }) }));
 }

package/dist/components/CoursesList.js

@@ -1,5 +1,8 @@
-import { jsx as _jsx } from "hono/jsx/jsx-runtime";
-import { CourseCard } from "./CourseCard.js";
+import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 export function CoursesList({ courses }) {
-    return (_jsx("div", { class: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3", children: courses.map((course, i) => (_jsx(CourseCard, { course: course }, i))) }));
+    return (_jsx("div", { class: "overflow-x-auto rounded-lg border border-border bg-surface", children: _jsxs("table", { class: "w-full text-xs text-left", children: [_jsx("thead", { class: "bg-surface border-b border-border/50 text-[0.65rem] uppercase tracking-wider text-muted font-bold", children: _jsxs("tr", { children: [_jsx("th", { class: "px-3 py-2 text-foreground/80", children: "Code" }), _jsx("th", { class: "px-3 py-2 text-foreground/80", children: "Course Name" }), _jsx("th", { class: "px-3 py-2 text-foreground/80", children: "Type" }), _jsx("th", { class: "px-3 py-2 text-foreground/80", children: "Attendance" }), _jsx("th", { class: "px-3 py-2 text-right text-foreground/80", children: "Remarks" })] }) }), _jsx("tbody", { class: "divide-y divide-border/30", children: courses.map((course, i) => (_jsxs("tr", { class: "hover:bg-muted/5 transition-colors group", children: [_jsx("td", { class: "px-3 py-2 font-mono text-[0.7rem] text-muted", children: course.code }), _jsx("td", { class: "px-3 py-2 font-medium text-foreground max-w-[200px] truncate", title: course.name, children: course.name }), _jsx("td", { class: "px-3 py-2", children: _jsx("span", { class: "text-[0.6rem] px-1.5 py-0.5 rounded border border-border text-muted", children: course.type }) }), _jsx("td", { class: "px-3 py-2", children: _jsxs("span", { class: `font-bold ${course.attendanceColor === "danger"
+                                        ? "text-red-500"
+                                        : course.attendanceColor === "warning"
+                                            ? "text-yellow-500"
+                                            : "text-green-500"}`, children: [course.attendance, "%"] }) }), _jsx("td", { class: "px-3 py-2 text-right", children: course.remarks && (_jsx("span", { class: `inline-block text-[0.6rem] px-1.5 py-0.5 rounded bg-${course.attendanceColor === "danger" ? "red" : "green"}-500/10 text-${course.attendanceColor === "danger" ? "red" : "green"}-500 whitespace-nowrap`, children: course.remarks })) })] }, i))) })] }) }));
 }

package/dist/components/ExamsList.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+export const ExamsList = ({ exams }) => {
+    return (_jsx("div", { class: "overflow-x-auto rounded-lg border border-border bg-surface", children: _jsxs("table", { class: "w-full text-xs text-left", children: [_jsx("thead", { class: "bg-surface border-b border-border/50 text-[0.65rem] uppercase tracking-wider text-muted font-bold", children: _jsxs("tr", { children: [_jsx("th", { class: "px-3 py-2", children: "Code" }), _jsx("th", { class: "px-3 py-2", children: "Course Title" }), _jsx("th", { class: "px-3 py-2", children: "Slot" }), _jsx("th", { class: "px-3 py-2", children: "Date (Session)" }), _jsx("th", { class: "px-3 py-2", children: "Time" }), _jsx("th", { class: "px-3 py-2", children: "Venue" }), _jsx("th", { class: "px-3 py-2 text-right", children: "Seat" })] }) }), _jsx("tbody", { class: "divide-y divide-border/30", children: exams.map((exam) => (_jsxs("tr", { class: "hover:bg-muted/5 transition-colors group", children: [_jsxs("td", { class: "px-3 py-2 font-semibold text-foreground whitespace-nowrap", children: [exam.courseCode, _jsx("span", { class: "ml-1.5 text-[0.6rem] px-1 rounded border border-border text-muted font-normal", children: exam.courseType })] }), _jsx("td", { class: "px-3 py-2 font-medium text-foreground/90 max-w-[200px] truncate", title: exam.courseTitle, children: exam.courseTitle }), _jsx("td", { class: "px-3 py-2 text-muted whitespace-nowrap font-mono text-[0.65rem]", children: exam.slot }), _jsxs("td", { class: "px-3 py-2 text-foreground/80 whitespace-nowrap", children: [exam.examDate, _jsx("span", { class: "ml-1.5 text-[0.6rem] font-bold text-blue-400 bg-blue-400/10 px-1 rounded", children: exam.examSession })] }), _jsx("td", { class: "px-3 py-2 text-muted whitespace-nowrap font-mono text-[0.65rem]", children: exam.examTime }), _jsx("td", { class: "px-3 py-2 text-foreground/80 whitespace-nowrap truncate max-w-[100px]", title: exam.venue, children: exam.venue }), _jsxs("td", { class: "px-3 py-2 text-right font-mono text-muted text-[0.65rem] whitespace-nowrap", children: [exam.seatLocation, _jsx("span", { class: "mx-1 text-border", children: "/" }), _jsx("span", { class: "text-foreground", children: exam.seatNo })] })] }))) })] }) }));
+};

package/dist/constants.js

@@ -12,6 +12,7 @@ export const CONTENT = `${BASE}/vtop/content`;
 export const ACADEMICS_CHECK = `${BASE}/vtop/academics/common/AcademicsDefaultCheck`;
 export const UPCOMING_ASSIGNMENTS = `${BASE}/vtop/get/upcoming/digital/assignments`;
 export const COURSE_DETAILS = `${BASE}/vtop/get/dashboard/current/semester/course/details`;
+export const EXAM_SCHEDULE = `${BASE}/vtop/examinations/doSearchExamScheduleForStudent`;
 // HTTP Headers
 // Common browser headers
 export const USER_AGENT_CHROME = "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36";
@@ -80,3 +81,20 @@ export const ACADEMICS_CHECK_HEADERS = {
     Referer: CONTENT,
     "User-Agent": USER_AGENT_CHROME_139,
 };
+export const LOGOUT_URL = `${BASE}/vtop/logout`;
+export const LOGOUT_HEADERS = {
+    Accept: ACCEPT_HTML_EXTENDED,
+    "Accept-Encoding": ACCEPT_ENCODING_ZSTD,
+    "Accept-Language": ACCEPT_LANGUAGE,
+    "Cache-Control": "no-cache",
+    "Content-Type": "application/x-www-form-urlencoded",
+    Origin: BASE,
+    Pragma: "no-cache",
+    Priority: "u=0, i",
+    Referer: CONTENT,
+    "Sec-Fetch-Dest": "document",
+    "Sec-Fetch-Mode": "navigate",
+    "Sec-Fetch-Site": "same-origin",
+    "Sec-Fetch-User": "?1",
+    "Upgrade-Insecure-Requests": "1",
+};

package/dist/index.js

@@ -12,6 +12,7 @@ import { CoursesList } from "./components/CoursesList.js";
 import { AssignmentsList } from "./components/AssignmentsList.js";
 import { EmptyState } from "./components/EmptyState.js";
 import { SessionExpired } from "./components/SessionExpired.js";
+import { ExamsList } from "./components/ExamsList.js";
 const app = new Hono();
 const require = createRequire(import.meta.url);
 const htmxPath = require.resolve("htmx.org/dist/htmx.min.js");
@@ -55,6 +56,10 @@ app.post("/api/login/form", async (c) => {
         return c.html(_jsx(ErrorMessage, { message: `Server error: ${String(error)}` }));
     }
 });
+app.post("/api/logout", async (c) => {
+    await sessionManager.logout();
+    return c.redirect("/login");
+});
 app.get("/api/login/events", async (c) => {
     return streamSSE(c, async (stream) => {
         console.log("SSE connected");
@@ -120,9 +125,34 @@ app.get("/api/assignments/html", async (c) => {
         return c.html(_jsx(ErrorMessage, { message: `Failed to load assignments: ${String(error)}` }));
     }
 });
-serve({
-    fetch: app.fetch,
-    port: 6767,
-}, (info) => {
-    console.log(`Server is running on http://localhost:${info.port}`);
+app.get("/api/exams/html", async (c) => {
+    if (!sessionManager.isLoggedIn()) {
+        return c.html(_jsx(SessionExpired, {}));
+    }
+    try {
+        const exams = await sessionManager.fetchExamSchedule();
+        if (exams.length === 0) {
+            return c.html(_jsx(EmptyState, { message: "No exam schedule found for this semester." }));
+        }
+        return c.html(_jsx(ExamsList, { exams: exams }));
+    }
+    catch (error) {
+        return c.html(_jsx(ErrorMessage, { message: `Failed to load exam schedule: ${String(error)}` }));
+    }
 });
+const main = async () => {
+    try {
+        await sessionManager.initialize();
+        await sessionManager.tryAutoLogin();
+    }
+    catch (e) {
+        console.error("Initialization failed:", e);
+    }
+    serve({
+        fetch: app.fetch,
+        port: 6767,
+    }, (info) => {
+        console.log(`Server is running on http://localhost:${info.port}`);
+    });
+};
+main();

package/dist/parsers.js

@@ -136,3 +136,48 @@ export function parseCourseDetailsHtml(html) {
     }
     return courses;
 }
+/**
+ * Parses exam schedule from HTML response
+ */
+export function parseExamScheduleHtml(html) {
+    const exams = [];
+    // Find the table content rows
+    const rowRegex = /<tr[^>]*class="tableContent"[^>]*>([\s\S]*?)<\/tr>/g;
+    const matches = [...html.matchAll(rowRegex)];
+    for (const match of matches) {
+        const rowContent = match[1];
+        // Skip rows that are just headers (e.g., colspan="13")
+        if (rowContent.includes('colspan="13"')) {
+            continue;
+        }
+        const cells = [];
+        const cellRegex = /<td[^>]*>([\s\S]*?)<\/td>/g;
+        const cellMatches = [...rowContent.matchAll(cellRegex)];
+        for (const cellMatch of cellMatches) {
+            // Strip HTML and whitespace
+            let content = cellMatch[1].replace(/<[^>]+>/g, "").trim();
+            // Replace multiple spaces/newlines with single space
+            content = content.replace(/\s+/g, " ");
+            // Remove "-" placeholders if preferred, or keep them. keeping them is fine.
+            cells.push(content);
+        }
+        if (cells.length >= 13) {
+            exams.push({
+                sNo: cells[0],
+                courseCode: cells[1],
+                courseTitle: cells[2],
+                courseType: cells[3],
+                classId: cells[4],
+                slot: cells[5],
+                examDate: cells[6],
+                examSession: cells[7],
+                reportingTime: cells[8], // The HTML has separate columns but let's map them by index
+                examTime: cells[9],
+                venue: cells[10],
+                seatLocation: cells[11],
+                seatNo: cells[12],
+            });
+        }
+    }
+    return exams;
+}

package/dist/session-manager.js

@@ -2,9 +2,11 @@
 //nvm i did sepearations of concerns
 import { solve, extractDataUriParts, saveCaptchaImage, } from "./captcha-solver.js";
 import * as path from "path";
+import * as fs from "fs/promises";
 import { EventEmitter } from "events";
-import { BASE, VTOP, OPEN_PAGE, OPEN_PAGE_ALT, PRELOGIN_SETUP, LOGIN_PAGE, INIT_PAGE, MAIN_PAGE, VTOP_OPEN, CONTENT, ACADEMICS_CHECK, UPCOMING_ASSIGNMENTS, COURSE_DETAILS, BROWSER_HEADERS, LOGIN_POST_HEADERS, POST_LOGIN_HEADERS, API_REQUEST_HEADERS, ACADEMICS_CHECK_HEADERS, } from "./constants.js";
-import { extractCsrf, extractRegNo, detectCaptcha, parseAssignmentsHtml, parseCourseDetailsHtml, } from "./parsers.js";
+import { BASE, VTOP, OPEN_PAGE, OPEN_PAGE_ALT, PRELOGIN_SETUP, LOGIN_PAGE, INIT_PAGE, MAIN_PAGE, VTOP_OPEN, CONTENT, ACADEMICS_CHECK, UPCOMING_ASSIGNMENTS, COURSE_DETAILS, BROWSER_HEADERS, LOGIN_POST_HEADERS, POST_LOGIN_HEADERS, API_REQUEST_HEADERS, ACADEMICS_CHECK_HEADERS, LOGOUT_URL, LOGOUT_HEADERS, EXAM_SCHEDULE, } from "./constants.js";
+import { extractCsrf, extractRegNo, detectCaptcha, parseAssignmentsHtml, parseCourseDetailsHtml, parseExamScheduleHtml, } from "./parsers.js";
+const CREDENTIALS_FILE = path.resolve(process.cwd(), ".credentials.json");
 class VTOPSessionManager {
     state = {
         cookies: new Map(),
@@ -226,6 +228,7 @@ class VTOPSessionManager {
                         console.log("Login POST submitted successfully!");
                         this.state.loggedIn = true;
                         this.state.username = username;
+                        await this.saveCredentials(username, password);
                         this.events.emit("login-complete");
                         return true;
                     }
@@ -402,8 +405,122 @@ class VTOPSessionManager {
         }
         return [];
     }
+    async fetchExamSchedule() {
+        if (!this.state.loggedIn || !this.state.regNo) {
+            console.error("Cannot fetch exam schedule: not logged in or no regNo");
+            return [];
+        }
+        const cookies = this.getCookieHeader();
+        const now = new Date(); // Although payload doesn't seem to use 'x' timestamp, we'll keep it consistent if needed or omit.
+        // Based on user image, payload is: authorizedID, _csrf, semesterSubId.
+        const apiHeaders = {
+            ...API_REQUEST_HEADERS,
+            Cookie: cookies,
+        };
+        const params = new URLSearchParams();
+        params.set("authorizedID", this.state.regNo);
+        if (this.state.csrf)
+            params.set("_csrf", this.state.csrf);
+        params.set("semesterSubId", "VL20252605"); // Hardcoded as requested
+        try {
+            console.log("Fetching exam schedule...");
+            const res = await fetch(EXAM_SCHEDULE, {
+                method: "POST",
+                headers: apiHeaders,
+                body: params.toString(),
+            });
+            console.log(` -> Exam schedule status: ${res.status}`);
+            const html = await res.text();
+            // console.log(` -> Exam schedule response length: ${html.length}`);
+            if (html) {
+                const schedule = parseExamScheduleHtml(html);
+                console.log(` Parsed ${schedule.length} exam entries`);
+                return schedule;
+            }
+        }
+        catch (e) {
+            console.error("Failed to fetch exam schedule:", e);
+        }
+        return [];
+    }
+    async logout() {
+        if (!this.state.loggedIn) {
+            console.log("Already logged out or not logged in.");
+            return true;
+        }
+        console.log("Logging out...");
+        // Attempt to notify VTOP server
+        try {
+            const cookies = this.getCookieHeader();
+            const headers = {
+                ...LOGOUT_HEADERS,
+                Cookie: cookies,
+            };
+            const formData = new URLSearchParams();
+            if (this.state.csrf) {
+                formData.set("_csrf", this.state.csrf);
+            }
+            const res = await fetch(LOGOUT_URL, {
+                method: "POST",
+                headers,
+                body: formData.toString(),
+                redirect: "manual",
+            });
+            console.log(` -> Logout POST status: ${res.status}`);
+            if (res.status === 302 || res.status === 200) {
+                console.log("Server session cleared effectively.");
+            }
+        }
+        catch (e) {
+            console.warn("Logout request failed (network error?), clearing local session anyway.", e);
+        }
+        // Clear local session
+        this.state.cookies.clear();
+        this.state.csrf = null;
+        this.state.initialized = false;
+        this.state.loggedIn = false;
+        this.state.username = null;
+        this.state.regNo = null;
+        this.events.emit("logout");
+        console.log("Local session cleared.");
+        return true;
+    }
+    async saveCredentials(username, password) {
+        try {
+            await fs.writeFile(CREDENTIALS_FILE, JSON.stringify({ username, password }));
+            console.log("Credentials saved locally.");
+        }
+        catch (e) {
+            console.error("Failed to save credentials:", e);
+        }
+    }
+    async loadCredentials() {
+        try {
+            const data = await fs.readFile(CREDENTIALS_FILE, "utf-8");
+            return JSON.parse(data);
+        }
+        catch (e) {
+            return null;
+        }
+    }
+    async tryAutoLogin() {
+        const creds = await this.loadCredentials();
+        if (creds) {
+            console.log(`Found saved credentials for user: ${creds.username}`);
+            console.log("Attemping auto-login...");
+            const success = await this.login(creds.username, creds.password);
+            if (success) {
+                console.log("Auto-login successful!");
+                await this.navigatePostLogin();
+                await this.performAcademicsCheck();
+            }
+            else {
+                console.log("Auto-login failed.");
+            }
+        }
+        else {
+            console.log("No saved credentials found.");
+        }
+    }
 }
 export const sessionManager = new VTOPSessionManager();
-sessionManager.initialize().catch((error) => {
-    console.error("Failed to auto-initialize session:", error);
-});

package/dist/views/Dashboard.js

@@ -1,15 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { BaseLayout } from "./layouts/Base.js";
+import { CoursesList } from "../components/CoursesList.js";
+import { AssignmentsList } from "../components/AssignmentsList.js";
 export const Dashboard = ({ username, courses, assignments }) => {
-    return (_jsxs(BaseLayout, { title: "Dashboard - Open-VTOP", children: [_jsxs("div", { class: "flex justify-between items-center mb-6 border-b border-border pb-4", children: [_jsxs("div", { children: [_jsx("h1", { class: "text-xl font-bold tracking-tight", children: "Dashboard" }), _jsxs("p", { class: "text-muted text-xs", children: ["Welcome back, ", username] })] }), _jsx("div", {})] }), _jsxs("div", { class: "grid grid-cols-1 lg:grid-cols-12 gap-6 items-start", children: [_jsxs("section", { class: "lg:col-span-8 xl:col-span-9 space-y-4", children: [_jsxs("div", { class: "flex items-center justify-between", children: [_jsx("h2", { class: "text-lg font-semibold", children: "Course Details" }), _jsx("span", { class: "text-[0.65rem] text-muted bg-surface border border-border px-2 py-1 rounded", children: "Winter Semester 2025-26" })] }), courses ? (courses.length === 0 ? (_jsx("div", { class: "p-8 text-center bg-surface border border-border rounded-lg text-muted text-sm", children: "No course details found." })) : (_jsx("div", { class: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3", children: courses.map((course, i) => (_jsxs("div", { class: "p-3 bg-surface border border-border rounded-lg flex flex-col justify-between h-full hover:border-muted transition-colors", children: [_jsxs("div", { children: [_jsxs("div", { class: "flex justify-between items-start mb-1.5", children: [_jsx("span", { class: "text-[0.65rem] font-bold text-muted uppercase tracking-wider", children: course.code }), _jsx("span", { class: "text-[0.6rem] px-1.5 py-0.5 rounded border border-border text-muted", children: course.type })] }), _jsx("h4", { class: "font-semibold text-xs mb-2 leading-relaxed line-clamp-2", children: course.name })] }), _jsxs("div", { class: "flex items-end justify-between mt-2 pt-2 border-t border-border/50", children: [_jsxs("div", { class: "flex flex-col", children: [_jsx("span", { class: "text-[0.6rem] text-muted uppercase", children: "Attendance" }), _jsxs("span", { class: `text-base font-bold ${course.attendanceColor === "danger"
-                                                                ? "text-red-500"
-                                                                : course.attendanceColor === "warning"
-                                                                    ? "text-yellow-500"
-                                                                    : "text-green-500"}`, children: [course.attendance, "%"] })] }), course.remarks && (_jsx("span", { class: `text-[0.6rem] px-1.5 py-0.5 rounded bg-${course.attendanceColor === "danger"
-                                                        ? "red"
-                                                        : "green"}-500/10 text-${course.attendanceColor === "danger"
-                                                        ? "red"
-                                                        : "green"}-500`, children: course.remarks }))] })] }, i))) }))) : (_jsx("div", { id: "courses-loader", "hx-get": "/api/courses/html", "hx-trigger": "load", "hx-swap": "innerHTML", class: "w-full", children: _jsx("div", { class: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3 animate-pulse", children: [1, 2, 3, 4, 5, 6].map((i) => (_jsx("div", { class: "h-28 bg-surface/50 border border-border rounded-lg" }, i))) }) }))] }), _jsxs("section", { class: "lg:col-span-4 xl:col-span-3 space-y-4", children: [_jsx("h2", { class: "text-lg font-semibold", children: "Assignments" }), assignments ? (assignments.length === 0 ? (_jsx("div", { class: "p-6 text-center bg-surface border border-border rounded-lg", children: _jsx("p", { class: "text-sm text-muted", children: "No assignments pending." }) })) : (_jsx("div", { class: "flex flex-col gap-2", children: assignments.map((ass, i) => (_jsxs("div", { class: "p-3 bg-surface border border-border rounded-lg hover:border-muted transition-colors group flex flex-col gap-1", children: [_jsxs("div", { class: "flex justify-between items-start gap-2", children: [_jsx("span", { class: "font-bold text-xs text-foreground line-clamp-1", title: ass.courseName, children: ass.courseName }), _jsxs("span", { class: "text-[0.65rem] font-medium text-red-400 whitespace-nowrap shrink-0", children: ["Due: ", ass.dueDate || "N/A"] })] }), _jsxs("div", { class: "flex justify-between items-end gap-2", children: [_jsxs("div", { class: "flex flex-col min-w-0", children: [_jsx("span", { class: "text-[0.7rem] text-muted truncate", title: ass.assignmentTitle, children: ass.assignmentTitle }), _jsx("span", { class: "text-[0.6rem] text-muted/60 font-mono", children: ass.courseCode })] }), _jsx("span", { class: `text-[0.6rem] px-1.5 py-0.5 rounded font-medium whitespace-nowrap shrink-0 ${ass.status?.toLowerCase().includes("pending")
-                                                        ? "bg-red-500/10 text-red-500 border border-red-500/20"
-                                                        : "bg-blue-500/10 text-blue-500 border border-blue-500/20"}`, children: ass.status || "Pending" })] })] }, i))) }))) : (_jsx("div", { id: "assignments-loader", "hx-get": "/api/assignments/html", "hx-trigger": courses ? "load" : "htmx:afterOnLoad from:#courses-loader", "hx-target": "#assignments-container", "hx-swap": "innerHTML", class: "w-full", children: _jsx("div", { id: "assignments-container", class: "space-y-4", children: _jsxs("div", { id: "loading-state", class: "text-center py-12 text-muted", children: [_jsx("div", { class: "inline-block animate-spin rounded-full h-5 w-5 border-2 border-muted border-t-white mb-3" }), _jsx("p", { class: "text-xs", children: "Syncing assignments..." })] }) }) }))] })] })] }));
+    return (_jsxs(BaseLayout, { title: "Dashboard - Open-VTOP", children: [_jsxs("div", { class: "flex justify-between items-center mb-6 border-b border-border pb-4", children: [_jsxs("div", { children: [_jsx("h1", { class: "text-xl font-bold tracking-tight", children: "Dashboard" }), _jsxs("p", { class: "text-muted text-xs", children: ["Welcome back, ", username] })] }), _jsx("div", { children: _jsx("form", { action: "/api/logout", method: "post", children: _jsx("button", { type: "submit", class: "text-xs text-red-400 hover:text-red-300 transition-colors font-medium cursor-pointer", children: "Logout" }) }) })] }), _jsxs("div", { class: "grid grid-cols-1 lg:grid-cols-12 gap-6 items-start", children: [_jsxs("section", { class: "lg:col-span-8 xl:col-span-9 space-y-4", children: [_jsxs("div", { class: "flex items-center justify-between", children: [_jsx("h2", { class: "text-lg font-semibold", children: "Attendance" }), _jsx("span", { class: "text-[0.65rem] text-muted bg-surface border border-border px-2 py-1 rounded", children: "Winter Semester 2025-26" })] }), courses ? (courses.length === 0 ? (_jsx("div", { class: "p-8 text-center bg-surface border border-border rounded-lg text-muted text-sm", children: "No course details found." })) : (_jsx(CoursesList, { courses: courses }))) : (_jsx("div", { id: "courses-loader", "hx-get": "/api/courses/html", "hx-trigger": "load", "hx-swap": "innerHTML", class: "w-full", children: _jsx("div", { class: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3 animate-pulse", children: [1, 2, 3, 4, 5, 6].map((i) => (_jsx("div", { class: "h-28 bg-surface/50 border border-border rounded-lg" }, i))) }) }))] }), _jsxs("section", { class: "lg:col-span-4 xl:col-span-3 space-y-4", children: [_jsx("h2", { class: "text-lg font-semibold", children: "Assignments" }), assignments ? (assignments.length === 0 ? (_jsx("div", { class: "p-6 text-center bg-surface border border-border rounded-lg", children: _jsx("p", { class: "text-sm text-muted", children: "No assignments pending." }) })) : (_jsx(AssignmentsList, { assignments: assignments }))) : (_jsx("div", { id: "assignments-loader", "hx-get": "/api/assignments/html", "hx-trigger": courses ? "load" : "htmx:afterOnLoad from:#courses-loader", "hx-target": "#assignments-container", "hx-swap": "innerHTML", class: "w-full", children: _jsx("div", { id: "assignments-container", class: "space-y-4", children: _jsxs("div", { id: "loading-state", class: "text-center py-12 text-muted", children: [_jsx("div", { class: "inline-block animate-spin rounded-full h-5 w-5 border-2 border-muted border-t-white mb-3" }), _jsx("p", { class: "text-xs", children: "Syncing assignments..." })] }) }) }))] }), _jsxs("section", { class: "lg:col-span-12 space-y-4 pt-4 border-t border-border/50", children: [_jsxs("div", { class: "flex items-center justify-between", children: [_jsx("h2", { class: "text-lg font-semibold", children: "Exam Schedule" }), _jsx("span", { class: "text-[0.65rem] text-muted bg-surface border border-border px-2 py-1 rounded", children: "Winter Semester 2025-26" })] }), _jsx("div", { id: "exams-loader", "hx-get": "/api/exams/html", "hx-trigger": courses ? "load" : "htmx:afterOnLoad from:#courses-loader", "hx-swap": "innerHTML", class: "w-full", children: _jsx("div", { class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 animate-pulse", children: [1, 2, 3].map((i) => (_jsx("div", { class: "h-40 bg-surface/50 border border-border rounded-lg" }, i))) }) })] })] })] }));
 };

package/package.json

@@ -30,5 +30,5 @@
     "tsx": "^4.7.1",
     "typescript": "^5.8.3"
   },
-  "version": "1.0.7"
+  "version": "1.0.9"
 }