import type { LoaderFunctionArgs } from "react-router"; import { Links, Meta, Outlet, Scripts, ScrollRestoration, useLoaderData, useRouteError, } from "react-router"; import polarisStyles from "@shopify/polaris/build/esm/styles.css?url"; import dashboardStyles from "./dashboard.css?url"; export const links = () => [ { rel: "preconnect", href: "https://cdn.shopify.com" }, { rel: "preconnect", href: "https://fonts.googleapis.com" }, { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" }, { rel: "stylesheet", href: polarisStyles }, { rel: "stylesheet", href: dashboardStyles }, { rel: "preload", as: "style", href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css", }, { rel: "stylesheet", href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css", }, { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap", }, ]; export const loader = async ({ request }: LoaderFunctionArgs) => { const url = new URL(request.url); const pathname = url.pathname.toLowerCase(); const shop = url.searchParams.get("shop") || ""; const host = url.searchParams.get("host") || ""; const idToken = url.searchParams.get("id_token") || ""; // Load App Bridge v4 on every merchant app page (excluding standalone public/SaaS admin pages) const isShopifyEmbedded = !pathname.startsWith("/saas-admin") && !pathname.startsWith("/privacy") && !pathname.startsWith("/help") && !pathname.startsWith("/support") && !pathname.startsWith("/docs") && !pathname.startsWith("/documentation") && !pathname.startsWith("/api") && (pathname.startsWith("/app") || pathname === "/" || pathname.startsWith("/billing") || pathname.startsWith("/settings") || pathname.startsWith("/knowledge") || pathname.startsWith("/notifications") || pathname.startsWith("/dashboard") || Boolean(shop || host || idToken)); return { apiKey: process.env.SHOPIFY_API_KEY || "ff484160a48beda29e79144ee4e9a819", isShopifyEmbedded, shop, }; }; export default function App() { const { apiKey, isShopifyEmbedded, shop } = useLoaderData(); return ( {isShopifyEmbedded && apiKey ? ( <> {shop ? : null} ) : null} ); } export function ErrorBoundary() { const error: any = useRouteError(); console.error("[Root ErrorBoundary]:", error); const errorMessage = error?.message || error?.data?.message || (typeof error === "string" ? error : "An unexpected application error occurred."); const fallbackApiKey = "ff484160a48beda29e79144ee4e9a819"; return ( ShopPilot AI — Error
⚠

ShopPilot AI Assistant

{errorMessage}

); }