Sanity CMS: Esquemas, Queries GROQ y Funciones de Imagen

import { createClient } from '@sanity/client'

export const sanity = createClient({
  projectId: import.meta.env.PUBLIC_SANITY_PROJECT_ID,
  dataset:   import.meta.env.PUBLIC_SANITY_DATASET ?? 'production',
  apiVersion: '2024-01-01',
  useCdn: true,
})

export function sanityImg(
  url: string | undefined,
  opts: { w: number; h?: number; q?: number } = { w: 640 },
): string {
  if (!url || !url.includes('cdn.sanity.io')) return url ?? ''
  const params = new URLSearchParams()
  params.set('w', String(opts.w))
  if (opts.h) {
    params.set('h', String(opts.h))
    params.set('fit', 'crop')
  }
  params.set('auto', 'format')
  params.set('q', String(opts.q ?? 75))
  return `${url}${url.includes('?') ? '&' : '?'}${params.toString()}`
}

export function sanitySrcset(
  url: string | undefined,
  widths: number[] = [400, 640, 960],
): string {
  if (!url || !url.includes('cdn.sanity.io')) return ''
  return widths.map((w) => `${sanityImg(url, { w })} ${w}w`).join(', ')
}

export function imageUrl(ref: string | undefined): string {
  if (!ref) return ''
  const projectId = import.meta.env.PUBLIC_SANITY_PROJECT_ID
  const dataset   = import.meta.env.PUBLIC_SANITY_DATASET ?? 'production'
  // ref format: image-HASH-WxH-ext
  const [, id, dims, ext] = ref.split('-')
  return `https://cdn.sanity.io/images/${projectId}/${dataset}/${id}-${dims}.${ext}`
}

import { defineCollection, z } from "astro:content";
import { glob } from "astro/loaders";

const blog = defineCollection({
  loader: glob({ pattern: "**/*.md", base: "./src/content/blog" }),
  schema: z.object({
    title: z.string(),
    excerpt: z.string(),
    date: z.coerce.date(),
    author: z.enum(["ximena-ugarte", "valeria-garcia"]),
    category: z.enum([
      "Regulación y Cumplimiento",
      "Reportes y Estándares",
      "Estrategia ESG",
      "Fundaciones",
      "Sostenibilidad Financiera",
      "Casos y Tendencias",
    ]),
    tags: z.array(z.string()).default([]),
    coverImage: z.string(),
    readingTime: z.number(),
    featured: z.boolean().default(false),
  }),
});

const noticias = defineCollection({
  loader: glob({ pattern: "**/*.json", base: "./src/content/noticias" }),
  schema: z.object({
    title: z.string(),
    date: z.coerce.date(),
    image: z.string(),
    excerpt: z.string(),
    externalUrl: z.string().url(),
    category: z.enum(["Medio", "Evento", "Premio", "Aparición"]),
  }),
});

export const collections = { blog, noticias };