Add Camera Roll collection and update related components

Author: ansango

src/components/layout/elements/footer.astro

@@ -76,7 +76,7 @@ import { ExternalLinkIcon } from "@/components/icons";
     <div class="col-span-6 sm:col-span-3">
       <ul class="text-muted">
         {
-          getPublishedEntries(site.tree.social).map(
+          getPublishedEntries(site.tree.sharing).map(
             ([_, { title, url, blank }]) => {
               return (
                 <li class="list-none">

src/components/templates/entry/default.astro

@@ -36,7 +36,7 @@ import { getEntryNavigation } from "@/lib/entry-navigation";
 
 const { collection, id } = Astro.props as Entry;
 
-const entry = (await getEntry(collection, id)) as Entry | undefined;
+const entry = await getEntry(collection, id);
 
 if (!entry) {
   throw new Error(`Entry not found: ${collection}/${id}`);
@@ -72,13 +72,20 @@ const layoutProps = {
   breadcrumbs,
 };
 
-// Only show share buttons for blog, wiki, and projects
-const showShare = ["blog", "wiki", "projects"].includes(collection);
+// Only show share buttons for blog, wiki, projects, and cameraroll
+const showShare = ["blog", "wiki", "projects", "cameraroll"].includes(
+  collection,
+);
 const shareUrl = `${site.url}${Astro.url.pathname}`;
 
 // Get navigation for prev/next entries
+const filteredCollections = ["blog", "wiki", "projects", "cameraroll"];
 const allEntries = await getAllCollections();
-const navigation = getEntryNavigation(entry, allEntries);
+const navigation = getEntryNavigation(
+  entry,
+  allEntries,
+  filteredCollections.includes(collection) ? collection : undefined,
+);
 ---
 
 <LayoutDefault {...layoutProps} type="article">

src/components/templates/entry/series.astro

@@ -31,7 +31,7 @@ import { getEntryNavigation } from "@/lib/entry-navigation";
 
 const { collection, id } = Astro.props as Entry;
 
-const entry = (await getEntry(collection, id)) as Entry | undefined;
+const entry = (await getEntry(collection, id));
 
 if (!entry) {
   throw new Error(`Entry not found: ${collection}/${id}`);

src/constants.ts

@@ -118,6 +118,14 @@ const contentCollections: Record<CollectionName, Meta> = {
     url: "/blogroll",
     published: true,
   },
+  cameraroll: {
+    title: "Camera Roll",
+    description:
+      "Una colección de fotografías tomadas con mis cámaras, tanto digital como analógicas.",
+    entriesPerPage: 15,
+    url: "/cameraroll",
+    published: false,
+  },
   uses: {
     title: "Uses",
     description:
@@ -141,7 +149,16 @@ const pages = {
   ...contentCollections,
 };
 
-const social: TreeNode = {
+const sharing: TreeNode = {
+  feed: {
+    title: "Feed",
+    description:
+      "Suscríbete al RSS feed para recibir nuevos artículos en tu lector favorito.",
+    entriesPerPage: 0,
+    url: "/rss.xml",
+    blank: true,
+    published: true,
+  },
   github: {
     title: "GitHub",
     url: `https://github.com/${metasite.github}`,
@@ -156,22 +173,6 @@ const social: TreeNode = {
   },
 };
 
-const explore: TreeNode = {
-  tags,
-  wiki,
-  archive,
-  series,
-  feed: {
-    title: "Feed",
-    description:
-      "Suscríbete al RSS feed para recibir nuevos artículos en tu lector favorito.",
-    entriesPerPage: 0,
-    url: "/rss.xml",
-    blank: true,
-    published: true,
-  },
-};
-
 const tree: Tree = {
   personal: {
     home,
@@ -183,12 +184,18 @@ const tree: Tree = {
   content: {
     blog: contentCollections.blog,
     projects: contentCollections.projects,
+    cameraroll: contentCollections.cameraroll,
     blogroll: contentCollections.blogroll,
-    bookmarks,
     reading,
   },
-  explore,
-  social,
+  explore: {
+    bookmarks,
+    wiki,
+    series,
+    archive,
+    tags,
+  },
+  sharing,
 };
 
 export const site = {

src/content.config.ts

@@ -128,6 +128,26 @@ const wiki = defineCollection({
   schema: wikiSchema,
 });
 
+/**
+ * Camera Roll Collection
+ */
+
+const camerarollSchema = commonSchema.merge(
+  z.object({
+    takenAt: z.coerce.date().optional(),
+    mediumType: z.enum(["film", "digital", "both"]),
+    camera: z.enum(["Canon 350D", "Canon 6D", "Canon 50E", "Canon 33"]),
+    film: z.string().optional(),
+    locations: z.array(z.string()).optional(),
+    thumbnails: z.array(z.string()).optional(),
+  }),
+);
+
+const cameraroll = defineCollection({
+  loader: glob({ pattern: "**/*.md", base: `${path}/cameraroll` }),
+  schema: camerarollSchema,
+});
+
 export const collections = {
   blog,
   now,
@@ -136,6 +156,7 @@ export const collections = {
   blogroll,
   uses,
   wiki,
+  cameraroll,
 };
 
 export const collectionNames = Object.keys(collections);
@@ -148,5 +169,6 @@ export type Entry = z.infer<
   | typeof blogRollSchema
   | typeof usesSchema
   | typeof wikiSchema
+  | typeof camerarollSchema
 >;
 export type Meta = z.infer<typeof metaSchema>;

src/content/cameraroll/2025-09-25-verano-pirineos.md

@@ -0,0 +1,18 @@
+---
+title: Verano en los Pirineos
+description: Una serie de fotografías tomadas durante el verano en los Pirineos, capturando la belleza natural y la tranquilidad de la región.
+tags: [photography, travel, nature, pirineos, summer]
+mediumType: digital
+camera: Canon 6D
+published: false
+date: 2024-05-01
+mod: 2025-10-25
+
+---
+
+<div class="columns-1 sm:columns-2 gap-2 space-y-2">
+    <img src="https://asg-cms.s3.eu-west-3.amazonaws.com/01-series/72-noviembre-2023-kodak-portra-400/1x/01.webp" class="w-full object-cover aspect-2/3"/>
+    <img src="https://asg-cms.s3.eu-west-3.amazonaws.com/01-series/72-noviembre-2023-kodak-portra-400/1x/02.webp" class="w-full object-cover aspect-2/3"/>
+    <img src="https://asg-cms.s3.eu-west-3.amazonaws.com/01-series/72-noviembre-2023-kodak-portra-400/1x/03.webp" class="w-full object-cover aspect-2/3"/>
+    <img src="https://asg-cms.s3.eu-west-3.amazonaws.com/01-series/72-noviembre-2023-kodak-portra-400/1x/04.webp" class="w-full object-cover aspect-2/3"/>
+</div>

src/lib/collections.ts

@@ -28,17 +28,17 @@ import { site } from "@/constants";
  *
  * @property {string} id - Unique entry identifier.
  * @property {InferEntrySchema<CollectionName>} data - Frontmatter data inferred from the collection schema.
- * @property {string} body - Raw content body (markdown) as string.
+ * @property {string} [body] - Optional raw content body (markdown) as string.
  * @property {string} [filePath] - Optional file path for the source file.
- * @property {RenderedContent} rendered - The rendered content produced by Astro.
+ * @property {RenderedContent} [rendered] - Optional rendered content produced by Astro.
  * @property {CollectionName} collection - The collection name this entry belongs to.
  */
 export type Entry = {
   id: string;
   data: InferEntrySchema<CollectionName>;
-  body: string;
+  body?: string;
   filePath?: string;
-  rendered: RenderedContent;
+  rendered?: RenderedContent;
   collection: CollectionName;
 };
 
@@ -67,6 +67,7 @@ export const getAllPromiseCollections = async () => {
  */
 export const getAllCollections = async () => {
   const collections = await getAllPromiseCollections();
+
   return collections
     .filter(({ data: { published } }) => published)
     .map((entry) => {
@@ -113,7 +114,6 @@ export const getAllCollectionsByCategory = async (): Promise<
     .forEach((key) => {
       sortedContentByCategory[key] = contentByCategory[key];
     });
-
   return sortedContentByCategory as Record<CollectionName, Entries>;
 };
 

src/lib/entry-navigation.ts

@@ -12,6 +12,7 @@
  * - 🔄 Works seamlessly with all entry types
  */
 
+import type { CollectionName } from "@/content.config";
 import type { Entry, Entries } from "@/lib/collections";
 
 /**
@@ -44,6 +45,7 @@ export type EntryNavigation = {
 export function getEntryNavigation(
   currentEntry: Entry,
   allEntries: Entries,
+  filterCollection?: CollectionName,
 ): EntryNavigation {
   // Filter entries with dates and exclude single-page entries (index: true)
   const orderedEntries = allEntries
@@ -54,8 +56,11 @@ export function getEntryNavigation(
       return dateB - dateA; // Newest first
     });
 
+  const filteredEntries = filterCollection
+    ? orderedEntries.filter((e) => e.collection === filterCollection)
+    : orderedEntries;
   // Find current entry index
-  const currentIndex = orderedEntries.findIndex(
+  const currentIndex = filteredEntries.findIndex(
     (e) => e.id === currentEntry.id && e.collection === currentEntry.collection,
   );
 
@@ -65,10 +70,10 @@ export function getEntryNavigation(
   }
 
   // Get prev (older entry)
-  const prevEntry = orderedEntries[currentIndex + 1] || null;
+  const prevEntry = filteredEntries[currentIndex + 1] || null;
 
   // Get next (newer entry)
-  const nextEntry = orderedEntries[currentIndex - 1] || null;
+  const nextEntry = filteredEntries[currentIndex - 1] || null;
 
   return {
     prev: prevEntry

src/lib/utils.ts

@@ -51,7 +51,8 @@ export const capitalize = (s: string) => s && s[0].toUpperCase() + s.slice(1);
  * @param {string} html The HTML content to analyze.
  * @returns {number} Estimated reading time in minutes (rounded).
  */
-export const getReadingTime = (html: string): number => {
+export const getReadingTime = (html?: string): number => {
+  if (!html) return 0;
   const text = html.replace(/<[^>]+>/g, "");
   const wordCount = text.trim().split(/\s+/).length;
   const speedReadingWordsPerMinute = 200;

src/pages/[collection]/index.astro

@@ -14,6 +14,9 @@ export { getCollectionStaticPaths as getStaticPaths };
 
 const { collection } = Astro.params as { collection: CollectionName };
 const entries = (await getAllCollectionsByCategory())[collection];
+console.log(
+  `Fetched ${entries.length} entries for collection: ${collection}`
+);
 const simpleCollection = getIsSimpleCollection(entries);
 if (!entries) return Astro.redirect("/");
 ---