open-vtop 1.0.6 → 1.0.7

package/README.md

@@ -1,7 +1,13 @@
 # Open-VTOP
 
 An open-source VTOP client with automatic session management.
+```bash
+npx open-vtop
+bunx open-vtop
 
+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
@@ -10,73 +16,28 @@ An open-source VTOP client with automatic session management.
 5) cgpa
 6) course-page
 7) callendar
-8) many more...
-9) qol like automatic browser open, better logging, save usn password for faster logins, logout
-## Features
-
-- **Automatic Session Initialization**: VTOP session cookies and CSRF tokens are automatically established when the server starts
-- **Background Processing**: Session setup happens in the background, no need to hit any endpoints first
-- **Session Monitoring**: Check session status in real-time via the web interface
+9) qol like automatic browser open, better logging
 
 ## Getting Started
 
 ### Installation
 
 ```bash
-npm install
+bun i
 ```
 
 ### Development
 
 ```bash
-npm run dev
+bun start 
+bun run logs    #for logs
 ```
 
-Then open http://localhost:3000
+Then open http://localhost:6767
 
 ### Production
 
 ```bash
-npm run build
-npm start
-```
-
-## How It Works
-
-When the server starts, it automatically:
-
-1. **Establishes cookies** - Gets `SERVERID` and `JSESSIONID` cookies from VTOP
-2. **Retrieves CSRF token** - Extracts the `_csrf` token from `/vtop/openPage`
-3. **Completes prelogin setup** - POSTs to `/vtop/prelogin/setup` with flag=VTOP
-4. **Maintains session state** - Stores cookies and tokens for subsequent requests
-
-All of this happens in the background using Node.js's native fetch API.
-
-## API Endpoints
-
-- `GET /api/session/status` - View current session status (cookies, CSRF, etc.)
-- `POST /api/session/refresh` - Manually refresh the VTOP session
-
-## Session Manager
-
-The session manager (`src/session-manager.ts`) is a singleton that:
-- Initializes automatically on server startup
-- Stores cookies and CSRF tokens
-- Can be imported and used by other modules
-- Supports manual refresh when needed
-
-```typescript
-import { sessionManager } from "./session-manager.js";
-
-// Check if initialized
-const isReady = sessionManager.isInitialized();
-
-// Get CSRF token
-const csrf = sessionManager.getCsrf();
-
-// Get cookies as header string
-const cookies = sessionManager.getCookies();
-
-// Manually refresh
-await sessionManager.refresh();
+bun run build
+bun start
 ```

package/dist/cli.cjs

@@ -0,0 +1,150 @@
+#!/usr/bin/env node
+const { spawn } = require("child_process");
+const { exec } = require("child_process");
+const { platform } = require("os");
+const path = require("path");
+
+const args = process.argv.slice(2);
+const showLogs = args.includes("logs");
+
+const colors = {
+  reset: "\x1b[0m",
+  bold: "\x1b[1m",
+  dim: "\x1b[2m",
+  cyan: "\x1b[36m",
+  green: "\x1b[32m",
+  yellow: "\x1b[33m",
+  magenta: "\x1b[35m",
+  blue: "\x1b[34m",
+};
+
+const PORT = 6767;
+const URL = `http://localhost:${PORT}`;
+
+function openBrowser(url) {
+  const plat = platform();
+  let command;
+
+  switch (plat) {
+    case "darwin":
+      command = `open "${url}"`;
+      break;
+    case "win32":
+      command = `start "" "${url}"`;
+      break;
+    default:
+      command = `xdg-open "${url}"`;
+  }
+
+  exec(command, (error) => {
+    if (error) {
+      console.log(
+        `${colors.yellow}Could not open browser automatically. Please visit: ${url}${colors.reset}`,
+      );
+    }
+  });
+}
+
+function printBanner() {
+  console.log();
+  console.log(
+    `${colors.cyan}${colors.bold}  ┌───────────────────────────────────────┐${colors.reset}`,
+  );
+  console.log(
+    `${colors.cyan}${colors.bold}  │           ${colors.magenta}open-vtop${colors.cyan}                   │${colors.reset}`,
+  );
+  console.log(
+    `${colors.cyan}${colors.bold}  └───────────────────────────────────────┘${colors.reset}`,
+  );
+  console.log();
+  console.log(
+    `  ${colors.green}✓${colors.reset} Server running at ${colors.bold}${URL}${colors.reset}`,
+  );
+  console.log();
+  console.log(`  ${colors.dim}Keyboard shortcuts:${colors.reset}`);
+  console.log(`    ${colors.bold}q${colors.reset}  →  Quit server`);
+  console.log(`    ${colors.bold}o${colors.reset}  →  Open browser`);
+  console.log(`    ${colors.bold}c${colors.reset}  →  Clear console`);
+  console.log();
+}
+
+let serverProcess = null;
+
+function shutdown() {
+  console.log(`\n${colors.yellow}Shutting down server...${colors.reset}`);
+  if (serverProcess) {
+    serverProcess.kill("SIGTERM");
+  }
+  // Restore terminal to normal mode before exiting
+  if (process.stdin.isTTY) {
+    process.stdin.setRawMode(false);
+  }
+  process.exit(0);
+}
+
+function setupKeyboardShortcuts() {
+  if (process.stdin.isTTY) {
+    process.stdin.setRawMode(true);
+    process.stdin.resume();
+    process.stdin.setEncoding("utf8");
+
+    process.stdin.on("data", (key) => {
+      switch (key.toLowerCase()) {
+        case "q":
+        case "\u0003": // Ctrl+C
+          shutdown();
+          break;
+        case "o":
+          console.log(`${colors.dim}Opening browser...${colors.reset}`);
+          openBrowser(URL);
+          break;
+        case "c":
+          console.clear();
+          printBanner();
+          break;
+      }
+    });
+  }
+}
+
+process.on("SIGINT", shutdown);
+process.on("SIGTERM", shutdown);
+
+const serverPath = path.join(__dirname, "index.js");
+serverProcess = spawn(process.execPath, [serverPath], {
+  stdio: ["ignore", "pipe", "pipe"],
+  env: { ...process.env, OPEN_VTOP_CLI: "true" },
+});
+
+serverProcess.stdout.on("data", (data) => {
+  const text = data.toString();
+  if (text.includes("Server is running")) {
+    printBanner();
+    setupKeyboardShortcuts();
+    openBrowser(URL);
+  } else if (showLogs) {
+    process.stdout.write(data);
+  }
+});
+
+serverProcess.stderr.on("data", (data) => {
+  if (showLogs) {
+    process.stderr.write(data);
+  }
+});
+
+serverProcess.on("error", (err) => {
+  console.error(
+    `${colors.yellow}Failed to start server: ${err.message}${colors.reset}`,
+  );
+  process.exit(1);
+});
+
+serverProcess.on("exit", (code) => {
+  if (code !== 0 && code !== null) {
+    console.log(
+      `${colors.yellow}Server exited with code ${code}${colors.reset}`,
+    );
+  }
+  process.exit(code || 0);
+});

