Serve 503 when PocketBase is unavailable across all content pages

Elternbeirat.Web/Features/Embeds/EventsEmbed.razor

@@ -1,12 +1,7 @@
-<section class="embed embed-events">
-    <h2>Kommende Termine</h2>
-
-    @if (_upcoming.Count == 0)
-    {
-        <p>Zurzeit sind keine Termine geplant.</p>
-    }
-    else
-    {
+@if (_upcoming.Count > 0)
+{
+    <section class="embed embed-events">
+        <h2>Kommende Termine</h2>
         <ul class="event-list">
             @foreach (var ev in _upcoming)
             {
@@ -21,5 +16,5 @@
             }
         </ul>
         <p class="embed-more"><a href="/events">Alle Termine <span aria-hidden="true">&rarr;</span></a></p>
-    }
-</section>
+    </section>
+}

Elternbeirat.Web/Features/Embeds/EventsEmbed.razor.cs

@@ -6,14 +6,24 @@ namespace Elternbeirat.Web.Features.Embeds;
 
 public partial class EventsEmbed
 {
-    [LoggerMessage(Level = LogLevel.Warning, Message = "Could not load events for an embed from PocketBase.")]
-    private static partial void LogLoadFailed(ILogger logger, Exception exception);
+    // Number of upcoming events shown in the teaser; the full list is one link away.
+    private const int TeaserCount = 3;
+
+    [LoggerMessage(
+        Level = LogLevel.Warning,
+        Message = "Could not load events for an embed from PocketBase; the teaser is omitted.")]
+    private static partial void LogSourceUnavailable(
+        ILogger logger,
+        Exception exception);
 
     [Inject]
-    private PocketBaseClient PocketBase { get; set; } = default!;
+    private PocketBaseClient PocketBase { get; set; } = null!;
 
     [Inject]
-    private ILogger<EventsEmbed> Logger { get; set; } = default!;
+    private ILogger<EventsEmbed> Logger { get; set; } = null!;
+
+    [CascadingParameter]
+    private HttpContext? HttpContext { get; set; }
 
     private IReadOnlyList<Event> _upcoming = [];
 
@@ -22,22 +32,25 @@ public partial class EventsEmbed
         IReadOnlyList<Event> events;
         try
         {
-            events = await PocketBase.GetEventsAsync();
+            events = await PocketBase.GetEventsAsync(HttpContext?.RequestAborted ?? CancellationToken.None);
         }
-        catch (HttpRequestException ex)
+        catch (PocketBaseUnavailableException exception)
         {
-            // Source unreachable -> show no teaser instead of a 500.
-            LogLoadFailed(Logger, ex);
+            // Only part of the page fails: omit the teaser, keep the page (and its
+            // 200) intact. A missing teaser is degraded, not broken.
+            LogSourceUnavailable(Logger, exception);
             return;
         }
 
-        // Teaser: the three soonest upcoming events, earliest first. An event
-        // earlier today still counts as upcoming.
+        // Teaser: the soonest upcoming events, earliest first. An event earlier
+        // today still counts as upcoming.
         var today = DateOnly.FromDateTime(DateTime.Today);
-        _upcoming = events
-            .Where(e => DateOnly.FromDateTime(e.Start) >= today)
-            .OrderBy(e => e.Start)
-            .Take(3)
-            .ToList();
+        _upcoming =
+        [
+            .. events
+                .Where(@event => DateOnly.FromDateTime(@event.Start) >= today)
+                .OrderBy(@event => @event.Start)
+                .Take(TeaserCount)
+        ];
     }
 }

Elternbeirat.Web/Features/Embeds/FaqsEmbed.razor

@@ -1,12 +1,7 @@
-<section class="embed embed-faqs">
-    <h2>Häufige Fragen</h2>
-
-    @if (_faqs.Count == 0)
-    {
-        <p>Zurzeit gibt es keine Fragen.</p>
-    }
-    else
-    {
+@if (_faqs.Count > 0)
+{
+    <section class="embed embed-faqs">
+        <h2>Häufige Fragen</h2>
         @foreach (var faq in _faqs)
         {
             <details class="faq-item">
@@ -17,5 +12,5 @@
             </details>
         }
         <p class="embed-more"><a href="/faqs">Alle Fragen <span aria-hidden="true">&rarr;</span></a></p>
-    }
-</section>
+    </section>
+}

Elternbeirat.Web/Features/Embeds/FaqsEmbed.razor.cs

