feat: proper h1

2026-02-17 22:40:06 +01:00
parent c0b944241e
commit 88f1ccf372
3 changed files with 260 additions and 0 deletions
--- a/src/main/engine/PreviewServer.ts
+++ b/src/main/engine/PreviewServer.ts
@@ -69,6 +69,17 @@ interface DayBlockContext {
 interface PostListTemplateContext {
  page_title: string;
  language: string;
+  is_date_archive: boolean;
+  show_archive_range_heading: boolean;
+  archive_context: {
+    kind: 'root' | 'year' | 'month' | 'day' | 'tag' | 'category';
+    name: string | null;
+    year: number | null;
+    month: number | null;
+    day: number | null;
+  } | null;
+  min_date: { day: number; month: number; year: number } | null;
+  max_date: { day: number; month: number; year: number } | null;
  is_list_page: boolean;
  is_first_page: boolean;
  is_last_page: boolean;
@@ -81,6 +92,16 @@ interface PostListTemplateContext {
  day_blocks: DayBlockContext[];
 }

+type ArchiveRouteKind = 'date' | 'non-date';
+
+type DateArchiveContext = {
+  kind: 'root' | 'year' | 'month' | 'day' | 'tag' | 'category';
+  name?: string;
+  year?: number;
+  month?: number;
+  day?: number;
+};
+
 interface SinglePostTemplateContext {
  page_title: string;
  language: string;
@@ -360,6 +381,14 @@ function getArchiveDateKey(date: Date): string {
  return `${year}-${month}-${day}`;
 }

+function toDateParts(date: Date): { day: number; month: number; year: number } {
+  return {
+    day: date.getDate(),
+    month: date.getMonth() + 1,
+    year: date.getFullYear(),
+  };
+}
+
 function buildPaginationHref(basePathname: string, page: number): string {
  const base = basePathname === '/' ? '' : basePathname;
  if (page <= 1) {
@@ -646,6 +675,8 @@ export class PreviewServer {
      const result = await this.loadPublishedSnapshotsPage({ status: 'published' }, pageOptions);
      return this.renderPostList(result.posts, rewriteContext, {
        archiveGrouping: false,
+        routeKind: 'date',
+        archiveContext: { kind: 'root' },
        basePathname: pagedPathname,
        pagination: { page, maxPostsPerPage, totalPosts: result.totalPosts },
        page_title: pageContext.pageTitle,
@@ -659,6 +690,8 @@ export class PreviewServer {
      const result = await this.loadPublishedSnapshotsPage({ status: 'published', tags: [tag] }, pageOptions);
      return this.renderPostList(result.posts, rewriteContext, {
        archiveGrouping: true,
+        routeKind: 'non-date',
+        archiveContext: { kind: 'tag', name: tag },
        basePathname: pagedPathname,
        pagination: { page, maxPostsPerPage, totalPosts: result.totalPosts },
        page_title: pageContext.pageTitle,
@@ -672,6 +705,8 @@ export class PreviewServer {
      const result = await this.loadPublishedSnapshotsPage({ status: 'published', categories: [category] }, pageOptions);
      return this.renderPostList(result.posts, rewriteContext, {
        archiveGrouping: true,
+        routeKind: 'non-date',
+        archiveContext: { kind: 'category', name: category },
        basePathname: pagedPathname,
        pagination: { page, maxPostsPerPage, totalPosts: result.totalPosts },
        page_title: pageContext.pageTitle,
@@ -702,6 +737,8 @@ export class PreviewServer {
      const result = await this.loadPostsForDayPage(year, month, day, pageOptions);
      return this.renderPostList(result.posts, rewriteContext, {
        archiveGrouping: true,
+        routeKind: 'date',
+        archiveContext: { kind: 'day', year, month, day },
        basePathname: pagedPathname,
        pagination: { page, maxPostsPerPage, totalPosts: result.totalPosts },
        page_title: pageContext.pageTitle,
@@ -717,6 +754,8 @@ export class PreviewServer {
      const result = await this.loadPublishedSnapshotsPage({ status: 'published', year, month: month - 1 }, pageOptions);
      return this.renderPostList(result.posts, rewriteContext, {
        archiveGrouping: true,
+        routeKind: 'date',
+        archiveContext: { kind: 'month', year, month },
        basePathname: pagedPathname,
        pagination: { page, maxPostsPerPage, totalPosts: result.totalPosts },
        page_title: pageContext.pageTitle,
@@ -730,6 +769,8 @@ export class PreviewServer {
      const result = await this.loadPublishedSnapshotsPage({ status: 'published', year }, pageOptions);
      return this.renderPostList(result.posts, rewriteContext, {
        archiveGrouping: true,
+        routeKind: 'date',
+        archiveContext: { kind: 'year', year },
        basePathname: pagedPathname,
        pagination: { page, maxPostsPerPage, totalPosts: result.totalPosts },
        page_title: pageContext.pageTitle,
@@ -913,6 +954,8 @@ export class PreviewServer {
    rewriteContext: HtmlRewriteContext,
    options: {
      archiveGrouping: boolean;
+      routeKind: ArchiveRouteKind;
+      archiveContext?: DateArchiveContext;
      basePathname: string;
      page_title: string;
      language: string;
@@ -977,9 +1020,60 @@ export class PreviewServer {
      ? buildPaginationHref(options.basePathname, (pagination as PaginationContext).page + 1)
      : '';

+    let minDateParts: { day: number; month: number; year: number } | null = null;
+    let maxDateParts: { day: number; month: number; year: number } | null = null;
+
+    const hasRangeHeading = Boolean(
+      !isFirstPage
+      && posts.length > 0
+      && (
+        options.routeKind === 'date'
+        || options.archiveContext?.kind === 'tag'
+        || options.archiveContext?.kind === 'category'
+      ),
+    );
+
+    if (hasRangeHeading) {
+      let minDate = posts[0].createdAt;
+      let maxDate = posts[0].createdAt;
+
+      for (const post of posts) {
+        if (post.createdAt.getTime() < minDate.getTime()) {
+          minDate = post.createdAt;
+        }
+        if (post.createdAt.getTime() > maxDate.getTime()) {
+          maxDate = post.createdAt;
+        }
+      }
+
+      minDateParts = toDateParts(minDate);
+      maxDateParts = toDateParts(maxDate);
+    }
+
    return {
      page_title: options.page_title,
      language: options.language,
+      is_date_archive: options.routeKind === 'date',
+      show_archive_range_heading: hasRangeHeading,
+      archive_context: options.routeKind === 'date'
+        ? {
+            kind: options.archiveContext?.kind ?? 'root',
+            name: options.archiveContext?.name ?? null,
+            year: options.archiveContext?.year ?? null,
+            month: options.archiveContext?.month ?? null,
+            day: options.archiveContext?.day ?? null,
+          }
+        : options.archiveContext
+          ? {
+              kind: options.archiveContext.kind,
+              name: options.archiveContext.name ?? null,
+              year: options.archiveContext.year ?? null,
+              month: options.archiveContext.month ?? null,
+              day: options.archiveContext.day ?? null,
+            }
+          : null,
+      min_date: minDateParts,
+      max_date: maxDateParts,
      is_list_page: isListPage,
      is_first_page: isFirstPage,
      is_last_page: isLastPage,
@@ -998,6 +1092,8 @@ export class PreviewServer {
    rewriteContext: HtmlRewriteContext,
    options: {
      archiveGrouping: boolean;
+      routeKind: ArchiveRouteKind;
+      archiveContext?: DateArchiveContext;
      basePathname: string;
      page_title: string;
      language: string;
--- a/src/main/engine/templates/post-list.liquid
+++ b/src/main/engine/templates/post-list.liquid
@@ -3,6 +3,33 @@
  {% render 'partials/head', page_title: page_title %}
  <body>
    <main>
+      {% if archive_context %}
+        {% assign month_names_de = "Januar|Februar|März|April|Mai|Juni|Juli|August|September|Oktober|November|Dezember" | split: "|" %}
+        {% if show_archive_range_heading and min_date and max_date %}
+          {% if archive_context.kind == 'tag' or archive_context.kind == 'category' %}
+            <h1 class="archive-heading">{{ archive_context.name }} - {{ min_date.day }}.{{ min_date.month }}.{{ min_date.year }} - {{ max_date.day }}.{{ max_date.month }}.{{ max_date.year }}</h1>
+          {% else %}
+            <h1 class="archive-heading">Archiv {{ min_date.day }}.{{ min_date.month }}.{{ min_date.year }} - {{ max_date.day }}.{{ max_date.month }}.{{ max_date.year }}</h1>
+          {% endif %}
+        {% else %}
+          {% if archive_context.kind == 'tag' or archive_context.kind == 'category' %}
+            <h1 class="archive-heading">{{ archive_context.name }}</h1>
+          {% elsif archive_context.kind == 'month' and archive_context.month and archive_context.year %}
+            {% assign month_index = archive_context.month | minus: 1 %}
+            {% assign month_name = month_names_de[month_index] %}
+            <h1 class="archive-heading">Archiv {{ month_name }} {{ archive_context.year }}</h1>
+          {% elsif archive_context.kind == 'year' and archive_context.year %}
+            <h1 class="archive-heading">Archiv {{ archive_context.year }}</h1>
+          {% elsif archive_context.kind == 'day' and archive_context.day and archive_context.month and archive_context.year %}
+            {% assign day_month_index = archive_context.month | minus: 1 %}
+            {% assign day_month_name = month_names_de[day_month_index] %}
+            <h1 class="archive-heading">Archiv {{ archive_context.day }}. {{ day_month_name }} {{ archive_context.year }}</h1>
+          {% else %}
+            <h1 class="archive-heading">{{ page_title }}</h1>
+          {% endif %}
+        {% endif %}
+      {% endif %}
+
      <section class="post-list" data-template="post-list" data-list-page="{{ is_list_page }}" data-first-page="{{ is_first_page }}" data-last-page="{{ is_last_page }}">
        {% for day_block in day_blocks %}
          {% if day_block.show_date_marker %}