package/dist/components/AssignmentCard.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+export function AssignmentCard({ assignment }) {
+    return (_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: assignment.courseName, children: assignment.courseName }), _jsxs("span", { class: "text-[0.65rem] font-medium text-red-400 whitespace-nowrap shrink-0", children: ["Due: ", assignment.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: assignment.assignmentTitle, children: assignment.assignmentTitle }), _jsx("span", { class: "text-[0.6rem] text-muted/60 font-mono", children: assignment.courseCode })] }), _jsx("span", { class: `text-[0.6rem] px-1.5 py-0.5 rounded font-medium whitespace-nowrap shrink-0 ${assignment.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: assignment.status || "Pending" })] })] }));
+}

package/dist/components/AssignmentsList.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "hono/jsx/jsx-runtime";
+import { AssignmentCard } from "./AssignmentCard.js";
+export function AssignmentsList({ assignments, }) {
+    return (_jsx("div", { class: "flex flex-col gap-2", children: assignments.map((assignment, i) => (_jsx(AssignmentCard, { assignment: assignment }, i))) }));
+}

package/dist/components/CourseCard.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+export function CourseCard({ course }) {
+    return (_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 }))] })] }));
+}

package/dist/components/CoursesList.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "hono/jsx/jsx-runtime";
+import { CourseCard } from "./CourseCard.js";
+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))) }));
+}

package/dist/components/EmptyState.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "hono/jsx/jsx-runtime";
+export function EmptyState({ message }) {
+    return (_jsx("div", { class: "p-8 text-center bg-surface border border-border rounded-lg text-muted text-sm", children: message }));
+}

package/dist/components/ErrorMessage.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "hono/jsx/jsx-runtime";
+export function ErrorMessage({ message }) {
+    return (_jsx("div", { id: "error-message", class: "mt-4 p-3 bg-red-500/10 border border-red-500/50 rounded-md text-red-500 text-sm", children: message }));
+}

package/dist/components/SessionExpired.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "hono/jsx/jsx-runtime";
+export function SessionExpired() {
+    return (_jsx("div", { class: "text-red-500 text-sm", children: "Session expired. Please login again." }));
+}

package/dist/constants.js

@@ -0,0 +1,82 @@
+// VTOP API endpoints and constants
+export const BASE = "https://vtop.vit.ac.in";
+export const VTOP = `${BASE}/vtop/`;
+export const OPEN_PAGE = `${BASE}/vtop/openPage`;
+export const OPEN_PAGE_ALT = `${BASE}/vtop/open/page`;
+export const PRELOGIN_SETUP = `${BASE}/vtop/prelogin/setup`;
+export const LOGIN_PAGE = `${BASE}/vtop/login`;
+export const INIT_PAGE = `${BASE}/vtop/init/page`;
+export const MAIN_PAGE = `${BASE}/vtop/main/page`;
+export const VTOP_OPEN = `${BASE}/vtop/open`;
+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`;
+// 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";
+export const USER_AGENT_CHROME_139 = "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36";
+export const USER_AGENT_CHROME_140 = "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/140.0.0.0 Safari/537.36";
+export const ACCEPT_HTML = "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8";
+export const ACCEPT_HTML_EXTENDED = "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8";
+export const ACCEPT_ALL = "*/*";
+export const ACCEPT_LANGUAGE = "en-US,en;q=0.9";
+export const ACCEPT_LANGUAGE_ALT = "en-US,en;q=0.7";
+export const ACCEPT_ENCODING = "gzip, deflate, br";
+export const ACCEPT_ENCODING_ZSTD = "gzip, deflate, br, zstd";
+// Standard headers for fetch requests
+export const BROWSER_HEADERS = {
+    "User-Agent": USER_AGENT_CHROME,
+    Accept: ACCEPT_HTML,
+    "Accept-Language": ACCEPT_LANGUAGE,
+    "Accept-Encoding": ACCEPT_ENCODING,
+    Connection: "keep-alive",
+    "Upgrade-Insecure-Requests": "1",
+};
+// Headers for login POST request
+export const LOGIN_POST_HEADERS = {
+    "Cache-Control": "max-age=0",
+    Origin: BASE,
+    Referer: OPEN_PAGE_ALT,
+    "Content-Type": "application/x-www-form-urlencoded",
+    Accept: ACCEPT_HTML_EXTENDED,
+    "Accept-Encoding": ACCEPT_ENCODING_ZSTD,
+    "Accept-Language": ACCEPT_LANGUAGE,
+    "Sec-Fetch-Dest": "document",
+    "Sec-Fetch-Mode": "navigate",
+    "Sec-Fetch-Site": "same-origin",
+    "Sec-Fetch-User": "?1",
+    "Upgrade-Insecure-Requests": "1",
+    Priority: "u=0, i",
+};
+// Headers for post-login navigation
+export const POST_LOGIN_HEADERS = {
+    Referer: LOGIN_PAGE,
+    "User-Agent": USER_AGENT_CHROME_140,
+    Accept: ACCEPT_HTML_EXTENDED,
+    "Accept-Encoding": ACCEPT_ENCODING_ZSTD,
+    "Cache-Control": "max-age=0",
+    "Upgrade-Insecure-Requests": "1",
+    Origin: BASE,
+    "Content-Type": "application/x-www-form-urlencoded",
+};
+// Headers for API requests (assignments, courses)
+export const API_REQUEST_HEADERS = {
+    Accept: ACCEPT_ALL,
+    "Accept-Encoding": ACCEPT_ENCODING_ZSTD,
+    "Accept-Language": ACCEPT_LANGUAGE_ALT,
+    "Content-Type": "application/x-www-form-urlencoded",
+    Origin: BASE,
+    Priority: "u=1, i",
+    Referer: CONTENT,
+    "Sec-Fetch-Dest": "empty",
+    "Sec-Fetch-Mode": "cors",
+    "Sec-Fetch-Site": "same-origin",
+    "User-Agent": USER_AGENT_CHROME_139,
+};
+// Headers for academics check
+export const ACADEMICS_CHECK_HEADERS = {
+    "Content-Type": "application/x-www-form-urlencoded",
+    Referer: CONTENT,
+    "User-Agent": USER_AGENT_CHROME_139,
+};

package/dist/index.js

@@ -1,20 +1,33 @@
-#!/usr/bin/env node
-import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 import { serve } from "@hono/node-server";
 import { Hono } from "hono";
+import { streamSSE } from "hono/streaming";
 import { serveStatic } from "@hono/node-server/serve-static";
 import { Login } from "./views/Login.js";
 import { Dashboard } from "./views/Dashboard.js";
 import { sessionManager } from "./session-manager.js";
 import { createRequire } from "module";
+import { ErrorMessage } from "./components/ErrorMessage.js";
+import { CoursesList } from "./components/CoursesList.js";
+import { AssignmentsList } from "./components/AssignmentsList.js";
+import { EmptyState } from "./components/EmptyState.js";
+import { SessionExpired } from "./components/SessionExpired.js";
 const app = new Hono();
 const require = createRequire(import.meta.url);
 const htmxPath = require.resolve("htmx.org/dist/htmx.min.js");
+const ssePath = require.resolve("htmx-ext-sse/sse.js");
 app.use("/static/htmx.js", serveStatic({ path: htmxPath }));
+app.use("/static/sse.js", serveStatic({ path: ssePath }));
 app.get("/", (c) => {
     if (sessionManager.isLoggedIn()) {
         return c.html(_jsx(Dashboard, { username: sessionManager.getUsername() }));
     }
+    return c.redirect("/login");
+});
+app.get("/login", (c) => {
+    if (sessionManager.isLoggedIn()) {
+        return c.redirect("/");
+    }
     return c.html(_jsx(Login, {}));
 });
 app.post("/api/login/form", async (c) => {
@@ -22,58 +35,89 @@ app.post("/api/login/form", async (c) => {
         const formData = await c.req.parseBody();
         const username = formData["username"];
         const password = formData["password"];
-        const regNo = formData["regNo"];
-        if (!username || !password || !regNo) {
-            return c.html(_jsx("div", { id: "error-message", class: "mt-4 p-3 bg-red-500/10 border border-red-500/50 rounded-md text-red-500 text-sm", children: "Missing credentials. Please try again." }));
+        if (!username || !password) {
+            return c.html(_jsx(ErrorMessage, { message: "Missing credentials. Please try again." }));
         }
-        const success = await sessionManager.login(username, password, regNo);
+        const success = await sessionManager.login(username, password);
         if (success) {
-            return c.html(_jsx(Dashboard, { username: username }));
+            await sessionManager.navigatePostLogin();
+            await sessionManager.performAcademicsCheck();
+            const courses = await sessionManager.fetchCourseDetails();
+            const assignments = await sessionManager.fetchUpcomingAssignments();
+            c.header("HX-Push-Url", "/");
+            return c.html(_jsx(Dashboard, { username: username, courses: courses, assignments: assignments }));
         }
         else {
-            return c.html(_jsx("div", { id: "error-message", class: "mt-4 p-3 bg-red-500/10 border border-red-500/50 rounded-md text-red-500 text-sm", children: "Login failed. Invalid credentials or captcha error." }));
+            return c.html(_jsx(ErrorMessage, { message: "Login failed." }));
         }
     }
     catch (error) {
-        return c.html(_jsxs("div", { id: "error-message", class: "mt-4 p-3 bg-red-500/10 border border-red-500/50 rounded-md text-red-500 text-sm", children: ["Server error: ", String(error)] }));
+        return c.html(_jsx(ErrorMessage, { message: `Server error: ${String(error)}` }));
     }
 });
-// Course Details HTML Endpoint
+app.get("/api/login/events", async (c) => {
+    return streamSSE(c, async (stream) => {
+        console.log("SSE connected");
+        let keepOpen = true;
+        const onLog = async (msg) => {
+            console.log("SSE log:", msg);
+            await stream.writeSSE({
+                data: msg,
+                event: "log",
+            });
+        };
+        const onComplete = async () => {
+            console.log("SSE complete");
+            await stream.writeSSE({
+                data: "done",
+                event: "login-complete",
+            });
+            keepOpen = false;
+        };
+        sessionManager.events.on("log", onLog);
+        sessionManager.events.once("login-complete", onComplete);
+        stream.onAbort(() => {
+            console.log("SSE aborted");
+            sessionManager.events.off("log", onLog);
+            sessionManager.events.off("login-complete", onComplete);
+            keepOpen = false;
+        });
+        while (keepOpen) {
+            // Keep the stream open
+            await new Promise((resolve) => setTimeout(resolve, 100));
+        }
+        sessionManager.events.off("log", onLog);
+        sessionManager.events.off("login-complete", onComplete);
+    });
+});
 app.get("/api/courses/html", async (c) => {
     if (!sessionManager.isLoggedIn()) {
-        return c.html(_jsx("div", { class: "text-red-500", children: "Session expired." }));
+        return c.html(_jsx(SessionExpired, {}));
     }
     try {
         const courses = await sessionManager.fetchCourseDetails();
         if (courses.length === 0) {
-            return c.html(_jsx("div", { class: "p-8 text-center bg-surface border border-border rounded-lg text-muted", children: "No course details found." }));
+            return c.html(_jsx(EmptyState, { message: "No course details found." }));
         }
-        return c.html(_jsx("div", { class: "grid grid-cols-1 md:grid-cols-2 gap-4", children: courses.map((course, i) => (_jsxs("div", { class: "p-4 bg-surface border border-border rounded-lg flex flex-col justify-between", children: [_jsxs("div", { children: [_jsxs("div", { class: "flex justify-between items-start mb-2", children: [_jsx("span", { class: "text-xs font-bold text-muted uppercase tracking-wider", children: course.code }), _jsx("span", { class: "text-[0.65rem] px-1.5 py-0.5 rounded border border-border text-muted", children: course.type })] }), _jsx("h4", { class: "font-semibold text-sm mb-3 leading-snug", children: course.name })] }), _jsxs("div", { class: "flex items-end justify-between mt-2 pt-3 border-t border-border/50", children: [_jsxs("div", { class: "flex flex-col", children: [_jsx("span", { class: "text-[0.65rem] text-muted uppercase", children: "Attendance" }), _jsxs("span", { class: `text-lg 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-xs px-2 py-1 rounded bg-${course.attendanceColor === "danger" ? "red" : "green"}-500/10 text-${course.attendanceColor === "danger" ? "red" : "green"}-500`, children: course.remarks }))] })] }, i))) }));
+        return c.html(_jsx(CoursesList, { courses: courses }));
     }
     catch (error) {
-        return c.html(_jsxs("div", { class: "p-4 border border-red-500 rounded-md text-red-500", children: ["Failed to load courses: ", String(error)] }));
+        return c.html(_jsx(ErrorMessage, { message: `Failed to load courses: ${String(error)}` }));
     }
 });
 app.get("/api/assignments/html", async (c) => {
     if (!sessionManager.isLoggedIn()) {
-        // If session expired, redirect/render login
-        return c.html(_jsx("div", { class: "text-red-500", children: "Session expired. Please refresh to log in again." }));
+        return c.html(_jsx(SessionExpired, {}));
     }
     try {
         const assignments = await sessionManager.fetchUpcomingAssignments();
         if (assignments.length === 0) {
-            return c.html(_jsxs("div", { class: "p-12 text-center bg-surface border border-border rounded-lg", children: [_jsx("h3", { class: "text-lg font-medium mb-2", children: "No Upcoming Assignments" }), _jsx("p", { class: "text-muted", children: "You are all caught up!" })] }));
+            return c.html(_jsx(EmptyState, { message: "No assignments pending." }));
         }
-        return c.html(_jsx("div", { class: "flex flex-col gap-3", children: assignments.map((ass, i) => (_jsxs("div", { class: "flex items-center justify-between p-4 bg-surface border border-border rounded-lg transition-colors hover:border-muted group", children: [_jsxs("div", { class: "flex-1 min-w-0 pr-4", children: [_jsxs("div", { class: "flex items-baseline gap-3 overflow-hidden whitespace-nowrap text-ellipsis", children: [_jsx("span", { class: "text-xs font-bold text-muted uppercase tracking-wider min-w-fit", children: ass.courseCode }), _jsx("span", { class: "font-semibold text-sm truncate", children: ass.assignmentTitle }), _jsxs("span", { class: "text-xs text-muted", children: ["\u2014 ", ass.courseName] })] }), _jsxs("div", { class: "flex gap-4 mt-1 text-xs text-muted", children: [_jsxs("span", { children: ["Due:", " ", _jsx("span", { class: "text-foreground", children: ass.dueDate || "N/A" })] }), _jsxs("span", { children: ["Max:", " ", _jsx("span", { class: "text-foreground", children: ass.maxMarks || "N/A" })] })] })] }), _jsx("span", { class: `text-xs px-2.5 py-1 rounded-full 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))) }));
+        return c.html(_jsx(AssignmentsList, { assignments: assignments }));
     }
     catch (error) {
-        return c.html(_jsxs("div", { class: "p-4 border border-red-500 rounded-md text-red-500", children: ["Failed to load assignments: ", String(error)] }));
+        return c.html(_jsx(ErrorMessage, { message: `Failed to load assignments: ${String(error)}` }));
     }
 });
 serve({

package/dist/parsers.js

@@ -0,0 +1,138 @@
+/**
+ * Extracts CSRF token from HTML
+ */
+export function extractCsrf(html) {
+    const patterns = [
+        /name="_csrf"\s+value="([^"]+)"/,
+        /name='_csrf'\s+value='([^']+)'/,
+        /<input[^>]*name="_csrf"[^>]*value="([^"]+)"/,
+        /<input[^>]*value="([^"]+)"[^>]*name="_csrf"/,
+    ];
+    for (const pattern of patterns) {
+        const match = html.match(pattern);
+        if (match && match[1]) {
+            return match[1];
+        }
+    }
+    return null;
+}
+/**
+ * Extracts registration number (authorizedIDX) from HTML
+ */
+export function extractRegNo(html) {
+    const patterns = [
+        /name="authorizedIDX"\s+id="authorizedIDX"\s+value="([^"]+)"/,
+        /id="authorizedIDX"\s+name="authorizedIDX"\s+value="([^"]+)"/,
+        /<input[^>]*name="authorizedIDX"[^>]*value="([^"]+)"/,
+        /<input[^>]*id="authorizedIDX"[^>]*value="([^"]+)"/,
+    ];
+    for (const pattern of patterns) {
+        const match = html.match(pattern);
+        if (match && match[1]) {
+            return match[1];
+        }
+    }
+    return null;
+}
+export function detectCaptcha(html) {
+    const recaptchaDom = html.includes('id="recaptcha"') ||
+        html.includes('id="g-recaptcha"') ||
+        html.includes('class="g-recaptcha"');
+    const recaptchaJs = html.includes("var captchaType=2");
+    const isRecaptcha = recaptchaDom || recaptchaJs;
+    const hasCaptchaInput = html.includes('name="captchaStr"') || html.includes('id="captchaStr"');
+    const imgDataUriMatches = [
+        ...html.matchAll(/src=["'](data:image\/[^"']+)["']/gi),
+    ];
+    let imgDataUri = null;
+    for (const match of imgDataUriMatches) {
+        if (match[1] && !match[1].includes(";base64,null")) {
+            imgDataUri = match[1];
+            break;
+        }
+    }
+    if (!imgDataUri && imgDataUriMatches.length > 0) {
+        console.warn("Detected invalid captcha image (base64 is null)");
+    }
+    const isTextCaptcha = hasCaptchaInput && imgDataUri !== null;
+    const csrf = extractCsrf(html);
+    return { isTextCaptcha, isRecaptcha, csrf, imgDataUri };
+}
+/**
+ * Parses assignments from HTML response
+ */
+export function parseAssignmentsHtml(html) {
+    const assignments = [];
+    try {
+        const jsonMatch = html.match(/\[[\s\S]*?\]/);
+        if (jsonMatch) {
+            const parsed = JSON.parse(jsonMatch[0]);
+            if (Array.isArray(parsed)) {
+                return parsed.map((item) => ({
+                    courseCode: String(item.courseCode || item.code || ""),
+                    courseName: String(item.courseName || item.name || ""),
+                    assignmentTitle: String(item.assignmentTitle || item.title || item.assignmentName || ""),
+                    dueDate: String(item.dueDate || item.endDate || item.deadline || ""),
+                    status: String(item.status || ""),
+                    maxMarks: String(item.maxMarks || item.marks || ""),
+                }));
+            }
+        }
+    }
+    catch { }
+    const rowRegex = /<tr[^>]*>([\s\S]*?)<\/tr>/gi;
+    const cellRegex = /<?<t[hd][^>]*>([\s\S]*?)(?:<\/t[hd]>|<\/tr|<tr|$)/gi;
+    let rowMatch;
+    while ((rowMatch = rowRegex.exec(html)) !== null) {
+        const cells = [];
+        let cellMatch;
+        const rowContent = rowMatch[1];
+        cellRegex.lastIndex = 0;
+        while ((cellMatch = cellRegex.exec(rowContent)) !== null) {
+            // Strip HTML tags from cell content
+            const cellContent = cellMatch[1].replace(/<[^>]+>/g, "").trim();
+            cells.push(cellContent);
+        }
+        if (cells.length >= 4 && cells[0] !== "#" && !isNaN(Number(cells[0]))) {
+            assignments.push({
+                courseCode: "", // Not in this table format
+                courseName: cells[1] || "",
+                assignmentTitle: cells[2] || "",
+                dueDate: cells[3] || "",
+                status: cells[4] || "Pending",
+                maxMarks: "", // Not in this table format
+            });
+        }
+    }
+    return assignments;
+}
+/**
+ * Parses course details from HTML response
+ */
+export function parseCourseDetailsHtml(html) {
+    const courses = [];
+    const rowRegex = /<tr[^>]*>([\s\S]*?)<\/tr>/g;
+    const matches = [...html.matchAll(rowRegex)];
+    for (let i = 1; i < matches.length; i++) {
+        const rowContent = matches[i][1];
+        const codeMatch = rowContent.match(/<span[^>]*text-dark fw-bold[^>]*>([^<]+)<\/span>/);
+        const nameMatch = rowContent.match(/-[\s\n]*<span[^>]*text-dark[^>]*>([^<]+)<\/span>/);
+        const typeMatch = rowContent.match(/<td[^>]*fst-italic[^>]*>([^<]+)<\/td>/);
+        const attendanceMatch = rowContent.match(/<span class="text-([a-z]+)[^>]*fw-bold">([\d.]+)<\/span>/);
+        const remarksMatch = rowContent.match(/<span class="text-[^>]*>([^<]+)<\/span>[\s\n]*<\/td>[\s\n]*<\/tr>$/) ||
+            rowContent.match(/<td[^>]*text-nowrap text-start[^>]*>[\s\S]*?<span[^>]*>([^<]+)<\/span>/);
+        if (codeMatch && nameMatch) {
+            courses.push({
+                code: codeMatch[1].trim(),
+                name: nameMatch[1].trim(),
+                type: typeMatch ? typeMatch[1].trim() : "N/A",
+                attendance: attendanceMatch ? attendanceMatch[2].trim() : "N/A",
+                attendanceColor: attendanceMatch
+                    ? attendanceMatch[1].trim()
+                    : "secondary",
+                remarks: remarksMatch ? remarksMatch[1].trim() : "",
+            });
+        }
+    }
+    return courses;
+}

package/dist/session-manager.js

@@ -1,19 +1,10 @@
 //seperations of concerns my arse
+//nvm i did sepearations of concerns
 import { solve, extractDataUriParts, saveCaptchaImage, } from "./captcha-solver.js";
 import * as path from "path";
-const BASE = "https://vtop.vit.ac.in";
-const VTOP = `${BASE}/vtop/`;
-const OPEN_PAGE = `${BASE}/vtop/openPage`;
-const OPEN_PAGE_ALT = `${BASE}/vtop/open/page`;
-const PRELOGIN_SETUP = `${BASE}/vtop/prelogin/setup`;
-const LOGIN_PAGE = `${BASE}/vtop/login`;
-const INIT_PAGE = `${BASE}/vtop/init/page`;
-const MAIN_PAGE = `${BASE}/vtop/main/page`;
-const VTOP_OPEN = `${BASE}/vtop/open`;
-const CONTENT = `${BASE}/vtop/content`;
-const ACADEMICS_CHECK = `${BASE}/vtop/academics/common/AcademicsDefaultCheck`;
-const UPCOMING_ASSIGNMENTS = `${BASE}/vtop/get/upcoming/digital/assignments`;
-const COURSE_DETAILS = `${BASE}/vtop/get/dashboard/current/semester/course/details`;
+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";
 class VTOPSessionManager {
     state = {
         cookies: new Map(),
@@ -24,22 +15,7 @@ class VTOPSessionManager {
         username: null,
         regNo: null,
     };
-    //cheerio at home
-    extractCsrf(html) {
-        const patterns = [
-            /name="_csrf"\s+value="([^"]+)"/,
-            /name='_csrf'\s+value='([^']+)'/,
-            /<input[^>]*name="_csrf"[^>]*value="([^"]+)"/,
-            /<input[^>]*value="([^"]+)"[^>]*name="_csrf"/,
-        ];
-        for (const pattern of patterns) {
-            const match = html.match(pattern);
-            if (match && match[1]) {
-                return match[1];
-            }
-        }
-        return null;
-    }
+    events = new EventEmitter();
     storeCookies(response) {
         const setCookieHeaders = response.headers.getSetCookie?.() || [];
         for (const cookieStr of setCookieHeaders) {
@@ -53,7 +29,7 @@ class VTOPSessionManager {
     getCookieHeader() {
         return Array.from(this.state.cookies.entries())
             .map(([name, value]) => `${name}=${value}`)
-            .join("; ");
+            .join("; "); //vvvimp
     }
     async fetchWithCookies(url, options = {}) {
         const cookieHeader = this.getCookieHeader();
@@ -61,16 +37,13 @@ class VTOPSessionManager {
         if (cookieHeader) {
             headers.set("Cookie", cookieHeader);
         }
-        headers.set("User-Agent", "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36");
-        headers.set("Accept", "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8");
-        headers.set("Accept-Language", "en-US,en;q=0.9");
-        headers.set("Accept-Encoding", "gzip, deflate, br");
-        headers.set("Connection", "keep-alive");
-        headers.set("Upgrade-Insecure-Requests", "1");
+        Object.entries(BROWSER_HEADERS).forEach(([key, value]) => {
+            headers.set(key, value);
+        });
         const response = await fetch(url, {
             ...options,
             headers,
-            redirect: "manual", // Handle redirects manually to capture cookies
+            redirect: "manual",
         });
         this.storeCookies(response);
         if (response.status >= 300 && response.status < 400) {
@@ -91,29 +64,29 @@ class VTOPSessionManager {
     async initialize() {
         try {
             console.log("Initializing VTOP session...");
-            // Step 1: GET / to get SERVERID cookie
+            // 1: GET / to get SERVERID cookie
             console.log("Step 1: GET / to get SERVERID...");
             await this.fetchWithCookies(BASE);
-            console.log(" ✓ OK");
-            // Step 2: GET /vtop/ to get JSESSIONID cookie
+            console.log("OK");
+            // 2: GET /vtop/ to get JSESSIONID cookie
             console.log("Step 2: GET /vtop/ to get JSESSIONID...");
             await this.fetchWithCookies(VTOP);
-            console.log(" ✓ OK");
-            // Step 3: GET /vtop/openPage for CSRF token
+            console.log("OK");
+            // 3: GET /vtop/openPage for CSRF token
             console.log("Step 3: GET /vtop/openPage for CSRF...");
             const openPageRes = await this.fetchWithCookies(OPEN_PAGE);
             const openPageHtml = await openPageRes.text();
-            console.log(" ✓ OK");
-            const csrf = this.extractCsrf(openPageHtml);
+            console.log("OK");
+            const csrf = extractCsrf(openPageHtml);
             if (!csrf) {
-                console.warn("⚠Warning: _csrf not found on /vtop/openPage. Continuing anyway...");
+                console.warn("Warning: _csrf not found on /vtop/openPage.");
             }
             else {
                 this.state.csrf = csrf;
-                console.log(` ✓ Found _csrf: ${csrf.substring(0, 20)}...`);
+                console.log(`Found _csrf: ${csrf.substring(0, 20)}...`);
             }
-            // Step 4: POST /vtop/prelogin/setup
-            console.log("Step 4: POST /vtop/prelogin/setup (flag=VTOP)...");
+            // 4: POST /vtop/prelogin/setup
+            console.log("Step 4: POST /vtop/prelogin/setup flag=VTOP");
             const formData = new URLSearchParams();
             if (csrf) {
                 formData.set("_csrf", csrf);
@@ -164,32 +137,7 @@ class VTOPSessionManager {
         this.state.username = null;
         await this.initialize();
     }
-    detectCaptcha(html) {
-        // reCAPTCHA signals
-        const recaptchaDom = html.includes('id="recaptcha"') ||
-            html.includes('id="g-recaptcha"') ||
-            html.includes('class="g-recaptcha"');
-        const recaptchaJs = html.includes("var captchaType=2");
-        const isRecaptcha = recaptchaDom || recaptchaJs;
-        const hasCaptchaInput = html.includes('name="captchaStr"') || html.includes('id="captchaStr"');
-        const imgDataUriMatches = [
-            ...html.matchAll(/src=["'](data:image\/[^"']+)["']/gi),
-        ];
-        let imgDataUri = null;
-        for (const match of imgDataUriMatches) {
-            if (match[1] && !match[1].includes(";base64,null")) {
-                imgDataUri = match[1];
-                break;
-            }
-        }
-        if (!imgDataUri && imgDataUriMatches.length > 0) {
-            console.warn("Detected invalid captcha image (base64 is null)");
-        }
-        const isTextCaptcha = hasCaptchaInput && imgDataUri !== null;
-        const csrf = this.extractCsrf(html);
-        return { isTextCaptcha, isRecaptcha, csrf, imgDataUri };
-    }
-    async login(username, password, regNo, maxAttempts = 10) {
+    async login(username, password, maxAttempts = 10) {
         if (!this.state.initialized) {
             console.log("Session not initialized, initializing first...");
             await this.initialize();
@@ -202,10 +150,13 @@ class VTOPSessionManager {
             try {
                 const res = await this.fetchWithCookies(LOGIN_PAGE);
                 const body = await res.text();
-                const { isTextCaptcha, isRecaptcha, csrf, imgDataUri } = this.detectCaptcha(body);
+                const { isTextCaptcha, isRecaptcha, csrf, imgDataUri } = detectCaptcha(body);
                 const curJsession = this.state.cookies.get("JSESSIONID") || "(?)";
                 const curServerID = this.state.cookies.get("SERVERID") || "(?)";
-                console.log(`Attempt ${attempt}: status ${res.status} | text-captcha=${isTextCaptcha ? "YES" : "no"} | recaptcha=${isRecaptcha ? "YES" : "no"} | JSESSIONID=${curJsession}`);
+                // const logMsg = `Attempt ${attempt}: status ${res.status}\ntext-captcha=${isTextCaptcha ? "YES" : "no"} | recaptcha=${isRecaptcha ? "YES" : "no"} | JSESSIONID=${curJsession}`;
+                const logMsg = `Attempt ${attempt} text-captcha=${isTextCaptcha ? "YES" : "no"} recaptcha=${isRecaptcha ? "YES" : "no"} `;
+                console.log(logMsg);
+                this.events.emit("log", logMsg);
                 if (isTextCaptcha) {
                     let solvedCaptcha = "";
                     if (imgDataUri) {
@@ -248,19 +199,7 @@ class VTOPSessionManager {
                     loginForm.set("captchaStr", solvedCaptcha);
                     const _cookies = `JSESSIONID=${curJsession}; SERVERID=${curServerID}`;
                     const postHeaders = {
-                        "Cache-Control": "max-age=0",
-                        Origin: BASE,
-                        Referer: OPEN_PAGE_ALT,
-                        "Content-Type": "application/x-www-form-urlencoded",
-                        Accept: "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8",
-                        "Accept-Encoding": "gzip, deflate, br, zstd",
-                        "Accept-Language": "en-US,en;q=0.9",
-                        "Sec-Fetch-Dest": "document",
-                        "Sec-Fetch-Mode": "navigate",
-                        "Sec-Fetch-Site": "same-origin",
-                        "Sec-Fetch-User": "?1",
-                        "Upgrade-Insecure-Requests": "1",
-                        Priority: "u=0, i",
+                        ...LOGIN_POST_HEADERS,
                         Cookie: _cookies,
                     };
                     try {
@@ -287,7 +226,7 @@ class VTOPSessionManager {
                         console.log("Login POST submitted successfully!");
                         this.state.loggedIn = true;
                         this.state.username = username;
-                        this.state.regNo = regNo;
+                        this.events.emit("login-complete");
                         return true;
                     }
                     catch (e) {
@@ -307,6 +246,7 @@ class VTOPSessionManager {
             }
         }
         console.log(`Login failed after ${maxAttempts} attempts`);
+        this.events.emit("login-complete");
         return false;
     }
     isLoggedIn() {
@@ -322,14 +262,7 @@ class VTOPSessionManager {
         }
         const cookies = this.getCookieHeader();
         const headers = {
-            Referer: LOGIN_PAGE,
-            "User-Agent": "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/140.0.0.0 Safari/537.36",
-            Accept: "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8",
-            "Accept-Encoding": "gzip, deflate, br, zstd",
-            "Cache-Control": "max-age=0",
-            "Upgrade-Insecure-Requests": "1",
-            Origin: BASE,
-            "Content-Type": "application/x-www-form-urlencoded",
+            ...POST_LOGIN_HEADERS,
             Cookie: cookies,
         };
         try {
@@ -347,11 +280,19 @@ class VTOPSessionManager {
             const contentRes = await this.fetchWithCookies(CONTENT, { headers });
             const contentHtml = await contentRes.text();
             console.log(` -> /vtop/content: ${contentRes.status}`);
-            const newCsrf = this.extractCsrf(contentHtml);
+            const newCsrf = extractCsrf(contentHtml);
             if (newCsrf) {
                 this.state.csrf = newCsrf;
                 console.log(`Updated CSRF token from content page`);
             }
+            const regNo = extractRegNo(contentHtml);
+            if (regNo) {
+                this.state.regNo = regNo;
+                console.log(`Extracted registration number: ${regNo}`);
+            }
+            else {
+                console.warn("Failed to extract registration number from content page");
+            }
             console.log("Post-login navigation complete");
             return true;
         }
@@ -360,102 +301,13 @@ class VTOPSessionManager {
             return false;
         }
     }
-    //slop
-    parseAssignmentsHtml(html) {
-        const assignments = [];
-        try {
-            const jsonMatch = html.match(/\[[\s\S]*?\]/);
-            if (jsonMatch) {
-                const parsed = JSON.parse(jsonMatch[0]);
-                if (Array.isArray(parsed)) {
-                    return parsed.map((item) => ({
-                        courseCode: String(item.courseCode || item.code || ""),
-                        courseName: String(item.courseName || item.name || ""),
-                        assignmentTitle: String(item.assignmentTitle || item.title || item.assignmentName || ""),
-                        dueDate: String(item.dueDate || item.endDate || item.deadline || ""),
-                        status: String(item.status || ""),
-                        maxMarks: String(item.maxMarks || item.marks || ""),
-                    }));
-                }
-            }
-        }
-        catch {
-            // Not JSON, try HTML parsing
-        }
-        // Parse HTML table rows using regex
-        // VTOP table structure: #(th), Course Name(td), Title(td), Last Date(td), Uploaded(td)
-        // Note: VTOP HTML sometimes has malformed tags like <<td
-        const rowRegex = /<tr[^>]*>([\s\S]*?)<\/tr>/gi;
-        // Match both <th> and <td> cells, and handle malformed <<td
-        const cellRegex = /<?<t[hd][^>]*>([\s\S]*?)(?:<\/t[hd]>|<\/tr|<tr|$)/gi;
-        let rowMatch;
-        while ((rowMatch = rowRegex.exec(html)) !== null) {
-            const cells = [];
-            let cellMatch;
-            const rowContent = rowMatch[1];
-            // Reset lastIndex for cell regex
-            cellRegex.lastIndex = 0;
-            while ((cellMatch = cellRegex.exec(rowContent)) !== null) {
-                // Strip HTML tags from cell content
-                const cellContent = cellMatch[1].replace(/<[^>]+>/g, "").trim();
-                cells.push(cellContent);
-            }
-            // Skip header rows (first cell would be "#" or similar header text)
-            if (cells.length >= 4 && cells[0] !== "#" && !isNaN(Number(cells[0]))) {
-                // Table structure: # (row num), Course Name, Title, Last Date, Uploaded
-                // cells[0] = row number (skip)
-                // cells[1] = Course Name
-                // cells[2] = Title (assignment title)
-                // cells[3] = Last Date (due date)
-                // cells[4] = Uploaded (status)
-                assignments.push({
-                    courseCode: "", // Not in this table format
-                    courseName: cells[1] || "",
-                    assignmentTitle: cells[2] || "",
-                    dueDate: cells[3] || "",
-                    status: cells[4] || "Pending",
-                    maxMarks: "", // Not in this table format
-                });
-            }
-        }
-        return assignments;
-    }
-    parseCourseDetailsHtml(html) {
-        const courses = [];
-        // Regex to match table rows
-        const rowRegex = /<tr[^>]*>([\s\S]*?)<\/tr>/g;
-        const matches = [...html.matchAll(rowRegex)];
-        // Skip header row
-        for (let i = 1; i < matches.length; i++) {
-            const rowContent = matches[i][1];
-            // Extract Code and Name: <span class="mx-2 text-dark fw-bold">BCSE204L</span>-<span class="mx-2 text-dark">Design and Analysis of Algorithms</span>
-            const codeMatch = rowContent.match(/<span[^>]*text-dark fw-bold[^>]*>([^<]+)<\/span>/);
-            const nameMatch = rowContent.match(/-[\s\n]*<span[^>]*text-dark[^>]*>([^<]+)<\/span>/);
-            // Extract Type: <td class="fst-italic text-primary fw-bold mx-1">TH</td>
-            const typeMatch = rowContent.match(/<td[^>]*fst-italic[^>]*>([^<]+)<\/td>/);
-            // Extract Attendance: <span class="text-danger fw-bold">65.0</span>
-            // Capture color class as well to determine status
-            const attendanceMatch = rowContent.match(/<span class="text-([a-z]+)[^>]*fw-bold">([\d.]+)<\/span>/);
-            // Extract Remarks: <span class="text-danger fw-bold">Critical - must improve</span>
-            // This usually comes after attendance in the last column
-            const remarksMatch = rowContent.match(/<span class="text-[^>]*>([^<]+)<\/span>[\s\n]*<\/td>[\s\n]*<\/tr>$/) ||
-                rowContent.match(/<td[^>]*text-nowrap text-start[^>]*>[\s\S]*?<span[^>]*>([^<]+)<\/span>/);
-            if (codeMatch && nameMatch) {
-                courses.push({
-                    code: codeMatch[1].trim(),
-                    name: nameMatch[1].trim(),
-                    type: typeMatch ? typeMatch[1].trim() : "N/A",
-                    attendance: attendanceMatch ? attendanceMatch[2].trim() : "N/A",
-                    attendanceColor: attendanceMatch
-                        ? attendanceMatch[1].trim()
-                        : "secondary",
-                    remarks: remarksMatch ? remarksMatch[1].trim() : "",
-                });
-            }
-        }
-        return courses;
-    }
     async performAcademicsCheck(headers) {
+        if (!headers) {
+            headers = {
+                ...ACADEMICS_CHECK_HEADERS,
+                Cookie: this.getCookieHeader(),
+            };
+        }
         const now = new Date();
         const accParams = new URLSearchParams();
         accParams.set("authorizedID", this.state.regNo);
@@ -483,18 +335,8 @@ class VTOPSessionManager {
         const cookies = this.getCookieHeader();
         const now = new Date();
         const apiHeaders = {
-            Accept: "*/*",
-            "Accept-Encoding": "gzip, deflate, br, zstd",
-            "Accept-Language": "en-US,en;q=0.7",
-            "Content-Type": "application/x-www-form-urlencoded",
+            ...API_REQUEST_HEADERS,
             Cookie: cookies,
-            Origin: BASE,
-            Priority: "u=1, i",
-            Referer: CONTENT,
-            "Sec-Fetch-Dest": "empty",
-            "Sec-Fetch-Mode": "cors",
-            "Sec-Fetch-Site": "same-origin",
-            "User-Agent": "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36",
         };
         await this.performAcademicsCheck(apiHeaders);
         const assParams = new URLSearchParams();
@@ -511,7 +353,7 @@ class VTOPSessionManager {
             });
             const html = await res.text();
             console.log("Course details HTML:", html);
-            const courses = this.parseCourseDetailsHtml(html);
+            const courses = parseCourseDetailsHtml(html);
             console.log(`Parsed ${courses.length} courses`);
             return courses;
         }
@@ -525,29 +367,14 @@ class VTOPSessionManager {
             console.error("Cannot fetch assignments: not logged in or no regNo");
             return [];
         }
-        await this.navigatePostLogin();
+        // await this.navigatePostLogin();
         const cookies = this.getCookieHeader();
         const now = new Date();
-        const accParams = new URLSearchParams();
-        accParams.set("authorizedID", this.state.regNo);
-        if (this.state.csrf)
-            accParams.set("_csrf", this.state.csrf);
-        accParams.set("x", now.toUTCString());
         const apiHeaders = {
-            Accept: "*/*",
-            "Accept-Encoding": "gzip, deflate, br, zstd",
-            "Accept-Language": "en-US,en;q=0.7",
-            "Content-Type": "application/x-www-form-urlencoded",
+            ...API_REQUEST_HEADERS,
             Cookie: cookies,
-            Origin: BASE,
-            Priority: "u=1, i",
-            Referer: CONTENT,
-            "Sec-Fetch-Dest": "empty",
-            "Sec-Fetch-Mode": "cors",
-            "Sec-Fetch-Site": "same-origin",
-            "User-Agent": "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36",
         };
-        await this.performAcademicsCheck(apiHeaders);
+        // await this.performAcademicsCheck(apiHeaders);
         const assParams = new URLSearchParams();
         assParams.set("authorizedID", this.state.regNo);
         if (this.state.csrf)
@@ -565,7 +392,7 @@ class VTOPSessionManager {
             console.log(` -> Response length: ${assBody.length} chars`);
             console.log(` -> Raw response:\n${assBody}`);
             if (assBody) {
-                const assignments = this.parseAssignmentsHtml(assBody);
+                const assignments = parseAssignmentsHtml(assBody);
                 console.log(` Parsed ${assignments.length} assignments`);
                 return assignments;
             }

package/dist/views/Dashboard.js

@@ -1,5 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { BaseLayout } from "./layouts/Base.js";
-export const Dashboard = ({ username }) => {
-    return (_jsxs(BaseLayout, { title: "Dashboard - Open-VTOP", children: [_jsxs("div", { class: "flex justify-between items-center mb-8", children: [_jsxs("div", { children: [_jsx("h1", { class: "text-2xl font-bold tracking-tight", children: "Dashboard" }), _jsxs("p", { class: "text-muted text-sm", children: ["Welcome back, ", username] })] }), _jsx("div", {})] }), _jsxs("div", { class: "space-y-8", children: [_jsxs("section", { children: [_jsxs("div", { class: "flex items-center justify-between mb-4", children: [_jsx("h2", { class: "text-lg font-semibold", children: "Course Details" }), _jsx("span", { class: "text-xs text-muted bg-surface border border-border px-2 py-1 rounded", children: "Winter Semester 2025-26" })] }), _jsx("div", { "hx-get": "/api/courses/html", "hx-trigger": "htmx:afterOnLoad from:#assignments-loader", "hx-swap": "innerHTML", class: "w-full", children: _jsx("div", { class: "grid grid-cols-1 md:grid-cols-2 gap-4 animate-pulse", children: [1, 2, 3, 4].map((i) => (_jsx("div", { class: "h-32 bg-surface/50 border border-border rounded-lg" }, i))) }) })] }), _jsxs("section", { children: [_jsx("h2", { class: "text-lg font-semibold mb-4", children: "Assignments" }), _jsx("div", { id: "assignments-loader", "hx-get": "/api/assignments/html", "hx-trigger": "load", "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-16 text-muted", children: [_jsx("div", { class: "inline-block animate-spin rounded-full h-6 w-6 border-2 border-muted border-t-white mb-4" }), _jsx("p", { class: "text-sm", children: "Syncing assignments..." })] }) }) })] })] })] }));
+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..." })] }) }) }))] })] })] }));
 };

package/dist/views/Home.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { BaseLayout } from "./layouts/Base.js";
 export const Home = () => {
-    return (_jsxs(BaseLayout, { title: "Open-VTOP", children: [_jsx("h1", { children: "Open-VTOP" }), _jsxs("div", { class: "section", children: [_jsx("h2", { children: "\uD83D\uDD10 Login to VTOP" }), _jsxs("form", { id: "login-form", style: "display: flex; flex-direction: column; gap: 0.75rem; max-width: 400px;", children: [_jsxs("div", { children: [_jsx("label", { for: "username", style: "display: block; margin-bottom: 0.25rem; font-weight: bold;", children: "Username:" }), _jsx("input", { type: "text", id: "username", name: "username", placeholder: "Enter your VTOP username", style: "width: 100%; padding: 0.5rem; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem;", required: true })] }), _jsxs("div", { children: [_jsx("label", { for: "password", style: "display: block; margin-bottom: 0.25rem; font-weight: bold;", children: "Password:" }), _jsx("input", { type: "password", id: "password", name: "password", placeholder: "Enter your password", style: "width: 100%; padding: 0.5rem; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem;", required: true })] }), _jsxs("div", { children: [_jsx("label", { for: "regNo", style: "display: block; margin-bottom: 0.25rem; font-weight: bold;", children: "Registration Number:" }), _jsx("input", { type: "text", id: "regNo", name: "regNo", placeholder: "e.g. 24BCI0150", style: "width: 100%; padding: 0.5rem; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem;", required: true })] }), _jsx("button", { type: "submit", "hx-post": "/api/login/form", "hx-target": "#login-result", "hx-swap": "innerHTML", "hx-include": "#login-form", style: "padding: 0.75rem; background: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 1rem; font-weight: bold;", children: "\uD83D\uDE80 Login" })] }), _jsx("div", { id: "login-result", style: "margin-top: 1rem;" })] }), _jsxs("div", { class: "section", children: [_jsx("h2", { children: "\uD83D\uDCCA Login Status" }), _jsx("button", { "hx-get": "/api/login/status/html", "hx-target": "#login-status", "hx-swap": "innerHTML", "hx-trigger": "load, click", children: "Refresh Login Status" }), _jsx("div", { id: "login-status", children: "Loading..." })] }), _jsxs("div", { class: "section", children: [_jsx("h2", { children: "\uD83D\uDCDA Upcoming Assignments" }), _jsx("button", { "hx-get": "/api/assignments/html", "hx-target": "#assignments-list", "hx-swap": "innerHTML", "hx-indicator": "#assignments-loading", style: "background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; color: white; padding: 0.75rem 1.5rem; border-radius: 8px; font-weight: bold; cursor: pointer;", children: "\uD83D\uDD04 Load Assignments" }), _jsx("span", { id: "assignments-loading", class: "htmx-indicator", style: "margin-left: 0.5rem; color: #aaa;", children: "Loading..." }), _jsx("div", { id: "assignments-list", style: "margin-top: 1rem;", children: _jsx("div", { style: "color: #888; padding: 1rem; background: #f5f5f5; border-radius: 8px;", children: "Click \"Load Assignments\" to fetch your upcoming assignments from VTOP." }) })] }), _jsxs("div", { class: "section", children: [_jsx("h2", { children: "\uD83D\uDD27 Session Status" }), _jsx("button", { "hx-get": "/api/session/status", "hx-target": "#session-status", "hx-swap": "innerHTML", "hx-trigger": "load, click", children: "Refresh Session Status" }), _jsx("div", { id: "session-status", children: "Loading session status..." })] }), _jsxs("div", { class: "section", children: [_jsx("h2", { children: "\uD83D\uDCDD Debug Logs" }), _jsx("button", { "hx-get": "/api/debug/logs", "hx-target": "#debug-logs", "hx-swap": "innerHTML", "hx-trigger": "click", children: "Load Debug Logs" }), _jsx("button", { "hx-post": "/api/debug/logs/clear", "hx-target": "#debug-logs", "hx-swap": "innerHTML", style: "margin-left: 0.5rem; background: #ff6b6b;", children: "Clear Logs" }), _jsx("div", { id: "debug-logs", style: "margin-top: 1rem; max-height: 400px; overflow-y: auto; background: #1e1e1e; color: #0f0; font-family: monospace; padding: 1rem; border-radius: 4px; font-size: 0.85rem;", children: "Click \"Load Debug Logs\" to see login attempts..." })] })] }));
+    return (_jsxs(BaseLayout, { title: "Open-VTOP", children: [_jsx("h1", { children: "Open-VTOP" }), _jsxs("div", { class: "section", children: [_jsx("h2", { children: "Login to VTOP" }), _jsxs("form", { id: "login-form", style: "display: flex; flex-direction: column; gap: 0.75rem; max-width: 400px;", children: [_jsxs("div", { children: [_jsx("label", { for: "username", style: "display: block; margin-bottom: 0.25rem; font-weight: bold;", children: "Username:" }), _jsx("input", { type: "text", id: "username", name: "username", placeholder: "Enter your VTOP username", style: "width: 100%; padding: 0.5rem; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem;", required: true })] }), _jsxs("div", { children: [_jsx("label", { for: "password", style: "display: block; margin-bottom: 0.25rem; font-weight: bold;", children: "Password:" }), _jsx("input", { type: "password", id: "password", name: "password", placeholder: "Enter your password", style: "width: 100%; padding: 0.5rem; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem;", required: true })] }), _jsxs("div", { children: [_jsx("label", { for: "regNo", style: "display: block; margin-bottom: 0.25rem; font-weight: bold;", children: "Registration Number:" }), _jsx("input", { type: "text", id: "regNo", name: "regNo", placeholder: "e.g. 22BCE0001", style: "width: 100%; padding: 0.5rem; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem;", required: true })] }), _jsx("button", { type: "submit", "hx-post": "/api/login/form", "hx-target": "#login-result", "hx-swap": "innerHTML", "hx-include": "#login-form", style: "padding: 0.75rem; background: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 1rem; font-weight: bold;", children: "\uD83D\uDE80 Login" })] }), _jsx("div", { id: "login-result", style: "margin-top: 1rem;" })] }), _jsxs("div", { class: "section", children: [_jsx("h2", { children: "\uD83D\uDCCA Login Status" }), _jsx("button", { "hx-get": "/api/login/status/html", "hx-target": "#login-status", "hx-swap": "innerHTML", "hx-trigger": "load, click", children: "Refresh Login Status" }), _jsx("div", { id: "login-status", children: "Loading..." })] }), _jsxs("div", { class: "section", children: [_jsx("h2", { children: "\uD83D\uDCDA Upcoming Assignments" }), _jsx("button", { "hx-get": "/api/assignments/html", "hx-target": "#assignments-list", "hx-swap": "innerHTML", "hx-indicator": "#assignments-loading", style: "background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; color: white; padding: 0.75rem 1.5rem; border-radius: 8px; font-weight: bold; cursor: pointer;", children: "\uD83D\uDD04 Load Assignments" }), _jsx("span", { id: "assignments-loading", class: "htmx-indicator", style: "margin-left: 0.5rem; color: #aaa;", children: "Loading..." }), _jsx("div", { id: "assignments-list", style: "margin-top: 1rem;", children: _jsx("div", { style: "color: #888; padding: 1rem; background: #f5f5f5; border-radius: 8px;", children: "Click \"Load Assignments\" to fetch your upcoming assignments from VTOP." }) })] }), _jsxs("div", { class: "section", children: [_jsx("h2", { children: "\uD83D\uDD27 Session Status" }), _jsx("button", { "hx-get": "/api/session/status", "hx-target": "#session-status", "hx-swap": "innerHTML", "hx-trigger": "load, click", children: "Refresh Session Status" }), _jsx("div", { id: "session-status", children: "Loading session status..." })] }), _jsxs("div", { class: "section", children: [_jsx("h2", { children: "\uD83D\uDCDD Debug Logs" }), _jsx("button", { "hx-get": "/api/debug/logs", "hx-target": "#debug-logs", "hx-swap": "innerHTML", "hx-trigger": "click", children: "Load Debug Logs" }), _jsx("button", { "hx-post": "/api/debug/logs/clear", "hx-target": "#debug-logs", "hx-swap": "innerHTML", style: "margin-left: 0.5rem; background: #ff6b6b;", children: "Clear Logs" }), _jsx("div", { id: "debug-logs", style: "margin-top: 1rem; max-height: 400px; overflow-y: auto; background: #1e1e1e; color: #0f0; font-family: monospace; padding: 1rem; border-radius: 4px; font-size: 0.85rem;", children: "Click \"Load Debug Logs\" to see login attempts..." })] })] }));
 };

package/dist/views/Login.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { BaseLayout } from "./layouts/Base.js";
 export const Login = () => {
-    return (_jsx(BaseLayout, { title: "Login - Open-VTOP", children: _jsxs("div", { "x-data": "{ \n          showPassword: false, \n          loading: false \n        }", class: "w-full", children: [_jsxs("div", { class: "text-center mb-8", children: [_jsx("h1", { class: "text-3xl font-bold tracking-tight mb-2", children: "Log In" }), _jsx("p", { class: "text-muted text-sm", children: "Enter your VTOP credentials to continue." })] }), _jsx("div", { class: "bg-surface border border-border rounded-lg p-6 shadow-sm", children: _jsxs("form", { id: "login-form", "hx-post": "/api/login/form", "hx-target": "body", "hx-swap": "outerHTML", "x-on:submit": "loading = true", "x-on:htmx:after-request": "loading = false", children: [_jsxs("div", { class: "mb-4", children: [_jsx("label", { class: "block text-sm text-muted mb-2", for: "username", children: "Username" }), _jsx("input", { type: "text", id: "username", name: "username", required: true, autofocus: true, class: "w-full bg-background border border-border rounded-md px-3 py-2 text-foreground focus:outline-none focus:border-white transition-colors placeholder-muted" })] }), _jsxs("div", { class: "mb-4", children: [_jsx("label", { class: "block text-sm text-muted mb-2", for: "password", children: "Password" }), _jsxs("div", { class: "relative", children: [_jsx("input", { "x-bind:type": "showPassword ? 'text' : 'password'", id: "password", name: "password", required: true, class: "w-full bg-background border border-border rounded-md px-3 py-2 text-foreground focus:outline-none focus:border-white transition-colors placeholder-muted pr-10" }), _jsxs("button", { type: "button", "x-on:click": "showPassword = !showPassword", class: "absolute inset-y-0 right-0 px-3 flex items-center text-muted hover:text-foreground transition-colors", children: [_jsx("span", { "x-show": "!showPassword", class: "text-xs font-medium", children: "SHOW" }), _jsx("span", { "x-show": "showPassword", style: "display: none;", class: "text-xs font-medium", children: "HIDE" })] })] })] }), _jsxs("div", { class: "mb-6", children: [_jsx("label", { class: "block text-sm text-muted mb-2", for: "regNo", children: "Registration Number" }), _jsx("input", { type: "text", id: "regNo", name: "regNo", required: true, class: "w-full bg-background border border-border rounded-md px-3 py-2 text-foreground focus:outline-none focus:border-white transition-colors placeholder-muted" })] }), _jsxs("button", { type: "submit", class: "w-full bg-white text-black font-semibold py-2.5 rounded-md hover:bg-gray-200 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex justify-center items-center gap-2", "x-bind:disabled": "loading", children: [_jsx("span", { "x-show": "!loading", children: "Log In" }), _jsxs("span", { "x-show": "loading", style: "display: none;", class: "flex items-center gap-2", children: [_jsxs("svg", { class: "animate-spin h-4 w-4 text-black", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { class: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "4" }), _jsx("path", { class: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "Authenticating..."] })] }), _jsx("div", { id: "error-message" })] }) }), _jsx("div", { class: "text-center mt-8 text-muted text-xs", children: _jsx("p", { children: "Open-VTOP \u00A9 2026" }) })] }) }));
+    return (_jsx(BaseLayout, { title: "Login - Open-VTOP", children: _jsx("div", { class: "min-h-[80vh] flex flex-col items-center justify-center w-full max-w-md mx-auto", "x-data": "{\n          showPassword: false,\n          loading: false\n        }", children: _jsxs("div", { class: "w-full space-y-8", children: [_jsxs("div", { class: "flex flex-col items-center text-center", children: [_jsx("h1", { class: "text-2xl font-bold tracking-tight text-white", children: "Welcome back" }), _jsxs("p", { class: "text-sm mt-2", children: ["Enter your vtop username and password.This app runs completely clientside and has no telemetry", " "] })] }), _jsxs("div", { class: "bg-surface/50 backdrop-blur-sm border border-border rounded-xl p-8 shadow-xl", children: [_jsxs("form", { id: "login-form", "hx-post": "/api/login/form", "hx-target": "body", "hx-swap": "outerHTML", "x-on:submit": "loading = true", "x-on:htmx:after-request": "loading = false", class: "space-y-5", children: [_jsxs("div", { class: "space-y-2", children: [_jsx("label", { class: "text-xs font-medium text-muted uppercase tracking-wider", for: "username", children: "Username" }), _jsx("input", { type: "text", id: "username", name: "username", required: true, autofocus: true, placeholder: "Enter your username", class: "w-full bg-background border border-border rounded-lg px-4 py-2.5 text-sm text-foreground focus:outline-none focus:border-white/40 focus:ring-1 focus:ring-white/40 transition-all placeholder-muted/50" })] }), _jsxs("div", { class: "space-y-2", children: [_jsx("label", { class: "text-xs font-medium text-muted uppercase tracking-wider", for: "password", children: "Password" }), _jsxs("div", { class: "relative", children: [_jsx("input", { "x-bind:type": "showPassword ? 'text' : 'password'", id: "password", name: "password", required: true, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", class: "w-full bg-background border border-border rounded-lg px-4 py-2.5 text-sm text-foreground focus:outline-none focus:border-white/40 focus:ring-1 focus:ring-white/40 transition-all placeholder-muted/50 pr-12" }), _jsxs("button", { type: "button", "x-on:click": "showPassword = !showPassword", class: "absolute inset-y-0 right-0 px-3 flex items-center text-muted hover:text-foreground transition-colors", children: [_jsx("span", { "x-show": "!showPassword", class: "text-[0.65rem] font-bold tracking-wider opacity-70", children: "SHOW" }), _jsx("span", { "x-show": "showPassword", style: "display: none;", class: "text-[0.65rem] font-bold tracking-wider opacity-70", children: "HIDE" })] })] })] }), _jsxs("button", { type: "submit", class: "w-full bg-white text-black font-bold text-sm py-3 rounded-lg hover:bg-gray-100 focus:ring-2 focus:ring-offset-2 focus:ring-offset-black focus:ring-white transition-all disabled:opacity-50 disabled:cursor-not-allowed flex justify-center items-center gap-2 mt-2", "x-bind:disabled": "loading", children: [_jsx("span", { "x-show": "!loading", children: "Sign In" }), _jsxs("span", { "x-show": "loading", style: "display: none;", class: "flex items-center gap-2", children: [_jsxs("svg", { class: "animate-spin h-4 w-4 text-black", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { class: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "4" }), _jsx("path", { class: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "Authenticating..."] })] }), _jsx("div", { id: "error-message" })] }), _jsx("template", { "x-if": "loading", children: _jsx("div", { class: "mt-6", "x-init": "htmx.process($el)", children: _jsxs("div", { class: "relative bg-black/40 border border-white/10 rounded-lg p-4 overflow-hidden group", children: [_jsx("div", { class: "absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-white/20 to-transparent" }), _jsxs("div", { class: "flex items-center gap-3", children: [_jsx("div", { class: "flex-shrink-0", children: _jsxs("div", { class: "relative flex h-3 w-3", children: [_jsx("span", { class: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }), _jsx("span", { class: "relative inline-flex rounded-full h-3 w-3 bg-green-500" })] }) }), _jsx("div", { class: "font-mono text-xs text-green-200/90 w-full truncate", "hx-ext": "sse", "sse-connect": "/api/login/events", "sse-swap": "log", "sse-close": "login-complete", "hx-swap": "innerHTML", children: "Initializing connection..." })] })] }) }) })] })] }) }) }));
 };

package/dist/views/layouts/Base.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 export const BaseLayout = ({ title, children, }) => {
-    return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("meta", { charset: "UTF-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }), _jsx("title", { children: title }), _jsx("script", { src: "/static/htmx.js" }), _jsx("script", { src: "https://cdn.tailwindcss.com" }), _jsx("script", { dangerouslySetInnerHTML: {
+    return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("meta", { charset: "UTF-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }), _jsx("title", { children: title }), _jsx("script", { src: "/static/htmx.js" }), _jsx("script", { src: "/static/sse.js" }), _jsx("script", { src: "https://cdn.tailwindcss.com" }), _jsx("script", { dangerouslySetInnerHTML: {
                             __html: `
           tailwind.config = {
             theme: {
@@ -39,5 +39,5 @@ export const BaseLayout = ({ title, children, }) => {
             opacity: 1;
           }
         `,
-                        } })] }), _jsx("body", { class: "bg-background text-foreground antialiased min-h-screen flex flex-col items-center justify-center p-4", children: _jsx("main", { class: "w-full max-w-md flex flex-col gap-6", children: children }) })] }));
+                        } })] }), _jsx("body", { class: "bg-background text-foreground antialiased min-h-screen", children: _jsx("main", { class: "w-full max-w-[1800px] mx-auto p-4 md:p-6 flex flex-col gap-6", children: children }) })] }));
 };

package/package.json

@@ -3,19 +3,22 @@
   "type": "module",
   "scripts": {
     "dev": "tsx watch src/index.tsx",
-    "build": "tsc",
-    "start": "node dist/index.js",
+    "dev-cli": "node src/cli.cjs",
+    "build": "tsc && cp src/cli.cjs dist/cli.cjs",
+    "start": "node dist/cli.cjs",
+    "logs": "node dist/cli.cjs logs",
     "prepare": "npm run build"
   },
   "dependencies": {
     "@hono/node-server": "^1.19.9",
     "hono": "^4.11.4",
+    "htmx-ext-sse": "^2.2.4",
     "htmx.org": "^2.0.8",
     "jpeg-js": "^0.4.4",
     "pngjs": "^7.0.0"
   },
   "bin": {
-    "open-vtop": "dist/index.js"
+    "open-vtop": "dist/cli.cjs"
   },
   "files": [
     "dist"
@@ -27,5 +30,5 @@
     "tsx": "^4.7.1",
     "typescript": "^5.8.3"
   },
-  "version": "1.0.6"
+  "version": "1.0.7"
 }

package/dist/views/components/Container.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-export const Container = ({ title, children }) => {
-    return (_jsxs("div", { class: "container", children: [_jsx("h2", { children: title }), children] }));
-};

package/dist/views/components/Item.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-export const Item = ({ id, name }) => {
-    return (_jsxs("div", { id: `item-${id}`, class: "item", children: [name, _jsx("button", { "hx-delete": `/api/items/${id}`, "hx-confirm": "Are you sure you want to delete this item?", "hx-target": `#item-${id}`, "hx-swap": "outerHTML", class: "danger", children: "Delete" })] }));
-};