Ezequiel Regino Monção

declare global {
  interface Window {
    VLibras?: { Widget: new (src: string) => unknown };
  }
}

const start = () => {
  if (started) return;
  started = true;

  // Só baixa a biblioteca de Libras na primeira interação real
  scriptEl = document.createElement("script");
  scriptEl.src = "https://vlibras.gov.br/app/vlibras-plugin.js";
  scriptEl.async = true;
  scriptEl.addEventListener("load", () => {
    if (window.VLibras?.Widget) {
      new window.VLibras.Widget("https://vlibras.gov.br/app");
    }
  });
  document.head.appendChild(scriptEl);
};

window.addEventListener("pointerdown", start);
window.addEventListener("scroll", start, { passive: true });
window.addEventListener("keydown", start);

gsap.utils.toArray<HTMLElement>(".reveal").forEach((el) => {
  gsap.fromTo(
    el,
    { opacity: 0, y: 40 },
    {
      opacity: 1, y: 0, duration: 0.8, ease: "power3.out",
      // Só esconde quando o gatilho dispara — nunca trava conteúdo invisível
      immediateRender: false,
      scrollTrigger: {
        trigger: el,
        start: "top 92%",
        toggleActions: "play none none none",
      },
    }
  );
});

// Rede de segurança: se qualquer trigger falhar, nada fica invisível
gsap.delayedCall(2.5, () => {
  gsap.set([".reveal", ".product-card", ".service-card"], {
    opacity: 1, y: 0, scale: 1,
    clearProps: "opacity,transform,visibility",
  });
  ScrollTrigger.refresh();
});

cloudinary.config({
  cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,
  api_key: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,
  api_secret: process.env.CLOUDINARY_API_SECRET, // só no servidor
});

export async function POST(request: Request) {
  // 1. Autentica antes de tocar em qualquer arquivo (Firebase Admin)
  let uid: string;
  try {
    uid = await getAuthenticatedUid(request);
  } catch {
    return NextResponse.json({ error: "Não autorizado." }, { status: 401 });
  }

  const formData = await request.formData();
  const file = formData.get("file") as File;
  const folder = (formData.get("folder") as string) || "clients_portfolio";

  // 2. Sanitiza a pasta: nunca sai do diretório esperado
  const safeFolder = folder
    .replace(/[^a-zA-Z0-9_\-\/]/g, "")
    .replace(/\.\./g, "")
    .replace(/^\/+/, "");

  if (!file) {
    return NextResponse.json({ error: "Nenhum arquivo enviado." }, { status: 400 });
  }

  // 3. Buffer vai em stream direto pro Cloudinary (memória estável)
  const bytes = await file.arrayBuffer();
  const buffer = Buffer.from(bytes);

  const response = await new Promise((resolve, reject) => {
    const uploadStream = cloudinary.uploader.upload_stream(
      { folder: safeFolder, public_id: `${uid}_${Date.now()}` },
      (error, result) => (error ? reject(error) : resolve(result))
    );
    uploadStream.end(buffer);
  });

  return NextResponse.json(response);
}

const lenis = new Lenis({
  lerp: 0.09,              // suavidade da rolagem
  smoothWheel: true,
  wheelMultiplier: 0.9,
  anchors: { offset: -72 },
  respectReducedMotion: true, // a11y: sensível à rolagem convencional
});

lenis.on("scroll", ScrollTrigger.update);

// Um único loop: o ticker do GSAP roda o Lenis
gsap.ticker.add((time) => lenis.raf(time * 1000));
gsap.ticker.lagSmoothing(0);

import { cookies } from "next/headers";

export type Locale = "ptBR" | "en" | "es";
const SUPPORTED: Locale[] = ["ptBR", "en", "es"];

// 1. Lê o idioma escolhido no cookie (server-side)
export async function getLang(): Promise<Locale> {
  const chosen = (await cookies()).get("lang")?.value as Locale | undefined;
  return chosen && SUPPORTED.includes(chosen) ? chosen : "ptBR";
}

// 2. pick() devolve o texto certo na hora de renderizar
export function pick<T>(lang: Locale, obj: Record<string, T>): T {
  return obj[lang] ?? obj["ptBR"];
}

const TechParticles = dynamic(
  () => import("@/components/effects/TechParticles"),
  { ssr: false, loading: () => null }
);

export function LazyTechParticles() {
  const [near, setNear] = useState(false);
  const holderRef = useRef<HTMLDivElement>(null);

  useEffect(() => {
    const el = holderRef.current;
    const observer = new IntersectionObserver(
      ([entry]) => {
        if (entry.isIntersecting) {
          setNear(true); // chunk só baixa quando a seção se aproxima
          observer.disconnect();
        }
      },
      { rootMargin: "600px 0px" }
    );
    observer.observe(el);
    return () => observer.disconnect();
  }, []);

  return (
    <div ref={holderRef} className="relative h-full w-full">
      {near ? <TechParticles /> : null}
    </div>
  );
}