@axium/server 0.1.1 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@axium/server",
-	"version": "0.1.1",
+	"version": "0.1.3",
 	"author": "James Prevett <axium@jamespre.dev> (https://jamespre.dev)",
 	"funding": {
 		"type": "individual",
@@ -49,8 +49,8 @@
 	},
 	"devDependencies": {
 		"@auth/sveltekit": "^1.8.0",
-		"@simplewebauthn/browser": "^13.1.0",
-		"@simplewebauthn/server": "^13.1.1",
+		"@simplewebauthn/browser": "^9.0.1",
+		"@simplewebauthn/server": "^9.0.3",
 		"@sveltejs/adapter-node": "^5.2.12",
 		"@sveltejs/kit": "^2.20.2",
 		"svelte": "^5.25.3",

package/web/app.html

@@ -5,7 +5,6 @@
 		<link rel="icon" href="%sveltekit.assets%/favicon.svg" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<meta name="color-scheme" content="dark light" />
-		<link rel="stylesheet" href="/axium.css" />
 		%sveltekit.head%
 	</head>
 

package/web/index.ts

@@ -1 +1,4 @@
 export { default as Icon } from './lib/Icon.svelte';
+export { default as Account } from './routes/+page.svelte';
+export { default as EditName } from './routes/edit/name/+page.svelte';
+export { default as EditEmail } from './routes/edit/email/+page.svelte';

package/web/routes/+layout.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+	import '../lib/styles.css';
+	const { children } = $props();
+</script>
+
+{@render children()}

package/web/routes/+page.svelte

@@ -1,9 +1,11 @@
 <script lang="ts">
-	import { page } from '$app/state';
-	import Icon from '$lib/Icon.svelte';
 	import { getUserImage } from '@axium/core';
+	import Icon from '../lib/Icon.svelte';
+	import '../lib/styles.css';
 
-	const { user } = page.data;
+	const { data, children } = $props();
+
+	const { user } = data;
 
 	const image = getUserImage(user);
 </script>
@@ -32,6 +34,7 @@
 		</div>
 		<a id="signout" href="/auth/signout"><button>Sign out</button></a>
 	</div>
+	{@render children()}
 </div>
 
 <style>

package/web/routes/edit/email/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { enhance } from '$app/forms';
-	import { page } from '$app/state';
-	const { user } = page.data.session;
-	let { form } = $props();
+	import '../../lib/styles.css';
+	let { form, data } = $props();
+	const { user } = data.session;
 </script>
 
 <svelte:head>

package/web/routes/edit/name/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { enhance } from '$app/forms';
-	import { page } from '$app/state';
-	const { user } = page.data.session;
-	let { form } = $props();
+	import '../../lib/styles.css';
+	let { form, data } = $props();
+	const { user } = data.session;
 </script>
 
 <svelte:head>

package/web/routes/signup/+page.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { enhance } from '$app/forms';
+	import '../../lib/styles.css';
 	let { form } = $props();
 </script>