blog fix

Author: tannerlinsley

src/routes/_libraries/blog.index.tsx

@@ -1,12 +1,11 @@
 import { Link, createFileRoute } from '@tanstack/react-router'
 
-import { formatAuthors } from '~/utils/blog'
+import { formatAuthors, getPublishedPosts } from '~/utils/blog'
 import { Markdown } from '~/components/Markdown'
 import { format } from 'date-fns'
 import { Footer } from '~/components/Footer'
 import { PostNotFound } from './blog'
 import { createServerFn } from '@tanstack/react-start'
-import { allPosts } from 'content-collections'
 import { setResponseHeaders } from '@tanstack/react-start/server'
 
 const fetchFrontMatters = createServerFn({ method: 'GET' }).handler(
@@ -17,13 +16,7 @@ const fetchFrontMatters = createServerFn({ method: 'GET' }).handler(
         'public, max-age=300, durable, stale-while-revalidate=300',
     })
 
-    const now = new Date()
-
-    return allPosts
-      .filter((post) => !post.draft && new Date(post.published) <= now)
-      .sort((a, b) => {
-        return new Date(b.published).getTime() - new Date(a.published).getTime()
-      })
+    return getPublishedPosts()
       .map((post) => {
         return {
           slug: post.slug,

src/routes/_libraries/index.tsx

@@ -15,8 +15,7 @@ import LandingPageGad from '~/components/LandingPageGad'
 import { MaintainerCard } from '~/components/MaintainerCard'
 import { coreMaintainers } from '~/libraries/maintainers'
 import { useToast } from '~/components/ToastProvider'
-import { allPosts } from 'content-collections'
-import { formatAuthors } from '~/utils/blog'
+import { formatAuthors, getPublishedPosts } from '~/utils/blog'
 import { format } from 'date-fns'
 import { Markdown } from '~/components/Markdown'
 import { createServerFn } from '@tanstack/react-start'
@@ -56,10 +55,7 @@ const fetchRecentPosts = createServerFn({ method: 'GET' }).handler(async () => {
     }),
   )
 
-  return allPosts
-    .sort((a, b) => {
-      return new Date(b.published).getTime() - new Date(a.published).getTime()
-    })
+  return getPublishedPosts()
     .slice(0, 3)
     .map((post) => {
       return {

src/server/feed/blog.ts

@@ -22,7 +22,7 @@ export type BlogSyncResult = {
  */
 export async function syncBlogPosts(): Promise<BlogSyncResult> {
   // Dynamic import to ensure content-collections are available in server environment
-  const { allPosts } = await import('content-collections')
+  const { getPublishedPosts } = await import('~/utils/blog')
 
   const results: BlogSyncResult = {
     success: true,
@@ -32,7 +32,7 @@ export async function syncBlogPosts(): Promise<BlogSyncResult> {
     errors: [],
   }
 
-  for (const post of allPosts) {
+  for (const post of getPublishedPosts()) {
     try {
       const entryId = `blog:${post.slug}`
       const publishedAt = new Date(post.published)

src/utils/blog.ts

@@ -1,3 +1,5 @@
+import { allPosts, type Post } from 'content-collections'
+
 const listJoiner = new Intl.ListFormat('en-US', {
   style: 'long',
   type: 'conjunction',
@@ -10,3 +12,18 @@ export function formatAuthors(authors: Array<string>) {
 
   return listJoiner.format(authors)
 }
+
+/**
+ * Returns published blog posts (not drafts, not future-dated),
+ * sorted by publish date descending (newest first).
+ */
+export function getPublishedPosts(): Post[] {
+  const now = new Date()
+
+  return allPosts
+    .filter((post) => !post.draft && new Date(post.published) <= now)
+    .sort(
+      (a, b) =>
+        new Date(b.published).getTime() - new Date(a.published).getTime(),
+    )
+}