Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-22 22:39:36 +02:00
Code Issues Releases Activity

generation and api

Browse source
This commit is contained in:
Sean Morley 2024-07-15 20:14:27 -04:00
parent 6b3a782dd0
commit ad5f98391d
3 changed files with 71 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

19
frontend/src/lib/components/EditAdventure.svelte
View file

@ -22,6 +22,7 @@
import Attachment from '~icons/mdi/attachment';
import PointSelectionModal from './PointSelectionModal.svelte';
import Earth from '~icons/mdi/earth';
import Wikipedia from '~icons/mdi/wikipedia';
onMount(async () => {
modal = document.getElementById('my_modal_1') as HTMLDialogElement;
@ -42,6 +43,14 @@
}
}
async function generateDesc() {
let res = await fetch(`/api/generate/desc/?name=${adventureToEdit.name}`);
let data = await res.json();
if (data.extract) {
adventureToEdit.description = data.extract;
}
}
async function handleSubmit(event: Event) {
event.preventDefault();
const form = event.target as HTMLFormElement;
@ -166,13 +175,9 @@
bind:value={adventureToEdit.description}
class="input input-bordered w-full max-w-xs mt-1 mb-2"
/>
<!-- <button
class="btn btn-neutral ml-2"
type="button"
on:click={generate}
><iconify-icon icon="mdi:wikipedia" class="text-xl -mb-1"
></iconify-icon>Generate Description</button
> -->
<button class="btn btn-neutral ml-2" type="button" on:click={generateDesc}
><Wikipedia class="inline-block -mt-1 mb-1 w-6 h-6" />Generate Description</button
>
</div>
</div>
<div class="mb-2">

13
frontend/src/lib/components/NewAdventure.svelte
View file

@ -8,6 +8,8 @@
export let type: string = 'visited';
import Wikipedia from '~icons/mdi/wikipedia';
let newAdventure: Adventure = {
id: NaN,
type: type,
@ -49,6 +51,14 @@
}
}
async function generateDesc() {
let res = await fetch(`/api/generate/desc/?name=${newAdventure.name}`);
let data = await res.json();
if (data.extract) {
newAdventure.description = data.extract;
}
}
async function handleSubmit(event: Event) {
event.preventDefault();
const form = event.target as HTMLFormElement;
@ -179,6 +189,9 @@
bind:value={newAdventure.description}
class="input input-bordered w-full max-w-xs mt-1 mb-2"
/>
<button class="btn btn-neutral ml-2" type="button" on:click={generateDesc}
><Wikipedia class="inline-block -mt-1 mb-1 w-6 h-6" />Generate Description</button
>
</div>
</div>
<div class="mb-2">

46
frontend/src/routes/api/[...path]/+server.ts Normal file
View file

@ -0,0 +1,46 @@
const PUBLIC_SERVER_URL = process.env['PUBLIC_SERVER_URL'];
const endpoint = PUBLIC_SERVER_URL || 'http://localhost:8000';
import { json } from '@sveltejs/kit';
/** @type {import('./$types').RequestHandler} */
export async function GET({ url, params, request, fetch, cookies }) {
return handleRequest(url, params, request, fetch, cookies);
}
/** @type {import('./$types').RequestHandler} */
export async function POST({ url, params, request, fetch, cookies }) {
return handleRequest(url, params, request, fetch, cookies);
}
// Implement other HTTP methods as needed (PUT, DELETE, etc.)
async function handleRequest(url: any, params: any, request: any, fetch: any, cookies: any) {
const path = params.path;
const targetUrl = `${endpoint}/api/${path}${url.search}&format=json`;
const headers = new Headers(request.headers);
const authCookie = cookies.get('auth');
if (authCookie) {
headers.set('Cookie', `${authCookie}`);
}
try {
const response = await fetch(targetUrl, {
method: request.method,
headers: headers,
body: request.method !== 'GET' && request.method !== 'HEAD' ? await request.text() : undefined
});
const responseData = await response.text();
return new Response(responseData, {
status: response.status,
headers: response.headers
});
} catch (error) {
console.error('Error forwarding request:', error);
return json({ error: 'Internal Server Error' }, { status: 500 });
}
}