@axium/server 0.1.6 → 0.1.8

package/package.json

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

package/web/lib/Icon.svelte

@@ -31,6 +31,10 @@
 	});
 </script>
 
+<svelte:head>
+	<link rel="preload" {href} />
+</svelte:head>
+
 <span>{@html content}</span>
 
 <style>

package/web/routes/+page.server.ts

@@ -1,12 +1,12 @@
 import { redirect } from '@sveltejs/kit';
 import { adapter } from '../../dist/auth.js';
-import type { PageServerLoadEvent } from './$types';
+import type { PageServerLoadEvent } from './$types.js';
 
 export async function load(event: PageServerLoadEvent) {
 	const session = await event.locals.auth();
 
 	if (!session) redirect(307, '/auth/signin');
-	if (!session.user.name) redirect(307, '/name');
+	if (!session.user.name) redirect(307, 'name');
 
 	const user = await adapter.getUserByEmail(session.user.email);
 

package/web/routes/+page.svelte

@@ -3,7 +3,7 @@
 	import Icon from '../lib/Icon.svelte';
 	import '../lib/styles.css';
 
-	const { data, children } = $props();
+	const { data, children = () => {}, prefix = '' } = $props();
 
 	const { user } = data;
 
@@ -11,22 +11,22 @@
 </script>
 
 <svelte:head>
-	<title>Axium Account</title>
+	<title>Account</title>
 </svelte:head>
 
 <div id="content">
 	<img id="pfp" src={image} alt="User profile" />
 	<p id="greeting">Welcome, {user.name}</p>
-	<div class="main">
+	<div class="account-section main">
 		<div>
 			<p>Name</p>
 			<p>{user.name}</p>
-			<a href="name"><Icon id="chevron-right" /></a>
+			<a href="{prefix}/name"><Icon id="chevron-right" /></a>
 		</div>
 		<div>
 			<p>Email</p>
 			<p>{user.email}</p>
-			<a href="email"><Icon id="chevron-right" /></a>
+			<a href="{prefix}/email"><Icon id="chevron-right" /></a>
 		</div>
 		<div>
 			<p>User ID <dfn title="This is your UUID."><Icon id="regular/circle-info" /></dfn></p>
@@ -57,7 +57,7 @@
 		margin-bottom: 1em;
 	}
 
-	.main {
+	:global(.account-section) {
 		width: 50%;
 		padding-top: 4em;
 
@@ -66,7 +66,7 @@
 		}
 	}
 
-	.main > div {
+	:global(.account-section) > div {
 		display: grid;
 		grid-template-columns: 10em 1fr 2em;
 		align-items: center;

package/web/routes/signup/+page.server.ts

@@ -2,7 +2,7 @@ import { Registration } from '@axium/core/schemas';
 import { fail, redirect } from '@sveltejs/kit';
 import * as auth from '../../../dist/auth.js';
 import * as config from '../../../dist/config.js';
-import type { Actions } from './$types';
+import type { Actions } from './$types.js';
 
 export function load() {
 	if (!config.auth.credentials) return redirect(307, '/auth/signin');