// src/lib/vitals.ts
import { type CLSMetric, type FCPMetric, type FIDMetric, type LCPMetric, type TTFBMetric } from 'web-vitals'

type MetricType = CLSMetric | FCPMetric | FIDMetric | LCPMetric | TTFBMetric

export function reportWebVitals(metric: MetricType) {
  console.log(metric)

  // Example implementation
  const body = {
    value: metric.value,
    rating: metric.rating,
    name: metric.name,
    id: metric.id,
  }

  fetch('/api/vitals', {
    method: 'POST',
    body: JSON.stringify(body),
  })
}

// src/components/ui/optimized-image.tsx
import Image from 'next/image'
import { type ImageProps } from 'next/image'

export function OptimizedImage(props: ImageProps) {
  return (
    <div className="relative aspect-video">
      <Image
        {...props}
        alt={props.alt}
        fill
        className="object-cover"
        sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
        quality={85}
        priority={props.priority}
      />
    </div>
  )
}

// next.config.mjs
import { withImages } from 'next-images'

export default withImages({
  images: {
    domains: ['assets.example.com'],
    formats: ['image/avif', 'image/webp'],
    deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
    imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
  },
})

// src/server/db/posts.ts
import { db } from './client'

export async function getPostsByAuthor(authorId: string) {
  // Use composite index
  return db.post.findMany({
    where: {
      authorId,
      published: true,
    },
    orderBy: {
      createdAt: 'desc',
    },
    // Include only necessary relations
    include: {
      _count: {
        select: {
          comments: true,
        },
      },
    },
  })
}

// src/server/db/client.ts
import { Pool } from '@neondatabase/serverless'
import { PrismaNeon } from '@prisma/adapter-neon'
import { PrismaClient } from '@prisma/client'
import { env } from '@/env.mjs'

declare global {
  var prisma: PrismaClient | undefined
}

const connectionString = env.DATABASE_URL
const pool = new Pool({ connectionString })
const adapter = new PrismaNeon(pool)

export const db =
  globalThis.prisma ||
  new PrismaClient({
    adapter,
    log: ['query', 'error', 'warn'],
  })

if (env.NODE_ENV !== 'production') {
  globalThis.prisma = db
}