// src/lib/server/utils/safe-page-load.ts
import type { ServerLoadEvent } from '@sveltejs/kit';

export function safePageLoad<T>(
 loadFn: (event: ServerLoadEvent) => Promise<T>
) {
 return async (event: ServerLoadEvent) => {
  try {
   const result = await loadFn(event);
   return { ...result, error: null };
  } catch (err) {
   console.error('safePageLoad error:', err);
   return {
    error: {
     message: 'Something went wrong. Please try again later.', // this is probably a connectivity issue. so you can display something like "Check your internet connection"
     details: process.env.NODE_ENV === 'development' ? String(err) : undefined
    }
   } as T & { error: { message: string; details?: string } };
  }
 };
}

import { eq } from 'drizzle-orm';
import { safePageLoad } from '$lib/server/utils/safe-page-load';
import { db } from '$lib/server/db';

export const load = safePageLoad(async ({ locals }) => {
 const { user } = locals;
 const myQueryResults = await db.query.something.findMany({
  where: eq(something.id, user.id)
 });
 return { myQueryResults };
});

<noscript lang="ts">
 let { data } = $props() 
</noscript>

{#if data.error}
 <ErrorComponent />
{:else}
 <div class="grid gap-4">
  {#each myQueryResults as result}
   { result }
  {/each}
 </div>
{/if}