Recreating Current Pages

import { feedLoader } from '@ascorbic/feed-loader'

const feeds = defineCollection({
  loader: feedLoader({
    url: 'https://astro.build/rss.xml',
  }),
})

import { blueskyPostsLoader } from 'astro-loader-bluesky-posts'

const highlights = defineCollection({
  loader: blueskyPostsLoader({
    uris: [
      'https://bsky.app/profile/bsky.app/post/3l6oveex3ii2l'
      // 'https://bsky.app/profile/did:plc:z72i7hdynmk6r22z27h6tvur/post/3l6oveex3ii2l'
      // 'at://bsky.app/app.bsky.feed.post/3l6oveex3ii2l'
      // 'at://did:plc:z72i7hdynmk6r22z27h6tvur/app.bsky.feed.post/3l6oveex3ii2l'
    ],
    newlineHandling: 'paragraph',
    fetchThread: true,
    threadDepth: 4,
    fetchOnlyAuthorReplies: true,
  }),
})

// Define the schema based on `CardItemData` in `src/components/views/CardItem.astro`
// Include only necessary properties.
// Exclude `html` and `text`, as content is written in Markdown rather than frontmatter.

export const highlightSchema = z.object({
  date: z.coerce.date(),
  images: z
    .array(
      z.object({
        src: z.string(),
        alt: z.string(),
      })
    )
    .optional(),
  video: z
    .object({
      src: z.string(),
      alt: z.string(),
      thumbnail: z.string(),
    })
    .optional(),
  external: z
    .object({
      uri: z.string(),
      title: z.string(),
      description: z.string(),
      thumb: z.string(),
    })
    .optional(),
})

import {
  pageSchema,
  postSchema,
  projectsSchema,
  streamsSchema,
  highlightSchema,
} from './schema'

const highlights = defineCollection({
  loader: blueskyPostsLoader({
    uris: [
      'at://astro.build/app.bsky.feed.post/3lifesehhok27',
      ...
    ],
    newlineHandling: 'paragraph',
    fetchThread: true,
    threadDepth: 4,
    fetchOnlyAuthorReplies: true,
  }),
  type: 'content',
  schema: highlightSchema,
})

---
import { getCollection, render } from 'astro:content'

if (collectionType === 'highlights') {
  const highlights = await getCollection(collectionType)
  dataForMasonry = processBlueskyPosts(highlights).sort((a, b) =>
    !a.date || !b.date
      ? 0
      : new Date(b.date).valueOf() - new Date(a.date).valueOf()
  )
  dataForMasonry = highlights.sort(
    (a, b) => new Date(b.data.date).valueOf() - new Date(a.data.date).valueOf()
  )
}
---

{
  mode === 'masonry' && (
    <responsive-masonry
      class="block relative w-full min-h-screen op-0 op-transition-500"
      data-gap={gap}
      data-min-card-width={minCardWidth}
      data-max-card-width={maxCardWidth}
    >
      {dataForMasonry.map((item) => (
        <CardItem class="card-masonry absolute top-0 left-0" item={item} />
      ))}
      {dataForMasonry.map(async (item) => {
        const { Content } = await render(item)
        return (
          <CardItem class="card-masonry absolute top-0 left-0" item={item.data}>
            <Content />
          </CardItem>
        )
      })}
    </responsive-masonry>
  )
}

---
date: 2025-03-01
images:
  - src: "https://example.com/remote-image.jpg"
    alt: "Example Image 1"
  - src: "/src/assets/local-image.png"
    alt: "Example Image 2"
  - src: "/src/assets/highlights/local-image.webp"
    alt: "Example Image 3"
---

This is a sample highlight entry for the `/highlights` page.
...

---
date: 2025-03-02
video:
  src: "/src/assets/local-video.mp4"
  alt: "Example Video"
  poster: "https://example.com/poster.jpg"
---

This is a sample highlight entry for the `/highlights` page.
...

const shorts = defineCollection({
  loader: glob({ base: './src/content/shorts', pattern: '**/[^_]*.{md,mdx}' }),
  schema: postSchema,
})

export const collections = {
  ...
  shorts,
}

import { getFilteredPosts, getSortedPosts } from '~/utils/data'
import { resolvePath } from '~/utils/path'

if (collectionType === ('shorts' as CollectionKey)) {
  const posts = await getCollection('blog')
  dataForGrid = await getShortsFromBlog(posts)
}
if (collectionType === 'shorts') {
  const shorts = await getFilteredPosts(collectionType)
  const sortedShorts = getSortedPosts(shorts)
  dataForGrid = sortedShorts.map((item)=>({
    link: resolvePath(collectionType) + item.id,
    text: item.data.title,
    date: item.data.pubDate,
  }))
}

import { glob } from 'astro/loaders'
import { defineCollection } from 'astro:content'
import { feedLoader } from '@ascorbic/feed-loader'
import { pageSchema, postSchema, projectsSchema, streamsSchema } from './schema'

// Define other collections...

const changelog = defineCollection({
  type: 'content',
  schema: postSchema,
})

// Define other collections...

export const collections = { pages, blog, projects, changelog, streams, feeds }

export const UI: Ui = {
  internalNavs: [
    ...
    {
      path: '/changelog',
      title: 'Changelog',
      displayMode: 'iconHiddenOnMobile',
      icon: 'i-ri-draft-line',
    },
  ],
  ...
  tabbedLayoutTabs: [
    { title: 'Changelog', path: '/changelog' },
    { title: 'AstroBlog', path: '/feeds' },
    { title: 'AstroStreams', path: '/streams' },
  ],
  ...
}