@levino/shipyard-blog 0.2.0 → 0.3.1

package/astro/BlogEntry.astro

@@ -3,11 +3,6 @@ import Layout from "./Layout.astro";
 import { TableOfContents } from "@levino/shipyard-base/components";
 import { render, getCollection } from "astro:content";
 
-interface BlogData {
-  title: string;
-  description?: string;
-}
-
 export const getStaticPaths = async () => {
   const getParams = (slug: string) => {
     const [locale, ...rest] = slug.split("/");
@@ -16,7 +11,7 @@ export const getStaticPaths = async () => {
       locale,
     };
   };
-  const blogPosts = await getCollection<BlogData>("blog");
+  const blogPosts = await getCollection("blog");
   return blogPosts.map((entry) => ({
     params: getParams(entry.id),
     props: { entry },

package/astro/BlogIndex.astro

@@ -0,0 +1,39 @@
+---
+import type { GetStaticPaths } from "astro";
+import Layout from "./Layout.astro";
+import { getCollection } from "astro:content";
+import config from "virtual:shipyard/config";
+
+export const getStaticPaths = (() =>
+  config.locales.map((locale) => ({
+    params: {
+      locale,
+    },
+  }))) satisfies GetStaticPaths;
+
+const entries = await getCollection("blog").then((posts) =>
+  posts.toSorted((a, b) => b.data.date.getTime() - a.data.date.getTime()),
+);
+
+const getBlogPostLink = (id: string, locale: string) =>
+  id.replace(`${locale}/`, `${locale}/blog/`);
+
+const { locale } = Astro.params;
+const formatDate = new Intl.DateTimeFormat(locale).format;
+---
+
+<Layout>
+  <div class="mx-auto max-w-prose px-8">
+    {
+      entries.map(async (entry) => (
+        <a class="block my-8" href={`/${getBlogPostLink(entry.id, locale)}`}>
+          <div class="prose">
+            <div class="text-sm">{formatDate(entry.data.date)}</div>
+            <h2 class="my-0">{entry.data.title}</h2>
+            <p>{entry.data.description}</p>
+          </div>
+        </a>
+      ))
+    }
+  </div>
+</Layout>

package/astro/Layout.astro

@@ -2,8 +2,11 @@
 import { getCollection } from "astro:content";
 import { Page as BaseLayout } from "@levino/shipyard-base/layouts";
 const locale = Astro.currentLocale;
-const entry = await getCollection<{ title: string }>("blog").then(
-  (collection) =>
+const entry = await getCollection("blog")
+  .then((posts) =>
+    posts.toSorted((a, b) => b.data.date.getTime() - a.data.date.getTime()),
+  )
+  .then((collection) =>
     collection.reduce(
       (acc, { id, data: { title } }, key) => ({
         ...acc,
@@ -14,7 +17,7 @@ const entry = await getCollection<{ title: string }>("blog").then(
       }),
       {},
     ),
-);
+  );
 ---
 
 <BaseLayout sidebarNavigation={entry}>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levino/shipyard-blog",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "",
   "type": "module",
   "main": "src/index.ts",
@@ -17,7 +17,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@levino/shipyard-base": "^0.2.0"
+    "@levino/shipyard-base": "^0.4.0"
   },
   "peerDependencies": {
     "astro": "^5"

package/src/astro.ts

@@ -1,2 +1,2 @@
-export { default as BlogEntry } from './BlogEntry.astro'
-export { default as Layout } from './Layout.astro'
+export { default as BlogEntry } from '../astro/BlogEntry.astro'
+export { default as Layout } from '../astro/Layout.astro'

package/src/index.ts

@@ -4,6 +4,7 @@ import type { AstroIntegration } from 'astro'
 export const blogSchema = z.object({
   date: z.date(),
   title: z.string(),
+  description: z.string(),
 })
 
 export default (blogPaths: string[]): AstroIntegration => ({
@@ -11,6 +12,10 @@ export default (blogPaths: string[]): AstroIntegration => ({
   hooks: {
     'astro:config:setup': ({ injectRoute }) => {
       blogPaths.forEach((path) => {
+        injectRoute({
+          pattern: `/[locale]/${path}`,
+          entrypoint: `@levino/shipyard-blog/astro/BlogIndex.astro`,
+        })
         injectRoute({
           pattern: `/[locale]/${path}/[...slug]`,
           entrypoint: `@levino/shipyard-blog/astro/BlogEntry.astro`,