@@ -6,14 +6,24 @@ namespace Elternbeirat.Web.Features.Embeds;
 
 public partial class FaqsEmbed
 {
-    [LoggerMessage(Level = LogLevel.Warning, Message = "Could not load FAQs for an embed from PocketBase.")]
-    private static partial void LogLoadFailed(ILogger logger, Exception exception);
+    // Number of questions shown in the teaser; the full hub is one link away.
+    private const int TeaserCount = 3;
+
+    [LoggerMessage(
+        Level = LogLevel.Warning,
+        Message = "Could not load FAQs for an embed from PocketBase; the teaser is omitted.")]
+    private static partial void LogSourceUnavailable(
+        ILogger logger,
+        Exception exception);
 
     [Inject]
-    private PocketBaseClient PocketBase { get; set; } = default!;
+    private PocketBaseClient PocketBase { get; set; } = null!;
 
     [Inject]
-    private ILogger<FaqsEmbed> Logger { get; set; } = default!;
+    private ILogger<FaqsEmbed> Logger { get; set; } = null!;
+
+    [CascadingParameter]
+    private HttpContext? HttpContext { get; set; }
 
     private IReadOnlyList<Faq> _faqs = [];
 
@@ -21,14 +31,16 @@ public partial class FaqsEmbed
     {
         try
         {
-            // Teaser: the first three questions, with a link to the full hub.
-            var faqs = await PocketBase.GetFaqsAsync();
-            _faqs = [.. faqs.Take(3)];
+            // GetFaqsAsync is ordered by topic, then question, so the first entries
+            // the teaser takes are stable across requests.
+            var faqs = await PocketBase.GetFaqsAsync(HttpContext?.RequestAborted ?? CancellationToken.None);
+            _faqs = [.. faqs.Take(TeaserCount)];
         }
-        catch (HttpRequestException ex)
+        catch (PocketBaseUnavailableException exception)
         {
-            // Source unreachable -> show no teaser instead of a 500.
-            LogLoadFailed(Logger, ex);
+            // Only part of the page fails: omit the teaser, keep the page (and its
+            // 200) intact. A missing teaser is degraded, not broken.
+            LogSourceUnavailable(Logger, exception);
         }
     }
 }

Elternbeirat.Web/Features/Embeds/PostsEmbed.razor

@@ -1,23 +1,18 @@
-<section class="embed embed-posts">
-    <h2>Aktuelle Beiträge</h2>
-
-    @if (_latest.Count == 0)
-    {
-        <p>Zurzeit gibt es keine Beiträge.</p>
-    }
-    else
-    {
+@if (_latest.Count > 0)
+{
+    <section class="embed embed-posts">
+        <h2>Aktuelle Beiträge</h2>
         <ul class="post-list">
             @foreach (var post in _latest)
             {
                 <li>
                     <a href="@($"/posts/{post.Slug}")">@post.Title</a>
-                    <time datetime="@post.Date.ToString("yyyy-MM-dd")">
-                        @post.Date.ToString("d. MMMM yyyy", German)
+                    <time datetime="@post.Date.ToString("yyyy-MM-dd", CultureInfo.InvariantCulture)">
+                        @post.Date.ToString("d. MMMM yyyy", Cultures.German)
                     </time>
                 </li>
             }
         </ul>
         <p class="embed-more"><a href="/posts">Alle Beiträge <span aria-hidden="true">&rarr;</span></a></p>
-    }
-</section>
+    </section>
+}

Elternbeirat.Web/Features/Embeds/PostsEmbed.razor.cs

@@ -1,4 +1,3 @@
-using System.Globalization;
 using Elternbeirat.Contracts;
 using Elternbeirat.PocketBase;
 using Microsoft.AspNetCore.Components;
@@ -7,16 +6,24 @@ namespace Elternbeirat.Web.Features.Embeds;
 
 public partial class PostsEmbed
 {
-    private static readonly CultureInfo German = CultureInfo.GetCultureInfo("de-DE");
+    // Number of posts shown in the teaser; the full list is one link away.
+    private const int TeaserCount = 3;
 
-    [LoggerMessage(Level = LogLevel.Warning, Message = "Could not load posts for an embed from PocketBase.")]
-    private static partial void LogLoadFailed(ILogger logger, Exception exception);
+    [LoggerMessage(
+        Level = LogLevel.Warning,
+        Message = "Could not load posts for an embed from PocketBase; the teaser is omitted.")]
+    private static partial void LogSourceUnavailable(
+        ILogger logger,
+        Exception exception);
 
     [Inject]
-    private PocketBaseClient PocketBase { get; set; } = default!;
+    private PocketBaseClient PocketBase { get; set; } = null!;
 
     [Inject]
-    private ILogger<PostsEmbed> Logger { get; set; } = default!;
+    private ILogger<PostsEmbed> Logger { get; set; } = null!;
+
+    [CascadingParameter]
+    private HttpContext? HttpContext { get; set; }
 
     private IReadOnlyList<Post> _latest = [];
 
@@ -24,14 +31,15 @@ public partial class PostsEmbed
     {
         try
         {
-            // Teaser: the three most recent posts, with a link to the full list.
-            var posts = await PocketBase.GetPostsAsync();
-            _latest = [.. posts.Take(3)];
+            // GetPostsAsync returns newest first, so the first entries are the latest.
+            var posts = await PocketBase.GetPostsAsync(HttpContext?.RequestAborted ?? CancellationToken.None);
+            _latest = [.. posts.Take(TeaserCount)];
         }
-        catch (HttpRequestException ex)
+        catch (PocketBaseUnavailableException exception)
         {
-            // Source unreachable -> show no teaser instead of a 500.
-            LogLoadFailed(Logger, ex);
+            // Only part of the page fails: omit the teaser, keep the page (and its
+            // 200) intact. A missing teaser is degraded, not broken.
+            LogSourceUnavailable(Logger, exception);
         }
     }
 }