@jant/core 0.6.16 → 0.7.1

package/src/services/export-theme/layouts/partials/thread-preview.html

@@ -1,12 +1,17 @@
 {{- /*
   Thread preview partial.
 
-  Matches the main site's `ThreadPreview` component layout:
-    root post  (full card, as "context")
-    second reply (full card, as "context")  ← if distinct
-    "N more posts" gap pill ← if there are hidden middle replies
-    penultimate reply (full card, as "context") ← if distinct
-    latest reply (full card, as "hero")
+  Matches the main site's `ThreadPreview` component, and the fold both it and
+  the feed take from `lib/thread-fold.ts` (`foldThreadReplies`):
+    root post                                (full card, as "context")
+    the first THREAD_LEADING_REPLIES (2)     (full cards, as "context")
+    "N more posts" gap pill                  ← only when the fold hides any
+    the two before the newest reply          (full cards, as "context")
+    newest reply                             (full card, as "hero")
+
+  The trailing window is THREAD_TRAILING_REPLIES (3) with the hero inside it.
+  On a short thread the windows overlap, so each list drops whatever an
+  earlier one already shows, hero first — the same order the site dedupes in.
 
   Each entry is wrapped in a `.thread-item` so the rail dot markers
   line up the same way the main site does via `.thread-item::before`.
@@ -15,34 +20,39 @@
 */ -}}
 {{- $root := . -}}
 {{- $replies := where $root.Pages "Params.visibility" "public" -}}
-{{- $replies = $replies.ByDate -}}
+{{- $replies = $replies.ByWeight -}}
 {{- $replyCount := len $replies -}}
 {{- if eq $replyCount 0 -}}
   {{ partial "post-card.html" $root }}
 {{- else -}}
-  {{- /* First-in / last-in replies, with overlap handled below. */ -}}
   {{- $latest := index $replies (sub $replyCount 1) -}}
-  {{- $second := index $replies 0 -}}
-  {{- $penultimate := cond (gt $replyCount 2) (index $replies (sub $replyCount 2)) false -}}
-
-  {{- $renderSecond := ne $second.File.UniqueID $latest.File.UniqueID -}}
-  {{- $renderPenultimate := and $penultimate (ne $penultimate.File.UniqueID $latest.File.UniqueID) -}}
-  {{- if $penultimate -}}
-    {{- if eq $penultimate.File.UniqueID $second.File.UniqueID -}}
-      {{- $renderPenultimate = false -}}
+  {{- $leading := slice -}}
+  {{- range first 2 $replies -}}
+    {{- if ne .File.UniqueID $latest.File.UniqueID -}}
+      {{- $leading = $leading | append . -}}
+    {{- end -}}
+  {{- end -}}
+  {{- $trailing := slice -}}
+  {{- range last 3 $replies -}}
+    {{- $reply := . -}}
+    {{- $shown := eq $reply.File.UniqueID $latest.File.UniqueID -}}
+    {{- range $leading -}}
+      {{- if eq .File.UniqueID $reply.File.UniqueID -}}{{- $shown = true -}}{{- end -}}
     {{- end -}}
+    {{- if not $shown -}}{{- $trailing = $trailing | append $reply -}}{{- end -}}
   {{- end -}}
 
-  {{- /* Count of context posts actually rendered above the hero (second
-       + penultimate when distinct from latest and each other). The
-       remainder of replies is the "hidden middle" count. Mirrors
-       `getThreadPreviewState` in thread-preview-state.ts. */ -}}
-  {{- $visibleContextReplies := 0 -}}
-  {{- if $renderSecond -}}{{- $visibleContextReplies = add $visibleContextReplies 1 -}}{{- end -}}
-  {{- if $renderPenultimate -}}{{- $visibleContextReplies = add $visibleContextReplies 1 -}}{{- end -}}
-  {{- /* Total replies rendered = visibleContextReplies + 1 (hero). */ -}}
-  {{- $hiddenCount := sub $replyCount (add $visibleContextReplies 1) -}}
-  {{- if lt $hiddenCount 0 -}}{{- $hiddenCount = 0 -}}{{- end -}}
+  {{- /* Whatever neither window shows is the hidden middle. It is never
+       negative: the three lists are disjoint and all drawn from $replies. */ -}}
+  {{- $hiddenCount := sub $replyCount (add (add (len $leading) (len $trailing)) 1) -}}
+  {{- /* The gap leads to the first hidden reply, as the site's does. A fold
+       only hides anything once both windows are full, so that reply sits
+       right after the leading window. Replies are not rendered as pages
+       (`build: render: never`), so their `.RelPermalink` is empty; the
+       exporter registers every reply slug as an alias on the root, and
+       that is the address a reply has. */ -}}
+  {{- $gapHref := $root.RelPermalink -}}
+  {{- if gt $hiddenCount 0 -}}{{- $gapHref = printf "/%s/" (index $replies 2).Slug | relURL -}}{{- end -}}
 
   {{- $slug := $root.Params.slug | default $root.Slug -}}
   <article class="thread-preview" data-slug="{{ $slug }}" data-reply-count="{{ $replyCount }}">
