migration to new backend

frontend/src/routes/adventures/[id]/+page.server.ts

@@ -0,0 +1,99 @@
+import { redirect } from '@sveltejs/kit';
+import type { PageServerLoad } from './$types';
+const PUBLIC_SERVER_URL = process.env['PUBLIC_SERVER_URL'];
+import type { Adventure } from '$lib/types';
+const endpoint = PUBLIC_SERVER_URL || 'http://localhost:8000';
+
+export const load = (async (event) => {
+	if (!event.locals.user) {
+		return redirect(302, '/login');
+	} else {
+		const id = event.params as { id: string };
+		let request = await fetch(`${endpoint}/api/adventures/${id.id}/`, {
+			headers: {
+				Cookie: `${event.cookies.get('auth')}`
+			}
+		});
+		if (!request.ok) {
+			console.error('Failed to fetch adventure ' + id.id);
+			return {
+				props: {
+					adventure: null
+				}
+			};
+		} else {
+			let adventure = (await request.json()) as Adventure;
+			if (!adventure.is_public && adventure.user_id !== event.locals.user.pk) {
+				return redirect(302, '/');
+			}
+			return {
+				props: {
+					adventure
+				}
+			};
+		}
+	}
+}) satisfies PageServerLoad;
+
+import type { Actions } from '@sveltejs/kit';
+import { tryRefreshToken } from '$lib/index.server';
+
+const serverEndpoint = PUBLIC_SERVER_URL || 'http://localhost:8000';
+
+export const actions: Actions = {
+	delete: async (event) => {
+		const id = event.params as { id: string };
+		const adventureId = id.id;
+
+		if (!event.locals.user) {
+			const refresh = event.cookies.get('refresh');
+			let auth = event.cookies.get('auth');
+			if (!refresh) {
+				return {
+					status: 401,
+					body: { message: 'Unauthorized' }
+				};
+			}
+			let res = await tryRefreshToken(refresh);
+			if (res) {
+				auth = res;
+				event.cookies.set('auth', auth, {
+					httpOnly: true,
+					sameSite: 'lax',
+					expires: new Date(Date.now() + 60 * 60 * 1000), // 60 minutes
+					path: '/'
+				});
+			} else {
+				return {
+					status: 401,
+					body: { message: 'Unauthorized' }
+				};
+			}
+		}
+		if (!adventureId) {
+			return {
+				status: 400,
+				error: new Error('Bad request')
+			};
+		}
+
+		let res = await fetch(`${serverEndpoint}/api/adventures/${event.params.id}`, {
+			method: 'DELETE',
+			headers: {
+				Cookie: `${event.cookies.get('auth')}`,
+				'Content-Type': 'application/json'
+			}
+		});
+		console.log(res);
+		if (!res.ok) {
+			return {
+				status: res.status,
+				error: new Error('Failed to delete adventure')
+			};
+		} else {
+			return {
+				status: 204
+			};
+		}
+	}
+};

frontend/src/routes/adventures/[id]/+page.svelte

@@ -0,0 +1,100 @@
+<!-- <script lang="ts">
+	import AdventureCard from '$lib/components/AdventureCard.svelte';
+	import type { Adventure } from '$lib/types';
+
+	export let data;
+	console.log(data);
+	let adventure: Adventure | null = data.props.adventure;
+</script>
+
+{#if !adventure}
+	<p>Adventure not found</p>
+{:else}
+	<AdventureCard {adventure} type={adventure.type} />
+{/if} -->
+
+<script lang="ts">
+	import type { Adventure } from '$lib/types';
+	import { onMount } from 'svelte';
+	import type { PageData } from './$types';
+	import { goto } from '$app/navigation';
+
+	export let data: PageData;
+
+	let adventure: Adventure;
+
+	onMount(() => {
+		if (data.props.adventure) {
+			adventure = data.props.adventure;
+		} else {
+			goto('/404');
+		}
+	});
+</script>
+
+{#if !adventure}
+	<div class="flex justify-center items-center w-full mt-16">
+		<span class="loading loading-spinner w-24 h-24"></span>
+	</div>
+{:else}
+	{#if adventure.name}
+		<h1 class="text-center font-extrabold text-4xl mb-2">{adventure.name}</h1>
+	{/if}
+	{#if adventure.location}
+		<p class="text-center text-2xl">
+			<iconify-icon icon="mdi:map-marker" class="text-xl -mb-0.5"
+			></iconify-icon>{adventure.location}
+		</p>
+	{/if}
+	{#if adventure.date}
+		<p class="text-center text-lg mt-4 pl-16 pr-16">
+			Visited on: {adventure.date}
+		</p>
+	{/if}
+	{#if adventure.rating !== undefined && adventure.rating !== null}
+		<div class="flex justify-center items-center">
+			<div class="rating" aria-readonly="true">
+				{#each Array.from({ length: 5 }, (_, i) => i + 1) as star}
+					<input
+						type="radio"
+						name="rating-1"
+						class="mask mask-star"
+						checked={star <= adventure.rating}
+						disabled
+					/>
+				{/each}
+			</div>
+		</div>
+	{/if}
+	{#if adventure.description}
+		<p class="text-center text-lg mt-4 pl-16 pr-16">{adventure.description}</p>
+	{/if}
+	{#if adventure.link}
+		<div class="flex justify-center items-center mt-4">
+			<a href={adventure.link} target="_blank" rel="noopener noreferrer" class="btn btn-primary">
+				Visit Website
+			</a>
+		</div>
+	{/if}
+	{#if adventure.activity_types && adventure.activity_types.length > 0}
+		<div class="flex justify-center items-center mt-4">
+			<p class="text-center text-lg">Activities:&nbsp</p>
+			<ul class="flex flex-wrap">
+				{#each adventure.activity_types as activity}
+					<div class="badge badge-primary mr-1 text-md font-semibold pb-2 pt-1 mb-1">
+						{activity}
+					</div>
+				{/each}
+			</ul>
+		</div>
+	{/if}
+	{#if adventure.image}
+		<div class="flex content-center justify-center">
+			<img
+				src={adventure.image}
+				alt={adventure.name}
+				class="w-1/2 mt-4 align-middle rounded-lg shadow-lg"
+			/>
+		</div>
+	{/if}
+{/if}