@epic-web/workshop-app 4.0.0

package/README.md

@@ -0,0 +1,10 @@
+# EpicShop App
+
+This is a Remix App that you install in a workshop app with a very specific
+format and then when you run it, it will open a web browser to the EpicShop app.
+
+I should write docs, but I don't have time. Checkout the example.
+
+(`5639` is `Kody` in T9 🐨)
+
+<!-- Manual release counter: 1 -->

package/bin/epicshop.js

@@ -0,0 +1,84 @@
+#!/usr/bin/env node
+
+import { spawn } from 'child_process'
+import fs from 'fs'
+import path from 'path'
+import { fileURLToPath } from 'url'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const isPublished = !fs.existsSync(path.join(__dirname, '..', 'app'))
+const argv = process.argv.slice(2)
+
+const command = argv[0]
+switch (command) {
+	case 'start': {
+		start()
+		break
+	}
+	case 'upgrade':
+	case 'update': {
+		process.env.EPICSHOP_DISABLE_WATCHER = 'true'
+		const { updateLocalRepo } = await import(
+			'@epic-web/workshop-utils/git.server'
+		)
+		const result = await updateLocalRepo()
+		if (result.status === 'success') {
+			console.log(`✅ ${result.message}`)
+		} else {
+			console.error(`❌ ${result.message}`)
+		}
+		break
+	}
+	default: {
+		throw new Error(`Command ${command} is not supported`)
+	}
+}
+
+function start() {
+	const EPICSHOP_CONTEXT_CWD = process.env.EPICSHOP_CONTEXT_CWD ?? process.cwd()
+
+	if (process.env.NODE_ENV === 'production' || isPublished) {
+		exec('node ./start.js', {
+			EPICSHOP_CONTEXT_CWD,
+			NODE_ENV: 'production',
+		}).catch(code => {
+			console.error('Encountered error running the server, exiting...')
+			process.exit(code)
+		})
+	} else {
+		exec('npm run dev', {
+			EPICSHOP_CONTEXT_CWD,
+		}).catch(code => {
+			console.error('Encountered error running the dev script, exiting...')
+			process.exit(code)
+		})
+	}
+}
+
+async function exec(command, envVars) {
+	const child = spawn(command, {
+		shell: true,
+		cwd: path.join(__dirname, '..'),
+		stdio: 'inherit',
+		env: {
+			...process.env,
+			...envVars,
+		},
+	})
+	await new Promise((res, rej) => {
+		// Kill app on Windows after CTRL+C
+		if (process.platform === 'win32') {
+			process.on('SIGINT', () => {
+				spawn('taskkill', ['/pid', child.pid, '/f', '/t'])
+			})
+		}
+		// process.on('SIGINT', child.kill)
+		child.on('exit', code => {
+			if (code === 0) {
+				res(code)
+			} else {
+				rej(code)
+			}
+		})
+	})
+}

package/build/client/app-default.css

@@ -0,0 +1,39 @@
+/* This is used by default for non-server apps */
+
+@import ('/neogrotesk-font.css');
+
+html {
+	font-family:
+		Neogrotesk,
+		ui-sans-serif,
+		system-ui,
+		-apple-system,
+		BlinkMacSystemFont,
+		'Segoe UI',
+		Roboto,
+		'Helvetica Neue',
+		Arial,
+		'Noto Sans',
+		sans-serif,
+		'Apple Color Emoji',
+		'Segoe UI Emoji',
+		'Segoe UI Symbol',
+		'Noto Color Emoji';
+	font-feature-settings: normal;
+}
+
+code,
+kbd,
+samp,
+pre {
+	font-family:
+		IBM Plex Mono,
+		ui-monospace,
+		SFMono-Regular,
+		Menlo,
+		Monaco,
+		Consolas,
+		'Liberation Mono',
+		'Courier New',
+		monospace;
+}

package/build/client/assets/_-ByTWgb53.js

@@ -0,0 +1,2 @@
+import{j as e,u as a}from"./index-D1WEsmVZ.js";import{G as o}from"./error-boundary-Bg54_knF.js";import{I as s}from"./misc-CXGQ7VS9.js";import{L as t}from"./components-Dj3sm47B.js";import"./clsx-B-dksMZM.js";function x(){return e.jsx(n,{})}function n(){const r=a();return e.jsx(o,{statusHandlers:{404:()=>e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx("h1",{children:"We can't find this page:"}),e.jsx("pre",{className:"whitespace-pre-wrap break-all text-body-lg",children:r.pathname})]}),e.jsx(t,{to:"/",className:"text-body-md underline",children:e.jsx(s,{name:"ArrowLeft",children:"Back to home"})})]})}})}export{n as ErrorBoundary,x as default};
+//# sourceMappingURL=_-ByTWgb53.js.map

package/build/client/assets/_-ByTWgb53.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_-ByTWgb53.js","sources":["../../../app/routes/$.tsx"],"sourcesContent":["// This is called a \"splat route\" and as it's in the root `/app/routes/`\n// directory, it's a catchall. If no other routes match, this one will and we\n// can know that the user is hitting a URL that doesn't exist. By throwing a\n// 404 from the loader, we can force the error boundary to render which will\n// ensure the user gets the right status code and we can display a nicer error\n// message for them than the Remix and/or browser default.\n\nimport { Link, useLocation } from '@remix-run/react'\nimport { GeneralErrorBoundary } from '#app/components/error-boundary.tsx'\nimport { Icon } from '#app/components/icons.tsx'\n\nexport async function loader() {\n\tthrow new Response('Not found', { status: 404 })\n}\n\nexport default function NotFound() {\n\t// due to the loader, this component will never be rendered, but we'll return\n\t// the error boundary just in case.\n\treturn <ErrorBoundary />\n}\n\nexport function ErrorBoundary() {\n\tconst location = useLocation()\n\treturn (\n\t\t<GeneralErrorBoundary\n\t\t\tstatusHandlers={{\n\t\t\t\t404: () => (\n\t\t\t\t\t<div className=\"flex flex-col gap-6\">\n\t\t\t\t\t\t<div className=\"flex flex-col gap-3\">\n\t\t\t\t\t\t\t<h1>We can't find this page:</h1>\n\t\t\t\t\t\t\t<pre className=\"whitespace-pre-wrap break-all text-body-lg\">\n\t\t\t\t\t\t\t\t{location.pathname}\n\t\t\t\t\t\t\t</pre>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<Link to=\"/\" className=\"text-body-md underline\">\n\t\t\t\t\t\t\t<Icon name=\"ArrowLeft\">Back to home</Icon>\n\t\t\t\t\t\t</Link>\n\t\t\t\t\t</div>\n\t\t\t\t),\n\t\t\t}}\n\t\t/>\n\t)\n}\n"],"names":["NotFound","jsx","ErrorBoundary","location","GeneralErrorBoundary","jsxs","Link","Icon"],"mappings":"+MAWA,SAA+BA,GAAA,CAC9B,OAAmBC,EAAA,IAAAC,EAAe,CAAA,EACnC,CAEA,SAAAA,GAAmC,CAGlC,MAAAC,MACD,OAAAF,EAAAA,IAAAG,EAAA,CAEO,eAAyB,CAC/B,QAA6BC,EAAA,KAAA,MAAA,CAE5B,UAAA,sBAAC,SAAA,CAAAA,EAAA,KAAA,MAAA,CAAA,UAAA,sBACgB,SAAA,CAAAJ,EAAA,IAAA,KAAA,CACV,SACH,0BACA,CAAC,EAAAA,EAAA,IAAA,MAAI,CACJ,UAAA,6CACA,SAACE,EAAA,QAED,CACD,CAAA,CAAA,CACA,EAAAF,EAAC,IAAKK,EAAA,CAGP,GAAA,IAEF,UAAA,yBAAA,SAAAL,EAAA,IAAAM,EAAA,CACD,KAAA,YAEF,SAAA"}

package/build/client/assets/_-l0sNRNKZ.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=_-l0sNRNKZ.js.map

package/build/client/assets/_-l0sNRNKZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_-l0sNRNKZ.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/client/assets/_exerciseNumber-B_VU-pG1.js

@@ -0,0 +1,2 @@
+import{j as r,a as n,i as c}from"./index-D1WEsmVZ.js";import{E as a}from"./index-BfoHqrT5.js";import{E as d}from"./epic-video-BwJwnV_j.js";import{M as m,E as p}from"./mdx-DdywIxB6.js";import{P as x}from"./progress-CBZt2pmu.js";import{g as u}from"./misc-CXGQ7VS9.js";import{u as f,L as h}from"./components-Dj3sm47B.js";import"./loading-CaagEELb.js";import"./client-hints-BHTHvBjk.js";import"./index-zG3_j9lj.js";import"./index-B8k-Gd1G.js";import"./tooltip-CVFWPOu0.js";import"./clsx-B-dksMZM.js";import"./progress-bar-DX6yYES2.js";const C=({data:e,matches:o})=>{var i;if(!e)return[{title:"📝 | Error"}];const s=e.exercise.exerciseNumber.toString().padStart(2,"0"),t=(i=o.find(l=>l.id==="root"))==null?void 0:i.data;return[{title:`📝 | ${s}. ${e.exercise.title} | ${t==null?void 0:t.workshopTitle}`}]},b={h1:()=>null};function M(){var t;const e=f(),s=`${String(((t=e.firstStep)==null?void 0:t.stepNumber)??"01").padStart(2,"0")}/${e.firstType}`;return r.jsxs("main",{className:"relative flex h-full w-full max-w-5xl flex-col justify-between border-r md:w-3/4 xl:w-2/3",children:[r.jsxs("article",{id:e.articleId,className:"shadow-on-scrollbox flex w-full flex-1 flex-col gap-12 overflow-y-scroll px-3 py-4 pt-6 scrollbar-thin scrollbar-thumb-scrollbar md:px-10 md:py-12 md:pt-16",children:[r.jsx("div",{children:r.jsx("h1",{className:"text-[clamp(3rem,6vw,8.5rem)] font-extrabold leading-none",children:e.exercise.title})}),r.jsx("div",{children:e.exercise.instructionsCode?r.jsx(d,{epicVideoInfosPromise:e.epicVideoInfosPromise,children:r.jsx("div",{className:"prose dark:prose-invert sm:prose-lg",children:r.jsx(m,{code:e.exercise.instructionsCode,components:b})})}):"No instructions yet..."})]},e.articleId),r.jsx(a,{elementQuery:`#${e.articleId}`},`scroll-${e.articleId}`),r.jsx(x,{type:"instructions",exerciseNumber:e.exerciseNumber,className:"h-14 border-t px-6"}),r.jsxs("div",{className:"flex h-16 justify-between border-b-4 border-t lg:border-b-0",children:[r.jsx("div",{}),r.jsx(p,{file:e.exerciseReadme.file,relativePath:e.exerciseReadme.relativePath}),r.jsx(h,{to:s,prefetch:"intent",className:"flex h-full items-center justify-center bg-foreground px-7 text-background",children:"Start Learning"})]})]})}function T(){const e=n();return typeof document<"u"&&console.error(e),c(e)?e.status===404?r.jsx("p",{children:"Sorry, we couldn't find that step."}):r.jsxs("p",{children:[e.status," ",e.data]}):r.jsx("p",{children:u(e)})}export{T as ErrorBoundary,M as default,C as meta};
+//# sourceMappingURL=_exerciseNumber-B_VU-pG1.js.map

