@axium/server 0.19.7 → 0.19.9

package/build/server/manifest.js

@@ -10,16 +10,19 @@ return {
 	assets: new Set(["icons/brands.svg","icons/light.svg","icons/regular.svg","icons/solid.svg","styles.css"]),
 	mimeTypes: {".svg":"image/svg+xml",".css":"text/css"},
 	_: {
-		client: {start:"_app/immutable/entry/start.CxTr3r7v.js",app:"_app/immutable/entry/app.CAgyUG0l.js",imports:["_app/immutable/entry/start.CxTr3r7v.js","_app/immutable/chunks/D9BNd75C.js","_app/immutable/chunks/IgiyYk6u.js","_app/immutable/chunks/DCUM25og.js","_app/immutable/chunks/BYEtX5Az.js","_app/immutable/chunks/p-F-zYzk.js","_app/immutable/entry/app.CAgyUG0l.js","_app/immutable/chunks/DCUM25og.js","_app/immutable/chunks/BYEtX5Az.js","_app/immutable/chunks/DsnmJJEf.js","_app/immutable/chunks/IgiyYk6u.js","_app/immutable/chunks/p-F-zYzk.js","_app/immutable/chunks/FWeOBoAM.js"],stylesheets:[],fonts:[],uses_env_dynamic_public:false},
+		client: {start:"_app/immutable/entry/start.BHoGWGCr.js",app:"_app/immutable/entry/app.CtLxdB3j.js",imports:["_app/immutable/entry/start.BHoGWGCr.js","_app/immutable/chunks/DQaZ7GJF.js","_app/immutable/chunks/BZOe2Jko.js","_app/immutable/chunks/uU8Mt6Mg.js","_app/immutable/chunks/BK1-xGGj.js","_app/immutable/chunks/sfKJ2mhH.js","_app/immutable/entry/app.CtLxdB3j.js","_app/immutable/chunks/uU8Mt6Mg.js","_app/immutable/chunks/BK1-xGGj.js","_app/immutable/chunks/DsnmJJEf.js","_app/immutable/chunks/BZOe2Jko.js","_app/immutable/chunks/sfKJ2mhH.js","_app/immutable/chunks/DGhIdZ_j.js"],stylesheets:[],fonts:[],uses_env_dynamic_public:false},
 		nodes: [
-			__memo(() => import('./chunks/0-BwO1RCtn.js')),
-			__memo(() => import('./chunks/1-CHeaiyyB.js')),
-			__memo(() => import('./chunks/2-BwMXZ3uH.js')),
-			__memo(() => import('./chunks/3-BI9EEPQX.js')),
-			__memo(() => import('./chunks/4-B4PHWuxx.js')),
-			__memo(() => import('./chunks/5-CIWzJq4D.js')),
-			__memo(() => import('./chunks/6-BQsBMa_q.js'))
+			__memo(() => import('./chunks/0-B8fDicB8.js')),
+			__memo(() => import('./chunks/1-CZaQz0kM.js')),
+			__memo(() => import('./chunks/2-CVTt4PZM.js')),
+			__memo(() => import('./chunks/3-CYzzOoBn.js')),
+			__memo(() => import('./chunks/4-jbfAhnSm.js')),
+			__memo(() => import('./chunks/5-CfXowMzQ.js')),
+			__memo(() => import('./chunks/6-BRekt1OA.js'))
 		],
+		remotes: {
+			
+		},
 		routes: [
 			{
 				id: "/_axium/default",

package/build/server/manifest.js.map

@@ -1 +1 @@
-{"version":3,"file":"manifest.js","sources":["../../.svelte-kit/adapter-node/manifest.js"],"sourcesContent":["export const manifest = (() => {\nfunction __memo(fn) {\n\tlet value;\n\treturn () => value ??= (value = fn());\n}\n\nreturn {\n\tappDir: \"_app\",\n\tappPath: \"_app\",\n\tassets: new Set([\"icons/brands.svg\",\"icons/light.svg\",\"icons/regular.svg\",\"icons/solid.svg\",\"styles.css\"]),\n\tmimeTypes: {\".svg\":\"image/svg+xml\",\".css\":\"text/css\"},\n\t_: {\n\t\tclient: {start:\"_app/immutable/entry/start.CxTr3r7v.js\",app:\"_app/immutable/entry/app.CAgyUG0l.js\",imports:[\"_app/immutable/entry/start.CxTr3r7v.js\",\"_app/immutable/chunks/D9BNd75C.js\",\"_app/immutable/chunks/IgiyYk6u.js\",\"_app/immutable/chunks/DCUM25og.js\",\"_app/immutable/chunks/BYEtX5Az.js\",\"_app/immutable/chunks/p-F-zYzk.js\",\"_app/immutable/entry/app.CAgyUG0l.js\",\"_app/immutable/chunks/DCUM25og.js\",\"_app/immutable/chunks/BYEtX5Az.js\",\"_app/immutable/chunks/DsnmJJEf.js\",\"_app/immutable/chunks/IgiyYk6u.js\",\"_app/immutable/chunks/p-F-zYzk.js\",\"_app/immutable/chunks/FWeOBoAM.js\"],stylesheets:[],fonts:[],uses_env_dynamic_public:false},\n\t\tnodes: [\n\t\t\t__memo(() => import('./nodes/0.js')),\n\t\t\t__memo(() => import('./nodes/1.js')),\n\t\t\t__memo(() => import('./nodes/2.js')),\n\t\t\t__memo(() => import('./nodes/3.js')),\n\t\t\t__memo(() => import('./nodes/4.js')),\n\t\t\t__memo(() => import('./nodes/5.js')),\n\t\t\t__memo(() => import('./nodes/6.js'))\n\t\t],\n\t\troutes: [\n\t\t\t{\n\t\t\t\tid: \"/_axium/default\",\n\t\t\t\tpattern: /^\\/_axium\\/default\\/?$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 2 },\n\t\t\t\tendpoint: null\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"/account\",\n\t\t\t\tpattern: /^\\/account\\/?$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 3 },\n\t\t\t\tendpoint: null\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"/login\",\n\t\t\t\tpattern: /^\\/login\\/?$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 4 },\n\t\t\t\tendpoint: null\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"/logout\",\n\t\t\t\tpattern: /^\\/logout\\/?$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 5 },\n\t\t\t\tendpoint: null\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"/register\",\n\t\t\t\tpattern: /^\\/register\\/?$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 6 },\n\t\t\t\tendpoint: null\n\t\t\t}\n\t\t],\n\t\tprerendered_routes: new Set([]),\n\t\tmatchers: async () => {\n\t\t\t\n\t\t\treturn {  };\n\t\t},\n\t\tserver_assets: {}\n\t}\n}\n})();\n\nexport const prerendered = new Set([]);\n\nexport const base = \"\";"],"names":[],"mappings":"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"}
+{"version":3,"file":"manifest.js","sources":["../../.svelte-kit/adapter-node/manifest.js"],"sourcesContent":["export const manifest = (() => {\nfunction __memo(fn) {\n\tlet value;\n\treturn () => value ??= (value = fn());\n}\n\nreturn {\n\tappDir: \"_app\",\n\tappPath: \"_app\",\n\tassets: new Set([\"icons/brands.svg\",\"icons/light.svg\",\"icons/regular.svg\",\"icons/solid.svg\",\"styles.css\"]),\n\tmimeTypes: {\".svg\":\"image/svg+xml\",\".css\":\"text/css\"},\n\t_: {\n\t\tclient: {start:\"_app/immutable/entry/start.BHoGWGCr.js\",app:\"_app/immutable/entry/app.CtLxdB3j.js\",imports:[\"_app/immutable/entry/start.BHoGWGCr.js\",\"_app/immutable/chunks/DQaZ7GJF.js\",\"_app/immutable/chunks/BZOe2Jko.js\",\"_app/immutable/chunks/uU8Mt6Mg.js\",\"_app/immutable/chunks/BK1-xGGj.js\",\"_app/immutable/chunks/sfKJ2mhH.js\",\"_app/immutable/entry/app.CtLxdB3j.js\",\"_app/immutable/chunks/uU8Mt6Mg.js\",\"_app/immutable/chunks/BK1-xGGj.js\",\"_app/immutable/chunks/DsnmJJEf.js\",\"_app/immutable/chunks/BZOe2Jko.js\",\"_app/immutable/chunks/sfKJ2mhH.js\",\"_app/immutable/chunks/DGhIdZ_j.js\"],stylesheets:[],fonts:[],uses_env_dynamic_public:false},\n\t\tnodes: [\n\t\t\t__memo(() => import('./nodes/0.js')),\n\t\t\t__memo(() => import('./nodes/1.js')),\n\t\t\t__memo(() => import('./nodes/2.js')),\n\t\t\t__memo(() => import('./nodes/3.js')),\n\t\t\t__memo(() => import('./nodes/4.js')),\n\t\t\t__memo(() => import('./nodes/5.js')),\n\t\t\t__memo(() => import('./nodes/6.js'))\n\t\t],\n\t\tremotes: {\n\t\t\t\n\t\t},\n\t\troutes: [\n\t\t\t{\n\t\t\t\tid: \"/_axium/default\",\n\t\t\t\tpattern: /^\\/_axium\\/default\\/?$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 2 },\n\t\t\t\tendpoint: null\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"/account\",\n\t\t\t\tpattern: /^\\/account\\/?$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 3 },\n\t\t\t\tendpoint: null\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"/login\",\n\t\t\t\tpattern: /^\\/login\\/?$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 4 },\n\t\t\t\tendpoint: null\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"/logout\",\n\t\t\t\tpattern: /^\\/logout\\/?$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 5 },\n\t\t\t\tendpoint: null\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"/register\",\n\t\t\t\tpattern: /^\\/register\\/?$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 6 },\n\t\t\t\tendpoint: null\n\t\t\t}\n\t\t],\n\t\tprerendered_routes: new Set([]),\n\t\tmatchers: async () => {\n\t\t\t\n\t\t\treturn {  };\n\t\t},\n\t\tserver_assets: {}\n\t}\n}\n})();\n\nexport const prerendered = new Set([]);\n\nexport const base = \"\";"],"names":[],"mappings":"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"}

package/dist/requests.d.ts

@@ -1,5 +1,4 @@
 import { type User } from '@axium/core/user';
-import type { Cookies as SK_Cookies } from '@sveltejs/kit';
 import * as z from 'zod';
 import { type UserInternal } from './auth.js';
 import type { ServerRoute } from './routes.js';
@@ -14,7 +13,7 @@ export interface RequestEvent<Params extends Partial<Record<string, string>> = P
     request: Request;
     url: URL;
     params: Params;
-    cookies: SK_Cookies;
+    cookies: any;
 }
 export interface ResponseError extends Error {
     status: number;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@axium/server",
-	"version": "0.19.7",
+	"version": "0.19.9",
 	"author": "James Prevett <axium@jamespre.dev> (https://jamespre.dev)",
 	"funding": {
 		"type": "individual",

package/routes/account/+page.svelte

@@ -1,44 +1,28 @@
 <script lang="ts">
-	import { ClipboardCopy, FormDialog, Icon, Logout } from '@axium/server/components';
 	import {
 		createPasskey,
 		deletePasskey,
 		deleteUser,
-		emailVerificationEnabled,
-		getCurrentSession,
-		getPasskeys,
-		getSessions,
 		logout,
 		logoutAll,
 		sendVerificationEmail,
 		updatePasskey,
 		updateUser,
 	} from '@axium/client/user';
-	import type { Passkey, Session } from '@axium/core/api';
-	import { getUserImage, type User } from '@axium/core/user';
+	import { getUserImage } from '@axium/core/user';
+	import { ClipboardCopy, FormDialog, Icon, Logout } from '@axium/server/components';
+	import type { PageProps } from './$types';
+
+	const { data }: PageProps = $props();
+	const { canVerify } = data;
 
 	const dialogs = $state<Record<string, HTMLDialogElement>>({});
 
 	let verificationSent = $state(false);
-	let currentSession = $state<Session & { user: User }>();
-	let user = $state<User>();
-	let canVerify = $state(false);
-	let passkeys = $state<Passkey[]>([]);
-	let sessions = $state<Session[]>([]);
-
-	async function ready() {
-		currentSession = await getCurrentSession().catch(() => {
-			window.location.href = '/login?after=/account';
-			return null;
-		})!;
-		user = currentSession.user;
-
-		passkeys = await getPasskeys(user.id);
-
-		sessions = await getSessions(user.id);
-
-		canVerify = await emailVerificationEnabled(user.id);
-	}
+	let currentSession = $state(data.currentSession);
+	let user = $state(data.user);
+	let passkeys = $state(data.passkeys);
+	let sessions = $state(data.sessions);
 
 	async function _editUser(data) {
 		const result = await updateUser(user.id, data);
@@ -56,171 +40,164 @@
 	</button>
 {/snippet}
 
-{#await ready() then}
-	<div class="Account flex-content">
-		<div id="pfp-container">
-			<img id="pfp" src={getUserImage(user)} alt="User profile" width="100px" height="100px" />
-		</div>
-		<p class="greeting">Welcome, {user.name}</p>
+<div class="Account flex-content">
+	<div id="pfp-container">
+		<img id="pfp" src={getUserImage(user)} alt="User profile" width="100px" height="100px" />
+	</div>
+	<p class="greeting">Welcome, {user.name}</p>
 
-		<div class="section main">
-			<h3>Personal Information</h3>
-			<div class="item info">
-				<p class="subtle">Name</p>
-				<p>{user.name}</p>
-				{@render action('edit_name')}
+	<div class="section main">
+		<h3>Personal Information</h3>
+		<div class="item info">
+			<p class="subtle">Name</p>
+			<p>{user.name}</p>
+			{@render action('edit_name')}
+		</div>
+		<FormDialog bind:dialog={dialogs.edit_name} submit={_editUser} submitText="Change">
+			<div>
+				<label for="name">What do you want to be called?</label>
+				<input name="name" type="text" value={user.name || ''} required />
 			</div>
-			<FormDialog bind:dialog={dialogs.edit_name} submit={_editUser} submitText="Change">
-				<div>
-					<label for="name">What do you want to be called?</label>
-					<input name="name" type="text" value={user.name || ''} required />
-				</div>
+		</FormDialog>
+		<div class="item info">
+			<p class="subtle">Email</p>
+			<p>
+				{user.email}
+				{#if user.emailVerified}
+					<dfn title="Email verified on {user.emailVerified.toLocaleDateString()}">
+						<Icon i="regular/circle-check" />
+					</dfn>
+				{:else if canVerify}
+					<button onclick={() => sendVerificationEmail(user.id).then(() => (verificationSent = true))}>
+						{verificationSent ? 'Verification email sent' : 'Verify'}
+					</button>
+				{/if}
+			</p>
+			{@render action('edit_email')}
+		</div>
+		<FormDialog bind:dialog={dialogs.edit_email} submit={_editUser} submitText="Change">
+			<div>
+				<label for="email">Email Address</label>
+				<input name="email" type="email" value={user.email || ''} required />
+			</div>
+		</FormDialog>
+
+		<div class="item info">
+			<p class="subtle">User ID <dfn title="This is your UUID. It can't be changed."><Icon i="regular/circle-info" /></dfn></p>
+			<p>{user.id}</p>
+			<ClipboardCopy value={user.id} --size="16px" />
+		</div>
+		<span>
+			<button class="signout" onclick={() => dialogs.logout.showModal()}>Sign Out</button>
+			<button style:cursor="pointer" onclick={() => dialogs.delete.showModal()} class="danger">Delete Account</button>
+			<Logout bind:dialog={dialogs.logout} />
+			<FormDialog
+				bind:dialog={dialogs.delete}
+				submit={() => deleteUser(user.id).then(() => (window.location.href = '/'))}
+				submitText="Delete Account"
+				submitDanger
+			>
+				<p>Are you sure you want to delete your account?<br />This action can't be undone.</p>
 			</FormDialog>
-			<div class="item info">
-				<p class="subtle">Email</p>
-				<p>
-					{user.email}
-					{#if user.emailVerified}
-						<dfn title="Email verified on {user.emailVerified.toLocaleDateString()}">
-							<Icon i="regular/circle-check" />
-						</dfn>
-					{:else if canVerify}
-						<button onclick={() => sendVerificationEmail(user.id).then(() => (verificationSent = true))}>
-							{verificationSent ? 'Verification email sent' : 'Verify'}
-						</button>
-					{/if}
-				</p>
-				{@render action('edit_email')}
+		</span>
+	</div>
+
+	<div class="section main">
+		<h3>Passkeys</h3>
+		{#each passkeys as passkey}
+			<div class="item passkey">
+				<dfn title={passkey.deviceType == 'multiDevice' ? 'Multiple devices' : 'Single device'}>
+					<Icon i={passkey.deviceType == 'multiDevice' ? 'laptop-mobile' : 'mobile'} --size="16px" />
+				</dfn>
+				<dfn title="This passkey is {passkey.backedUp ? '' : 'not '}backed up">
+					<Icon i={passkey.backedUp ? 'circle-check' : 'circle-xmark'} --size="16px" />
+				</dfn>
+				{#if passkey.name}
+					<p>{passkey.name}</p>
+				{:else}
+					<p class="subtle"><i>Unnamed</i></p>
+				{/if}
+				<p>Created {passkey.createdAt.toLocaleString()}</p>
+				{@render action('edit_passkey#' + passkey.id)}
+				{#if passkeys.length > 1}
+					{@render action('delete_passkey#' + passkey.id, 'trash')}
+				{:else}
+					<dfn title="You must have at least one passkey" class="disabled">
+						<Icon i="trash-slash" --fill="#888" --size="16px" />
+					</dfn>
+				{/if}
 			</div>
-			<FormDialog bind:dialog={dialogs.edit_email} submit={_editUser} submitText="Change">
+			<FormDialog
+				bind:dialog={dialogs['edit_passkey#' + passkey.id]}
+				submit={data => {
+					if (typeof data.name != 'string') throw 'Passkey name must be a string';
+					passkey.name = data.name;
+					return updatePasskey(passkey.id, data);
+				}}
+				submitText="Change"
+			>
 				<div>
-					<label for="email">Email Address</label>
-					<input name="email" type="email" value={user.email || ''} required />
+					<label for="name">Passkey Name</label>
+					<input name="name" type="text" value={passkey.name || ''} />
 				</div>
 			</FormDialog>
+			<FormDialog
+				bind:dialog={dialogs['delete_passkey#' + passkey.id]}
+				submit={() => deletePasskey(passkey.id).then(() => passkeys.splice(passkeys.indexOf(passkey), 1))}
+				submitText="Delete"
+				submitDanger={true}
+			>
+				<p>Are you sure you want to delete this passkey?<br />This action can't be undone.</p>
+			</FormDialog>
+		{/each}
+		<span>
+			<button onclick={() => createPasskey(user.id).then(passkeys.push.bind(passkeys))}><Icon i="plus" /> Create</button>
+		</span>
+	</div>
 
-			<div class="item info">
-				<p class="subtle">User ID <dfn title="This is your UUID. It can't be changed."><Icon i="regular/circle-info" /></dfn></p>
-				<p>{user.id}</p>
-				<ClipboardCopy value={user.id} --size="16px" />
-			</div>
-			<span>
-				<button class="signout" onclick={() => dialogs.logout.showModal()}>Sign Out</button>
-				<button style:cursor="pointer" onclick={() => dialogs.delete.showModal()} class="danger">Delete Account</button>
-				<Logout bind:dialog={dialogs.logout} />
-				<FormDialog
-					bind:dialog={dialogs.delete}
-					submit={() => deleteUser(user.id).then(() => (window.location.href = '/'))}
-					submitText="Delete Account"
-					submitDanger
-				>
-					<p>Are you sure you want to delete your account?<br />This action can't be undone.</p>
-				</FormDialog>
-			</span>
-		</div>
-
-		<div class="section main">
-			<h3>Passkeys</h3>
-			{#each passkeys as passkey}
-				<div class="item passkey">
-					<dfn title={passkey.deviceType == 'multiDevice' ? 'Multiple devices' : 'Single device'}>
-						<Icon i={passkey.deviceType == 'multiDevice' ? 'laptop-mobile' : 'mobile'} --size="16px" />
-					</dfn>
-					<dfn title="This passkey is {passkey.backedUp ? '' : 'not '}backed up">
-						<Icon i={passkey.backedUp ? 'circle-check' : 'circle-xmark'} --size="16px" />
-					</dfn>
-					{#if passkey.name}
-						<p>{passkey.name}</p>
-					{:else}
-						<p class="subtle"><i>Unnamed</i></p>
+	<div class="section main">
+		<h3>Sessions</h3>
+		{#each sessions as session}
+			<div class="item session">
+				<p>
+					{session.id.slice(0, 4)}...{session.id.slice(-4)}
+					{#if session.id == currentSession.id}
+						<span class="current">Current</span>
 					{/if}
-					<p>Created {passkey.createdAt.toLocaleString()}</p>
-					{@render action('edit_passkey#' + passkey.id)}
-					{#if passkeys.length > 1}
-						{@render action('delete_passkey#' + passkey.id, 'trash')}
-					{:else}
-						<dfn title="You must have at least one passkey" class="disabled">
-							<Icon i="trash-slash" --fill="#888" --size="16px" />
-						</dfn>
+					{#if session.elevated}
+						<span class="elevated">Elevated</span>
 					{/if}
-				</div>
-				<FormDialog
-					bind:dialog={dialogs['edit_passkey#' + passkey.id]}
-					submit={data => {
-						if (typeof data.name != 'string') throw 'Passkey name must be a string';
-						passkey.name = data.name;
-						return updatePasskey(passkey.id, data);
-					}}
-					submitText="Change"
-				>
-					<div>
-						<label for="name">Passkey Name</label>
-						<input name="name" type="text" value={passkey.name || ''} />
-					</div>
-				</FormDialog>
-				<FormDialog
-					bind:dialog={dialogs['delete_passkey#' + passkey.id]}
-					submit={() => deletePasskey(passkey.id).then(() => passkeys.splice(passkeys.indexOf(passkey), 1))}
-					submitText="Delete"
-					submitDanger={true}
-				>
-					<p>Are you sure you want to delete this passkey?<br />This action can't be undone.</p>
-				</FormDialog>
-			{/each}
-			<span>
-				<button onclick={() => createPasskey(user.id).then(passkeys.push.bind(passkeys))}><Icon i="plus" /> Create</button>
-			</span>
-		</div>
-
-		<div class="section main">
-			<h3>Sessions</h3>
-			{#each sessions as session}
-				<div class="item session">
-					<p>
-						{session.id.slice(0, 4)}...{session.id.slice(-4)}
-						{#if session.id == currentSession.id}
-							<span class="current">Current</span>
-						{/if}
-						{#if session.elevated}
-							<span class="elevated">Elevated</span>
-						{/if}
-					</p>
-					<p>Created {session.created.toLocaleString()}</p>
-					<p>Expires {session.expires.toLocaleString()}</p>
-					{@render action('logout#' + session.id, 'right-from-bracket')}
-				</div>
-				<FormDialog
-					bind:dialog={dialogs['logout#' + session.id]}
-					submit={async () => {
-						await logout(user.id, session.id);
-						dialogs['logout#' + session.id].remove();
-						sessions.splice(sessions.indexOf(session), 1);
-						if (session.id == currentSession.id) window.location.href = '/';
-					}}
-					submitText="Logout"
-				>
-					<p>Are you sure you want to log out this session?</p>
-				</FormDialog>
-			{/each}
-			<span>
-				<button onclick={() => dialogs.logout_all.showModal()} class="danger">Logout All</button>
-			</span>
+				</p>
+				<p>Created {session.created.toLocaleString()}</p>
+				<p>Expires {session.expires.toLocaleString()}</p>
+				{@render action('logout#' + session.id, 'right-from-bracket')}
+			</div>
 			<FormDialog
-				bind:dialog={dialogs['logout_all']}
-				submit={() => logoutAll(user.id).then(() => (window.location.href = '/'))}
-				submitText="Logout All Sessions"
-				submitDanger
+				bind:dialog={dialogs['logout#' + session.id]}
+				submit={async () => {
+					await logout(user.id, session.id);
+					dialogs['logout#' + session.id].remove();
+					sessions.splice(sessions.indexOf(session), 1);
+					if (session.id == currentSession.id) window.location.href = '/';
+				}}
+				submitText="Logout"
 			>
-				<p>Are you sure you want to log out all sessions?</p>
+				<p>Are you sure you want to log out this session?</p>
 			</FormDialog>
-		</div>
-	</div>
-{:catch error}
-	<div class="error">
-		<h3>Failed to load account</h3>
-		<p>{'message' in error ? error.message : error}</p>
+		{/each}
+		<span>
+			<button onclick={() => dialogs.logout_all.showModal()} class="danger">Logout All</button>
+		</span>
+		<FormDialog
+			bind:dialog={dialogs['logout_all']}
+			submit={() => logoutAll(user.id).then(() => (window.location.href = '/'))}
+			submitText="Logout All Sessions"
+			submitDanger
+		>
+			<p>Are you sure you want to log out all sessions?</p>
+		</FormDialog>
 	</div>
-{/await}
+</div>
 
 <style>
 	#pfp-container {
@@ -254,9 +231,11 @@
 		width: 50%;
 		padding-top: 4em;
 
+		/* This is causing duplicate separators when removing sessions/passkeys
 		> div:has(+ div) {
 			border-bottom: 1px solid #8888;
 		}
+		*/
 	}
 
 	.section .item {

package/routes/account/+page.ts

@@ -0,0 +1,20 @@
+import { emailVerificationEnabled, getCurrentSession, getPasskeys, getSessions } from '@axium/client/user';
+
+export const ssr = false;
+
+export async function load() {
+	const currentSession = await getCurrentSession().catch(() => {
+		window.location.href = '/login?after=/account';
+		return null;
+	})!;
+
+	const user = currentSession.user;
+
+	return {
+		currentSession,
+		user,
+		passkeys: await getPasskeys(user.id),
+		sessions: await getSessions(user.id),
+		canVerify: await emailVerificationEnabled(user.id),
+	};
+}

package/web/lib/WithContextMenu.svelte

@@ -1,32 +1,73 @@
 <script lang="ts">
-	let { children, menu }: { children(): any; menu(): any } = $props();
+	import type { HTMLAttributes } from 'svelte/elements';
+	import Icon from './Icon.svelte';
 
-	let active = $state(false);
+	interface Props extends HTMLAttributes<HTMLDivElement> {
+		children(): any;
+		menu(
+			/**
+			 * Shortcut to quickly create a generic action in the context menu.
+			 */
+			action: (icon: string, text: string, action: (event: MouseEvent) => void) => any
+		): any;
+		actions: Record<string, () => void>;
+	}
+
+	let { children, menu, actions, ...rest }: Props = $props();
+
+	let popover = $state<HTMLDivElement>();
 
-	function oncontextmenu(event: MouseEvent) {
-		event.preventDefault();
-		active = true;
+	function oncontextmenu(e: MouseEvent) {
+		e.preventDefault();
+		e.stopPropagation();
+		popover!.togglePopover();
+		_forcePopover = true;
 	}
 
-	function onblur() {
-		active = false;
+	let _forcePopover = false;
+
+	/**
+	 * Workaround for https://github.com/whatwg/html/issues/10905
+	 * @todo Remove when the problem is fixed.
+	 */
+	function onpointerup(e: PointerEvent) {
+		if (!_forcePopover) return;
+		e.stopPropagation();
+		e.preventDefault();
+		popover!.togglePopover();
+		_forcePopover = false;
 	}
 </script>
 
-<div class="WithContextMenu" {oncontextmenu} tabindex="-1">
-	{@render children()}
+{#snippet action(i: string, text: string, action: (event: MouseEvent) => void)}
+	<div
+		onclick={e => {
+			e.stopPropagation();
+			e.preventDefault();
+			action(e);
+		}}
+		class="action"
+	>
+		{#if i}<Icon {i} --size="14px" />{/if}
+		{text}
+	</div>
+{/snippet}
 
-	{#if active}
-		<div class="menu" {onblur} tabindex="-1">{@render menu()}</div>
-	{/if}
+<div data-axium-context-menu {oncontextmenu} {onpointerup} {...rest}>
+	{@render children()}
+	<div popover bind:this={popover}>
+		{@render menu(action)}
+	</div>
 </div>
 
 <style>
-	.WithContextMenu {
+	[data-axium-context-menu] {
 		display: contents;
 	}
 
-	.menu {
-		position: absolute;
+	div.action:hover {
+		cursor: pointer;
+		background-color: #223;
+		border-radius: 0.25em;
 	}
 </style>

package/build/client/_app/immutable/assets/3.C2J9FN5q.css

@@ -1 +0,0 @@
-svg.svelte-ylmrta{width:var(--size, 1em);height:var(--size, 1em);display:inline-block;fill:var(--fill, #bbb)}button.svelte-g409dh{position:relative;display:inline-block;width:1em;height:1em;border:none;background:transparent}span.svelte-g409dh{position:absolute;inset:0}#pfp-container.svelte-11mz0yj{width:100px;height:100px;margin-top:3em}#pfp-container.svelte-11mz0yj .MenuToggle{float:right;position:relative;top:-24px}#pfp.svelte-11mz0yj{width:100px;height:100px;border-radius:50%;border:1px solid #8888}.greeting.svelte-11mz0yj{font-size:2em}.signout.svelte-11mz0yj{margin-top:2em}.section.svelte-11mz0yj{width:50%;padding-top:4em}.section.svelte-11mz0yj>div:where(.svelte-11mz0yj):has(+div:where(.svelte-11mz0yj)){border-bottom:1px solid #8888}.section.svelte-11mz0yj .item:where(.svelte-11mz0yj){display:grid;align-items:center;width:100%;gap:1em;text-wrap:nowrap;border-top:1px solid #8888;padding-bottom:1em}.info.svelte-11mz0yj{grid-template-columns:10em 1fr 2em}.info.svelte-11mz0yj>:where(.svelte-11mz0yj):first-child{margin-left:1em}.info.svelte-11mz0yj>:where(.svelte-11mz0yj):nth-child(2){text-overflow:ellipsis;overflow:hidden}.passkey.svelte-11mz0yj{grid-template-columns:1em 1em 1fr 1fr 1em 1em}.passkey.svelte-11mz0yj dfn:where(.svelte-11mz0yj):not(.disabled){cursor:help}.session.svelte-11mz0yj{grid-template-columns:1fr 1fr 1fr 1em}.session.svelte-11mz0yj .current:where(.svelte-11mz0yj){border-radius:2em;padding:0 .5em;background-color:#337}.session.svelte-11mz0yj .elevated:where(.svelte-11mz0yj){border-radius:2em;padding:0 .5em;background-color:#733}

package/build/client/_app/immutable/assets/_page.CAgJ6UBm.css

@@ -1 +0,0 @@
-svg.svelte-ylmrta{width:var(--size, 1em);height:var(--size, 1em);display:inline-block;fill:var(--fill, #bbb)}button.svelte-g409dh{position:relative;display:inline-block;width:1em;height:1em;border:none;background:transparent}span.svelte-g409dh{position:absolute;inset:0}#pfp-container.svelte-11mz0yj{width:100px;height:100px;margin-top:3em;.MenuToggle{float:right;position:relative;top:-24px}}#pfp.svelte-11mz0yj{width:100px;height:100px;border-radius:50%;border:1px solid #8888}.greeting.svelte-11mz0yj{font-size:2em}.signout.svelte-11mz0yj{margin-top:2em}.section.svelte-11mz0yj{width:50%;padding-top:4em;>div:where(.svelte-11mz0yj):has(+div:where(.svelte-11mz0yj)){border-bottom:1px solid #8888}}.section.svelte-11mz0yj .item:where(.svelte-11mz0yj){display:grid;align-items:center;width:100%;gap:1em;text-wrap:nowrap;border-top:1px solid #8888;padding-bottom:1em}.info.svelte-11mz0yj{grid-template-columns:10em 1fr 2em;>:where(.svelte-11mz0yj):first-child{margin-left:1em}>:where(.svelte-11mz0yj):nth-child(2){text-overflow:ellipsis;overflow:hidden}}.passkey.svelte-11mz0yj{grid-template-columns:1em 1em 1fr 1fr 1em 1em;dfn:where(.svelte-11mz0yj):not(.disabled){cursor:help}}.session.svelte-11mz0yj{grid-template-columns:1fr 1fr 1fr 1em;.current:where(.svelte-11mz0yj){border-radius:2em;padding:0 .5em;background-color:#337}.elevated:where(.svelte-11mz0yj){border-radius:2em;padding:0 .5em;background-color:#733}}