Iradukunda Yobu

1import { useEffect, useRef, useState } from 'react'23// Resolves true the first time the node enters the viewport, then unobserves.4export function useInViewport<T extends Element>(margin = '-15%') {5  const ref = useRef<T>(null)6  const [seen, setSeen] = useState(false)78  useEffect(() => {9    const node = ref.current10    if (!node || seen) return11    const io = new IntersectionObserver(12      ([entry]) => {13        if (entry.isIntersecting) {14          setSeen(true)15          io.disconnect()16        }17      },18      { rootMargin: margin },19    )20    io.observe(node)21    return () => io.disconnect()22  }, [seen, margin])2324  return [ref, seen] as const25}

1import { NextResponse } from 'next/server'2import { z } from 'zod'34const Body = z.object({5  email: z.string().email(),6  source: z.string().max(40).optional(),7})89export async function POST(req: Request) {10  const parsed = Body.safeParse(await req.json())11  if (!parsed.success) {12    return NextResponse.json({ error: 'Invalid' }, { status: 422 })13  }1415  const { email, source } = parsed.data16  await db.subscriber.upsert({17    where: { email },18    update: { source },19    create: { email, source },20  })2122  return NextResponse.json({ ok: true }, { status: 201 })23}