Fix missing breadcrumbs

Author: LucHeart

src/routes/(app)/hangfire/+page.svelte

@@ -1,3 +1,9 @@
+<script lang="ts">
+  import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
+
+  registerBreadcrumbs(() => [{ label: 'Hangfire' }]);
+</script>
+
 <h1 class="text-center text-8xl font-bold">
   This is not supposed to be visible in prod<br />
   Hangfire is supposed to be here

src/routes/(app)/shares/user/incoming/+page.svelte

@@ -1,10 +1,13 @@
 <script lang="ts">
   import LoadingCircle from '$lib/components/svg/LoadingCircle.svelte';
   import * as Table from '$lib/components/ui/table';
+  import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { userSharesState, refreshUserShares } from '$lib/state/user-shares-state.svelte';
   import IncomingShareItem from './incoming-share-item.svelte';
   import ManageShare from './manage-share.svelte';
 
+  registerBreadcrumbs(() => [{ label: 'Shared with Me' }]);
+
   let refreshPromise = $state(refreshUserShares());
 
   let manageShareDrawerOpen = $state(false);

src/routes/(app)/shares/user/invites/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import LoadingCircle from '$lib/components/svg/LoadingCircle.svelte';
   import * as Table from '$lib/components/ui/table';
+  import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import {
     userSharesState,
     refreshIncomingInvites,
@@ -9,6 +10,8 @@
   import IncomingInviteItem from './incoming-invite-item.svelte';
   import OutgoingInviteItem from './outgoing-invite-item.svelte';
 
+  registerBreadcrumbs(() => [{ label: 'Invites' }]);
+
   let outgoingInvitesPromise = $state(refreshOutgoingInvites());
   let incomingInvitesPromise = $state(refreshIncomingInvites());
 </script>

src/routes/(app)/shares/user/outgoing/+page.svelte

@@ -1,10 +1,13 @@
 <script lang="ts">
   import LoadingCircle from '$lib/components/svg/LoadingCircle.svelte';
   import * as Table from '$lib/components/ui/table';
+  import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { userSharesState, refreshUserShares } from '$lib/state/user-shares-state.svelte';
   import EditShare from './edit-share.svelte';
   import UserShareItem from './user-share-item.svelte';
 
+  registerBreadcrumbs(() => [{ label: 'Shares' }]);
+
   let editShareDrawerOpen = $state(false);
   let editShareDrawerOpenCount = $state(0);
   let editIndex = $state(0);

src/routes/(auth)/activate/+page.svelte

@@ -7,6 +7,9 @@
   import Button from '$lib/components/ui/button/button.svelte';
   import * as Card from '$lib/components/ui/card/index.js';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
+  import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
+
+  registerBreadcrumbs(() => [{ label: 'Activate Account' }]);
 
   let secret = browser && page.url.searchParams.get('token');
 

src/routes/(auth)/forgot-password/+page.svelte

@@ -8,8 +8,11 @@
   import * as Card from '$lib/components/ui/card/index.js';
   import { Field, FieldDescription } from '$lib/components/ui/field/index.js';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
+  import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { toast } from 'svelte-sonner';
 
+  registerBreadcrumbs(() => [{ label: 'Forgot Password' }]);
+
   let email = $state<string>('');
   let emailValid = $state(false);
 

src/routes/(auth)/login/+page.svelte

@@ -20,8 +20,11 @@
   import OauthButtons from '$lib/components/auth/oauth-buttons.svelte';
   import { gotoQueryRedirectOrFallback } from '$lib/utils/url';
   import { backendMetadata } from '$lib/state/backend-metadata-state.svelte';
+  import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import Skeleton from '$lib/components/ui/skeleton/skeleton.svelte';
 
+  registerBreadcrumbs(() => [{ label: 'Login' }]);
+
   let usernameOrEmail = $state('');
   let password = $state('');
   let turnstileResponse = $state<string | null>(null);

src/routes/(auth)/oauth/[provider]/create/+page.svelte

@@ -10,9 +10,12 @@
   import { FieldDescription } from '$lib/components/ui/field/index.js';
   import { isValidationError, mapToValRes } from '$lib/errorhandling/ValidationProblemDetails';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
+  import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { userState } from '$lib/state/user-state.svelte';
   import { onMount } from 'svelte';
 
+  registerBreadcrumbs(() => [{ label: `Sign Up With ${page.params.provider ?? 'OAuth'}` }]);
+
   let username = $state<string>('');
   let usernameValid = $state<boolean>(false);
 

src/routes/(auth)/oauth/error/+page.svelte

@@ -3,6 +3,9 @@
   import { page } from '$app/state';
   import * as Card from '$lib/components/ui/card/index.js';
   import { FieldDescription } from '$lib/components/ui/field/index.js';
+  import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
+
+  registerBreadcrumbs(() => [{ label: 'Authentication Error' }]);
 
   let error = $derived(page.url.searchParams.get('error'));
 </script>

src/routes/(auth)/signup/+page.svelte

@@ -18,8 +18,11 @@
   import OauthButtons from '$lib/components/auth/oauth-buttons.svelte';
   import { ChevronLeft, Mail } from '@lucide/svelte';
   import { backendMetadata } from '$lib/state/backend-metadata-state.svelte';
+  import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import Skeleton from '$lib/components/ui/skeleton/skeleton.svelte';
 
+  registerBreadcrumbs(() => [{ label: 'Sign Up' }]);
+
   let username = $state<string>('');
   let usernameValid = $state<boolean>(false);