package/build/client/assets/_exerciseNumber-B_VU-pG1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_exerciseNumber-B_VU-pG1.js","sources":["../../../app/routes/_app+/_exercises+/$exerciseNumber.tsx"],"sourcesContent":["import path from 'path'\nimport { invariantResponse } from '@epic-web/invariant'\nimport { ElementScrollRestoration } from '@epic-web/restore-scroll'\nimport {\n\tgetExercises,\n\tgetWorkshopRoot,\n\tgetWorkshopTitle,\n} from '@epic-web/workshop-utils/apps.server'\nimport {\n\tcombineServerTimings,\n\tgetServerTimeHeader,\n\tmakeTimings,\n\ttime,\n} from '@epic-web/workshop-utils/timing.server'\nimport {\n\ttype LoaderFunctionArgs,\n\ttype HeadersFunction,\n\ttype MetaFunction,\n\tdefer,\n} from '@remix-run/node'\nimport {\n\tLink,\n\tisRouteErrorResponse,\n\tuseLoaderData,\n\tuseRouteError,\n} from '@remix-run/react'\nimport slugify from '@sindresorhus/slugify'\nimport { EpicVideoInfoProvider } from '#app/components/epic-video.tsx'\nimport { type loader as rootLoader } from '#app/root.tsx'\nimport { EditFileOnGitHub } from '#app/routes/launch-editor.tsx'\nimport { ProgressToggle } from '#app/routes/progress.tsx'\nimport { getEpicVideoInfos } from '#app/utils/epic-api.ts'\nimport { Mdx } from '#app/utils/mdx.tsx'\nimport { getErrorMessage } from '#app/utils/misc.tsx'\n\nexport const meta: MetaFunction<typeof loader, { root: typeof rootLoader }> = ({\n\tdata,\n\tmatches,\n}) => {\n\tif (!data) {\n\t\treturn [{ title: '📝 | Error' }]\n\t}\n\tconst number = data.exercise.exerciseNumber.toString().padStart(2, '0')\n\t// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n\tconst rootData = matches.find(m => m.id === 'root')?.data\n\treturn [\n\t\t{\n\t\t\ttitle: `📝 | ${number}. ${data.exercise.title} | ${rootData?.workshopTitle}`,\n\t\t},\n\t]\n}\n\nexport async function loader({ request, params }: LoaderFunctionArgs) {\n\tconst timings = makeTimings('exerciseNumberLoader')\n\tinvariantResponse(params.exerciseNumber, 'exerciseNumber is required')\n\tconst [exercises, workshopTitle] = await Promise.all([\n\t\ttime(() => getExercises({ request, timings }), {\n\t\t\ttimings,\n\t\t\ttype: 'getExercises',\n\t\t\tdesc: 'getExercises in $exerciseNumber.tsx',\n\t\t}),\n\t\ttime(() => getWorkshopTitle(), {\n\t\t\ttimings,\n\t\t\ttype: 'getWorkshopTitle',\n\t\t\tdesc: 'getWorkshopTitle in $exerciseNumber.tsx',\n\t\t}),\n\t])\n\tconst exercise = exercises.find(\n\t\te => e.exerciseNumber === Number(params.exerciseNumber),\n\t)\n\tif (!exercise) {\n\t\tthrow new Response('Not found', { status: 404 })\n\t}\n\n\tconst readmeFilepath = path.join(\n\t\tgetWorkshopRoot(),\n\t\t'exercises',\n\t\texercise.dirName,\n\t\t'README.mdx',\n\t)\n\n\tconst firstStep = exercise.steps.find(Boolean)\n\n\tconst articleId = `workshop-${slugify(workshopTitle)}-${\n\t\texercise.exerciseNumber\n\t}-instructions`\n\n\treturn defer(\n\t\t{\n\t\t\tarticleId,\n\t\t\texercise,\n\t\t\texerciseNumber: exercise.exerciseNumber,\n\t\t\texerciseReadme: {\n\t\t\t\tfile: readmeFilepath,\n\t\t\t\trelativePath: `exercises/${exercise.dirName}`,\n\t\t\t},\n\t\t\texerciseTitle: exercise.title,\n\t\t\tfirstStep,\n\t\t\tfirstType: firstStep?.problem ? 'problem' : 'solution',\n\t\t\ttitle: workshopTitle,\n\t\t\tepicVideoInfosPromise: getEpicVideoInfos(\n\t\t\t\texercise.instructionsEpicVideoEmbeds,\n\t\t\t\t{ request },\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\theaders: {\n\t\t\t\t'Server-Timing': getServerTimeHeader(timings),\n\t\t\t},\n\t\t},\n\t)\n}\n\nexport const headers: HeadersFunction = ({ loaderHeaders, parentHeaders }) => {\n\tconst headers = {\n\t\t'Cache-Control': loaderHeaders.get('Cache-Control') ?? '',\n\t\t'Server-Timing': combineServerTimings(loaderHeaders, parentHeaders),\n\t}\n\treturn headers\n}\n\nconst mdxComponents = { h1: () => null }\nexport default function ExerciseNumberRoute() {\n\tconst data = useLoaderData<typeof loader>()\n\n\tconst firstStepNumber = String(data.firstStep?.stepNumber ?? '01')\n\tconst firstStepPath = `${firstStepNumber.padStart(2, '0')}/${data.firstType}`\n\treturn (\n\t\t<main className=\"relative flex h-full w-full max-w-5xl flex-col justify-between border-r md:w-3/4 xl:w-2/3\">\n\t\t\t<article\n\t\t\t\tid={data.articleId}\n\t\t\t\tkey={data.articleId}\n\t\t\t\tclassName=\"shadow-on-scrollbox flex w-full flex-1 flex-col gap-12 overflow-y-scroll px-3 py-4 pt-6 scrollbar-thin scrollbar-thumb-scrollbar md:px-10 md:py-12 md:pt-16\"\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t<h1 className=\"text-[clamp(3rem,6vw,8.5rem)] font-extrabold leading-none\">\n\t\t\t\t\t\t{data.exercise.title}\n\t\t\t\t\t</h1>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t{data.exercise.instructionsCode ? (\n\t\t\t\t\t\t<EpicVideoInfoProvider\n\t\t\t\t\t\t\tepicVideoInfosPromise={data.epicVideoInfosPromise}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"prose dark:prose-invert sm:prose-lg\">\n\t\t\t\t\t\t\t\t<Mdx\n\t\t\t\t\t\t\t\t\tcode={data.exercise.instructionsCode}\n\t\t\t\t\t\t\t\t\tcomponents={mdxComponents}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</EpicVideoInfoProvider>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t'No instructions yet...'\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</article>\n\t\t\t<ElementScrollRestoration\n\t\t\t\telementQuery={`#${data.articleId}`}\n\t\t\t\tkey={`scroll-${data.articleId}`}\n\t\t\t/>\n\t\t\t<ProgressToggle\n\t\t\t\ttype=\"instructions\"\n\t\t\t\texerciseNumber={data.exerciseNumber}\n\t\t\t\tclassName=\"h-14 border-t px-6\"\n\t\t\t/>\n\t\t\t<div className=\"flex h-16 justify-between border-b-4 border-t lg:border-b-0\">\n\t\t\t\t<div />\n\t\t\t\t<EditFileOnGitHub\n\t\t\t\t\tfile={data.exerciseReadme.file}\n\t\t\t\t\trelativePath={data.exerciseReadme.relativePath}\n\t\t\t\t/>\n\t\t\t\t<Link\n\t\t\t\t\tto={firstStepPath}\n\t\t\t\t\tprefetch=\"intent\"\n\t\t\t\t\tclassName=\"flex h-full items-center justify-center bg-foreground px-7 text-background\"\n\t\t\t\t>\n\t\t\t\t\tStart Learning\n\t\t\t\t</Link>\n\t\t\t</div>\n\t\t</main>\n\t)\n}\n\nexport function ErrorBoundary() {\n\tconst error = useRouteError()\n\n\tif (typeof document !== 'undefined') {\n\t\tconsole.error(error)\n\t}\n\n\treturn isRouteErrorResponse(error) ? (\n\t\terror.status === 404 ? (\n\t\t\t<p>Sorry, we couldn't find that step.</p>\n\t\t) : (\n\t\t\t<p>\n\t\t\t\t{error.status} {error.data}\n\t\t\t</p>\n\t\t)\n\t) : (\n\t\t<p>{getErrorMessage(error)}</p>\n\t)\n}\n"],"names":["meta","data","matches","number","rootData","_a","m","mdxComponents","ExerciseNumberRoute","useLoaderData","firstStepPath","jsxs","jsx","EpicVideoInfoProvider","Mdx","ElementScrollRestoration","ProgressToggle","EditFileOnGitHub","Link","ErrorBoundary","error","useRouteError","isRouteErrorResponse","getErrorMessage"],"mappings":"mhBAOO,MAAAA,EAAA,CAAA,CACP,KAAAC,EACC,QAAAC,CAAA,IACA,OACA,GAAA,CAAAD,EACA,MAAA,CAAA,CACM,MAAA,YACP,CAAA,EAKO,MAAAE,EAAAF,EAAA,SAAA,eAAA,SAAA,EAAA,SAAA,EAAA,GAAA,EACPG,GAAAC,EAAAH,EAAA,KAAAI,GAAAA,EAAA,KAAA,MAAA,IAAA,YAAAD,EAAA,KACC,MAAA,CAAA,CACA,MAAA,QAAAF,CAAA,KAAAF,EAAA,SAAA,KAAA,MAAAG,GAAA,YAAAA,EAAA,aAAA,EAAA,CACA,CAAA,EAEMG,EAAA,CACP,GAAA,IAAoB,IACpB,EAEiC,SAAAC,GAAA,OACjC,MAAAP,EAA+BQ,IAE/BC,EAAoB,GADc,SAAAL,EAAAJ,EAAA,YAAA,YAAAI,EAAA,aAAA,IAAA,EACd,SAAA,EAAA,GAAA,CAAA,IAAAJ,EAAA,SAAA,GACpB,OAAgCU,EAAAA,KAAA,OAAA,CAEzB,sGACN,SAAA,CAAAA,EAAA,KAAA,UAAA,CACA,GAAAV,EAAA,UACK,UAAA,8JACD,SAAO,CAAAW,EAAA,IAAA,MAAA,CACV,SAAiBA,EAAc,IAAA,KAAA,CAChC,UAAA,4DACM,WAAuB,SAAA,KAE7B,EACA,CAAO,EAAAA,EAAA,IAAA,MAAA,CACN,SAAAX,EAAA,SAAA,iBAAAW,EAAAA,IAAAC,EAAA,CACC,wBAAwC,sBACzC,SAAAD,EAAA,IAAA,MAAA,CACD,UAAA,sCACD,SAAAA,EAAA,IAAAE,EAAA,CAEA,KAAAb,EAA6B,SAAW,iBACjC,YACN,CAAkB,CAClB,CAAkB,CACZ,CAAA,EAAM,wBAAoC,CAC9C,CAAA,CAAA,EACMA,EAAA,SAAA,EAAAW,EAAAA,IAAAG,EAAA,CACN,aAAM,IAAAd,EAAA,SAAA,EAAA,EACN,UAAAA,EAAA,SAAA,EAAA,EAAAW,EAAA,IAAAI,EAAA,CACD,KAAW,eACV,eAAAf,EAAA,eACA,UAAM,oBAAA,CAAA,EACAU,EAAA,KAAA,MAAA,CACN,UAAA,8DACD,SAAA,CAAAC,EAAAA,IAAA,MAAA,CAAA,CAAA,EAAAA,EAAA,IAAAK,EAAA,CACK,OAAW,eAAU,KACrB,aAAqBhB,EAAA,2BAA4B,CACvD,EAAAW,EAAA,IAAAM,EAAA,CACe,GAAAR,EACd,SAAmB,SACpB,UAAA,6EAEM,yBAAsB,CACX,CAAA,CAAA,CAChB,CAAA,CAAA,CAAA,CACS,CAEV,SAAAS,GAAA,CAEA,MAAMC,EAAYC,IAElB,OAAA,gBAA8B,KAIvB,QAAA,MAAAD,CAAA,EAELE,EAAAF,CAAA,EAAAA,EAAA,SAAA,IAAAR,EAAA,IAAA,IAAA,CACA,SAAA,oCAAA,CAAA,EACgBD,EAAS,KAAA,IAAA,CAAA,SACT,CAAAS,EAAA,OAAA,IAAAA,EAAA,IAAA,CAAA,CAAA,EACTR,EAAA,IAAA,IAAA,CACN,SAAAW,EAA2BH,CAAA,CAAgB,CAC5C,CAAA"}

package/build/client/assets/_exerciseNumber_._stepNumber-D1wwEMQx.js

@@ -0,0 +1,2 @@
+import{j as t,O as e,a as o,i as s}from"./index-D1WEsmVZ.js";import{g as n}from"./misc-CXGQ7VS9.js";import"./clsx-B-dksMZM.js";import"./components-Dj3sm47B.js";function d(){return t.jsx(e,{})}function c(){const r=o();return typeof document<"u"&&console.error(r),s(r)?r.status===404?t.jsx("p",{children:"Sorry, we couldn't find that step."}):t.jsxs("p",{children:[r.status," ",r.data]}):t.jsx("p",{children:n(r)})}export{c as ErrorBoundary,d as default};
+//# sourceMappingURL=_exerciseNumber_._stepNumber-D1wwEMQx.js.map

package/build/client/assets/_exerciseNumber_._stepNumber-D1wwEMQx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_exerciseNumber_._stepNumber-D1wwEMQx.js","sources":["../../../app/routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.tsx"],"sourcesContent":["import { invariantResponse } from '@epic-web/invariant'\nimport {\n\tgetExercises,\n\tgetWorkshopTitle,\n} from '@epic-web/workshop-utils/apps.server'\nimport {\n\tcombineServerTimings,\n\tgetServerTimeHeader,\n\tmakeTimings,\n} from '@epic-web/workshop-utils/timing.server'\nimport {\n\ttype LoaderFunctionArgs,\n\ttype HeadersFunction,\n\tjson,\n} from '@remix-run/node'\nimport { isRouteErrorResponse, Outlet, useRouteError } from '@remix-run/react'\nimport { getErrorMessage } from '#app/utils/misc.tsx'\n\nexport async function loader({ request, params }: LoaderFunctionArgs) {\n\tconst timings = makeTimings('stepLoader')\n\tinvariantResponse(params.exerciseNumber, 'exerciseNumber is required')\n\tconst [exercises, workshopTitle] = await Promise.all([\n\t\tgetExercises({ request, timings }),\n\t\tgetWorkshopTitle(),\n\t])\n\tconst exercise = exercises.find(\n\t\te => e.exerciseNumber === Number(params.exerciseNumber),\n\t)\n\tif (!exercise) {\n\t\tthrow new Response('Not found', { status: 404 })\n\t}\n\n\tconst result = json(\n\t\t{\n\t\t\texerciseNumber: exercise.exerciseNumber,\n\t\t\texerciseTitle: exercise.title,\n\t\t\ttitle: workshopTitle,\n\t\t\texercises: exercises.map(e => ({\n\t\t\t\texerciseNumber: e.exerciseNumber,\n\t\t\t\ttitle: e.title,\n\t\t\t})),\n\t\t},\n\t\t{\n\t\t\theaders: {\n\t\t\t\t'Server-Timing': getServerTimeHeader(timings),\n\t\t\t},\n\t\t},\n\t)\n\treturn result\n}\n\nexport const headers: HeadersFunction = ({ loaderHeaders, parentHeaders }) => {\n\tconst headers = {\n\t\t'Cache-Control': loaderHeaders.get('Cache-Control') ?? '',\n\t\t'Server-Timing': combineServerTimings(loaderHeaders, parentHeaders),\n\t}\n\treturn headers\n}\n\nexport default function StepRoute() {\n\treturn <Outlet />\n}\n\nexport function ErrorBoundary() {\n\tconst error = useRouteError()\n\n\tif (typeof document !== 'undefined') {\n\t\tconsole.error(error)\n\t}\n\n\treturn isRouteErrorResponse(error) ? (\n\t\terror.status === 404 ? (\n\t\t\t<p>Sorry, we couldn't find that step.</p>\n\t\t) : (\n\t\t\t<p>\n\t\t\t\t{error.status} {error.data}\n\t\t\t</p>\n\t\t)\n\t) : (\n\t\t<p>{getErrorMessage(error)}</p>\n\t)\n}\n"],"names":["StepRoute","jsx","Outlet","ErrorBoundary","error","useRouteError","isRouteErrorResponse","jsxs","getErrorMessage"],"mappings":"gKAEC,SAAAA,GAAA,CACA,OAAAC,EAAA,IAAAC,EAAA,CAAA,CAAA,CAAA,CAED,SAAAC,GAAA,CACC,MAAAC,EAAAC,IACA,OAAA,OAAA,SAAA,KACA,QAAA,MAAAD,CAAA,EAEDE,EAAAF,CAAA,EAAAA,EAAA,SAAA,IAAAH,EAAA,IAAA,IAAA,CAGC,SAAA,oCAAA,CACM,EAAAM,EAAA,KAAA,IAAA,CACE,SAAA,CAAAH,EAAA,OAAA,MAAmD,IAAA,CAC5D,CAAA,EAAgCH,EAAA,IAAA,IAAA,CAEhC,SAAAO,EAA6BJ,CAAW,CACvC,CAAM,CACN"}

package/build/client/assets/_exerciseNumber_._stepNumber.index-l0sNRNKZ.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=_exerciseNumber_._stepNumber.index-l0sNRNKZ.js.map

package/build/client/assets/_exerciseNumber_._stepNumber.index-l0sNRNKZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_exerciseNumber_._stepNumber.index-l0sNRNKZ.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/client/assets/_exerciseNumber_.finished-DldgXnJy.js

@@ -0,0 +1,2 @@
+import{j as e,r as a}from"./index-D1WEsmVZ.js";import{E as n}from"./index-BfoHqrT5.js";import{E as c}from"./epic-video-BwJwnV_j.js";import{L as d}from"./loading-CaagEELb.js";import{N as x}from"./nav-chevrons-D8c9lJW6.js";import{M as m,E as p}from"./mdx-DdywIxB6.js";import{P as f}from"./progress-CBZt2pmu.js";import{c as h}from"./misc-CXGQ7VS9.js";import{u,L as j}from"./components-Dj3sm47B.js";import"./index-zG3_j9lj.js";import"./index-B8k-Gd1G.js";import"./tooltip-CVFWPOu0.js";import"./client-hints-BHTHvBjk.js";import"./clsx-B-dksMZM.js";import"./progress-bar-DX6yYES2.js";const M=({data:r,matches:s})=>{var o;if(!r)return[{title:"🦉 | Error"}];const t=r.exercise.exerciseNumber.toString().padStart(2,"0"),i=(o=s.find(l=>l.id==="root"))==null?void 0:o.data;return[{title:`🦉 | ${t}. ${r.exercise.title} | ${i==null?void 0:i.workshopTitle}`}]},b={h1:()=>null};function R(){const r=u(),s=r.exercise.exerciseNumber.toString().padStart(2,"0");return e.jsx("div",{className:"flex flex-grow flex-col",children:e.jsxs("main",{className:"grid h-full flex-grow grid-cols-1 grid-rows-2 lg:grid-cols-2 lg:grid-rows-1",children:[e.jsxs("div",{className:"relative col-span-1 row-span-1 flex h-full flex-col lg:border-r",children:[e.jsx("h1",{className:"h-14 border-b pl-10 pr-5 text-sm font-medium uppercase leading-none",children:e.jsx("div",{className:"flex h-14 flex-wrap items-center justify-between gap-x-2 py-2",children:e.jsxs("div",{className:"flex items-center justify-start gap-x-2",children:[e.jsx(j,{to:`/${s}`,className:"hover:underline",children:`${s}. ${r.exercise.title}`}),e.jsx("span",{children:"/"}),e.jsx("span",{children:"Elaboration"})]})})}),e.jsx("article",{className:"shadow-on-scrollbox h-full w-full max-w-none flex-1 scroll-pt-6 space-y-6 overflow-y-auto p-10 pt-8 scrollbar-thin scrollbar-thumb-scrollbar",id:r.articleId,children:r.exercise.finishedCode?e.jsx(c,{epicVideoInfosPromise:r.epicVideoInfosPromise,children:e.jsx("div",{className:"prose dark:prose-invert sm:prose-lg",children:e.jsx(m,{code:r.exercise.finishedCode,components:b})})}):"No finished instructions yet..."}),e.jsx(n,{elementQuery:`#${r.articleId}`}),e.jsx(f,{type:"finished",exerciseNumber:r.exercise.exerciseNumber,className:"h-14 border-t px-6"}),e.jsxs("div",{className:"flex h-16 justify-between border-b-4 border-t lg:border-b-0",children:[e.jsx("div",{}),r.exerciseFinished?e.jsx(p,{file:r.exerciseFinished.file,relativePath:r.exerciseFinished.relativePath}):null,e.jsx(x,{prev:r.prevStepLink,next:r.nextStepLink})]})]}),e.jsx(g,{exerciseFormEmbedUrl:r.exerciseFormEmbedUrl,exerciseTitle:r.exercise.title})]})})}function g({exerciseFormEmbedUrl:r,exerciseTitle:s}){const[t,i]=a.useState(!1);return e.jsxs("div",{className:"relative flex-shrink-0",children:[t?null:e.jsx("div",{className:"absolute inset-0 z-10 flex items-center justify-center",children:e.jsx(d,{children:e.jsxs("span",{children:["Loading ",s," Elaboration form"]})})}),e.jsx("iframe",{onLoad:()=>i(!0),title:"Elaboration",src:r,className:h("absolute inset-0 flex h-full w-full transition-opacity duration-300",t?"opacity-100":"opacity-0")})]})}export{R as default,M as meta};
+//# sourceMappingURL=_exerciseNumber_.finished-DldgXnJy.js.map

package/build/client/assets/_exerciseNumber_.finished-DldgXnJy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_exerciseNumber_.finished-DldgXnJy.js","sources":["../../../app/routes/_app+/_exercises+/$exerciseNumber_.finished.tsx"],"sourcesContent":["import path from 'path'\nimport { invariantResponse } from '@epic-web/invariant'\nimport { ElementScrollRestoration } from '@epic-web/restore-scroll'\nimport {\n\tgetAppPageRoute,\n\tgetApps,\n\tgetExercise,\n\tgetWorkshopRoot,\n\tgetWorkshopTitle,\n\tisExerciseStepApp,\n} from '@epic-web/workshop-utils/apps.server'\nimport {\n\tcombineServerTimings,\n\tgetServerTimeHeader,\n\tmakeTimings,\n} from '@epic-web/workshop-utils/timing.server'\nimport { getPkgProp } from '@epic-web/workshop-utils/utils.server'\nimport {\n\ttype LoaderFunctionArgs,\n\ttype HeadersFunction,\n\ttype MetaFunction,\n\tdefer,\n} from '@remix-run/node'\nimport { Link, useLoaderData } from '@remix-run/react'\nimport slugify from '@sindresorhus/slugify'\nimport * as React from 'react'\nimport { EpicVideoInfoProvider } from '#app/components/epic-video.tsx'\nimport { Loading } from '#app/components/loading.tsx'\nimport { NavChevrons } from '#app/components/nav-chevrons.tsx'\nimport { type loader as rootLoader } from '#app/root.tsx'\nimport { EditFileOnGitHub } from '#app/routes/launch-editor.tsx'\nimport { ProgressToggle } from '#app/routes/progress.tsx'\nimport { getEpicVideoInfos } from '#app/utils/epic-api.ts'\nimport { Mdx } from '#app/utils/mdx.tsx'\nimport { cn } from '#app/utils/misc.tsx'\n\nexport const meta: MetaFunction<typeof loader, { root: typeof rootLoader }> = ({\n\tdata,\n\tmatches,\n}) => {\n\tif (!data) {\n\t\treturn [{ title: '🦉 | Error' }]\n\t}\n\tconst number = data.exercise.exerciseNumber.toString().padStart(2, '0')\n\t// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n\tconst rootData = matches.find(m => m.id === 'root')?.data\n\treturn [\n\t\t{\n\t\t\ttitle: `🦉 | ${number}. ${data.exercise.title} | ${rootData?.workshopTitle}`,\n\t\t},\n\t]\n}\n\nexport async function loader({ request, params }: LoaderFunctionArgs) {\n\tconst timings = makeTimings('exerciseFinishedLoader')\n\tinvariantResponse(params.exerciseNumber, 'exerciseNumber is required')\n\tconst exercise = await getExercise(params.exerciseNumber, {\n\t\ttimings,\n\t\trequest,\n\t})\n\tif (!exercise) {\n\t\tthrow new Response('Not found', { status: 404 })\n\t}\n\tconst workshopTitle = await getWorkshopTitle()\n\tconst workshopRoot = getWorkshopRoot()\n\tconst exerciseFormTemplate = await getPkgProp(\n\t\tworkshopRoot,\n\t\t'epicshop.forms.exercise',\n\t\t`https://docs.google.com/forms/d/e/1FAIpQLSf3o9xyjQepTlOTH5Z7ZwkeSTdXh6YWI_RGc9KiyD3oUN0p6w/viewform?hl=en&embedded=true&entry.1836176234={workshopTitle}&entry.428900931={exerciseTitle}`,\n\t)\n\tconst exerciseFormEmbedUrl = exerciseFormTemplate\n\t\t.replace('{workshopTitle}', encodeURIComponent(workshopTitle))\n\t\t.replace('{exerciseTitle}', encodeURIComponent(exercise.title))\n\tconst nextExercise = await getExercise(exercise.exerciseNumber + 1, {\n\t\ttimings,\n\t\trequest,\n\t})\n\n\tconst finishedFilepath = path.join(\n\t\tgetWorkshopRoot(),\n\t\t'exercises',\n\t\texercise.dirName,\n\t\t'FINISHED.mdx',\n\t)\n\n\tconst apps = await getApps({ request, timings })\n\tconst exerciseApps = apps\n\t\t.filter(isExerciseStepApp)\n\t\t.filter(app => app.exerciseNumber === exercise.exerciseNumber)\n\tconst prevApp = exerciseApps[exerciseApps.length - 1]\n\n\tconst articleId = `workshop-${slugify(workshopTitle)}-${\n\t\texercise.exerciseNumber\n\t}-finished`\n\n\treturn defer(\n\t\t{\n\t\t\tarticleId,\n\t\t\tworkshopTitle,\n\t\t\texercise,\n\t\t\texerciseFormEmbedUrl,\n\t\t\tepicVideoInfosPromise: getEpicVideoInfos(\n\t\t\t\texercise.finishedEpicVideoEmbeds,\n\t\t\t\t{ request },\n\t\t\t),\n\t\t\texerciseFinished: exercise.finishedCode\n\t\t\t\t? {\n\t\t\t\t\t\tfile: finishedFilepath,\n\t\t\t\t\t\trelativePath: `exercises/${exercise.dirName}/FINISHED.mdx`,\n\t\t\t\t\t}\n\t\t\t\t: null,\n\t\t\tprevStepLink: prevApp\n\t\t\t\t? {\n\t\t\t\t\t\tto: getAppPageRoute(prevApp),\n\t\t\t\t\t\t'aria-label': `${prevApp.title} (${prevApp.type})`,\n\t\t\t\t\t}\n\t\t\t\t: null,\n\t\t\tnextStepLink: nextExercise\n\t\t\t\t? {\n\t\t\t\t\t\tto: `/${nextExercise.exerciseNumber.toString().padStart(2, '0')}`,\n\t\t\t\t\t\t'aria-label': `${nextExercise.title}`,\n\t\t\t\t\t}\n\t\t\t\t: {\n\t\t\t\t\t\tto: '/finished',\n\t\t\t\t\t\t'aria-label': 'Finished! 🎉',\n\t\t\t\t\t},\n\t\t},\n\t\t{\n\t\t\theaders: {\n\t\t\t\t'Server-Timing': getServerTimeHeader(timings),\n\t\t\t},\n\t\t},\n\t)\n}\n\nexport const headers: HeadersFunction = ({ loaderHeaders, parentHeaders }) => {\n\tconst headers = {\n\t\t'Cache-Control': loaderHeaders.get('Cache-Control') ?? '',\n\t\t'Server-Timing': combineServerTimings(loaderHeaders, parentHeaders),\n\t}\n\treturn headers\n}\n\nconst mdxComponents = { h1: () => null }\nexport default function ExerciseFinished() {\n\tconst data = useLoaderData<typeof loader>()\n\tconst exerciseNumber = data.exercise.exerciseNumber\n\t\t.toString()\n\t\t.padStart(2, '0')\n\n\treturn (\n\t\t<div className=\"flex flex-grow flex-col\">\n\t\t\t<main className=\"grid h-full flex-grow grid-cols-1 grid-rows-2 lg:grid-cols-2 lg:grid-rows-1\">\n\t\t\t\t<div className=\"relative col-span-1 row-span-1 flex h-full flex-col lg:border-r\">\n\t\t\t\t\t<h1 className=\"h-14 border-b pl-10 pr-5 text-sm font-medium uppercase leading-none\">\n\t\t\t\t\t\t<div className=\"flex h-14 flex-wrap items-center justify-between gap-x-2 py-2\">\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-start gap-x-2\">\n\t\t\t\t\t\t\t\t<Link to={`/${exerciseNumber}`} className=\"hover:underline\">\n\t\t\t\t\t\t\t\t\t{`${exerciseNumber}. ${data.exercise.title}`}\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t<span>/</span>\n\t\t\t\t\t\t\t\t<span>Elaboration</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</h1>\n\n\t\t\t\t\t<article\n\t\t\t\t\t\tclassName=\"shadow-on-scrollbox h-full w-full max-w-none flex-1 scroll-pt-6 space-y-6 overflow-y-auto p-10 pt-8 scrollbar-thin scrollbar-thumb-scrollbar\"\n\t\t\t\t\t\tid={data.articleId}\n\t\t\t\t\t>\n\t\t\t\t\t\t{data.exercise.finishedCode ? (\n\t\t\t\t\t\t\t<EpicVideoInfoProvider\n\t\t\t\t\t\t\t\tepicVideoInfosPromise={data.epicVideoInfosPromise}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"prose dark:prose-invert sm:prose-lg\">\n\t\t\t\t\t\t\t\t\t<Mdx\n\t\t\t\t\t\t\t\t\t\tcode={data.exercise.finishedCode}\n\t\t\t\t\t\t\t\t\t\tcomponents={mdxComponents}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</EpicVideoInfoProvider>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t// TODO: render a random dad joke...\n\t\t\t\t\t\t\t'No finished instructions yet...'\n\t\t\t\t\t\t)}\n\t\t\t\t\t</article>\n\t\t\t\t\t<ElementScrollRestoration elementQuery={`#${data.articleId}`} />\n\t\t\t\t\t<ProgressToggle\n\t\t\t\t\t\ttype=\"finished\"\n\t\t\t\t\t\texerciseNumber={data.exercise.exerciseNumber}\n\t\t\t\t\t\tclassName=\"h-14 border-t px-6\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"flex h-16 justify-between border-b-4 border-t lg:border-b-0\">\n\t\t\t\t\t\t<div />\n\t\t\t\t\t\t{data.exerciseFinished ? (\n\t\t\t\t\t\t\t<EditFileOnGitHub\n\t\t\t\t\t\t\t\tfile={data.exerciseFinished.file}\n\t\t\t\t\t\t\t\trelativePath={data.exerciseFinished.relativePath}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t<NavChevrons prev={data.prevStepLink} next={data.nextStepLink} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<Survey\n\t\t\t\t\texerciseFormEmbedUrl={data.exerciseFormEmbedUrl}\n\t\t\t\t\texerciseTitle={data.exercise.title}\n\t\t\t\t/>\n\t\t\t</main>\n\t\t</div>\n\t)\n}\n\nfunction Survey({\n\texerciseFormEmbedUrl,\n\texerciseTitle,\n}: {\n\texerciseFormEmbedUrl: string\n\texerciseTitle: string\n}) {\n\tconst [iframeLoaded, setIframeLoaded] = React.useState(false)\n\treturn (\n\t\t<div className=\"relative flex-shrink-0\">\n\t\t\t{!iframeLoaded ? (\n\t\t\t\t<div className=\"absolute inset-0 z-10 flex items-center justify-center\">\n\t\t\t\t\t<Loading>\n\t\t\t\t\t\t<span>Loading {exerciseTitle} Elaboration form</span>\n\t\t\t\t\t</Loading>\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t<iframe\n\t\t\t\tonLoad={() => setIframeLoaded(true)}\n\t\t\t\ttitle=\"Elaboration\"\n\t\t\t\tsrc={exerciseFormEmbedUrl}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'absolute inset-0 flex h-full w-full transition-opacity duration-300',\n\t\t\t\t\tiframeLoaded ? 'opacity-100' : 'opacity-0',\n\t\t\t\t)}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n"],"names":["meta","data","matches","number","rootData","_a","m","mdxComponents","ExerciseFinished","useLoaderData","exerciseNumber","jsx","jsxs","Link","EpicVideoInfoProvider","Mdx","ElementScrollRestoration","ProgressToggle","EditFileOnGitHub","NavChevrons","Survey","exerciseFormEmbedUrl","exerciseTitle","setIframeLoaded","React.useState","iframeLoaded","Loading","cn"],"mappings":"kkBAUO,MAAAA,EAAA,CAAA,CACP,KAAAC,EACC,QAAAC,CAAA,IACA,OACA,GAAA,CAAAD,EACM,MAAA,CAAA,CACP,MAA2B,YAC3B,CAAA,EAKO,MAAAE,EAAAF,EAAA,SAAA,eAAA,SAAA,EAAA,SAAA,EAAA,GAAA,EACPG,GAAoCC,EAAAH,EAAA,KAAAI,GAAAA,EAAA,KAAA,MAAA,IAAA,YAAAD,EAAA,KACpC,MAAoB,CAAA,CACpB,MAAA,QAAuBF,CAAA,KAAAF,EAAA,SAAA,KAAA,MAAAG,GAAA,YAAAA,EAAA,aAAA,EACvB,CAAA,CACA,EACAG,EAA4B,CAE5B,GAAA,IAAiC,IACjC,EACkC,SAAAC,GAAA,CAClC,MAAAP,EAAoBQ,IACpBC,EAAmBT,EAAA,SAAA,eAAA,SAAA,EAAA,SAAA,EAAA,GAAA,EAEZ,OAAwEU,EAAAA,IAAA,MAAA,CAC9E,UAAA,0BACA,SAAAC,EAAA,KAAA,OAAA,CACK,UAAA,8EACD,SAAO,CAAAA,EAAA,KAAA,MAAA,CACV,UAAiB,kEAClB,SAAA,CAAAD,EAAA,IAAA,KAAA,CACM,+FAE6B,MAAE,CAC9B,UAAA,gEACN,SAAAC,EAAA,KAAA,MAAA,WACsB,0CACtB,SAAA,CAAAD,EAAA,IAAAE,EAAA,CACD,GAAA,IAAAH,CAAA,GACD,UAAA,kBAEA,SAA6B,GAAAA,CAAW,KAA8BT,EAAA,SAAA,KAAA,EACrE,CAAM,EAA8CU,EAAA,IAAA,OAAA,CAClC,SAAA,GAClB,CAAiB,EAAkBA,EAAA,IAAA,OAAuB,CACzD,SAAA,aAAA,CACA,CAAA,CAAA,CACA,CACD,CAAe,CACd,CAAA,EAAmBA,EAAA,IAAA,UAAe,CACnC,UAAA,+IACM,GAAAV,EAAA,qBAC+B,SAAA,aAAAU,EAAAA,IAAAG,EAAA,uBACFb,EAAA,sBAClC,SAAAU,EAAA,IAAA,MAAA,CACA,UAAA,sCACA,SAAAA,EAAA,IAAAI,EAAA,CACD,KAAAd,EAAA,SAAA,aAC6B,WAAAM,CAG7B,CAAqB,CAA+C,CACnE,CAAA,CACA,mCAG6B,CACb,EAAAI,EAAA,IAAAK,EAAA,CAChB,aAAA,IAAAf,EAAA,SAAA,EAAA,CACS,EAAAU,EAAA,IAAAM,EAAA,CACT,KAAA,WACD,eAAAhB,EAAA,SAAA,yBAEmB,oBACnB,CAAM,EACJW,EAAA,KAAA,MAAwB,CAEV,UAAA,uEAEE,CAAYD,EAAA,IAAQ,YAAc,iBAEpDA,EAAA,IAAAO,EAAA,CAEO,KAAAjB,EAAA,iBAAA,KACN,aAAAA,EAAA,iBAAA,YAAA,CACC,EAAA,KAAAU,EAAA,IAAAQ,EAAA,CACA,KAAAlB,EAAA,aACA,KAAAA,EAAA,YAAA,CACA,CAAA,CAAA,CACuB,CAAA,CAAA,CAAA,EACbU,EAAA,IAAAS,EAAA,CACT,qBAAUnB,EAAA,qBACX,cAAAA,EAAA,SAAA,KAAA,CACA,CAAA,CACG,CAAA,CACM,CACN,CAA2C,CAE3C,YAGA,qBAAAoB,EAA2B,cAAAC,CACoB,EAAA,CAE/C,QAEAC,CAAA,EAAAC,EAAA,SAAA,EAAA,EACA,OAAqBZ,EAAAA,KAAA,MAAA,CACrB,UAAA,yBAAmC,SAEnC,CAAAa,EAOF,KAPEd,EAAAA,IAAA,MAAA,CAAA,UACI,yDAAA,SACUA,EAAA,IAAAe,EAAA,CACf,SAAAd,EAAA,KAAA,OAAA,CACH,SAAA,CAAA,WAAAU,EAAA,mBAAA,CAAA,CACA,CAAA,CACU,CAAA,CACR,kBACD,OAAA,IAAAC,EAAA,EAAA,EACD,MAAA,cACD,IAAAF,EACD,UAAAM,EAAA,sEAAAF,EAAA,cAAA,WAAA,CAEO,CAAA,CAAA,CACN,CAAA,CAAgB"}

package/build/client/assets/_layout--icRfEZS.js

@@ -0,0 +1,2 @@
+import{r as i,l as he,h as xe,j as e,d as mt}from"./index-D1WEsmVZ.js";import{E as ht}from"./index-BfoHqrT5.js";import{$ as Ne,_ as V,d as Se,e as Pe,f as xt,g as ne,h as G,i as Ee,j as Ce,S as Q,T as bt,a as fe,b as pe,c as me,k as Ye,l as gt,m as vt,n as $t,o as jt,p as wt}from"./tooltip-CVFWPOu0.js";import{$ as yt,a as Be,b as Nt,c as St,d as Pt,e as Et,f as Ct,g as Tt,h as Dt,i as Ot,j as Rt,k as kt,l as _t,m as Mt,n as It,o as Ft,p as Lt,A as At,q as Ut,r as Ht,s as Yt,t as Bt,u as Vt,D as zt}from"./diff-MSYB00VZ.js";import{c as te}from"./clsx-B-dksMZM.js";import{D as Gt,u as Kt}from"./discord-CsluX01E.js";import{u as Te,I as R,a as De,c as ve,b as Oe}from"./misc-CXGQ7VS9.js";import{L as Ve}from"./loading-CaagEELb.js";import{u as Wt,a as Re}from"./client-hints-BHTHvBjk.js";import{u as Z,A as ze,L as ae,a as q,d as ke,F as Zt}from"./components-Dj3sm47B.js";import{A as qt}from"./index-BL4aE6WC.js";import{s as _e}from"./progress-bar-DX6yYES2.js";import{z as p}from"./index-B8k-Gd1G.js";import{B as Ge}from"./button-DnQOyJAN.js";import{E as Jt}from"./epic-video-BwJwnV_j.js";import{M as Qt,L as le,E as Xt}from"./mdx-DdywIxB6.js";import{u as en}from"./use-event-source-DXlRuRq2.js";import{G as tn}from"./error-boundary-Bg54_knF.js";import{N as nn}from"./nav-chevrons-D8c9lJW6.js";import{P as rn}from"./progress-CBZt2pmu.js";import"./user-DiGtbaa7.js";import"./index-zG3_j9lj.js";const ge="rovingFocusGroup.onEntryFocus",sn={bubbles:!1,cancelable:!0},Me="RovingFocusGroup",[$e,Ke,an]=yt(Me),[on,We]=Ne(Me,[an]),[cn,ln]=on(Me),un=i.forwardRef((t,r)=>i.createElement($e.Provider,{scope:t.__scopeRovingFocusGroup},i.createElement($e.Slot,{scope:t.__scopeRovingFocusGroup},i.createElement(dn,V({},t,{ref:r}))))),dn=i.forwardRef((t,r)=>{const{__scopeRovingFocusGroup:s,orientation:n,loop:a=!1,dir:o,currentTabStopId:c,defaultCurrentTabStopId:d,onCurrentTabStopIdChange:l,onEntryFocus:b,...u}=t,x=i.useRef(null),h=Se(r,x),w=Be(o),[y=null,f]=Pe({prop:c,defaultProp:d,onChange:l}),[j,E]=i.useState(!1),C=xt(b),I=Ke(s),L=i.useRef(!1),[O,F]=i.useState(0);return i.useEffect(()=>{const T=x.current;if(T)return T.addEventListener(ge,C),()=>T.removeEventListener(ge,C)},[C]),i.createElement(cn,{scope:s,orientation:n,dir:w,loop:a,currentTabStopId:y,onItemFocus:i.useCallback(T=>f(T),[f]),onItemShiftTab:i.useCallback(()=>E(!0),[]),onFocusableItemAdd:i.useCallback(()=>F(T=>T+1),[]),onFocusableItemRemove:i.useCallback(()=>F(T=>T-1),[])},i.createElement(ne.div,V({tabIndex:j||O===0?-1:0,"data-orientation":n},u,{ref:h,style:{outline:"none",...t.style},onMouseDown:G(t.onMouseDown,()=>{L.current=!0}),onFocus:G(t.onFocus,T=>{const H=!L.current;if(T.target===T.currentTarget&&H&&!j){const Y=new CustomEvent(ge,sn);if(T.currentTarget.dispatchEvent(Y),!Y.defaultPrevented){const M=I().filter(g=>g.focusable),D=M.find(g=>g.active),W=M.find(g=>g.id===y),N=[D,W,...M].filter(Boolean).map(g=>g.ref.current);Ze(N)}}L.current=!1}),onBlur:G(t.onBlur,()=>E(!1))})))}),fn="RovingFocusGroupItem",pn=i.forwardRef((t,r)=>{const{__scopeRovingFocusGroup:s,focusable:n=!0,active:a=!1,tabStopId:o,...c}=t,d=Ee(),l=o||d,b=ln(fn,s),u=b.currentTabStopId===l,x=Ke(s),{onFocusableItemAdd:h,onFocusableItemRemove:w}=b;return i.useEffect(()=>{if(n)return h(),()=>w()},[n,h,w]),i.createElement($e.ItemSlot,{scope:s,id:l,focusable:n,active:a},i.createElement(ne.span,V({tabIndex:u?0:-1,"data-orientation":b.orientation},c,{ref:r,onMouseDown:G(t.onMouseDown,y=>{n?b.onItemFocus(l):y.preventDefault()}),onFocus:G(t.onFocus,()=>b.onItemFocus(l)),onKeyDown:G(t.onKeyDown,y=>{if(y.key==="Tab"&&y.shiftKey){b.onItemShiftTab();return}if(y.target!==y.currentTarget)return;const f=xn(y,b.orientation,b.dir);if(f!==void 0){y.preventDefault();let E=x().filter(C=>C.focusable).map(C=>C.ref.current);if(f==="last")E.reverse();else if(f==="prev"||f==="next"){f==="prev"&&E.reverse();const C=E.indexOf(y.currentTarget);E=b.loop?bn(E,C+1):E.slice(C+1)}setTimeout(()=>Ze(E))}})})))}),mn={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function hn(t,r){return r!=="rtl"?t:t==="ArrowLeft"?"ArrowRight":t==="ArrowRight"?"ArrowLeft":t}function xn(t,r,s){const n=hn(t.key,s);if(!(r==="vertical"&&["ArrowLeft","ArrowRight"].includes(n))&&!(r==="horizontal"&&["ArrowUp","ArrowDown"].includes(n)))return mn[n]}function Ze(t){const r=document.activeElement;for(const s of t)if(s===r||(s.focus(),document.activeElement!==r))return}function bn(t,r){return t.map((s,n)=>t[(r+n)%t.length])}const gn=un,vn=pn,qe="Tabs",[$n,ls]=Ne(qe,[We]),Je=We(),[jn,Ie]=$n(qe),wn=i.forwardRef((t,r)=>{const{__scopeTabs:s,value:n,onValueChange:a,defaultValue:o,orientation:c="horizontal",dir:d,activationMode:l="automatic",...b}=t,u=Be(d),[x,h]=Pe({prop:n,onChange:a,defaultProp:o});return i.createElement(jn,{scope:s,baseId:Ee(),value:x,onValueChange:h,orientation:c,dir:u,activationMode:l},i.createElement(ne.div,V({dir:u,"data-orientation":c},b,{ref:r})))}),yn="TabsList",Nn=i.forwardRef((t,r)=>{const{__scopeTabs:s,loop:n=!0,...a}=t,o=Ie(yn,s),c=Je(s);return i.createElement(gn,V({asChild:!0},c,{orientation:o.orientation,dir:o.dir,loop:n}),i.createElement(ne.div,V({role:"tablist","aria-orientation":o.orientation},a,{ref:r})))}),Sn="TabsTrigger",Pn=i.forwardRef((t,r)=>{const{__scopeTabs:s,value:n,disabled:a=!1,...o}=t,c=Ie(Sn,s),d=Je(s),l=Qe(c.baseId,n),b=Xe(c.baseId,n),u=n===c.value;return i.createElement(vn,V({asChild:!0},d,{focusable:!a,active:u}),i.createElement(ne.button,V({type:"button",role:"tab","aria-selected":u,"aria-controls":b,"data-state":u?"active":"inactive","data-disabled":a?"":void 0,disabled:a,id:l},o,{ref:r,onMouseDown:G(t.onMouseDown,x=>{!a&&x.button===0&&x.ctrlKey===!1?c.onValueChange(n):x.preventDefault()}),onKeyDown:G(t.onKeyDown,x=>{[" ","Enter"].includes(x.key)&&c.onValueChange(n)}),onFocus:G(t.onFocus,()=>{const x=c.activationMode!=="manual";!u&&!a&&x&&c.onValueChange(n)})})))}),En="TabsContent",Cn=i.forwardRef((t,r)=>{const{__scopeTabs:s,value:n,forceMount:a,children:o,...c}=t,d=Ie(En,s),l=Qe(d.baseId,n),b=Xe(d.baseId,n),u=n===d.value,x=i.useRef(u);return i.useEffect(()=>{const h=requestAnimationFrame(()=>x.current=!1);return()=>cancelAnimationFrame(h)},[]),i.createElement(Ce,{present:a||u},({present:h})=>i.createElement(ne.div,V({"data-state":u?"active":"inactive","data-orientation":d.orientation,role:"tabpanel","aria-labelledby":l,hidden:!h,id:b,tabIndex:0},c,{ref:r,style:{...t.style,animationDuration:x.current?"0s":void 0}}),h&&o))});function Qe(t,r){return`${t}-trigger-${r}`}function Xe(t,r){return`${t}-content-${r}`}const Tn=wn,Dn=Nn,On=Pn,se=Cn;var et={exports:{}};(function(t,r){(function(s,n){t.exports=n()})(xe,function(){var s=1e3,n=6e4,a=36e5,o="millisecond",c="second",d="minute",l="hour",b="day",u="week",x="month",h="quarter",w="year",y="date",f="Invalid Date",j=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,E=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,C={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(N){var g=["th","st","nd","rd"],m=N%100;return"["+N+(g[(m-20)%10]||g[m]||g[0])+"]"}},I=function(N,g,m){var S=String(N);return!S||S.length>=g?N:""+Array(g+1-S.length).join(m)+N},L={s:I,z:function(N){var g=-N.utcOffset(),m=Math.abs(g),S=Math.floor(m/60),v=m%60;return(g<=0?"+":"-")+I(S,2,"0")+":"+I(v,2,"0")},m:function N(g,m){if(g.date()<m.date())return-N(m,g);var S=12*(m.year()-g.year())+(m.month()-g.month()),v=g.clone().add(S,x),$=m-v<0,P=g.clone().add(S+($?-1:1),x);return+(-(S+(m-v)/($?v-P:P-v))||0)},a:function(N){return N<0?Math.ceil(N)||0:Math.floor(N)},p:function(N){return{M:x,y:w,w:u,d:b,D:y,h:l,m:d,s:c,ms:o,Q:h}[N]||String(N||"").toLowerCase().replace(/s$/,"")},u:function(N){return N===void 0}},O="en",F={};F[O]=C;var T="$isDayjsObject",H=function(N){return N instanceof W||!(!N||!N[T])},Y=function N(g,m,S){var v;if(!g)return O;if(typeof g=="string"){var $=g.toLowerCase();F[$]&&(v=$),m&&(F[$]=m,v=$);var P=g.split("-");if(!v&&P.length>1)return N(P[0])}else{var k=g.name;F[k]=g,v=k}return!S&&v&&(O=v),v||!S&&O},M=function(N,g){if(H(N))return N.clone();var m=typeof g=="object"?g:{};return m.date=N,m.args=arguments,new W(m)},D=L;D.l=Y,D.i=H,D.w=function(N,g){return M(N,{locale:g.$L,utc:g.$u,x:g.$x,$offset:g.$offset})};var W=function(){function N(m){this.$L=Y(m.locale,null,!0),this.parse(m),this.$x=this.$x||m.x||{},this[T]=!0}var g=N.prototype;return g.parse=function(m){this.$d=function(S){var v=S.date,$=S.utc;if(v===null)return new Date(NaN);if(D.u(v))return new Date;if(v instanceof Date)return new Date(v);if(typeof v=="string"&&!/Z$/i.test(v)){var P=v.match(j);if(P){var k=P[2]-1||0,_=(P[7]||"0").substring(0,3);return $?new Date(Date.UTC(P[1],k,P[3]||1,P[4]||0,P[5]||0,P[6]||0,_)):new Date(P[1],k,P[3]||1,P[4]||0,P[5]||0,P[6]||0,_)}}return new Date(v)}(m),this.init()},g.init=function(){var m=this.$d;this.$y=m.getFullYear(),this.$M=m.getMonth(),this.$D=m.getDate(),this.$W=m.getDay(),this.$H=m.getHours(),this.$m=m.getMinutes(),this.$s=m.getSeconds(),this.$ms=m.getMilliseconds()},g.$utils=function(){return D},g.isValid=function(){return this.$d.toString()!==f},g.isSame=function(m,S){var v=M(m);return this.startOf(S)<=v&&v<=this.endOf(S)},g.isAfter=function(m,S){return M(m)<this.startOf(S)},g.isBefore=function(m,S){return this.endOf(S)<M(m)},g.$g=function(m,S,v){return D.u(m)?this[S]:this.set(v,m)},g.unix=function(){return Math.floor(this.valueOf()/1e3)},g.valueOf=function(){return this.$d.getTime()},g.startOf=function(m,S){var v=this,$=!!D.u(S)||S,P=D.p(m),k=function(ee,z){var J=D.w(v.$u?Date.UTC(v.$y,z,ee):new Date(v.$y,z,ee),v);return $?J:J.endOf(b)},_=function(ee,z){return D.w(v.toDate()[ee].apply(v.toDate("s"),($?[0,0,0,0]:[23,59,59,999]).slice(z)),v)},U=this.$W,B=this.$M,K=this.$D,re="set"+(this.$u?"UTC":"");switch(P){case w:return $?k(1,0):k(31,11);case x:return $?k(1,B):k(0,B+1);case u:var X=this.$locale().weekStart||0,ie=(U<X?U+7:U)-X;return k($?K-ie:K+(6-ie),B);case b:case y:return _(re+"Hours",0);case l:return _(re+"Minutes",1);case d:return _(re+"Seconds",2);case c:return _(re+"Milliseconds",3);default:return this.clone()}},g.endOf=function(m){return this.startOf(m,!1)},g.$set=function(m,S){var v,$=D.p(m),P="set"+(this.$u?"UTC":""),k=(v={},v[b]=P+"Date",v[y]=P+"Date",v[x]=P+"Month",v[w]=P+"FullYear",v[l]=P+"Hours",v[d]=P+"Minutes",v[c]=P+"Seconds",v[o]=P+"Milliseconds",v)[$],_=$===b?this.$D+(S-this.$W):S;if($===x||$===w){var U=this.clone().set(y,1);U.$d[k](_),U.init(),this.$d=U.set(y,Math.min(this.$D,U.daysInMonth())).$d}else k&&this.$d[k](_);return this.init(),this},g.set=function(m,S){return this.clone().$set(m,S)},g.get=function(m){return this[D.p(m)]()},g.add=function(m,S){var v,$=this;m=Number(m);var P=D.p(S),k=function(B){var K=M($);return D.w(K.date(K.date()+Math.round(B*m)),$)};if(P===x)return this.set(x,this.$M+m);if(P===w)return this.set(w,this.$y+m);if(P===b)return k(1);if(P===u)return k(7);var _=(v={},v[d]=n,v[l]=a,v[c]=s,v)[P]||1,U=this.$d.getTime()+m*_;return D.w(U,this)},g.subtract=function(m,S){return this.add(-1*m,S)},g.format=function(m){var S=this,v=this.$locale();if(!this.isValid())return v.invalidDate||f;var $=m||"YYYY-MM-DDTHH:mm:ssZ",P=D.z(this),k=this.$H,_=this.$m,U=this.$M,B=v.weekdays,K=v.months,re=v.meridiem,X=function(z,J,ce,de){return z&&(z[J]||z(S,$))||ce[J].slice(0,de)},ie=function(z){return D.s(k%12||12,z,"0")},ee=re||function(z,J,ce){var de=z<12?"AM":"PM";return ce?de.toLowerCase():de};return $.replace(E,function(z,J){return J||function(ce){switch(ce){case"YY":return String(S.$y).slice(-2);case"YYYY":return D.s(S.$y,4,"0");case"M":return U+1;case"MM":return D.s(U+1,2,"0");case"MMM":return X(v.monthsShort,U,K,3);case"MMMM":return X(K,U);case"D":return S.$D;case"DD":return D.s(S.$D,2,"0");case"d":return String(S.$W);case"dd":return X(v.weekdaysMin,S.$W,B,2);case"ddd":return X(v.weekdaysShort,S.$W,B,3);case"dddd":return B[S.$W];case"H":return String(k);case"HH":return D.s(k,2,"0");case"h":return ie(1);case"hh":return ie(2);case"a":return ee(k,_,!0);case"A":return ee(k,_,!1);case"m":return String(_);case"mm":return D.s(_,2,"0");case"s":return String(S.$s);case"ss":return D.s(S.$s,2,"0");case"SSS":return D.s(S.$ms,3,"0");case"Z":return P}return null}(z)||P.replace(":","")})},g.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},g.diff=function(m,S,v){var $,P=this,k=D.p(S),_=M(m),U=(_.utcOffset()-this.utcOffset())*n,B=this-_,K=function(){return D.m(P,_)};switch(k){case w:$=K()/12;break;case x:$=K();break;case h:$=K()/3;break;case u:$=(B-U)/6048e5;break;case b:$=(B-U)/864e5;break;case l:$=B/a;break;case d:$=B/n;break;case c:$=B/s;break;default:$=B}return v?$:D.a($)},g.daysInMonth=function(){return this.endOf(x).$D},g.$locale=function(){return F[this.$L]},g.locale=function(m,S){if(!m)return this.$L;var v=this.clone(),$=Y(m,S,!0);return $&&(v.$L=$),v},g.clone=function(){return D.w(this.$d,this)},g.toDate=function(){return new Date(this.valueOf())},g.toJSON=function(){return this.isValid()?this.toISOString():null},g.toISOString=function(){return this.$d.toISOString()},g.toString=function(){return this.$d.toUTCString()},N}(),A=W.prototype;return M.prototype=A,[["$ms",o],["$s",c],["$m",d],["$H",l],["$W",b],["$M",x],["$y",w],["$D",y]].forEach(function(N){A[N[1]]=function(g){return this.$g(g,N[0],N[1])}}),M.extend=function(N,g){return N.$i||(N(g,W,M),N.$i=!0),M},M.locale=Y,M.isDayjs=H,M.unix=function(N){return M(1e3*N)},M.en=F[O],M.Ls=F,M.p={},M})})(et);var Rn=et.exports;const be=he(Rn);var tt={exports:{}};(function(t,r){(function(s,n){t.exports=n()})(xe,function(){return function(s,n,a){s=s||{};var o=n.prototype,c={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function d(b,u,x,h){return o.fromToBase(b,u,x,h)}a.en.relativeTime=c,o.fromToBase=function(b,u,x,h,w){for(var y,f,j,E=x.$locale().relativeTime||c,C=s.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],I=C.length,L=0;L<I;L+=1){var O=C[L];O.d&&(y=h?a(b).diff(x,O.d,!0):x.diff(b,O.d,!0));var F=(s.rounding||Math.round)(Math.abs(y));if(j=y>0,F<=O.r||!O.r){F<=1&&L>0&&(O=C[L-1]);var T=E[O.l];w&&(F=w(""+F)),f=typeof T=="string"?T.replace("%d",F):T(F,u,O.l,j);break}}if(u)return f;var H=j?E.future:E.past;return typeof H=="function"?H(f):H.replace("%s",f)},o.to=function(b,u){return d(b,u,this,!0)},o.from=function(b,u){return d(b,u,this)};var l=function(b){return b.$u?a.utc():a()};o.toNow=function(b){return this.to(l(this),b)},o.fromNow=function(b){return this.from(l(this),b)}}})})(tt);var kn=tt.exports;const _n=he(kn);var nt={exports:{}};(function(t,r){(function(s,n){t.exports=n()})(xe,function(){var s={year:0,month:1,day:2,hour:3,minute:4,second:5},n={};return function(a,o,c){var d,l=function(h,w,y){y===void 0&&(y={});var f=new Date(h),j=function(E,C){C===void 0&&(C={});var I=C.timeZoneName||"short",L=E+"|"+I,O=n[L];return O||(O=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:E,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:I}),n[L]=O),O}(w,y);return j.formatToParts(f)},b=function(h,w){for(var y=l(h,w),f=[],j=0;j<y.length;j+=1){var E=y[j],C=E.type,I=E.value,L=s[C];L>=0&&(f[L]=parseInt(I,10))}var O=f[3],F=O===24?0:O,T=f[0]+"-"+f[1]+"-"+f[2]+" "+F+":"+f[4]+":"+f[5]+":000",H=+h;return(c.utc(T).valueOf()-(H-=H%1e3))/6e4},u=o.prototype;u.tz=function(h,w){h===void 0&&(h=d);var y=this.utcOffset(),f=this.toDate(),j=f.toLocaleString("en-US",{timeZone:h}),E=Math.round((f-new Date(j))/1e3/60),C=c(j,{locale:this.$L}).$set("millisecond",this.$ms).utcOffset(15*-Math.round(f.getTimezoneOffset()/15)-E,!0);if(w){var I=C.utcOffset();C=C.add(y-I,"minute")}return C.$x.$timezone=h,C},u.offsetName=function(h){var w=this.$x.$timezone||c.tz.guess(),y=l(this.valueOf(),w,{timeZoneName:h}).find(function(f){return f.type.toLowerCase()==="timezonename"});return y&&y.value};var x=u.startOf;u.startOf=function(h,w){if(!this.$x||!this.$x.$timezone)return x.call(this,h,w);var y=c(this.format("YYYY-MM-DD HH:mm:ss:SSS"),{locale:this.$L});return x.call(y,h,w).tz(this.$x.$timezone,!0)},c.tz=function(h,w,y){var f=y&&w,j=y||w||d,E=b(+c(),j);if(typeof h!="string")return c(h).tz(j);var C=function(F,T,H){var Y=F-60*T*1e3,M=b(Y,H);if(T===M)return[Y,T];var D=b(Y-=60*(M-T)*1e3,H);return M===D?[Y,M]:[F-60*Math.min(M,D)*1e3,Math.max(M,D)]}(c.utc(h,f).valueOf(),E,j),I=C[0],L=C[1],O=c(I).utcOffset(L);return O.$x.$timezone=j,O},c.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},c.tz.setDefault=function(h){d=h}}})})(nt);var Mn=nt.exports;const In=he(Mn);var rt={exports:{}};(function(t,r){(function(s,n){t.exports=n()})(xe,function(){var s="minute",n=/[+-]\d\d(?::?\d\d)?/g,a=/([+-]|\d\d)/g;return function(o,c,d){var l=c.prototype;d.utc=function(f){var j={date:f,utc:!0,args:arguments};return new c(j)},l.utc=function(f){var j=d(this.toDate(),{locale:this.$L,utc:!0});return f?j.add(this.utcOffset(),s):j},l.local=function(){return d(this.toDate(),{locale:this.$L,utc:!1})};var b=l.parse;l.parse=function(f){f.utc&&(this.$u=!0),this.$utils().u(f.$offset)||(this.$offset=f.$offset),b.call(this,f)};var u=l.init;l.init=function(){if(this.$u){var f=this.$d;this.$y=f.getUTCFullYear(),this.$M=f.getUTCMonth(),this.$D=f.getUTCDate(),this.$W=f.getUTCDay(),this.$H=f.getUTCHours(),this.$m=f.getUTCMinutes(),this.$s=f.getUTCSeconds(),this.$ms=f.getUTCMilliseconds()}else u.call(this)};var x=l.utcOffset;l.utcOffset=function(f,j){var E=this.$utils().u;if(E(f))return this.$u?0:E(this.$offset)?x.call(this):this.$offset;if(typeof f=="string"&&(f=function(O){O===void 0&&(O="");var F=O.match(n);if(!F)return null;var T=(""+F[0]).match(a)||["-",0,0],H=T[0],Y=60*+T[1]+ +T[2];return Y===0?0:H==="+"?Y:-Y}(f),f===null))return this;var C=Math.abs(f)<=16?60*f:f,I=this;if(j)return I.$offset=C,I.$u=f===0,I;if(f!==0){var L=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(I=this.local().add(C+L,s)).$offset=C,I.$x.$localOffset=L}else I=this.utc();return I};var h=l.format;l.format=function(f){var j=f||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,j)},l.valueOf=function(){var f=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*f},l.isUTC=function(){return!!this.$u},l.toISOString=function(){return this.toDate().toISOString()},l.toString=function(){return this.toDate().toUTCString()};var w=l.toDate;l.toDate=function(f){return f==="s"&&this.$offset?d(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():w.call(this)};var y=l.diff;l.diff=function(f,j,E){if(f&&this.$u===f.$u)return y.call(this,f,j,E);var C=this.local(),I=d(f).local();return y.call(C,I,j,E)}}})})(rt);var Fn=rt.exports;const Ln=he(Fn);be.extend(Ln);be.extend(In);be.extend(_n);function An(){const t=Z();return e.jsxs("div",{className:"flex h-full w-full flex-col gap-4 pt-4",children:[e.jsx("div",{className:"text-center",children:e.jsx(Gt,{discordAuthUrl:t.discordAuthUrl})}),e.jsx("div",{className:"flex-1 overflow-y-scroll bg-accent pb-4 scrollbar-thin scrollbar-thumb-scrollbar",children:e.jsx(Un,{})})]})}function Un(){const t=Z(),r=Kt({discordAuthUrl:t.discordAuthUrl}),s=Te();return e.jsxs("div",{className:"flex h-full flex-col items-center justify-between",children:[e.jsx(i.Suspense,{fallback:e.jsx("div",{className:"flex h-full w-full flex-col items-center justify-center",children:e.jsx(Ve,{children:"Loading Discord Posts"})}),children:e.jsx(ze,{resolve:t.discordPostsPromise,errorElement:e.jsx("div",{className:"text-red-500",children:"There was a problem loading the discord posts"}),children:n=>e.jsx("ul",{className:"flex w-full flex-col gap-4 p-3 xl:p-12",children:n.map(a=>e.jsx("li",{className:"rounded-xl border bg-background transition-all duration-200 focus-within:-translate-y-1 focus-within:shadow-lg hover:-translate-y-1 hover:shadow-lg",children:e.jsx(Hn,{thread:a})},a.id))})})}),e.jsx("div",{children:e.jsxs(ae,{to:s&&!r.includes("oauth")?r.replace(/^https/,"discord"):r,target:r.includes("oauth")?void 0:"_blank",rel:"noreferrer noopener",onClick:s?n=>{n.preventDefault(),window.open(n.currentTarget.href,"_blank","noreferrer noopener")}:void 0,className:"flex items-center gap-2 p-2 text-xl hover:underline",children:["Create Post ",e.jsx(R,{name:"ExternalLink"})]})})]})}function Hn({thread:t}){const r=t.reactions.filter(n=>n.count),s=Wt();return e.jsx("div",{children:e.jsxs("div",{className:"flex flex-col gap-2 p-4",children:[e.jsxs("div",{className:"flex gap-4",children:[e.jsxs("div",{className:"flex flex-col gap-1",children:[t.tags.length?e.jsx("div",{className:"flex gap-2",children:t.tags.map(n=>e.jsxs("div",{className:"flex items-center justify-center gap-1 rounded-full bg-accent px-2 py-1 text-sm",children:[e.jsx("span",{className:"h-3 w-3 leading-3",children:e.jsx(Ue,{name:n.emojiName,url:n.emojiUrl})}),e.jsx("span",{children:n.name})]},n.name))}):null,e.jsx("strong",{className:"text-xl font-bold",children:t.name}),e.jsxs("div",{className:"flex items-start gap-1",children:[e.jsxs("div",{className:"flex items-center gap-1",children:[t.authorAvatarUrl?e.jsx("img",{src:t.authorAvatarUrl,alt:"",className:"h-6 w-6 rounded-full"}):null,e.jsxs("span",{children:[e.jsx("span",{className:"font-bold",style:t.authorHexAccentColor?{color:t.authorHexAccentColor}:{},children:t.authorDisplayName}),":"," "]})]}),e.jsx("span",{className:"flex-1 overflow-ellipsis text-muted-foreground",children:t.messagePreview})]})]}),t.previewImageUrl?e.jsx("img",{src:t.previewImageUrl,alt:"",className:"h-28 w-28 rounded-lg object-cover"}):null]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{children:r.length?e.jsx("ul",{className:"flex items-center gap-2",children:r.map((n,a)=>e.jsxs("li",{className:"flex items-center gap-1 rounded-md border border-blue-600 bg-blue-500/20 px-[5px] py-[0.5px] text-sm",children:[e.jsx("span",{className:"h-3 w-3 leading-3",children:e.jsx(Ue,{name:n.emojiName,url:n.emojiUrl})}),e.jsx("span",{children:n.count})]},a))}):null}),e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx(R,{name:"Chat"})," ",t.messageCount]}),` · ${be(t.lastUpdated).tz(s.timeZone).fromNow()}`]})]}),e.jsxs("span",{className:"flex items-center gap-4",children:[e.jsx("a",{href:t.link.replace(/^https/,"discord"),children:e.jsx(R,{name:"Discord"})}),e.jsx("a",{href:t.link,target:"_blank",rel:"noreferrer noopener",children:e.jsx(R,{name:"ExternalLink"})})]})]})]})})}function Ue({name:t,url:r}){return r?e.jsx("img",{src:r,alt:t,className:"h-full w-full"}):t||null}function je({appName:t,reset:r=!1,tooltipText:s,...n}){var c;const a=q(),o=e.jsx("button",{type:"submit",...n,className:te(n.className,a.state!=="idle"?"cursor-progress":null,((c=a.data)==null?void 0:c.status)==="error"?"cursor-not-allowed":null)});return e.jsxs(a.Form,{action:"/set-playground",method:"POST",className:"inline-flex items-center justify-center",children:[e.jsx("input",{type:"hidden",name:"appName",value:t}),r?e.jsx("input",{type:"hidden",name:"reset",value:"true"}):null,_e,s?e.jsx(Q,{content:s,children:o}):o]})}function Yn({playgroundAppName:t,allApps:r}){var n;const s=q();return e.jsxs(Nt,{name:"appName",value:t,onValueChange:a=>{s.submit({appName:a},{method:"POST",action:"/set-playground"})},children:[e.jsxs(St,{"aria-label":"Select app for playground",className:te("flex h-full w-full items-center justify-between text-left radix-placeholder:text-gray-500 focus-visible:outline-none",s.state!=="idle"?"cursor-progress":null,((n=s.data)==null?void 0:n.status)==="error"?"cursor-not-allowed":null),children:[e.jsx("span",{className:"w-80 flex-1 overflow-hidden text-ellipsis whitespace-nowrap scrollbar-thin scrollbar-thumb-scrollbar",children:e.jsx(Pt,{placeholder:"Select current app",className:"inline-block w-40 text-ellipsis"})}),e.jsx(Et,{children:e.jsx(R,{name:"TriangleDownSmall"})})]}),e.jsx(Ct,{children:e.jsxs(Tt,{position:"popper",align:"start",className:"z-20 max-h-[50vh] bg-black text-white lg:max-h-[70vh]",children:[e.jsx(Dt,{className:"flex h-5 cursor-default items-center justify-center ",children:e.jsx(R,{name:"ChevronUp"})}),e.jsx(Ot,{className:"p-3",children:e.jsxs(Rt,{children:[e.jsx(kt,{className:"px-5 pb-3 font-mono uppercase",children:"App"}),r.filter(a=>a.name!=="playground").map(a=>e.jsx(Bn,{value:a.name,children:a.displayName},a.name))]})}),e.jsx(_t,{className:"flex h-5 cursor-default items-center justify-center ",children:e.jsx(R,{name:"ChevronDown"})})]})})]})}function Bn({value:t,children:r}){return e.jsxs(Mt,{value:t,className:"relative flex cursor-pointer select-none items-center rounded px-10 py-2 leading-none opacity-80 radix-disabled:text-red-500 radix-highlighted:opacity-100 radix-highlighted:outline-none radix-state-checked:opacity-100",children:[e.jsx(It,{children:r}),e.jsx(Ft,{className:"absolute left-0 inline-flex w-[25px] items-center justify-center",children:e.jsx(R,{name:"CheckSmall"})})]})}function Fe({appName:t}){return ENV.EPICSHOP_DEPLOYED?null:e.jsx(je,{appName:t,tooltipText:"Playground is not set to the right app. Click to set Playground.",children:e.jsxs("span",{className:"flex items-center justify-center gap-1 text-foreground-danger hover:underline",children:[e.jsx(R,{name:"Unlinked",className:"animate-ping"})," ",e.jsx("span",{className:"uppercase",children:"Set to Playground"})]})})}function st({playgroundAppName:t,problemAppName:r,allApps:s,children:n}){const a=t===r,o=a?e.jsx(R,{size:"xl",name:"Linked"}):e.jsx(R,{size:"xl",name:"Unlinked",className:"animate-pulse text-foreground-danger"});return e.jsxs("div",{className:"flex h-full w-full flex-col justify-between",children:[e.jsxs("div",{className:"flex h-14 flex-shrink-0 items-center justify-start gap-2 border-b px-3",children:[e.jsx("div",{className:"display-alt-up flex",children:r?e.jsx(je,{appName:r,tooltipText:a?"Click to reset Playground.":"Playground is not set to the right app. Click to set Playground.",children:o}):e.jsx("div",{className:"flex",children:o})}),e.jsx("div",{className:"display-alt-down",children:t?e.jsx(je,{appName:t,reset:!0,tooltipText:"Reset Playground",children:e.jsx("div",{className:"flex h-7 w-7 items-center justify-center",children:e.jsx(R,{name:"Refresh"})})}):e.jsx("div",{className:"h-7 w-7"})}),e.jsx(Yn,{allApps:s,playgroundAppName:t})]}),e.jsx("div",{className:"flex h-full flex-1 flex-grow items-center justify-center",children:n})]})}function Vn({name:t}){var o;const r=q(),s=(o=r.formData)==null?void 0:o.get("intent"),n=s==="stop"?"Stopping App":s==="restart"?"Restarting App":null,a=Te();return e.jsxs(r.Form,{method:"POST",action:"/start",children:[_e,e.jsx("input",{type:"hidden",name:"name",value:t}),e.jsx("button",{type:"submit",name:"intent",value:a?"restart":"stop",className:"h-full border-r px-3 py-4 font-mono text-xs uppercase leading-none",children:n||(a?"Restart App":"Stop App")})]})}function at({port:t}){const r=q();return e.jsxs(r.Form,{method:"POST",action:"/start",children:[e.jsx("input",{type:"hidden",name:"port",value:t}),e.jsx(Ge,{varient:"mono",type:"submit",name:"intent",value:"stop-port",children:r.state==="idle"?"Stop Port":"Stopping Port"})]})}function zn({name:t}){var s;const r=q();return((s=r.data)==null?void 0:s.status)==="app-not-started"?r.data.error==="port-unavailable"?e.jsxs("div",{children:["The port is unavailable. Would you like to stop whatever is running on that port and try again?",e.jsx(at,{port:r.data.port})]}):e.jsx("div",{children:"An unknown error has happened."}):e.jsxs(r.Form,{method:"POST",action:"/start",children:[e.jsx("input",{type:"hidden",name:"name",value:t}),r.state==="idle"?e.jsx(Ge,{type:"submit",name:"intent",value:"start",varient:"mono",children:"Start App"}):e.jsx("div",{children:e.jsx(Ve,{children:"Starting App"})})]})}const Gn=p.intersection(p.object({type:p.literal("epicshop:history-call")}),p.union([p.object({method:p.literal("pushState"),args:p.union([p.tuple([p.object({}).passthrough(),p.unknown()]),p.tuple([p.object({}).passthrough(),p.unknown(),p.string()])])}),p.object({method:p.literal("replaceState"),args:p.union([p.tuple([p.object({}).passthrough(),p.unknown()]),p.tuple([p.object({}).passthrough(),p.unknown(),p.string()])])}),p.object({method:p.literal("go"),args:p.tuple([p.number().optional()])}),p.object({method:p.literal("forward"),args:p.tuple([])}),p.object({method:p.literal("back"),args:p.tuple([])}),p.object({method:p.literal("popstate"),pathname:p.string(),delta:p.number()})])),Kn=p.object({type:p.literal("epicshop:loaded"),url:p.string()}),Wn=p.union([Gn,Kn]);function He(t,r,s){return Math.min(Math.max(t+r,0),s)}const Zn=i.forwardRef(qn);function qn({name:t,port:r,portIsAvailable:s,isRunning:n,baseUrl:a,id:o},c){const d=Re();return n?e.jsx(Jn,{baseUrl:a,id:o,name:t,ref:c}):s===!1?e.jsxs("div",{className:"flex flex-col items-center justify-center",children:[e.jsxs("p",{className:"max-w-xs pb-5 text-center",role:"status",children:["The port for this app is unavailable. It could be that you're running it ",e.jsx("a",{href:De({domain:d.domain,port:r}),className:"underline",children:"elsewhere"}),"?"]}),e.jsx(at,{port:r})]}):e.jsx(zn,{name:t})}const Jn=i.forwardRef(Qn);function Qn({baseUrl:t,id:r,name:s},n){const[a,o]=ke(),c=a.get("pathname")??"",[d,l]=i.useState(0),b=r+d,u=i.useRef("new"),x=i.useRef(null),[h,w]=i.useState({history:[c],index:0}),[y,f]=i.useState(c),j=i.useRef(null),E=new URL(c,t),C=i.useRef(E);i.useEffect(()=>{C.current=E});const[I,L]=i.useState(E),O=i.useRef(r);O.current!==r&&(O.current=r,L(C.current)),i.useEffect(()=>{O.current=r}),i.useEffect(()=>{function A(N){var v;if(N.source!==((v=j.current)==null?void 0:v.contentWindow))return;const g=Wn.safeParse(N.data,{path:["messageEvent","data"]});if(!g.success)return;const{data:m}=g;if(m.type==="epicshop:loaded"){w($=>{const P=k=>He($.index,k,$.history.length-1);if(u.current==="back")return{...$,index:P(-1)};if(u.current==="forward")return{...$,index:P(1)};if(u.current==="new"){const k=$.history[$.index],_=new URL(m.url).pathname;if(k===_)return $;const U=[...$.history.slice(0,$.index+1),_];return{history:U,index:U.length-1}}else throw new Error("Unexpected lastDirectionRef value")});return}const{method:S}=m;w($=>{const P=_=>He($.index,_,$.history.length-1),k=$.history[$.index];switch(S){case"popstate":return{...$,index:P(m.delta)};case"forward":return{...$,index:P(1)};case"back":return{...$,index:P(-1)};case"pushState":{const _=m.args[2]??k,U=[...$.history.slice(0,$.index+1),_].filter(Boolean);return{...$,history:U,index:U.length-1}}case"replaceState":{const _=m.args[2]??k;return{...$,history:[...$.history.slice(0,$.index),_,...$.history.slice($.index+1)].filter(Boolean)}}case"go":{const[_=0]=m.args;return{...$,index:P(_)}}}})}return window.addEventListener("message",A),()=>{window.removeEventListener("message",A)}},[]);const F=i.useRef(o);i.useEffect(()=>{F.current=o},[o]);const T=h.history[h.index];i.useEffect(()=>{if(!T)return;f(T);const A=new URLSearchParams(window.location.search);T==="/"?A.delete("pathname"):A.set("pathname",T),`?${A.toString()}`!==window.location.search&&F.current(A,{replace:!0})},[T]);const H=(...A)=>{var g,m;const N=A[0];typeof N=="number"?u.current=N>0?"forward":"back":u.current="new",x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{u.current="new"},100),(m=(g=j.current)==null?void 0:g.contentWindow)==null||m.postMessage({type:"epicshop:navigate-call",params:A},"*")};function Y(A=y){f(A);const N=h.history[h.index];H(A,{replace:N===A})}i.useImperativeHandle(n,()=>({handleExtrnalNavigation:Y}));const M=h.index===h.history.length-1,D=h.index<=0,W=[];for(const[A,N]of a.entries())A!=="pathname"&&W.push(e.jsx("input",{type:"hidden",name:A,value:N},A));return e.jsx(bt,{children:e.jsxs("div",{className:"flex h-full flex-grow flex-col",children:[e.jsxs("div",{className:"flex items-center justify-between border-b pl-1.5",children:[e.jsxs("div",{className:"mr-2 flex items-center justify-center gap-2 px-1",children:[e.jsxs(fe,{children:[e.jsx(pe,{asChild:!0,children:e.jsx("button",{type:"button",className:"flex aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40",disabled:D,onClick:()=>H(-1),children:e.jsx(R,{name:"ArrowLeft","aria-hidden":"true"})})}),e.jsx(me,{children:"Go back"})]}),e.jsxs(fe,{children:[e.jsx(pe,{asChild:!0,children:e.jsx("button",{type:"button",className:"flex aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40",disabled:M,onClick:()=>H(1),children:e.jsx(R,{name:"ArrowRight","aria-hidden":"true"})})}),e.jsx(me,{children:"Go forward"})]}),e.jsxs(fe,{children:[e.jsx(pe,{asChild:!0,children:e.jsx("button",{type:"button",className:"flex aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40",onClick:()=>{L(E),l(d+1),w({history:[E.pathname],index:0})},children:e.jsx(R,{name:"Refresh","aria-hidden":"true"})})}),e.jsx(me,{children:"Refresh"})]})]}),e.jsxs(Zt,{method:"get",replace:!0,className:"flex flex-1 gap-2",onSubmit:()=>Y(),children:[W,e.jsxs("div",{className:"flex flex-1 items-center border-x bg-background p-3 leading-none text-foreground",children:[e.jsx("a",{href:E.toString(),target:"_blank",rel:"noreferrer",children:I.host}),e.jsx("input",{"aria-label":"pathname",className:"flex-1 focus-visible:outline-none",value:y,name:"pathname",onChange:A=>f(A.currentTarget.value)})]})]}),e.jsx(Vn,{name:s}),e.jsxs(fe,{children:[e.jsx(pe,{asChild:!0,children:e.jsx("a",{href:E.toString(),target:"_blank",rel:"noreferrer",className:te("flex aspect-square items-center justify-center px-3.5"),children:e.jsx(R,{name:"ExternalLink"})})}),e.jsx(me,{children:"Open in new tab"})]})]}),e.jsx("div",{className:"flex h-full w-full flex-grow p-5 dark:bg-white",children:e.jsx("iframe",{title:s,ref:j,src:I.toString(),className:"h-full w-full flex-grow bg-white"},b)})]})})}function we({id:t,appInfo:r,inBrowserBrowserRef:s}){const n=Re();if(!r)return e.jsx("p",{children:"No app here. Sorry."});const{isRunning:a,dev:o,name:c,portIsAvailable:d,title:l}=r;if(o.type==="script"){const b=De({domain:n.domain,port:o.portNumber});return e.jsx(Zn,{ref:s,isRunning:a,id:t??c,name:c,portIsAvailable:d,port:o.portNumber,baseUrl:b})}else return o.type==="browser"?e.jsxs("div",{className:"relative h-full flex-grow overflow-y-auto scrollbar-thin scrollbar-thumb-scrollbar",children:[e.jsxs("a",{href:o.pathname,target:"_blank",rel:"noreferrer",className:ve("absolute bottom-5 right-5 flex items-center justify-center rounded-full bg-gray-100 p-2.5 transition hover:bg-gray-200"),children:[e.jsx(R,{name:"ExternalLink","aria-hidden":"true"}),e.jsx("span",{className:"sr-only",children:"Open in New Window"})]}),e.jsx("iframe",{title:l,src:o.pathname,className:"h-full w-full flex-grow bg-white p-3"})]}):e.jsxs("p",{children:["Preview for dev type of ",e.jsx("code",{children:o.type})," not supported."]})}function Xn({appInfo:t,inBrowserBrowserRef:r,problemAppName:s,allApps:n}){return e.jsx(st,{playgroundAppName:t==null?void 0:t.appName,problemAppName:s,allApps:n,children:(t==null?void 0:t.dev.type)==="none"?e.jsxs("div",{children:[e.jsx("div",{className:"text-foreground-secondary flex h-full items-center justify-center text-2xl",children:"Non-UI playground"}),e.jsx("div",{children:e.jsxs("div",{className:"text-foreground-secondary flex flex-wrap gap-1 text-center",children:["Navigate to"," ",e.jsx(Q,{content:t.fullPath,children:e.jsx("span",{className:"underline",onClick:()=>{navigator.clipboard.writeText(t.fullPath),qt.success("Copied playground path to clipboard")},children:"the playground directory"})})," ","in your editor and terminal to work on this exercise!"]})})]}):t?e.jsx(we,{id:t.appName,appInfo:t,inBrowserBrowserRef:r}):e.jsxs("div",{className:"flex flex-col justify-center gap-2",children:[e.jsx("p",{children:"Please set the playground first"}),s?e.jsx(Fe,{appName:s}):null]})})}function er({handleClick:t,cacheLocation:r,embeddedKey:s,appFullPath:n}){const a=q();return e.jsxs(a.Form,{action:"/update-mdx-cache",method:"POST",children:[_e,e.jsx("input",{type:"hidden",name:"cacheLocation",value:r}),e.jsx("input",{type:"hidden",name:"embeddedKey",value:s}),e.jsx("input",{type:"hidden",name:"appFullPath",value:n}),e.jsx("button",{type:"submit",onClick:t,className:te("launch_button",a.state==="idle"?null:"cursor-progress"),children:"Cancel Warning"})]})}const ot=i.createContext(null);function tr(){const t=i.useContext(ot);if(!t)throw new Error("useStepContext must be used within a StepContext.Provider");return t}function nr({children:t,inBrowserBrowserRef:r}){return e.jsx(ot.Provider,{value:{inBrowserBrowserRef:r},children:t})}const rr={CodeFile:ir,CodeFileNotification:cr,DiffLink:Le,PrevDiffLink:or,NextDiffLink:ar,InlineFile:lr,LinkToApp:dr};function sr({inBrowserBrowserRef:t}){const r=Z();return r.exerciseStepApp.instructionsCode?e.jsx(nr,{inBrowserBrowserRef:t,children:e.jsx(Jt,{epicVideoInfosPromise:r.epicVideoInfosPromise,children:e.jsx("div",{className:"prose dark:prose-invert sm:prose-lg",children:e.jsx(Qt,{code:r.exerciseStepApp.instructionsCode,components:rr})})})}):null}function it(t,r,s){const n=new URLSearchParams(t);return s===null?n.delete(r):n.set(r,s),n}function ar({app:t=0,fullPage:r=!1,children:s}){return e.jsx(Le,{app1:t,app2:t+1,fullPage:r,children:s})}function or({app:t=-1,fullPage:r=!1,children:s}){return e.jsx(Le,{app1:t,app2:t+1,fullPage:r,children:s})}function Le({app1:t=0,app2:r=1,children:s,fullPage:n=!1,to:a}){const o=Z();if(!a&&!t&&!r)return e.jsx("callout-danger",{className:"notification",children:e.jsx("div",{className:"title",children:"DiffLink Error: invalid input"})});function c(u){var x;if(typeof u=="number"){const h=o.exerciseIndex+u;return(x=o.allApps[h])==null?void 0:x.name}if(!u)return null;for(const{name:h,stepName:w}of o.allApps)if(u===h||u===w)return h;return null}if(a){const u=new URLSearchParams(a);t=u.get("app1"),r=u.get("app2")}const d=c(t),l=c(r);if(!d||!l)return e.jsxs("callout-danger",{className:"notification",children:[e.jsx("div",{className:"title",children:"DiffLink Error: invalid input"}),!d&&e.jsxs("div",{children:['app1: "',t,'" is not a valid app name']}),!l&&e.jsxs("div",{children:['app2: "',r,'" is not a valid app name']})]});a||(a=`app1=${d}&app2=${l}`);const b=n?`/diff?${a}`:`?${decodeURIComponent(it(new URLSearchParams,"preview",`diff&${a}`).toString())}`;return s||(s=e.jsxs("span",{children:["Go to Diff ",n?"":"Preview"," from: ",e.jsx("code",{children:d})," to:"," ",e.jsx("code",{children:l})]})),e.jsx(ae,{to:b,children:s})}function ir({file:t}){return e.jsxs("div",{className:"border-4 border-[#ff4545] bg-[#ff454519] p-4 text-lg",children:["Something went wrong compiling ",e.jsx("b",{children:"CodeFile"})," for file: ",e.jsx("u",{children:t})," to markdown"]})}function cr({file:t,type:r="problem",children:s,variant:n,cacheLocation:a,embeddedKey:o,...c}){const[d,l]=i.useState("visible"),u=Z()[r],x=()=>{d==="visible"&&(l("collapse"),setTimeout(()=>{l("none")},400))},h=te("rounded px-4 py-1 font-mono text-sm font-semibold outline-none transition duration-300 ease-in-out",{"bg-amber-300/70 hover:bg-amber-300/40 active:bg-amber-300/50":n==="warning","bg-red-300/70 hover:bg-red-300/40 active:bg-red-300/50":n==="error"});return e.jsxs("div",{className:te("notification important h-15 relative",{"duration-400 !my-0 !h-0 !py-0 !opacity-0 transition-all ease-out":d!=="visible",hidden:d==="none"}),children:[e.jsxs("div",{className:"absolute right-3 top-3 z-50 flex gap-4",children:[u?e.jsx("div",{className:h,title:`Edit ${t}`,children:e.jsx(le,{appFile:t,appName:u.name,...c,children:"Edit this File"})}):null,u&&n==="warning"?e.jsx("div",{className:h,title:`Remove the warning from here and from ${t} cache file`,children:e.jsx(er,{handleClick:x,cacheLocation:a,embeddedKey:o,appFullPath:u.fullPath})}):null]}),s]})}function lr({file:t,type:r="playground",children:s=e.jsx("code",{children:t}),...n}){const a=Z(),o=a[r]||a[a.type],c=e.jsxs("div",{className:"launch-editor-button-wrapper flex underline underline-offset-4",children:[s," ",e.jsx("svg",{height:24,width:24,children:e.jsx("use",{href:"/icons.svg#keyboard"})})]});return ENV.EPICSHOP_DEPLOYED&&o?e.jsx("div",{className:"inline-block grow",children:e.jsx(le,{appFile:t,appName:o.name,...n,children:c})}):o?e.jsx("div",{className:"inline-block grow",children:e.jsx(le,{appFile:t,appName:o.name,...n,children:c})}):r==="playground"?e.jsx(Q,{content:"You must 'Set to Playground' before opening a file",children:e.jsx("div",{className:"inline-block grow cursor-not-allowed",children:c})}):e.jsx(e.Fragment,{children:"children"})}function ur(t){return t==="problem"?"problem":t==="solution"?"solution":"playground"}function dr({to:t,children:r=e.jsx("code",{children:t.toString()}),...s}){var h;const[n]=ke(),a=`?${it(n,"pathname",t.toString()).toString()}`,o=Z(),c=ur(n.get("preview")),d=Re(),l=o[c],b=(l==null?void 0:l.dev.type)==="script"?De({domain:d.domain,port:l.dev.portNumber}):((h=o.playground)==null?void 0:h.dev.type)==="browser"?o.playground.dev.pathname:null,{inBrowserBrowserRef:u}=tr(),x=b?b.slice(0,-1)+t.toString():null;return e.jsxs("div",{className:"inline-flex items-center justify-between gap-1",children:[e.jsx(ae,{to:a,...s,className:ve(s.className,{"cursor-not-allowed":ENV.EPICSHOP_DEPLOYED}),title:ENV.EPICSHOP_DEPLOYED?"Cannot link to app in deployed version":void 0,onClick:w=>{var y,f;ENV.EPICSHOP_DEPLOYED&&w.preventDefault(),(y=s.onClick)==null||y.call(s,w),(f=u.current)==null||f.handleExtrnalNavigation(t.toString())},children:r}),x?e.jsx(Q,{content:"Open in new tab",children:e.jsx("a",{href:x,target:"_blank",rel:"noreferrer",className:ve("flex aspect-square items-center justify-center",{"cursor-not-allowed":ENV.EPICSHOP_DEPLOYED}),title:ENV.EPICSHOP_DEPLOYED?"Cannot link to app in deployed version":"Open in new tab",onClick:w=>{ENV.EPICSHOP_DEPLOYED&&w.preventDefault()},children:e.jsx(R,{name:"ExternalLink"})})}):null]})}const fr=p.intersection(p.object({type:p.literal("epicshop:test-status-update"),timestamp:p.number()}),p.union([p.object({status:p.literal("pending")}),p.object({status:p.literal("pass")}),p.object({status:p.literal("fail"),error:p.string()})])),pr=p.object({type:p.literal("epicshop:test-step-update"),status:p.literal("pass"),title:p.string(),timestamp:p.number()}),mr=p.union([pr,fr]);function hr({pathname:t,testFile:r}){const s=i.useRef(null),[n,a]=i.useState(null),[o,c]=i.useState([]);i.useEffect(()=>{function u(x){var y;if(x.source!==((y=s.current)==null?void 0:y.contentWindow)||"request"in x.data)return;const h=mr.safeParse(x.data,{path:["messageEvent","data"]});if(!h.success){console.error("Invalid message from test iframe",x.data,h.error);return}const{data:w}=h;w.type==="epicshop:test-status-update"&&(w.status==="pending"&&c([]),a(w)),w.type==="epicshop:test-step-update"&&c(f=>[...f,w])}return window.addEventListener("message",u),()=>{window.removeEventListener("message",u)}},[]);const d={pending:e.jsx(Oe,{"aria-label":"Pending"}),pass:e.jsx(R,{name:"CheckSmall","aria-label":"Passed",className:"text-emerald-700"}),fail:e.jsx(R,{name:"Remove","aria-label":"Failed",className:"text-foreground-danger"}),unknown:e.jsx(R,{name:"Question","aria-label":"Unknown",className:"animate-pulse"})}[(n==null?void 0:n.status)??"unknown"],l=o.sort((u,x)=>u.timestamp-x.timestamp),b={pass:e.jsx(R,{name:"CheckSmall","aria-label":"Passed"}),fail:e.jsx(R,{name:"Remove","aria-label":"Failed"}),unknown:e.jsx(R,{name:"Question","aria-label":"Unknown",className:"animate-pulse"})};return e.jsx(e.Fragment,{children:e.jsx(Lt,{className:"w-full",type:"multiple",children:e.jsx(At,{icon:d,title:r,forceMount:!0,children:e.jsxs("div",{className:"not-prose",children:[e.jsxs("div",{className:"p-5 pt-3",children:[e.jsx("ul",{className:"",children:l.map(u=>e.jsx("li",{children:e.jsxs("div",{className:"flex items-baseline gap-2 text-emerald-700",children:[e.jsx("span",{children:b[u.status]}),e.jsx("pre",{className:"whitespace-pre-wrap",children:u.title})]})},u.timestamp+u.title))}),(n==null?void 0:n.status)==="fail"?e.jsxs("div",{className:"flex items-baseline gap-2 text-foreground-danger",children:[e.jsx("span",{children:b.fail}),e.jsx("pre",{className:"max-h-48 overflow-y-auto text-foreground-danger scrollbar-thin scrollbar-thumb-scrollbar",children:n.error})]}):null,e.jsx("iframe",{ref:s,title:r,src:t+r,className:"mt-5 min-h-[420px] w-full border bg-white"})]}),e.jsxs("div",{className:"flex border-y",children:[e.jsx("button",{onClick:()=>{var u,x;return(x=(u=s.current)==null?void 0:u.contentWindow)==null?void 0:x.location.reload()},className:"border-r p-3",children:e.jsx(R,{name:"Refresh","aria-label":"Rerun Tests"})}),e.jsx("a",{href:t+r,target:"_blank",rel:"noreferrer",className:"border-r p-3",children:e.jsx(R,{name:"ExternalLink","aria-label":"Open in New Window"})})]})]})})})})}const xr=p.union([p.object({type:p.literal("init"),exitCode:p.number().nullable().optional(),isRunning:p.boolean(),output:p.array(p.object({type:p.union([p.literal("stdout"),p.literal("stderr")]),html:p.string(),timestamp:p.number()}))}),p.object({type:p.union([p.literal("stdout"),p.literal("stderr")]),data:p.string(),timestamp:p.number()}),p.object({type:p.literal("exit"),isRunning:p.literal(!1),code:p.number().nullable()})]),br=p.array(xr);function gr(t,r){return r(t)}function vr({name:t}){const[r,s]=i.useReducer(gr,{version:0,isRunning:!1,exitCode:void 0,lines:[]}),{version:n,isRunning:a,exitCode:o,lines:c}=r,d=en(`/test?${new URLSearchParams({name:t})}&v=${n}`);return i.useEffect(()=>{if(!d)return;const l=JSON.parse(d),b=br.safeParse(l);if(!b.success){console.error(b.error.flatten());return}for(const u of b.data)switch(u.type){case"exit":{const{isRunning:x,code:h}=u;s(w=>({...w,isRunning:x,exitCode:h}));break}case"init":{const{output:x,exitCode:h,isRunning:w}=u;s(y=>({...y,lines:x,exitCode:h,isRunning:w}));break}case"stderr":case"stdout":{const{type:x,data:h,timestamp:w}=u;s(y=>({...y,lines:[...y.lines,{type:x,html:h,timestamp:w}].sort((f,j)=>f.timestamp-j.timestamp),isRunning:!0}));break}}},[d]),e.jsxs("div",{className:"relative flex h-full w-full flex-col",children:[e.jsxs("div",{className:"flex h-12 w-full flex-shrink-0 items-center justify-between border-b",children:[e.jsxs("div",{className:"flex h-full items-center",children:[!a&&e.jsx($r,{name:t,onRun:()=>{s(l=>({...l,exitCode:void 0,lines:[],version:l.version+1}))}}),a?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"flex h-full flex-grow items-center justify-center border-r px-3.5",children:e.jsx(Oe,{role:"status","aria-label":"Running Tests"})}),e.jsx(wr,{name:t})]}):null]}),!a&&o!==void 0&&e.jsx("p",{className:"pr-3.5 leading-none",children:o===0?"Tests passed":`Test failed (exit code ${String(o)})`}),!a&&o!==void 0&&e.jsx(jr,{name:t,onClear:()=>{s(l=>({...l,exitCode:void 0,lines:[]}))}})]}),e.jsxs("div",{className:"flex h-full flex-col gap-5 p-5",children:[e.jsx("p",{className:"font-mono text-sm font-medium uppercase",children:"Test Output"}),e.jsx("pre",{className:"shadow-on-scrollbox flex-1 overflow-y-scroll scrollbar-thin scrollbar-thumb-scrollbar",children:c.map(l=>e.jsx("code",{"data-type":l.type,dangerouslySetInnerHTML:{__html:l.html}},l.timestamp))})]})]})}function $r({name:t,onRun:r}){const s=q(),n=i.useRef(r);return i.useEffect(()=>{n.current=r},[r]),i.useEffect(()=>{var a,o;(a=s.data)!=null&&a.success&&((o=n.current)==null||o.call(n))},[s.data]),e.jsxs(s.Form,{method:"POST",action:"/test",className:"h-full",children:[e.jsx("input",{type:"hidden",name:"name",value:t}),e.jsx(Q,{content:s.state==="idle"?"Run Tests":"Running Tests...",children:e.jsx("button",{type:"submit",name:"intent",value:"run",className:"flex h-full flex-grow items-center justify-center border-r px-3.5",children:s.state==="idle"?e.jsx(R,{name:"TriangleSmall"}):e.jsx(Oe,{role:"status"})})})]})}function jr({name:t,onClear:r}){const s=q(),n=i.useRef(r);return i.useEffect(()=>{n.current=r},[r]),i.useEffect(()=>{var a,o;(a=s.data)!=null&&a.success&&((o=n.current)==null||o.call(n))},[s.data]),e.jsxs(s.Form,{method:"POST",action:"/test",className:"h-full",children:[e.jsx("input",{type:"hidden",name:"name",value:t}),e.jsx(Q,{content:s.state==="idle"?"Clear Tests":"Clearing Tests...",children:e.jsx("button",{type:"submit",name:"intent",value:"clear",className:"flex h-full flex-grow items-center justify-center border-l px-3.5",children:s.state==="idle"?e.jsx(R,{name:"Clear"}):e.jsx(R,{name:"Clear",className:"animate-pulse",role:"status"})})})]})}function wr({name:t,onStop:r}){const s=q(),n=i.useRef(r);return i.useEffect(()=>{n.current=r},[r]),i.useEffect(()=>{var a,o;(a=s.data)!=null&&a.success&&((o=n.current)==null||o.call(n))},[s.data]),e.jsxs(s.Form,{method:"POST",action:"/test",className:"h-full",children:[e.jsx("input",{type:"hidden",name:"name",value:t}),e.jsx(Q,{content:s.state==="idle"?"Stop Tests":"Stopping Tests...",children:e.jsx("button",{type:"submit",name:"intent",value:"stop",className:"flex h-full flex-grow items-center justify-center border-r px-3.5",children:s.state==="idle"?e.jsx(R,{name:"Stop"}):e.jsx(R,{name:"Stop",className:"animate-pulse",role:"status"})})})]})}function yr({appInfo:t,problemAppName:r,allApps:s}){const[n,a]=i.useState(0);let o=e.jsx("p",{children:"No tests here. Sorry."});if((t==null?void 0:t.test.type)==="script"&&(o=e.jsx(vr,{name:t.name})),(t==null?void 0:t.test.type)==="browser"){const{pathname:c}=t.test;o=e.jsxs("div",{className:"flex h-full w-full flex-grow flex-col",children:[t.test.testFiles.map(d=>e.jsx("div",{children:e.jsx(hr,{pathname:c,testFile:d})},d)),e.jsx("div",{className:"px-3 py-[21px]",children:e.jsxs("button",{onClick:()=>a(d=>d+1),className:"flex items-center gap-2 font-mono text-sm uppercase leading-none",children:[e.jsx(R,{name:"Refresh","aria-hidden":!0})," Rerun All Tests"]})})]},n)}return e.jsx(st,{playgroundAppName:t==null?void 0:t.appName,problemAppName:r,allApps:s,children:o})}const ct="Popover",[lt,us]=Ne(ct,[Ye]),Ae=Ye(),[Nr,oe]=lt(ct),Sr=t=>{const{__scopePopover:r,children:s,open:n,defaultOpen:a,onOpenChange:o,modal:c=!1}=t,d=Ae(r),l=i.useRef(null),[b,u]=i.useState(!1),[x=!1,h]=Pe({prop:n,defaultProp:a,onChange:o});return i.createElement(gt,d,i.createElement(Nr,{scope:r,contentId:Ee(),triggerRef:l,open:x,onOpenChange:h,onOpenToggle:i.useCallback(()=>h(w=>!w),[h]),hasCustomAnchor:b,onCustomAnchorAdd:i.useCallback(()=>u(!0),[]),onCustomAnchorRemove:i.useCallback(()=>u(!1),[]),modal:c},s))},Pr="PopoverTrigger",Er=i.forwardRef((t,r)=>{const{__scopePopover:s,...n}=t,a=oe(Pr,s),o=Ae(s),c=Se(r,a.triggerRef),d=i.createElement(ne.button,V({type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":ft(a.open)},n,{ref:c,onClick:G(t.onClick,a.onOpenToggle)}));return a.hasCustomAnchor?d:i.createElement(vt,V({asChild:!0},o),d)}),ut="PopoverPortal",[Cr,Tr]=lt(ut,{forceMount:void 0}),Dr=t=>{const{__scopePopover:r,forceMount:s,children:n,container:a}=t,o=oe(ut,r);return i.createElement(Cr,{scope:r,forceMount:s},i.createElement(Ce,{present:s||o.open},i.createElement(Ut,{asChild:!0,container:a},n)))},ue="PopoverContent",Or=i.forwardRef((t,r)=>{const s=Tr(ue,t.__scopePopover),{forceMount:n=s.forceMount,...a}=t,o=oe(ue,t.__scopePopover);return i.createElement(Ce,{present:n||o.open},o.modal?i.createElement(Rr,V({},a,{ref:r})):i.createElement(kr,V({},a,{ref:r})))}),Rr=i.forwardRef((t,r)=>{const s=oe(ue,t.__scopePopover),n=i.useRef(null),a=Se(r,n),o=i.useRef(!1);return i.useEffect(()=>{const c=n.current;if(c)return Ht(c)},[]),i.createElement(Yt,{as:$t,allowPinchZoom:!0},i.createElement(dt,V({},t,{ref:a,trapFocus:s.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:G(t.onCloseAutoFocus,c=>{var d;c.preventDefault(),o.current||(d=s.triggerRef.current)===null||d===void 0||d.focus()}),onPointerDownOutside:G(t.onPointerDownOutside,c=>{const d=c.detail.originalEvent,l=d.button===0&&d.ctrlKey===!0,b=d.button===2||l;o.current=b},{checkForDefaultPrevented:!1}),onFocusOutside:G(t.onFocusOutside,c=>c.preventDefault(),{checkForDefaultPrevented:!1})})))}),kr=i.forwardRef((t,r)=>{const s=oe(ue,t.__scopePopover),n=i.useRef(!1),a=i.useRef(!1);return i.createElement(dt,V({},t,{ref:r,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{var c;if((c=t.onCloseAutoFocus)===null||c===void 0||c.call(t,o),!o.defaultPrevented){var d;n.current||(d=s.triggerRef.current)===null||d===void 0||d.focus(),o.preventDefault()}n.current=!1,a.current=!1},onInteractOutside:o=>{var c,d;(c=t.onInteractOutside)===null||c===void 0||c.call(t,o),o.defaultPrevented||(n.current=!0,o.detail.originalEvent.type==="pointerdown"&&(a.current=!0));const l=o.target;((d=s.triggerRef.current)===null||d===void 0?void 0:d.contains(l))&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&a.current&&o.preventDefault()}}))}),dt=i.forwardRef((t,r)=>{const{__scopePopover:s,trapFocus:n,onOpenAutoFocus:a,onCloseAutoFocus:o,disableOutsidePointerEvents:c,onEscapeKeyDown:d,onPointerDownOutside:l,onFocusOutside:b,onInteractOutside:u,...x}=t,h=oe(ue,s),w=Ae(s);return Bt(),i.createElement(Vt,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:a,onUnmountAutoFocus:o},i.createElement(jt,{asChild:!0,disableOutsidePointerEvents:c,onInteractOutside:u,onEscapeKeyDown:d,onPointerDownOutside:l,onFocusOutside:b,onDismiss:()=>h.onOpenChange(!1)},i.createElement(wt,V({"data-state":ft(h.open),role:"dialog",id:h.contentId},w,x,{ref:r,style:{...x.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}}))))});function ft(t){return t?"open":"closed"}const _r=Sr,Mr=Er,Ir=Dr,Fr=Or;function Lr(){var c,d;const t=Z(),[r,s]=i.useState(!1),n=i.useRef(null);function a(){s(!1)}const o=(c=t.playground)==null?void 0:c.appName;return e.jsx(e.Fragment,{children:e.jsxs(_r,{open:r,onOpenChange:s,children:[e.jsx(Mr,{asChild:!0,children:e.jsxs("button",{className:"flex h-full items-center gap-1 border-r px-6 py-3 font-mono text-sm uppercase","aria-label":"Relevant Files",children:[e.jsx(R,{name:"Files"}),"Files"]})}),e.jsx(Ir,{children:e.jsx(Fr,{ref:n,className:"slideRightContent lg:slideUpContent invert-theme z-10 select-none rounded bg-background px-9 py-8 text-foreground",align:"start",sideOffset:5,children:e.jsxs("div",{className:"launch-editor-wrapper",children:[e.jsx("strong",{className:"inline-block px-2 pb-4 font-semibold uppercase",children:"Relevant Files"}),t.problem&&((d=t.playground)==null?void 0:d.appName)!==t.problem.name?e.jsx("div",{className:"mb-2 rounded p-1 font-mono font-medium",children:e.jsx(Fe,{appName:t.problem.name})}):null,e.jsx("div",{id:"files",children:e.jsx(i.Suspense,{fallback:e.jsx(Q,{content:"Loading diff",children:e.jsx("div",{className:"flex justify-center",children:e.jsx(R,{name:"Refresh",className:"h-8 w-8 animate-spin"})})}),children:e.jsx(ze,{resolve:t.diff,errorElement:e.jsx("div",{className:"text-foreground-danger",children:"Something went wrong."}),children:({diffFiles:l})=>{if(!l)return e.jsx("p",{className:"text-foreground-danger",children:"Unable to determine diff"});if(typeof l=="string")return e.jsx("p",{className:"text-foreground-danger",children:l});if(!l.length)return e.jsx("p",{children:"No files changed"});const b=o||ENV.EPICSHOP_GITHUB_ROOT?{}:{title:"You must 'Set to Playground' before opening a file",className:"not-allowed"};return e.jsxs("ul",{...b,children:[l.length>1&&!ENV.EPICSHOP_DEPLOYED?e.jsx("div",{className:"mb-2 border-b border-b-gray-50 border-opacity-50 pb-2 font-sans",children:e.jsx(le,{appFile:l.map(u=>`${u.path},${u.line},1`),appName:"playground",onUpdate:a,children:e.jsx("p",{children:"Open All Files"})})}):null,l.map(u=>{var x;return e.jsx("li",{"data-state":u.status,children:e.jsx(le,{appFile:`${u.path},${u.line},1`,appName:ENV.EPICSHOP_DEPLOYED?((x=t.problem)==null?void 0:x.name)??"playground":"playground",onUpdate:a,children:e.jsx("code",{children:u.path})})},u.path)})]})}})})})]})})})]})})}function pt(t,r){var c;const s=(t==null?void 0:t.exerciseStepApp.exerciseNumber.toString().padStart(2,"0"))??"00",n=(t==null?void 0:t.exerciseStepApp.stepNumber.toString().padStart(2,"0"))??"00",a={problem:"💪",solution:"🏁"}[(t==null?void 0:t.type)??"problem"],o=((c=t==null?void 0:t[t.type])==null?void 0:c.title)??"N/A";return{emoji:a,stepNumber:n,title:o,exerciseNumber:s,exerciseTitle:(t==null?void 0:t.exerciseTitle)??"Unknown exercise",workshopTitle:r,type:(t==null?void 0:t.type)??"problem"}}const ds=({data:t,matches:r})=>{var l;const s=(l=r.find(b=>b.id==="root"))==null?void 0:l.data,{emoji:n,stepNumber:a,title:o,exerciseNumber:c,exerciseTitle:d}=pt(t);return[{title:`${n} | ${a}. ${o} | ${c}. ${d} | ${(s==null?void 0:s.workshopTitle)??"Epic Workshop"}`}]},ye=["playground","problem","solution","tests","diff","chat"],Ar=t=>!!(t&&ye.includes(t));function Ur(t,r,s){const n=new URLSearchParams(t);return s===null?n.delete(r):n.set(r,s),n}function fs(){var x,h,w,y,f;const t=Z(),[r]=ke(),s=r.get("preview"),n=i.useRef(null),a=pt(t),o=Te(),c=mt();function d(j){var E,C;if(j==="tests")return ENV.EPICSHOP_DEPLOYED||!t.playground||t.playground.test.type==="none";if(j==="problem"||j==="solution"){if(((E=t[j])==null?void 0:E.dev.type)==="none")return!0;if(ENV.EPICSHOP_DEPLOYED)return((C=t[j])==null?void 0:C.dev.type)!=="browser"}return!!(j==="playground"&&ENV.EPICSHOP_DEPLOYED)}const l=Ar(s)?s:ye.find(j=>!d(j)),b=`/diff?${new URLSearchParams({app1:((x=t.problem)==null?void 0:x.name)??"",app2:((h=t.solution)==null?void 0:h.name)??""})}`;function u(j){j.altKey&&!j.ctrlKey&&!j.shiftKey&&!j.metaKey&&(j.preventDefault(),c(b))}return e.jsx("div",{className:"flex flex-grow flex-col",children:e.jsxs("main",{className:"grid h-full flex-grow grid-cols-1 grid-rows-2 lg:grid-cols-2 lg:grid-rows-1",children:[e.jsxs("div",{className:"relative col-span-1 row-span-1 flex h-full flex-col lg:border-r",children:[e.jsx("h1",{className:"h-14 border-b pl-10 pr-5 text-sm font-medium uppercase leading-tight",children:e.jsxs("div",{className:"flex h-14 flex-wrap items-center justify-between gap-x-2 py-2",children:[e.jsxs("div",{className:"flex items-center justify-start gap-x-2",children:[e.jsxs(ae,{to:`/${a.exerciseNumber}`,className:"hover:underline",children:[a.exerciseNumber,". ",a.exerciseTitle]}),"/",e.jsxs(ae,{to:".",className:"hover:underline",children:[a.stepNumber,". ",a.title," (",a.emoji," ",a.type,")"]})]}),t.problem&&((w=t.playground)==null?void 0:w.appName)!==t.problem.name?e.jsx(Fe,{appName:t.problem.name}):null]})}),e.jsx("article",{id:t.articleId,className:"shadow-on-scrollbox h-full w-full max-w-none flex-1 scroll-pt-6 space-y-6 overflow-y-auto p-10 pt-8 scrollbar-thin scrollbar-thumb-scrollbar",children:t.exerciseStepApp.instructionsCode?e.jsx("div",{className:"prose dark:prose-invert sm:prose-lg",children:e.jsx(sr,{inBrowserBrowserRef:n})}):e.jsx("p",{children:"No instructions yet..."})},t.articleId),e.jsx(ht,{elementQuery:`#${t.articleId}`},`scroll-${t.articleId}`),t.type==="solution"?e.jsx(rn,{type:"step",exerciseNumber:t.exerciseStepApp.exerciseNumber,stepNumber:t.exerciseStepApp.stepNumber,className:"h-14 border-t px-6"}):null,e.jsxs("div",{className:"flex h-16 justify-between border-b-4 border-t lg:border-b-0",children:[e.jsx("div",{children:e.jsx("div",{className:"h-full",children:e.jsx(Lr,{})})}),e.jsx(Xt,{appName:t.exerciseStepApp.name,relativePath:t.exerciseStepApp.relativePath}),e.jsx(nn,{prev:t.prevStepLink?{to:t.prevStepLink.to,"aria-label":"Previous Step"}:null,next:t.nextStepLink?{to:t.nextStepLink.to,"aria-label":"Next Step"}:null})]})]}),e.jsxs(Tn,{className:"relative col-span-1 row-span-1 flex flex-col overflow-y-auto",value:l,children:[e.jsx(Dn,{className:"h-14 min-h-14 overflow-x-hidden border-b scrollbar-thin scrollbar-thumb-scrollbar",children:ye.map(j=>e.jsx(On,{value:j,hidden:d(j),asChild:!0,className:te("clip-path-button relative px-6 py-4 font-mono text-sm uppercase radix-state-active:z-10 radix-state-active:bg-foreground radix-state-active:text-background radix-state-active:hover:bg-foreground/80 radix-state-active:hover:text-background/80 radix-state-inactive:hover:bg-foreground/20 radix-state-inactive:hover:text-foreground/80"),children:e.jsx(ae,{id:`${j}-tab`,className:"h-full outline-none focus:bg-foreground/80 focus:text-background/80",preventScrollReset:!0,prefetch:"intent",onClick:u,to:j==="diff"&&o?b:`?${Ur(r,"preview",j==="playground"?null:j)}`,children:j})},j))}),e.jsxs("div",{className:"relative z-10 flex flex-grow flex-col overflow-y-auto",children:[e.jsx(se,{value:"playground",className:"flex flex-grow items-center justify-center radix-state-inactive:hidden",children:e.jsx(Xn,{appInfo:t.playground,problemAppName:(y=t.problem)==null?void 0:y.name,inBrowserBrowserRef:n,allApps:t.allApps})}),e.jsx(se,{value:"problem",className:"flex flex-grow items-center justify-center radix-state-inactive:hidden",children:e.jsx(we,{appInfo:t.problem,inBrowserBrowserRef:n})}),e.jsx(se,{value:"solution",className:"flex flex-grow items-center justify-center radix-state-inactive:hidden",children:e.jsx(we,{appInfo:t.solution,inBrowserBrowserRef:n})}),e.jsx(se,{value:"tests",className:"flex flex-grow items-start justify-center overflow-hidden radix-state-inactive:hidden",children:e.jsx(yr,{appInfo:t.playground,problemAppName:(f=t.problem)==null?void 0:f.name,allApps:t.allApps})}),e.jsx(se,{value:"diff",className:"flex h-full flex-grow items-start justify-center radix-state-inactive:hidden",children:e.jsx(zt,{diff:t.diff,allApps:t.allApps})}),e.jsx(se,{value:"chat",className:"flex h-full flex-grow items-start justify-center radix-state-inactive:hidden",children:e.jsx(An,{})})]})]})]})})}function ps(){return e.jsx(tn,{statusHandlers:{404:()=>e.jsx("p",{children:"Sorry, we couldn't find an app here."})}})}export{ps as ErrorBoundary,fs as default,ds as meta};
+//# sourceMappingURL=_layout--icRfEZS.js.map