// App Proxy root: /apps/deal-of-the-hour
// Returns a full HTML storefront page showing the current deal.
import type { LoaderFunctionArgs } from "react-router";
import prisma from "../db.server";
import widgetCss from "../../extensions/deal-widget/assets/deal-widget.css?raw";
import widgetJs from "../../extensions/deal-widget/assets/deal-widget.js?raw";
export const loader = async ({ request }: LoaderFunctionArgs) => {
// Accept header check — if JSON is requested (widget JS), redirect to the data endpoint.
const accept = request.headers.get("accept") ?? "";
if (accept.includes("application/json") && !accept.includes("text/html")) {
return Response.redirect(new URL("/apps/deal-of-the-hour/current-deal", request.url), 302);
}
// Resolve shop from the signed app proxy query params Shopify appends.
const url = new URL(request.url);
const shop = url.searchParams.get("shop") ?? "";
// Load settings to get the proxy subpath (needed by the widget JS).
let proxySubpath = "deal-of-the-hour";
if (shop) {
try {
const settings = await prisma.appSettings.findUnique({ where: { shop } });
if (settings) proxySubpath = "deal-of-the-hour";
} catch { /* fall back */ }
}
const html = `
Deal of the Hour