Peer-at-Code/peer-at-code-web
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: better issues handling

Browse source
This commit is contained in:
glazk0 2024-09-17 19:14:19 +02:00
parent 5c00cd447d
commit 625bcc3882
No known key found for this signature in database
GPG key ID: E45BF177782B9FEB
3 changed files with 24 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/hooks.client.ts Normal file
View file

@ -0,0 +1,12 @@
import type { HandleClientError } from "@sveltejs/kit";
export const handleError: HandleClientError = ({ error, status }) => {
const errorId = crypto.randomUUID();
console.error(`Client - Error ID: ${errorId} - Status: ${status} - ${error}`);
return {
message: 'Whoops!',
errorId,
};
};

14
src/hooks.server.ts
View file

@ -5,12 +5,11 @@ import { API_URL } from '$env/static/private';
import type { User } from '$lib/types';
export const handle: Handle = async ({ event, resolve }) => {
const session = event.cookies.get('session');
if (!session) {
event.locals.user = undefined;
return resolve(event);
return await resolve(event);
}
const res = await fetch(`${API_URL}/player/`, {
@ -22,7 +21,7 @@ export const handle: Handle = async ({ event, resolve }) => {
if (!res.ok) {
event.locals.user = undefined;
event.cookies.delete('session', { path: '/' });
return resolve(event);
return await resolve(event);
}
try {
@ -33,11 +32,10 @@ export const handle: Handle = async ({ event, resolve }) => {
event.cookies.delete('session', { path: '/' });
}
return resolve(event);
return await resolve(event);
};
export const handleFetch: HandleFetch = async ({ request, fetch, event: { cookies } }) => {
export const handleFetch: HandleFetch = ({ request, fetch, event: { cookies } }) => {
const session = cookies.get('session');
if (!session) {
@ -53,10 +51,10 @@ export const handleFetch: HandleFetch = async ({ request, fetch, event: { cookie
return fetch(request);
}
export const handleError: HandleServerError = async ({ error, status }) => {
export const handleError: HandleServerError = ({ error, status }) => {
const errorId = crypto.randomUUID();
console.error(`Error ID: ${errorId} - Status: ${status} - ${error}`);
console.error(`Server - Error ID: ${errorId} - Status: ${status} - ${error}`);
return {
message: 'Whoops!',

13
src/routes/+error.svelte
View file

@ -1,15 +1,14 @@
<script lang="ts">
import { page } from '$app/stores';
import { page } from '$app/stores';
import Button from '$lib/components/ui/button/button.svelte';
import { Button } from '$lib/components/ui/button';
</script>
<div class="flex min-h-screen items-center justify-center">
<div class="text-center">
<div class="flex flex-col gap-4 text-center">
<h1 class="text-6xl font-bold text-red-500">Oops!</h1>
<p class="mt-4 text-xl">Apparement tu as navigué en eau trouble...</p>
<Button class="mt-4" href="/">Retour au port</Button>
<p class="mt-4 text-xs text-muted-foreground">{$page.error?.message}</p>
<p class="mt-4 text-xs text-muted-foreground">{$page.error?.errorId}</p>
<p class="text-xl">Apparement tu as navigué en eau trouble...</p>
<Button href="/">Retour au port</Button>
<span class="text-xs text-muted-foreground">Error ID: {$page.error?.errorId}</span>
</div>
</div>