a homebrewed DnD campaign based in the Honkai: Star Rail universe
hsr honkaistarrail dnd
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

migrate monsters to use remote functions

+48 -35
-16
app/src/routes/(app)/monsters/+page.server.ts
··· 1 - import { db } from '$server/db' 2 - import { MonsterRepository } from '$server/db/repos/monster' 3 - import { definePageMeta } from '$ui/page-meta' 4 - import type { PageServerLoad } from './$types' 5 - 6 - export const load: PageServerLoad = async () => { 7 - const monsterRepo = new MonsterRepository(db) 8 - const queryMonsters = await monsterRepo.getMonstersBy() 9 - 10 - return { 11 - meta: definePageMeta({ 12 - title: 'Monsters', 13 - }), 14 - monsters: queryMonsters, 15 - } 16 - }
+5 -6
app/src/routes/(app)/monsters/+page.svelte
··· 3 3 import MonsterIcon from '$ui/icons/MonsterIcon.svelte' 4 4 import { Breadcrumb } from '$ui/layout/breadcrumb' 5 5 import NoEntriesFound from '../NoEntriesFound.svelte' 6 - import type { PageProps } from './$types' 6 + import { getPageMeta, queryBreadcrumb, queryMonsters } from './page.remote' 7 7 8 - const { data }: PageProps = $props() 9 - const { meta, monsters } = $derived(data) 8 + const meta = await getPageMeta() 9 + const paths = await queryBreadcrumb() 10 + const monsters = await queryMonsters() 10 11 </script> 11 12 12 13 <svelte:head> 13 14 <PageMeta {...meta} /> 14 15 </svelte:head> 15 16 16 - <Breadcrumb links={[ 17 - { path: '/monsters', text: 'Monsters' } 18 - ]} /> 17 + <Breadcrumb links={paths.root} /> 19 18 20 19 {#each monsters as monster (monster.id)} 21 20 {@debug monster}
-10
app/src/routes/(app)/monsters/new/+page.server.ts
··· 1 - import { definePageMeta } from '$ui/page-meta' 2 - import type { PageServerLoad } from './$types' 3 - 4 - export const load: PageServerLoad = async () => { 5 - return { 6 - meta: definePageMeta({ 7 - title: 'Create a new monster entry', 8 - }), 9 - } 10 - }
+7 -3
app/src/routes/(app)/monsters/new/+page.svelte
··· 1 1 <script lang="ts"> 2 + import { Breadcrumb } from '$ui/layout/breadcrumb' 2 3 import { PageMeta } from '$ui/page-meta' 3 - import type { PageProps } from './$types' 4 + import { queryBreadcrumb } from '../page.remote' 5 + import { getPageMeta } from './page.remote' 4 6 5 - let { data }: PageProps = $props() 6 - const { meta } = $derived(data) 7 + const meta = await getPageMeta() 8 + const paths = await queryBreadcrumb() 7 9 </script> 8 10 9 11 <svelte:head> 10 12 <PageMeta {...meta} /> 11 13 </svelte:head> 14 + 15 + <Breadcrumb links={paths.newEntry} />
+8
app/src/routes/(app)/monsters/new/page.remote.ts
··· 1 + import { prerender } from '$app/server' 2 + import { definePageMeta } from '$ui/page-meta' 3 + 4 + export const getPageMeta = prerender(() => 5 + definePageMeta({ 6 + title: 'Create a new monster entry', 7 + }), 8 + )
+28
app/src/routes/(app)/monsters/page.remote.ts
··· 1 + import { prerender, query } from '$app/server' 2 + import { db } from '$server/db' 3 + import { MonsterRepository } from '$server/db/repos/monster' 4 + import { definePaths } from '$ui/layout/breadcrumb' 5 + import { definePageMeta } from '$ui/page-meta' 6 + 7 + export const getPageMeta = prerender(() => 8 + definePageMeta({ 9 + title: 'Monsters', 10 + }), 11 + ) 12 + 13 + export const queryMonsters = query(async () => { 14 + const monsterRepo = new MonsterRepository(db) 15 + const queryMonsters = await monsterRepo.getMonstersBy() 16 + 17 + return queryMonsters 18 + }) 19 + 20 + export const queryBreadcrumb = query(async () => { 21 + const root = { path: '/monsters', text: 'Monsters' } 22 + const newEntry = { path: '/monsters/new', text: 'Create a new monster entry' } 23 + 24 + return definePaths({ 25 + root: [root], 26 + newEntry: [root, newEntry], 27 + }) 28 + })