All sessions

\n Start a new session\n \n

\n ,\n );\n});\n\nconst formatDuration = (seconds) => {\n const minutes = Math.floor(seconds / 60);\n const hours = Math.floor(minutes / 60);\n if (hours > 0) {\n return `${hours}:${String(minutes % 60).padStart(2, \"0\")}:${String(Math.floor(seconds % 60)).padStart(2, \"0\")}`;\n }\n return `${minutes}:${String(Math.floor(seconds % 60)).padStart(2, \"0\")}`;\n};\n\nfunction SessionsTable({ sessions, currentPage }: { sessions: Session[]; currentPage: number }) {\n const sessionsPerPage = 10;\n const totalPages = Math.ceil(sessions.length / sessionsPerPage);\n\n const paginatedSessions = sessions.slice(\n (currentPage - 1) * sessionsPerPage,\n currentPage * sessionsPerPage,\n );\n\n return (\n

\n \n

Status

Started

Duration

Session

\n {paginatedSessions.map((session) => (\n \n

\n \n \n \n {session.status[0] + session.status.toLowerCase().slice(1)}\n \n \n

\n {new Date(session.startedAt).toLocaleString()}\n

\n {formatDuration(duration(session))}\n

\n \n {session.id.substring(0, 6)}\n \n

\n \n ))}\n

\n {[...Array(totalPages).keys()].map((page) => (\n \n {page + 1}\n \n ))}\n

\n );\n}\n\n// Route to create a new session\napp.get(\"/sessions/new\", async (c) => {\n console.log(\"here\");\n const session = await browserbase.createSession({ keepAlive: true });\n console.log(session);\n return c.redirect(`/sessions/${session.id}`);\n});\n// view a specific session\napp.get(\"/sessions/:session_id\", async (c) => {\n const sessionId = c.req.param(\"session_id\");\n\n const session = await browserbase.getSession(sessionId);\n\n if (session.error) {\n return c.text(session.error, 500);\n }\n\n if (session.status === \"COMPLETED\") {\n return c.html(\n

Session Completed

{session.id}

\n Back to Sessions\n

,\n );\n }\n\n const debugURLs = await browserbase.getDebugConnectionURLs(sessionId);\n\n return c.html(\n

Session: {session.id}

,\n );\n});\n\napp.post(\"/sessions/:session_id/stop\", async (c) => {\n const sessionId = c.req.param(\"session_id\");\n await browserbase.completeSession(sessionId);\n return c.redirect(\"/\");\n});\n\nexport default basicAuth(app.fetch);","deleted","label",[98],"permalink","https://www.val.town/x/stevekrouse/browserbase/code/main.tsx","extension","actionData","errors"]