// /apps/bundles/{handle} (app proxy): bundle page (F13, F14). Guests welcome; not running -> 404;
// renamed offer -> 301 to the current handle.
import type { LoaderFunctionArgs } from "react-router";
import { redirect } from "react-router";
import { authenticate } from "../shopify.server";
import db from "../db.server";
import { PROXY_CACHE, runningOffersForShop } from "../lib/proxy.server";
import { bundlePageLiquid, notFoundLiquid, proxyBase, selfContained } from "../lib/storefront.server";

export const loader = async ({ request, params }: LoaderFunctionArgs) => {
  const { liquid } = await authenticate.public.appProxy(request);
  const url = new URL(request.url);
  const shop = url.searchParams.get("shop") || "";
  const base = proxyBase(url.searchParams.get("path_prefix"));
  const handle = (params.handle || "").toLowerCase();
  const locale = request.headers.get("accept-language")?.split(",")[0]?.split("-")[0] || null;
  const data = await runningOffersForShop(shop, request.headers.get("x-shopify-country") || null);
  if (!data) return liquid(notFoundLiquid(base), { status: 404 });

  const offer = data.running.find((o) => o.handle === handle);
  if (offer) return liquid(selfContained(bundlePageLiquid(offer, data.ctx, locale)), { headers: { "Cache-Control": PROXY_CACHE } });

  const renamed = await db.offer.findFirst({ where: { shopId: data.shop.id, oldHandles: { has: handle } }, select: { id: true, handle: true } });
  if (renamed && data.running.some((o) => o.id === renamed.id)) {
    return redirect(`${base}/${renamed.handle}`, 301);
  }
  return liquid(notFoundLiquid(base), { status: 404 });
};