split up astro utils

src/lib/astro.test.ts → src/lib/astro/astro.test.ts

@@ -1,5 +1,6 @@
 import { test, expect } from 'vitest'
-import { sortPosts, getPostsByTag, getAllTags } from './astro'
+import { getPostsByTag, getAllTags } from '.'
+import { sortPosts } from './sortPosts'
 
 test('sortPosts sorts posts by date in descending order', () => {
   const posts = [

src/lib/astro/getAllPosts.ts

@@ -0,0 +1,14 @@
+import { sortPosts } from './sortPosts'
+import { loadAndFormatCollection } from './loadAndFormatCollection'
+import type { CollectionEntry } from 'astro:content'
+
+export async function getAllPosts(): Promise<
+  CollectionEntry<'articles' | 'links' | 'photos'>[]
+> {
+  const articles = await loadAndFormatCollection('articles')
+  const links = await loadAndFormatCollection('links')
+  const photos = await loadAndFormatCollection('photos')
+
+  const allPosts = sortPosts([...articles, ...links, ...photos])
+  return allPosts
+}

src/lib/astro/getAllPostsForSearch.ts

@@ -0,0 +1,36 @@
+import { type CollectionEntry } from 'astro:content'
+import { getAllPosts } from '.'
+
+// helps to reduce DOM size
+
+export async function getAllPostsForSearch() {
+  const allPosts = await getAllPosts()
+
+  const cleaned = await Promise.all(
+    allPosts.map(async (post) => {
+      const imageSrc = (
+        post.data as CollectionEntry<'articles' | 'photos'>['data']
+      ).image
+      // const image = imageSrc
+      //   ? await getImage({
+      //       src: imageSrc,
+      //       width: 300,
+      //       height: 100,
+      //       format: 'png'
+      //     })
+      //   : null
+      return {
+        slug: post.slug,
+        data: {
+          title: post.data.title,
+          tags: post.data.tags,
+          collection: post.collection,
+          lead: post.body.substring(0, 200),
+          image: imageSrc
+        }
+      }
+    })
+  )
+
+  return cleaned
+}

src/lib/astro/getAllTags.ts

@@ -0,0 +1,31 @@
+import { type CollectionEntry } from 'astro:content'
+import { slugifyAll } from '../slugify'
+
+export type AllTags = {
+  name: string
+  count: number
+}[]
+
+export async function getAllTags(
+  posts: CollectionEntry<'articles' | 'links' | 'photos'>[]
+): Promise<AllTags> {
+  const allTagsArray = posts
+    .filter((post) => post.data.tags)
+    .map((post) => post.data.tags)
+    .flat() as string[]
+  const allTagsArrayCleaned = slugifyAll(allTagsArray)
+
+  // Explicitly define the type of tagCounts
+  const tagCounts: Record<string, number> = {}
+
+  for (const tag of allTagsArrayCleaned) {
+    tagCounts[tag] = (tagCounts[tag] || 0) + 1
+  }
+
+  const allUniqueTags = Object.keys(tagCounts).map((tag) => ({
+    name: tag,
+    count: tagCounts[tag]
+  }))
+
+  return allUniqueTags
+}

src/lib/astro/getPostsByTag.ts

@@ -0,0 +1,9 @@
+import { type CollectionEntry } from 'astro:content'
+import { slugifyAll } from '../slugify'
+
+export function getPostsByTag(
+  posts: CollectionEntry<'articles' | 'links' | 'photos'>[],
+  tag: string
+) {
+  return posts.filter((post) => slugifyAll(post.data.tags || []).includes(tag))
+}

src/lib/astro/index.ts

@@ -0,0 +1,6 @@
+export { getAllPosts } from './getAllPosts'
+export { getAllTags } from './getAllTags'
+export { getPostsByTag } from './getPostsByTag'
+export { loadAndFormatCollection } from './loadAndFormatCollection'
+export { sortPosts } from './sortPosts'
+export { getAllPostsForSearch } from './getAllPostsForSearch'

src/lib/astro/loadAndFormatCollection.ts

@@ -0,0 +1,77 @@
+import { getCollection, type CollectionEntry } from 'astro:content'
+import { readOutExif } from '../exif'
+import path from 'path'
+import config from '@config/blog.config'
+import { sortPosts } from './sortPosts'
+
+//
+// Main loader for all collections content.
+// ---
+// Astro's `getCollection()` is never called
+// from components, but this helper method instead.
+//
+
+export async function loadAndFormatCollection(
+  name: 'articles' | 'links' | 'photos'
+) {
+  let postsCollection = await getCollection(name)
+
+  // filter out drafts, but only in production
+  if (import.meta.env.PROD) {
+    postsCollection = postsCollection.filter(({ data }) => data.draft !== true)
+  }
+
+  for await (const post of postsCollection) {
+    // use date from frontmatter, or grab from folder path
+    const date = post.data.date
+      ? post.data.date
+      : new Date(post.id.split('/')[0].substring(0, 10))
+
+    // remove date from slug
+    let slug = post.id.split('/')[0].substring(11) as CollectionEntry<
+      'articles' | 'photos' | 'links'
+    >['slug']
+
+    // links are not folders so remove .md from the end
+    if (post.collection === 'links') {
+      slug = slug.substring(
+        0,
+        slug.length - 3
+      ) as CollectionEntry<'links'>['slug']
+    }
+
+    const githubLink = `${config.repoContentPath}/${post.collection}/${post.id}`
+
+    // extract exif & iptc data from photos
+    if (post.collection === 'photos') {
+      const isProd = import.meta.env.PROD
+
+      //
+      // Get the absolute image path from post.data.image
+      // to read exif from
+      //
+      // production image.src:
+      //    `/_astro/filename.hash.jpg`
+      // development image.src:
+      //    `/@fs/absolute/system/path/project/src/content/photos/postSlug/filename.jpg?origWidth=3873&origHeight=2796&origFormat=jpg`
+      //
+      const imagePath = isProd
+        ? path.join(
+            'content',
+            'photos',
+            post.id.split('/')[0],
+            post.data.image.src.split('/')[2].split('.')[0].concat('.jpg')
+          )
+        : post.data.image.src.split('?')[0].split('/@fs')[1]
+      const exif = await readOutExif(imagePath)
+      post.data.exif = exif
+    }
+
+    post.slug = slug
+    post.data.date = date
+    post.data.githubLink = githubLink
+  }
+
+  const posts = sortPosts(postsCollection)
+  return posts
+}

src/lib/astro/sortPosts.ts

@@ -0,0 +1,11 @@
+import { type CollectionEntry } from 'astro:content'
+
+export function sortPosts(
+  posts: CollectionEntry<'articles' | 'links' | 'photos'>[]
+): CollectionEntry<'articles' | 'links' | 'photos'>[] {
+  return posts.sort(
+    (a, b) =>
+      Math.floor(new Date(b.data.date as Date)?.getTime() / 1000) -
+      Math.floor(new Date(a.data.date as Date)?.getTime() / 1000)
+  )
+}

src/pages/tags/index.astro

@@ -47,3 +47,6 @@ const allTags = await getAllTags(allPosts)
     }
   </ul>
 </LayoutBase>
+ @lib/astro/astro import {getAllPosts} from '@lib/astro/getAllPosts' import {
+  getAllTags
+} from '@lib/astro/AllTags'