@@ -51,23 +61,23 @@
         {{ partial "post-card.html" $root }}
       </div>
 
-      {{- if $renderSecond -}}
+      {{- range $leading -}}
         <div class="thread-item thread-item-context">
-          {{ partial "post-card.html" $second }}
+          {{ partial "post-card.html" . }}
         </div>
       {{- end -}}
 
       {{- if gt $hiddenCount 0 -}}
         <div class="thread-item thread-item-gap">
-          <a class="thread-preview-gap" href="{{ $root.RelPermalink }}">
+          <a class="thread-preview-gap" href="{{ $gapHref }}">
             {{ $hiddenCount }} more {{ if eq $hiddenCount 1 }}post{{ else }}posts{{ end }}
           </a>
         </div>
       {{- end -}}
 
-      {{- if $renderPenultimate -}}
+      {{- range $trailing -}}
         <div class="thread-item thread-item-context">
-          {{ partial "post-card.html" $penultimate }}
+          {{ partial "post-card.html" . }}
         </div>
       {{- end -}}
     </div>

package/src/services/export-theme/layouts/post/list.html

@@ -5,7 +5,7 @@
   {{- $media := $root.Params.media | default slice -}}
   {{- $collections := $root.Params.collections | default slice -}}
   {{- $linkUrl := $root.Params.link_url -}}
-  {{- $replies := $root.Pages.ByDate -}}
+  {{- $replies := $root.Pages.ByWeight -}}
   {{- $hasReplies := gt (len $replies) 0 -}}
   <article class="thread thread-{{ $format }}{{ if $hasReplies }} thread-has-replies{{ end }}" id="{{ $slug }}" data-format="{{ $format }}" data-slug="{{ $slug }}"
     {{- if $root.Params.pinned_at }} data-post-pinned{{ end -}}

package/src/services/export-theme/layouts/smart_collection/list.html

@@ -0,0 +1,24 @@
+{{ define "main" }}
+  {{- /*
+    A smart collection's page (`type: smart_collection`). The members come
+    from its conditions, applied to the posts in this site by the
+    `smart-collection-members` partial.
+  */ -}}
+  {{- $posts := partial "smart-collection-members.html" (dict "page" . "feed" false) -}}
+  {{- $pageSize := .Site.Params.page_size | default 10 -}}
+  {{- $paginator := .Paginate $posts $pageSize -}}
+
+  <section class="section section-collection section-smart-collection">
+    <header class="section-header">
+      <h1 class="section-title">{{ .Title }}</h1>
+      {{- with .Params.summary_text -}}
+        <p class="section-summary">{{ . }}</p>
+      {{- end -}}
+      {{- with len $posts -}}
+        <p class="section-meta">{{ . }} {{ if eq . 1 }}thread{{ else }}threads{{ end }}</p>
+      {{- end -}}
+      {{ .Content }}
+    </header>
+    {{ partial "collection-threads.html" (dict "paginator" $paginator "empty" "Nothing matches these conditions yet.") }}
+  </section>
+{{ end }}

package/src/services/export-theme/styles/main.css

@@ -36,6 +36,13 @@ body {
   background-color: var(--site-page-bg);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  /* Every text node in an exported page is authored content, and authored text
+     can contain a run with no break opportunity — a long URL, an ID, a word
+     typed without spaces. Such a run does not wrap on its own and spills past
+     the content column across the page. `break-word` splits it only when it
+     cannot fit a line by itself, so ordinary text keeps its natural line breaks
+     and intrinsic sizing is unaffected. */
+  overflow-wrap: break-word;
 }
 
 img,
@@ -686,7 +693,6 @@ time {
 .home-branding-credit {
   margin-top: var(--space-xl);
   padding-bottom: var(--space-xl);
-  text-align: center;
   color: var(--site-text-secondary);
   font-size: var(--type-base);
 }
@@ -1067,6 +1073,11 @@ hr.feed-divider {
   align-items: center;
   gap: 0.45rem;
   flex-wrap: wrap;
+  /* The name and source are flex items, which refuse to shrink below their
+     min-content width. The inherited `break-word` leaves min-content at the
+     longest word and the item still overflows; `anywhere` also shrinks
+     min-content, which is what lets the row wrap. */
+  overflow-wrap: anywhere;
   margin-top: 0.95rem;
   color: var(--site-text-secondary);
   font-family: var(--font-ui);
@@ -1998,7 +2009,7 @@ hr.feed-divider {
 .pagination {
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
   flex-wrap: wrap;
   gap: 1rem;
   padding: 1.5rem 0;

package/src/services/export-theme/theme.toml

@@ -5,7 +5,7 @@ description = "Default theme packaged with Jant exports."
 homepage = "https://jant.so"
 tags = ["blog", "microblog", "minimal"]
 features = ["pagination", "aliases"]
-min_version = "0.160.1"
+min_version = "0.147.7"
 
 [author]
   name = "Jant"