makearmy-app/app/api/options/material_opacity/route.ts

// app/api/options/material_opacity/route.ts
export const dynamic = "force-dynamic";

import { NextRequest, NextResponse } from "next/server";
const BASE = (process.env.DIRECTUS_URL || "").replace(/\/$/, "");

export async function GET(req: NextRequest) {
    try {
        const userAt = req.cookies.get("ma_at")?.value;
        if (!userAt) return NextResponse.json({ error: "Not authenticated" }, { status: 401 });

        const url = new URL(`${BASE}/items/material_opacity`);
        url.searchParams.set("fields", "id,opacity");
        url.searchParams.set("sort", "opacity");

        const res = await fetch(String(url), {
            headers: { Accept: "application/json", Authorization: `Bearer ${userAt}` },
            cache: "no-store",
        });

        const text = await res.text().catch(() => "");
        const json = text ? JSON.parse(text) : {};
        if (!res.ok) {
            return NextResponse.json({ error: `Directus ${res.status}: ${text || res.statusText}` }, { status: res.status });
        }

        const rows: Array<{ id: number | string; opacity?: string | number }> = json?.data ?? [];
        const data = rows
        .map(({ id, opacity }) => ({ id, label: String(opacity ?? "") }))
        .filter((x) => x.label);

        return NextResponse.json({ data });
    } catch (e: any) {
        return NextResponse.json({ error: e?.message || "Failed to load opacity options" }, { status: 500 });
    }
}