@axium/server 0.5.0 → 0.5.2

package/package.json

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

package/web/lib/Toast.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+	import { fade } from 'svelte/transition';
+
+	const { enabled, children, delay = 5000, duration = 1000, ...rest } = $props();
+
+	let done = $state(false);
+
+	$effect(() => {
+		done = false;
+	});
+
+	const show = $derived(enabled && !done);
+</script>
+
+{#if show}
+	<div class="Toast" in:fade|global={{ duration }} onintroend={() => (done = true)} out:fade|global={{ delay, duration }} {...rest}>
+		{@render children()}
+	</div>
+{/if}
+
+<style>
+	.Toast {
+		position: fixed;
+		bottom: 1em;
+		left: calc(50% - 10em);
+		right: calc(50% - 10em);
+		width: 20em;
+		padding: 0.5em 1em;
+		border-radius: 1em;
+		opacity: 0.5;
+	}
+</style>

package/web/lib/index.ts

@@ -3,3 +3,4 @@ export { default as Dialog } from './Dialog.svelte';
 export { default as FormDialog } from './FormDialog.svelte';
 export { default as Icon } from './Icon.svelte';
 export { default as SignUp } from './SignUp.svelte';
+export { default as Toast } from './Toast.svelte';

package/web/utils.ts

@@ -13,9 +13,9 @@ export async function loadSession(event: RequestEvent): Promise<{ session: Sessi
 }
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
-export interface FormFail<S extends z.AnyZodObject> extends ActionFailure<z.infer<S> & { error: string }> {}
+export interface FormFail<S extends z.AnyZodObject, E extends object = object> extends ActionFailure<z.infer<S> & { error: string } & E> {}
 
-export async function parseForm<S extends z.AnyZodObject>(event: RequestEvent, schema: S): Promise<[z.infer<S>, FormFail<S> | null]> {
+export async function parseForm<S extends z.AnyZodObject, E extends object = object>(event: RequestEvent, schema: S, errorData?: E): Promise<[z.infer<S>, FormFail<S, E> | null]> {
 	const formData = Object.fromEntries(await event.request.formData());
 	const { data, error, success } = schema.safeParse(formData);
 
@@ -25,6 +25,7 @@ export async function parseForm<S extends z.AnyZodObject>(event: RequestEvent, s
 		data,
 		fail(400, {
 			...data,
+			...errorData,
 			error: fromError(error, { prefix: null }).toString(),
 		}),
 	];