{title}

{ "version": 3, "sources": ["browser-route-module:/Users/kjensen/Sync/Learning/JavaScript/react-group-learn/instadraw/src/root.tsx?browser", "../../src/root.tsx", "../../src/components/Header.tsx", "../../src/components/DiscordLoginButton.tsx"], "sourcesContent": ["export { CatchBoundary, ErrorBoundary, default, links, meta } from \"/Users/kjensen/Sync/Learning/JavaScript/react-group-learn/instadraw/src/root.tsx\";", "import * as React from \"react\";\nimport {\n Links,\n Link,\n LiveReload,\n Meta,\n Outlet,\n Scripts,\n ScrollRestoration,\n useCatch,\n useLoaderData,\n useLocation,\n redirect,\n} from \"remix\";\nimport type {\n MetaFunction,\n LinksFunction,\n ActionFunction,\n LoaderFunction,\n} from \"remix\";\n\nimport globalStylesUrl from \"~/styles/global.css\";\nimport SupabaseProvider, { useSupabaseAuthListener } from \"~/context/supabase\";\nimport Header from \"~/components/Header\";\n\nimport create from \"~/services/cookie.server\";\n\nexport let meta: MetaFunction = () => {\n return {\n title: \"Instadraw\",\n description: \"\",\n };\n};\n\nexport let links: LinksFunction = () => {\n return [\n {\n rel: \"stylesheet\",\n href: \"https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap\",\n },\n { rel: \"stylesheet\", href: globalStylesUrl },\n ];\n};\n\nexport let action: ActionFunction = async ({ request }) => {\n const { getSession, commitSession, destroySession } = create();\n\n const [body, session] = await Promise.all([\n request.formData(),\n getSession(request.headers.get(\"Cookie\")),\n ]);\n\n const event = body.get(\"event\");\n const token = body.get(\"token\");\n\n let cookie;\n\n if (event === \"SIGNED_IN\") {\n session.set(\"token\", token);\n\n cookie = await commitSession(session);\n } else {\n cookie = await destroySession(session);\n }\n\n return redirect(\"/\", {\n headers: {\n \"Set-Cookie\": cookie,\n },\n });\n};\n\nexport let loader: LoaderFunction = () => {\n return {\n env: {\n SUPABASE_URL: process.env.SUPABASE_URL,\n SUPABASE_ANON_KEY: process.env.SUPABASE_ANON_KEY,\n },\n };\n};\n\nfunction SupabaseListener() {\n useSupabaseAuthListener();\n return null;\n}\n\nexport default function Application() {\n const data = useLoaderData();\n\n return (\n \n \n \n \n \n \n \n \n \n );\n}\n\nfunction Environment({ env }: { env: IEnvironment }) {\n return (\n \n );\n}\n\nfunction Document({\n children,\n title,\n}: {\n children: React.ReactNode;\n title?: string;\n}) {\n return (\n \n \n \n \n {title ? {title} : null}\n \n \n \n \n {children}\n \n \n