@epic-web/workshop-app 4.5.0 → 4.5.1

package/build/server/index.js

@@ -1,10 +1,10 @@
 var _a, _b;
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { PassThrough } from "stream";
-import "@total-typescript/ts-reset";
-import fs$1 from "fs";
-import path from "path";
+import fs from "node:fs";
+import path$1 from "node:path";
 import { remember } from "@epic-web/remember";
+import "@total-typescript/ts-reset";
 import { execaCommand, execa } from "execa";
 import fsExtra from "fs-extra";
 import { glob } from "glob";
@@ -12,12 +12,14 @@ import { isGitIgnored, globby } from "globby";
 import * as z from "zod";
 import { z as z$1 } from "zod";
 import os from "os";
+import path from "path";
 import * as C from "@epic-web/cachified";
 import { verboseReporter, cachified as cachified$1 } from "@epic-web/cachified";
 import { LRUCache } from "lru-cache";
 import md5 from "md5-hex";
 import chokidar from "chokidar";
 import closeWithGrace from "close-with-grace";
+import fs$1 from "fs";
 import { remarkCodeBlocksShiki } from "@kentcdodds/md-temp";
 import { bundleMDX } from "mdx-bundler";
 import PQueue from "p-queue";
@@ -25,8 +27,6 @@ import remarkAutolinkHeadings from "remark-autolink-headings";
 import emoji from "remark-emoji";
 import gfm from "remark-gfm";
 import { visit } from "unist-util-visit";
-import fs from "node:fs";
-import path$1 from "node:path";
 import { createProcessor } from "@mdx-js/mdx";
 import { removePosition } from "unist-util-remove-position";
 import child_process, { spawn } from "child_process";
@@ -35,12 +35,12 @@ import chalk from "chalk";
 import fkill from "fkill";
 import { promises } from "node:dns";
 import { createReadableStreamFromReadable, redirect, json, createCookieSessionStorage, defer } from "@remix-run/node";
-import { RemixServer, Link, useRouteError, useParams, isRouteErrorResponse, useNavigation, useFetchers, useRouteLoaderData, useRevalidator, useFetcher, useLoaderData, Outlet, Meta, Links, ScrollRestoration, Scripts, useLocation, NavLink, Await, useSearchParams, Form, useSubmit, useNavigate } from "@remix-run/react";
+import { RemixServer, Link, useRouteError, useParams, isRouteErrorResponse, useNavigation, useFetchers, useRouteLoaderData, useRevalidator, useFetcher, useLoaderData, Outlet, Meta, Links, ScrollRestoration, Scripts, useLocation, NavLink, Await, useSubmit, useSearchParams, Form, useNavigate } from "@remix-run/react";
 import { isbot } from "isbot";
 import { renderToPipeableStream } from "react-dom/server";
 import { cssBundleHref } from "@remix-run/css-bundle";
 import * as React from "react";
-import React__default, { useRef, useEffect, useMemo, useState, createContext, useContext, forwardRef, useImperativeHandle, useReducer, Suspense } from "react";
+import React__default, { useRef, useEffect, useMemo, useState, createContext, useContext, Suspense, forwardRef, useImperativeHandle, useReducer } from "react";
 import { useSpinDelay } from "spin-delay";
 import { Index as Index$1 } from "confetti-react";
 import { ClientOnly } from "remix-utils/client-only";
@@ -52,11 +52,11 @@ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { useForm, getFormProps } from "@conform-to/react";
 import { parseWithZod } from "@conform-to/zod";
 import { safeRedirect } from "remix-utils/safe-redirect";
-import * as cookie from "cookie";
 import { getHintUtils } from "@epic-web/client-hints";
 import { clientHint, subscribeToSchemeChange } from "@epic-web/client-hints/color-scheme";
 import { clientHint as clientHint$2, subscribeToMotionChange } from "@epic-web/client-hints/reduced-motion";
 import { clientHint as clientHint$1 } from "@epic-web/client-hints/time-zone";
+import * as cookie from "cookie";
 import { createId } from "@paralleldrive/cuid2";
 import { usePartySocket } from "partysocket/react";
 import { motion, useAnimationControls } from "framer-motion";
@@ -66,15 +66,15 @@ import RealMuxPlayer from "@mux/mux-player-react";
 import shellQuote from "shell-quote";
 import * as mdxBundler from "mdx-bundler/client/index.js";
 import * as Tabs from "@radix-ui/react-tabs";
-import dayjs from "dayjs";
-import "dayjs/plugin/relativeTime.js";
-import "dayjs/plugin/timezone.js";
-import "dayjs/plugin/utc.js";
+import * as Accordion from "@radix-ui/react-accordion";
 import * as Select from "@radix-ui/react-select";
 import ignore from "ignore";
 import parseGitDiff from "parse-git-diff";
 import { bundledLanguagesInfo } from "shiki/langs";
-import * as Accordion from "@radix-ui/react-accordion";
+import dayjs from "dayjs";
+import "dayjs/plugin/relativeTime.js";
+import "dayjs/plugin/timezone.js";
+import "dayjs/plugin/utc.js";
 import AnsiToHTML from "ansi-to-html";
 import escapeHtml from "lodash.escape";
 import { useEventSource } from "remix-utils/sse/react";
@@ -353,7 +353,7 @@ async function getFileContent(filePath) {
     const fileContent = content.split("\n");
     fileContentCache.set(filePath, fileContent);
     return fileContent;
-  } catch (error) {
+  } catch {
     console.warn(
       `@epic-web/workshop-app - invalid CodeFile.
 Could not read file: ${filePath}
@@ -869,7 +869,7 @@ async function getEmbeddedFilesCache() {
             await fs$1.promises.readFile(embeddedFilesLocation, "utf-8")
           );
         }
-      } catch (error) {
+      } catch {
         console.error(`Unable to read 'embeddedFiles.json' from: `, cacheDir);
       }
       return void 0;
@@ -1193,7 +1193,7 @@ async function getPkgProp(fullPath, prop, defaultValue) {
 }
 (_b = process.env).NODE_ENV ?? (_b.NODE_ENV = "development");
 const workshopRoot = getWorkshopRoot();
-const playgroundAppNameInfoPath = path.join(
+const playgroundAppNameInfoPath = path$1.join(
   getWorkshopRoot(),
   "node_modules",
   ".cache",
@@ -1308,7 +1308,7 @@ function isExerciseStepApp(app) {
   return isProblemApp(app) || isSolutionApp(app);
 }
 function exists(file) {
-  return fs$1.promises.access(file, fs$1.constants.F_OK).then(
+  return fs.promises.access(file, fs.constants.F_OK).then(
     () => true,
     () => false
   );
@@ -1348,7 +1348,7 @@ function setModifiedTimesForDir(dir) {
   modifiedTimes.set(dir, Date.now());
 }
 function getForceFreshForDir(dir, cacheEntry) {
-  if (!path.isAbsolute(dir)) {
+  if (!path$1.isAbsolute(dir)) {
     throw new Error(`Trying to get force fresh for non-absolute path: ${dir}`);
   }
   if (!cacheEntry)
@@ -1360,7 +1360,7 @@ function getForceFreshForDir(dir, cacheEntry) {
 }
 async function readDir(dir) {
   if (await exists(dir)) {
-    return fs$1.promises.readdir(dir);
+    return fs.promises.readdir(dir);
   }
   return [];
 }
@@ -1409,18 +1409,18 @@ async function getExercises({
   request
 } = {}) {
   const apps = await getApps({ request, timings });
-  const exerciseDirs = await readDir(path.join(workshopRoot, "exercises"));
+  const exerciseDirs = await readDir(path$1.join(workshopRoot, "exercises"));
   const exercises = [];
   for (const dirName of exerciseDirs) {
     const exerciseNumber = extractExerciseNumber(dirName);
     if (!exerciseNumber)
       continue;
     const compiledReadme = await compileMdxIfExists(
-      path.join(workshopRoot, "exercises", dirName, "README.mdx"),
+      path$1.join(workshopRoot, "exercises", dirName, "README.mdx"),
       { request }
     );
     const compiledFinished = await compileMdxIfExists(
-      path.join(workshopRoot, "exercises", dirName, "FINISHED.mdx"),
+      path$1.join(workshopRoot, "exercises", dirName, "FINISHED.mdx"),
       { request }
     );
     const steps = [];
@@ -1528,12 +1528,12 @@ const AppIdInfoSchema = z$1.object({
 function extractNumbersAndTypeFromAppNameOrPath(fullPathOrAppName) {
   var _a2;
   const info = {};
-  if (fullPathOrAppName.includes(path.sep)) {
+  if (fullPathOrAppName.includes(path$1.sep)) {
     const relativePath = fullPathOrAppName.replace(
-      path.join(workshopRoot, "exercises", path.sep),
+      path$1.join(workshopRoot, "exercises", path$1.sep),
       ""
     );
-    const [exerciseNumberPart, stepNumberPart] = relativePath.split(path.sep);
+    const [exerciseNumberPart, stepNumberPart] = relativePath.split(path$1.sep);
     if (!exerciseNumberPart || !stepNumberPart)
       return null;
     const exerciseNumber = exerciseNumberPart.split(".")[0];
@@ -1554,19 +1554,19 @@ function extractNumbersAndTypeFromAppNameOrPath(fullPathOrAppName) {
   return null;
 }
 async function getProblemDirs() {
-  const exercisesDir = path.join(workshopRoot, "exercises");
+  const exercisesDir = path$1.join(workshopRoot, "exercises");
   const problemDirs = (await glob("**/*.problem*", {
     cwd: exercisesDir,
     ignore: "node_modules/**"
-  })).map((p) => path.join(exercisesDir, p));
+  })).map((p) => path$1.join(exercisesDir, p));
   return problemDirs;
 }
 async function getSolutionDirs() {
-  const exercisesDir = path.join(workshopRoot, "exercises");
+  const exercisesDir = path$1.join(workshopRoot, "exercises");
   const solutionDirs = (await glob("**/*.solution*", {
     cwd: exercisesDir,
     ignore: "node_modules/**"
-  })).map((p) => path.join(exercisesDir, p));
+  })).map((p) => path$1.join(exercisesDir, p));
   return solutionDirs;
 }
 function getPathname(fullPath) {
@@ -1578,30 +1578,30 @@ function getAppName(fullPath) {
     return "playground";
   if (/examples\/.+\/?$/.test(fullPath)) {
     const restOfPath = fullPath.replace(
-      `${getWorkshopRoot()}${path.sep}examples${path.sep}`,
+      `${getWorkshopRoot()}${path$1.sep}examples${path$1.sep}`,
       ""
     );
-    return `example.${restOfPath.split(path.sep).join("__sep__")}`;
+    return `example.${restOfPath.split(path$1.sep).join("__sep__")}`;
   }
   const appIdInfo = extractNumbersAndTypeFromAppNameOrPath(fullPath);
   if (appIdInfo) {
     const { exerciseNumber, stepNumber, type } = appIdInfo;
     return `${exerciseNumber}.${stepNumber}.${type}`;
   } else {
-    const relativePath = fullPath.replace(`${workshopRoot}${path.sep}`, "");
-    return relativePath.split(path.sep).join("__sep__");
+    const relativePath = fullPath.replace(`${workshopRoot}${path$1.sep}`, "");
+    return relativePath.split(path$1.sep).join("__sep__");
   }
 }
 async function getFullPathFromAppName(appName) {
   if (appName === "playground")
-    return path.join(workshopRoot, "playground");
+    return path$1.join(workshopRoot, "playground");
   if (appName.startsWith(".example")) {
-    const relativePath = appName.replace(".example", "").split("__sep__").join(path.sep);
-    return path.join(workshopRoot, "examples", relativePath);
+    const relativePath = appName.replace(".example", "").split("__sep__").join(path$1.sep);
+    return path$1.join(workshopRoot, "examples", relativePath);
   }
   if (appName.includes("__sep__")) {
-    const relativePath = appName.replaceAll("__sep__", path.sep);
-    return path.join(workshopRoot, relativePath);
+    const relativePath = appName.replaceAll("__sep__", path$1.sep);
+    return path$1.join(workshopRoot, relativePath);
   }
   const [exerciseNumber, stepNumber, type] = appName.split(".");
   const appDirs = type === "problem" ? await getProblemDirs() : type === "solution" ? await getSolutionDirs() : [];
@@ -1616,20 +1616,20 @@ async function getFullPathFromAppName(appName) {
 async function findSolutionDir({
   fullPath
 }) {
-  const dirName = path.basename(fullPath);
+  const dirName = path$1.basename(fullPath);
   if (dirName.includes(".problem")) {
     const info = getAppDirInfo(dirName);
     if (!info)
       return null;
     const { stepNumber } = info;
     const paddedStepNumber = stepNumber.toString().padStart(2, "0");
-    const parentDir = path.dirname(fullPath);
-    const siblingDirs = await fs$1.promises.readdir(parentDir);
+    const parentDir = path$1.dirname(fullPath);
+    const siblingDirs = await fs.promises.readdir(parentDir);
     const solutionDir = siblingDirs.find(
       (dir) => dir.startsWith(`${paddedStepNumber}.solution`)
     );
     if (solutionDir) {
-      return path.join(parentDir, solutionDir);
+      return path$1.join(parentDir, solutionDir);
     }
   } else if (fullPath.endsWith("playground")) {
     const appName = await getPlaygroundAppName();
@@ -1644,20 +1644,20 @@ async function findSolutionDir({
 async function findProblemDir({
   fullPath
 }) {
-  const dirName = path.basename(fullPath);
+  const dirName = path$1.basename(fullPath);
   if (dirName.includes(".solution")) {
     const info = getAppDirInfo(dirName);
     if (!info)
       return null;
     const { stepNumber } = info;
     const paddedStepNumber = stepNumber.toString().padStart(2, "0");
-    const parentDir = path.dirname(fullPath);
-    const siblingDirs = await fs$1.promises.readdir(parentDir);
+    const parentDir = path$1.dirname(fullPath);
+    const siblingDirs = await fs.promises.readdir(parentDir);
     const problemDir = siblingDirs.find(
       (dir) => dir.endsWith("problem") && dir.includes(paddedStepNumber)
     );
     if (problemDir) {
-      return path.join(parentDir, problemDir);
+      return path$1.join(parentDir, problemDir);
     }
   } else if (fullPath.endsWith("playground")) {
     const appName = await getPlaygroundAppName();
@@ -1670,13 +1670,13 @@ async function findProblemDir({
 async function getTestInfo({
   fullPath
 }) {
-  const hasPkgJson = await exists(path.join(fullPath, "package.json"));
+  const hasPkgJson = await exists(path$1.join(fullPath, "package.json"));
   const testScript = hasPkgJson ? await getPkgProp(fullPath, "epicshop.scripts.test", "") : null;
   if (testScript) {
     return { type: "script", script: testScript };
   }
   const testAppFullPath = await findSolutionDir({ fullPath }) ?? fullPath;
-  const dirList = await fs$1.promises.readdir(testAppFullPath);
+  const dirList = await fs.promises.readdir(testAppFullPath);
   const testFiles = dirList.filter((item) => item.includes(".test."));
   if (testFiles.length) {
     return {
@@ -1691,7 +1691,7 @@ async function getDevInfo({
   fullPath,
   portNumber
 }) {
-  const hasPkgJson = await exists(path.join(fullPath, "package.json"));
+  const hasPkgJson = await exists(path$1.join(fullPath, "package.json"));
   const hasDevScript = hasPkgJson ? Boolean(await getPkgProp(fullPath, "scripts.dev", "")) : false;
   if (hasDevScript) {
     const initialRoute = (hasPkgJson ? await getPkgProp(fullPath, "epicshop.initialRoute", "") : "") || await getPkgProp(workshopRoot, "epicshop.initialRoute", "/");
@@ -1710,7 +1710,7 @@ async function getPlaygroundApp({
   timings,
   request
 } = {}) {
-  const playgroundDir = path.join(workshopRoot, "playground");
+  const playgroundDir = path$1.join(workshopRoot, "playground");
   const baseAppName = await getPlaygroundAppName();
   const key = `playground-${baseAppName}`;
   const baseAppFullPath = baseAppName ? await getFullPathFromAppName(baseAppName) : null;
@@ -1722,7 +1722,7 @@ async function getPlaygroundApp({
     cache: playgroundAppCache,
     ttl: 1e3 * 60 * 60 * 24,
     timings,
-    timingKey: playgroundDir.replace(`${playgroundDir}${path.sep}`, ""),
+    timingKey: playgroundDir.replace(`${playgroundDir}${path$1.sep}`, ""),
     request,
     forceFresh: forceFreshPlaygroundDir || forceFreshBaseApp,
     getFreshValue: async () => {
@@ -1730,11 +1730,11 @@ async function getPlaygroundApp({
         return null;
       if (!baseAppName)
         return null;
-      const dirName = path.basename(playgroundDir);
+      const dirName = path$1.basename(playgroundDir);
       const name = getAppName(playgroundDir);
       const portNumber = 4e3;
       const [compiledReadme, test, dev] = await Promise.all([
-        compileMdxIfExists(path.join(playgroundDir, "README.mdx"), { request }),
+        compileMdxIfExists(path$1.join(playgroundDir, "README.mdx"), { request }),
         getTestInfo({ fullPath: playgroundDir }),
         getDevInfo({ fullPath: playgroundDir, portNumber })
       ]);
@@ -1749,7 +1749,7 @@ async function getPlaygroundApp({
         isUpToDate: appModifiedTime <= playgroundAppModifiedTime,
         fullPath: playgroundDir,
         relativePath: playgroundDir.replace(
-          `${getWorkshopRoot()}${path.sep}`,
+          `${getWorkshopRoot()}${path$1.sep}`,
           ""
         ),
         title: (compiledReadme == null ? void 0 : compiledReadme.title) ?? name,
@@ -1766,9 +1766,9 @@ async function getPlaygroundApp({
   });
 }
 async function getExampleAppFromPath(fullPath, index, request) {
-  const dirName = path.basename(fullPath);
+  const dirName = path$1.basename(fullPath);
   const compiledReadme = await compileMdxIfExists(
-    path.join(fullPath, "README.mdx"),
+    path$1.join(fullPath, "README.mdx"),
     { request }
   );
   const name = getAppName(fullPath);
@@ -1777,7 +1777,7 @@ async function getExampleAppFromPath(fullPath, index, request) {
     name,
     type: "example",
     fullPath,
-    relativePath: fullPath.replace(`${getWorkshopRoot()}${path.sep}`, ""),
+    relativePath: fullPath.replace(`${getWorkshopRoot()}${path$1.sep}`, ""),
     title: (compiledReadme == null ? void 0 : compiledReadme.title) ?? name,
     epicVideoEmbeds: compiledReadme == null ? void 0 : compiledReadme.epicVideoEmbeds,
     dirName,
@@ -1790,8 +1790,8 @@ async function getExampleApps({
   timings,
   request
 } = {}) {
-  const examplesDir = path.join(workshopRoot, "examples");
-  const exampleDirs = (await glob("*", { cwd: examplesDir, ignore: "node_modules/**" })).map((p) => path.join(examplesDir, p));
+  const examplesDir = path$1.join(workshopRoot, "examples");
+  const exampleDirs = (await glob("*", { cwd: examplesDir, ignore: "node_modules/**" })).map((p) => path$1.join(examplesDir, p));
   const exampleApps = [];
   for (const exampleDir of exampleDirs) {
     const index = exampleDirs.indexOf(exampleDir);
@@ -1801,7 +1801,7 @@ async function getExampleApps({
       cache: exampleAppCache,
       ttl: 1e3 * 60 * 60 * 24,
       timings,
-      timingKey: exampleDir.replace(`${examplesDir}${path.sep}`, ""),
+      timingKey: exampleDir.replace(`${examplesDir}${path$1.sep}`, ""),
       request,
       forceFresh: getForceFreshForDir(exampleDir, exampleAppCache.get(key)),
       getFreshValue: () => getExampleAppFromPath(exampleDir, index, request).catch((error) => {
@@ -1815,8 +1815,8 @@ async function getExampleApps({
   return exampleApps;
 }
 async function getSolutionAppFromPath(fullPath, request) {
-  const dirName = path.basename(fullPath);
-  const parentDirName = path.basename(path.dirname(fullPath));
+  const dirName = path$1.basename(fullPath);
+  const parentDirName = path$1.basename(path$1.dirname(fullPath));
   const exerciseNumber = extractExerciseNumber(parentDirName);
   if (!exerciseNumber)
     return null;
@@ -1827,7 +1827,7 @@ async function getSolutionAppFromPath(fullPath, request) {
   const { stepNumber } = info;
   const portNumber = 7e3 + (exerciseNumber - 1) * 10 + stepNumber;
   const compiledReadme = await compileMdxIfExists(
-    path.join(fullPath, "README.mdx"),
+    path$1.join(fullPath, "README.mdx"),
     { request }
   );
   const problemDir = await findProblemDir({
@@ -1848,7 +1848,7 @@ async function getSolutionAppFromPath(fullPath, request) {
     stepNumber,
     dirName,
     fullPath,
-    relativePath: fullPath.replace(`${getWorkshopRoot()}${path.sep}`, ""),
+    relativePath: fullPath.replace(`${getWorkshopRoot()}${path$1.sep}`, ""),
     instructionsCode: compiledReadme == null ? void 0 : compiledReadme.code,
     test,
     dev
@@ -1858,7 +1858,7 @@ async function getSolutionApps({
   timings,
   request
 } = {}) {
-  const exercisesDir = path.join(workshopRoot, "exercises");
+  const exercisesDir = path$1.join(workshopRoot, "exercises");
   const solutionDirs = await getSolutionDirs();
   const solutionApps = [];
   for (const solutionDir of solutionDirs) {
@@ -1866,7 +1866,7 @@ async function getSolutionApps({
       key: solutionDir,
       cache: solutionAppCache,
       timings,
-      timingKey: solutionDir.replace(`${exercisesDir}${path.sep}`, ""),
+      timingKey: solutionDir.replace(`${exercisesDir}${path$1.sep}`, ""),
       request,
       ttl: 1e3 * 60 * 60 * 24,
       forceFresh: getForceFreshForDir(
@@ -1884,8 +1884,8 @@ async function getSolutionApps({
   return solutionApps;
 }
 async function getProblemAppFromPath(fullPath, request) {
-  const dirName = path.basename(fullPath);
-  const parentDirName = path.basename(path.dirname(fullPath));
+  const dirName = path$1.basename(fullPath);
+  const parentDirName = path$1.basename(path$1.dirname(fullPath));
   const exerciseNumber = extractExerciseNumber(parentDirName);
   if (!exerciseNumber)
     return null;
@@ -1896,7 +1896,7 @@ async function getProblemAppFromPath(fullPath, request) {
   const { stepNumber } = info;
   const portNumber = 6e3 + (exerciseNumber - 1) * 10 + stepNumber;
   const compiledReadme = await compileMdxIfExists(
-    path.join(fullPath, "README.mdx"),
+    path$1.join(fullPath, "README.mdx"),
     { request }
   );
   const solutionDir = await findSolutionDir({
@@ -1917,7 +1917,7 @@ async function getProblemAppFromPath(fullPath, request) {
     stepNumber,
     dirName,
     fullPath,
-    relativePath: fullPath.replace(`${getWorkshopRoot()}${path.sep}`, ""),
+    relativePath: fullPath.replace(`${getWorkshopRoot()}${path$1.sep}`, ""),
     instructionsCode: compiledReadme == null ? void 0 : compiledReadme.code,
     test,
     dev
@@ -1927,7 +1927,7 @@ async function getProblemApps({
   timings,
   request
 } = {}) {
-  const exercisesDir = path.join(workshopRoot, "exercises");
+  const exercisesDir = path$1.join(workshopRoot, "exercises");
   const problemDirs = await getProblemDirs();
   const problemApps = [];
   for (const problemDir of problemDirs) {
@@ -1935,7 +1935,7 @@ async function getProblemApps({
       key: problemDir,
       cache: problemAppCache,
       timings,
-      timingKey: problemDir.replace(`${exercisesDir}${path.sep}`, ""),
+      timingKey: problemDir.replace(`${exercisesDir}${path$1.sep}`, ""),
       request,
       ttl: 1e3 * 60 * 60 * 24,
       forceFresh: getForceFreshForDir(
@@ -2030,8 +2030,8 @@ async function setPlayground(srcDir, { reset } = {}) {
   var _a2, _b2;
   const isIgnored = await isGitIgnored({ cwd: srcDir });
   const workshopRoot2 = getWorkshopRoot();
-  const destDir = path.join(workshopRoot2, "playground");
-  const playgroundFiles = path.join(destDir, "**");
+  const destDir = path$1.join(workshopRoot2, "playground");
+  const playgroundFiles = path$1.join(destDir, "**");
   (_a2 = getOptionalWatcher()) == null ? void 0 : _a2.unwatch(playgroundFiles);
   const playgroundApp = await getAppByName("playground");
   const playgroundWasRunning = playgroundApp ? isAppRunning(playgroundApp) : false;
@@ -2041,14 +2041,13 @@ async function setPlayground(srcDir, { reset } = {}) {
   }
   const setPlaygroundTimestamp = Date.now();
   const preSetPlaygroundPath = await firstToExist(
-    path.join(srcDir, "epicshop", "pre-set-playground.js"),
-    path.join(workshopRoot2, "epicshop", "pre-set-playground.js")
+    path$1.join(srcDir, "epicshop", "pre-set-playground.js"),
+    path$1.join(workshopRoot2, "epicshop", "pre-set-playground.js")
   );
   if (preSetPlaygroundPath) {
     await execa("node", [preSetPlaygroundPath], {
       cwd: workshopRoot2,
       stdio: "inherit",
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
       env: {
         EPICSHOP_PLAYGROUND_TIMESTAMP: setPlaygroundTimestamp.toString(),
         EPICSHOP_PLAYGROUND_DEST_DIR: destDir,
@@ -2057,11 +2056,11 @@ async function setPlayground(srcDir, { reset } = {}) {
       }
     });
   }
-  const basename2 = path.basename(srcDir);
-  await fsExtra.remove(path.join(destDir, "node_modules"));
+  const basename2 = path$1.basename(srcDir);
+  await fsExtra.remove(path$1.join(destDir, "node_modules"));
   await fsExtra.copy(srcDir, destDir, {
     filter: async (srcFile, destFile) => {
-      if (srcFile.includes(`${basename2}${path.sep}build`) || srcFile.includes(`${basename2}${path.sep}public${path.sep}build`)) {
+      if (srcFile.includes(`${basename2}${path$1.sep}build`) || srcFile.includes(`${basename2}${path$1.sep}public${path$1.sep}build`)) {
         return false;
       }
       if (srcFile === srcDir)
@@ -2103,22 +2102,21 @@ async function setPlayground(srcDir, { reset } = {}) {
     (fileName) => !srcFiles.includes(fileName)
   );
   for (const fileToDelete of filesToDelete) {
-    await fsExtra.remove(path.join(destDir, fileToDelete));
+    await fsExtra.remove(path$1.join(destDir, fileToDelete));
   }
   const appName = getAppName(srcDir);
-  await fsExtra.ensureDir(path.dirname(playgroundAppNameInfoPath));
+  await fsExtra.ensureDir(path$1.dirname(playgroundAppNameInfoPath));
   await fsExtra.writeJSON(playgroundAppNameInfoPath, { appName });
   const playgroundIsStillRunning = playgroundApp ? isAppRunning(playgroundApp) : false;
   const restartPlayground = playgroundWasRunning && !playgroundIsStillRunning;
   const postSetPlaygroundPath = await firstToExist(
-    path.join(srcDir, "epicshop", "post-set-playground.js"),
-    path.join(workshopRoot2, "epicshop", "post-set-playground.js")
+    path$1.join(srcDir, "epicshop", "post-set-playground.js"),
+    path$1.join(workshopRoot2, "epicshop", "post-set-playground.js")
   );
   if (postSetPlaygroundPath) {
     await execa("node", [postSetPlaygroundPath], {
       cwd: workshopRoot2,
       stdio: "inherit",
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
       env: {
         EPICSHOP_PLAYGROUND_TIMESTAMP: setPlaygroundTimestamp.toString(),
         EPICSHOP_PLAYGROUND_SRC_DIR: srcDir,
@@ -2141,7 +2139,7 @@ async function getPlaygroundAppName() {
     return null;
   }
   try {
-    const jsonString = await fs$1.promises.readFile(
+    const jsonString = await fs.promises.readFile(
       playgroundAppNameInfoPath,
       "utf8"
     );
@@ -2155,17 +2153,17 @@ async function getPlaygroundAppName() {
 }
 async function getDirModifiedTime(dir) {
   const isIgnored = await isGitIgnored({ cwd: dir });
-  const files = await fs$1.promises.readdir(dir, { withFileTypes: true });
+  const files = await fs.promises.readdir(dir, { withFileTypes: true });
   const modifiedTimes2 = await Promise.all(
     files.map(async (file) => {
       if (isIgnored(file.name))
         return 0;
-      const filePath = path.join(dir, file.name);
+      const filePath = path$1.join(dir, file.name);
       if (file.isDirectory()) {
         return getDirModifiedTime(filePath);
       } else {
         try {
-          const { mtimeMs } = await fs$1.promises.stat(filePath);
+          const { mtimeMs } = await fs.promises.stat(filePath);
           return mtimeMs;
         } catch {
           return 0;
@@ -2218,7 +2216,7 @@ function getWorkshopRoot() {
 async function getWorkshopInstructions({
   request
 } = {}) {
-  const readmeFilepath = path.join(workshopRoot, "exercises", "README.mdx");
+  const readmeFilepath = path$1.join(workshopRoot, "exercises", "README.mdx");
   const compiled = await compileMdx(readmeFilepath, { request }).then(
     (r) => ({ ...r, status: "success" }),
     (e) => {
@@ -2235,7 +2233,7 @@ async function getWorkshopInstructions({
 async function getWorkshopFinished({
   request
 } = {}) {
-  const finishedFilepath = path.join(workshopRoot, "exercises", "FINISHED.mdx");
+  const finishedFilepath = path$1.join(workshopRoot, "exercises", "FINISHED.mdx");
   const compiled = await compileMdx(finishedFilepath, { request }).then(
     (r) => ({ ...r, status: "success" }),
     (e) => {
@@ -2253,10 +2251,10 @@ async function getWorkshopFinished({
     relativePath: "exercises/finished.mdx"
   };
 }
-const exercisesPath = path.join(workshopRoot, "exercises/");
-const playgroundPath = path.join(workshopRoot, "playground/");
+const exercisesPath = path$1.join(workshopRoot, "exercises/");
+const playgroundPath = path$1.join(workshopRoot, "playground/");
 function getRelativePath$1(filePath) {
-  return path.normalize(filePath).replace(playgroundPath, `playground${path.sep}`).replace(exercisesPath, "");
+  return path$1.normalize(filePath).replace(playgroundPath, `playground${path$1.sep}`).replace(exercisesPath, "");
 }
 z$1.object({
   NODE_ENV: z$1.enum(["production", "development", "test"]).default("development"),
@@ -2588,6 +2586,83 @@ function Confetti({ id }) {
     id
   ) });
 }
+function AnimatedBars({
+  title,
+  size = 16,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 16 16",
+      "aria-hidden": !title,
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+        /* @__PURE__ */ jsxs("g", { fill: "currentColor", children: [
+          /* @__PURE__ */ jsxs("g", { className: "nc-loop-dots-16-icon-f", children: [
+            /* @__PURE__ */ jsx("circle", { cx: "3", cy: "8", fill: "currentColor", r: "2" }),
+            /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "2" }),
+            /* @__PURE__ */ jsx("circle", { cx: "13", cy: "8", fill: "currentColor", r: "2" })
+          ] }),
+          /* @__PURE__ */ jsx("style", { children: `.nc-loop-dots-16-icon-f{--animation-duration:1s}.nc-loop-dots-16-icon-f *{opacity:.4;transform:scale(.7)}.nc-loop-dots-16-icon-f :nth-child(1),.nc-loop-dots-16-icon-f :nth-child(3){animation:nc-loop-dots-anim-2b var(--animation-duration) infinite linear}.nc-loop-dots-16-icon-f :nth-child(1){transform-origin:3px 8px}.nc-loop-dots-16-icon-f :nth-child(2){animation:nc-loop-dots-anim-1b calc(var(--animation-duration)/2) infinite linear;animation-delay:calc(var(--animation-duration)/4);transform-origin:8px 8px}.nc-loop-dots-16-icon-f :nth-child(3){animation-delay:calc(var(--animation-duration)/2);transform-origin:13px 8px}@keyframes nc-loop-dots-anim-1b{0%,100%{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@keyframes nc-loop-dots-anim-2b{0%,100%,66%{opacity:.4;transform:scale(.7)}33%{opacity:1;transform:scale(1)}}` })
+        ] })
+      ]
+    }
+  );
+}
+const sizeClassName = {
+  font: "w-[1em] h-[1em]",
+  xs: "w-3 h-3",
+  sm: "w-4 h-4",
+  md: "w-5 h-5",
+  lg: "w-6 h-6",
+  xl: "w-7 h-7",
+  "2xl": "w-8 h-8"
+};
+const childrenSizeClassName = {
+  font: "gap-1.5",
+  xs: "gap-1.5",
+  sm: "gap-1.5",
+  md: "gap-2",
+  lg: "gap-2",
+  xl: "gap-3",
+  "2xl": "gap-4"
+};
+function Icon({
+  name,
+  size = "font",
+  title,
+  className,
+  children,
+  ...props
+}) {
+  if (children) {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: `inline-flex items-center ${childrenSizeClassName[size]}`,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { name, size, className, ...props }),
+          children
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ...props,
+      className: cn(sizeClassName[size], "inline self-center", className),
+      children: [
+        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+        /* @__PURE__ */ jsx("use", { href: `/icons.svg#${name}`, fill: "transparent" })
+      ]
+    }
+  );
+}
 const removeProseMargin = {
   "> ul > li > *:first-child": {
     marginTop: "unset"
@@ -2730,89 +2805,11 @@ const extendedTheme = {
     "accordion-up": "accordion-up 0.2s ease-out"
   }
 };
-function AnimatedBars({
-  title,
-  size = 16,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 16 16",
-      "aria-hidden": !title,
-      ...props,
-      children: [
-        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
-        /* @__PURE__ */ jsxs("g", { fill: "currentColor", children: [
-          /* @__PURE__ */ jsxs("g", { className: "nc-loop-dots-16-icon-f", children: [
-            /* @__PURE__ */ jsx("circle", { cx: "3", cy: "8", fill: "currentColor", r: "2" }),
-            /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "2" }),
-            /* @__PURE__ */ jsx("circle", { cx: "13", cy: "8", fill: "currentColor", r: "2" })
-          ] }),
-          /* @__PURE__ */ jsx("style", { children: `.nc-loop-dots-16-icon-f{--animation-duration:1s}.nc-loop-dots-16-icon-f *{opacity:.4;transform:scale(.7)}.nc-loop-dots-16-icon-f :nth-child(1),.nc-loop-dots-16-icon-f :nth-child(3){animation:nc-loop-dots-anim-2b var(--animation-duration) infinite linear}.nc-loop-dots-16-icon-f :nth-child(1){transform-origin:3px 8px}.nc-loop-dots-16-icon-f :nth-child(2){animation:nc-loop-dots-anim-1b calc(var(--animation-duration)/2) infinite linear;animation-delay:calc(var(--animation-duration)/4);transform-origin:8px 8px}.nc-loop-dots-16-icon-f :nth-child(3){animation-delay:calc(var(--animation-duration)/2);transform-origin:13px 8px}@keyframes nc-loop-dots-anim-1b{0%,100%{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@keyframes nc-loop-dots-anim-2b{0%,100%,66%{opacity:.4;transform:scale(.7)}33%{opacity:1;transform:scale(1)}}` })
-        ] })
-      ]
-    }
-  );
-}
-const sizeClassName = {
-  font: "w-[1em] h-[1em]",
-  xs: "w-3 h-3",
-  sm: "w-4 h-4",
-  md: "w-5 h-5",
-  lg: "w-6 h-6",
-  xl: "w-7 h-7",
-  "2xl": "w-8 h-8"
-};
-const childrenSizeClassName = {
-  font: "gap-1.5",
-  xs: "gap-1.5",
-  sm: "gap-1.5",
-  md: "gap-2",
-  lg: "gap-2",
-  xl: "gap-3",
-  "2xl": "gap-4"
-};
-function Icon({
-  name,
-  size = "font",
-  title,
-  className,
-  children,
-  ...props
-}) {
-  if (children) {
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        className: `inline-flex items-center ${childrenSizeClassName[size]}`,
-        children: [
-          /* @__PURE__ */ jsx(Icon, { name, size, className, ...props }),
-          children
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      ...props,
-      className: cn(sizeClassName[size], "inline self-center", className),
-      children: [
-        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
-        /* @__PURE__ */ jsx("use", { href: `/icons.svg#${name}`, fill: "transparent" })
-      ]
-    }
-  );
-}
 const AnchorOrLink = React.forwardRef(function AnchorOrLink2(props, ref) {
   var _a2;
   const {
     to,
     href,
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     download,
     reload = false,
     prefetch,
@@ -2833,10 +2830,7 @@ const AnchorOrLink = React.forwardRef(function AnchorOrLink2(props, ref) {
     shouldUserRegularAnchor = Boolean((_a2 = to.pathname) == null ? void 0 : _a2.includes(":"));
   }
   if (shouldUserRegularAnchor) {
-    return (
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-      /* @__PURE__ */ jsx("a", { ...rest, download, href: href ?? toUrl, ref, children })
-    );
+    return /* @__PURE__ */ jsx("a", { ...rest, download, href: href ?? toUrl, ref, children });
   } else {
     return /* @__PURE__ */ jsx(Link, { prefetch, to: to ?? href ?? "", ...rest, ref, children });
   }
@@ -3091,20 +3085,6 @@ function SimpleTooltip({
     /* @__PURE__ */ jsx(TooltipContent, { children: content })
   ] });
 }
-const cookieName$1 = "EpicShop_theme";
-function getTheme(request) {
-  const cookieHeader = request.headers.get("cookie");
-  const parsed = cookieHeader ? cookie.parse(cookieHeader)[cookieName$1] : null;
-  if (parsed === "light" || parsed === "dark")
-    return parsed;
-  return null;
-}
-function setTheme(theme) {
-  return cookie.serialize(cookieName$1, theme, {
-    path: "/",
-    maxAge: theme === "system" ? 0 : 60 * 60 * 365 * 100
-  });
-}
 function useRequestInfo() {
   const data = useRouteLoaderData("root");
   return data.requestInfo;
@@ -3159,6 +3139,20 @@ function ErrorList({
     return null;
   return /* @__PURE__ */ jsx("ul", { id, className: "space-y-1", children: errorsToRender.map((e) => /* @__PURE__ */ jsx("li", { className: "text-danger text-[10px]", children: e }, e)) });
 }
+const cookieName$1 = "EpicShop_theme";
+function getTheme(request) {
+  const cookieHeader = request.headers.get("cookie");
+  const parsed = cookieHeader ? cookie.parse(cookieHeader)[cookieName$1] : null;
+  if (parsed === "light" || parsed === "dark")
+    return parsed;
+  return null;
+}
+function setTheme(theme) {
+  return cookie.serialize(cookieName$1, theme, {
+    path: "/",
+    maxAge: theme === "system" ? 0 : 60 * 60 * 365 * 100
+  });
+}
 const ROUTE_PATH = "/theme";
 const ThemeFormSchema = z$1.object({
   redirectTo: z$1.string().optional(),
@@ -4040,6 +4034,23 @@ const route1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   default: NotFound,
   loader: loader$q
 }, Symbol.toStringTag, { value: "Module" }));
+function useOptionalUser() {
+  const data = useRouteLoaderData("root");
+  return data == null ? void 0 : data.user;
+}
+function useUser() {
+  const user = useOptionalUser();
+  if (!user) {
+    throw new Error(
+      "useUser requires a user. If the user is optional, use useOptionalUser instead."
+    );
+  }
+  return user;
+}
+function useOptionalDiscordMember() {
+  const data = useRouteLoaderData("root");
+  return data == null ? void 0 : data.discordMember;
+}
 function useEpicProgress() {
   const data = useRouteLoaderData("root");
   const progressFetcher = useFetchers().find(
@@ -4342,23 +4353,6 @@ const route30 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   useProgressItemClassName,
   useRequireEpicProgress
 }, Symbol.toStringTag, { value: "Module" }));
-function useOptionalUser() {
-  const data = useRouteLoaderData("root");
-  return data == null ? void 0 : data.user;
-}
-function useUser() {
-  const user = useOptionalUser();
-  if (!user) {
-    throw new Error(
-      "useUser requires a user. If the user is optional, use useOptionalUser instead."
-    );
-  }
-  return user;
-}
-function useOptionalDiscordMember() {
-  const data = useRouteLoaderData("root");
-  return data == null ? void 0 : data.discordMember;
-}
 async function loader$p({ request }) {
   var _a2;
   const timings = makeTimings("stepLoader");
@@ -5066,56 +5060,6 @@ const route3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   __proto__: null,
   default: ExercisesLayout
 }, Symbol.toStringTag, { value: "Module" }));
-function Loading({
-  children = "Loading"
-}) {
-  const { reducedMotion } = useHints();
-  if (reducedMotion === "reduce") {
-    return /* @__PURE__ */ jsx("div", { className: "animate-pulse", children });
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "flex items-center gap-2 font-mono text-sm font-medium uppercase",
-      role: "status",
-      children: [
-        /* @__PURE__ */ jsx("div", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(Characters, {}) }),
-        children,
-        /* @__PURE__ */ jsx("div", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(Characters, {}) })
-      ]
-    }
-  );
-}
-const characters = "█<▓█ ▒░/▒░ █░>▒▓/ █▒▒ ▓▒▓/█<░▒ ▓/░>";
-const randomCharacter = () => characters[Math.floor(Math.random() * characters.length)];
-function Characters() {
-  const [char1, setChar1] = useState(characters[0]);
-  const [char2, setChar2] = useState(characters[1]);
-  useInterval(() => {
-    setChar1(randomCharacter());
-    setChar2(randomCharacter());
-  }, 80);
-  return /* @__PURE__ */ jsxs("span", { children: [
-    char1,
-    char2
-  ] });
-}
-function useInterval(callback, delay = 1e3) {
-  const savedCallback = useRef(null);
-  useEffect(() => {
-    savedCallback.current = callback;
-  }, [callback]);
-  useEffect(() => {
-    function tick() {
-      var _a2;
-      (_a2 = savedCallback.current) == null ? void 0 : _a2.call(savedCallback);
-    }
-    if (delay !== null) {
-      const id = setInterval(tick, delay);
-      return () => clearInterval(id);
-    }
-  }, [delay]);
-}
 const PlaybackTimeSchema = z$1.object({
   time: z$1.number(),
   expiresAt: z$1.string()
@@ -5327,6 +5271,56 @@ const route36 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   action: action$a,
   usePlayerPreferences
 }, Symbol.toStringTag, { value: "Module" }));
+function Loading({
+  children = "Loading"
+}) {
+  const { reducedMotion } = useHints();
+  if (reducedMotion === "reduce") {
+    return /* @__PURE__ */ jsx("div", { className: "animate-pulse", children });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center gap-2 font-mono text-sm font-medium uppercase",
+      role: "status",
+      children: [
+        /* @__PURE__ */ jsx("div", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(Characters, {}) }),
+        children,
+        /* @__PURE__ */ jsx("div", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(Characters, {}) })
+      ]
+    }
+  );
+}
+const characters = "█<▓█ ▒░/▒░ █░>▒▓/ █▒▒ ▓▒▓/█<░▒ ▓/░>";
+const randomCharacter = () => characters[Math.floor(Math.random() * characters.length)];
+function Characters() {
+  const [char1, setChar1] = useState(characters[0]);
+  const [char2, setChar2] = useState(characters[1]);
+  useInterval(() => {
+    setChar1(randomCharacter());
+    setChar2(randomCharacter());
+  }, 80);
+  return /* @__PURE__ */ jsxs("span", { children: [
+    char1,
+    char2
+  ] });
+}
+function useInterval(callback, delay = 1e3) {
+  const savedCallback = useRef(null);
+  useEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+  useEffect(() => {
+    function tick() {
+      var _a2;
+      (_a2 = savedCallback.current) == null ? void 0 : _a2.call(savedCallback);
+    }
+    if (delay !== null) {
+      const id = setInterval(tick, delay);
+      return () => clearInterval(id);
+    }
+  }, [delay]);
+}
 const EpicVideoInfoContext = React.createContext(null);
 function EpicVideoInfoProvider({
   children,
@@ -5953,7 +5947,7 @@ function guessEditor() {
         }
       }
     }
-  } catch (error) {
+  } catch {
   }
   if (process.env.VISUAL) {
     return [process.env.VISUAL];
@@ -6463,7 +6457,6 @@ function PreWithButtons({ children, ...props }) {
         ...props,
         className: clsx(
           "scrollbar-thin scrollbar-thumb-scrollbar",
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
           props.className ?? ""
         ),
         ...updateFilename(),
@@ -6489,7 +6482,6 @@ const mdxComponents$5 = {
       ...props,
       className: clsx(
         "scrollbar-thin scrollbar-thumb-scrollbar",
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
         props.className ?? ""
       )
     }
@@ -6756,98 +6748,344 @@ const route5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   headers: headers$5,
   loader: loader$n
 }, Symbol.toStringTag, { value: "Module" }));
-const EmojiDataSchema = z$1.union([
-  z$1.object({
-    emojiName: z$1.never().optional(),
-    emojiUrl: z$1.string()
-  }),
-  z$1.object({
-    emojiName: z$1.string(),
-    emojiUrl: z$1.never().optional()
-  }),
-  z$1.object({
-    emojiName: z$1.never().optional(),
-    emojiUrl: z$1.never().optional()
-  })
-]);
-const ThreadItemSchema = z$1.object({
-  id: z$1.string(),
-  tags: z$1.array(
-    z$1.object({
-      name: z$1.string()
-    }).and(EmojiDataSchema)
-  ),
-  name: z$1.string(),
-  link: z$1.string(),
-  authorDisplayName: z$1.string(),
-  authorHexAccentColor: z$1.string().nullable().optional(),
-  authorAvatarUrl: z$1.string().nullable(),
-  messagePreview: z$1.string(),
-  messageCount: z$1.number(),
-  lastUpdated: z$1.string(),
-  previewImageUrl: z$1.string().nullable(),
-  reactions: z$1.array(
-    z$1.object({
-      count: z$1.number()
-    }).and(EmojiDataSchema)
+const AccordionComponent = ({
+  title,
+  children,
+  variant,
+  icon,
+  forceMount = false
+}) => {
+  const getVariantIcon = () => {
+    switch (variant) {
+      case "changed":
+        return /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: "Modified",
+            "aria-label": "Modified",
+            className: "text-[#fb923c]"
+          }
+        );
+      case "renamed":
+        return /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: "Renamed",
+            "aria-label": "Renamed",
+            className: "text-[#fb923c]"
+          }
+        );
+      case "added":
+        return /* @__PURE__ */ jsx(Icon, { name: "Added", "aria-label": "Added", className: "text-[#10b981]" });
+      case "deleted":
+        return /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: "Deleted",
+            "aria-label": "Deleted",
+            className: "text-[#ef4444]"
+          }
+        );
+      default:
+        return /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: "Modified",
+            "aria-label": "Modified",
+            className: "text-[#fb923c]"
+          }
+        );
+    }
+  };
+  const getVariantLabel = () => {
+    switch (variant) {
+      case "changed":
+        return "modified";
+      default:
+        return variant;
+    }
+  };
+  const fixedTitle = title.replace(/\\\\/g, "\\");
+  return /* @__PURE__ */ jsxs(Accordion.Item, { value: title, children: [
+    /* @__PURE__ */ jsxs(AccordionTrigger, { variant: getVariantLabel(), children: [
+      icon ? icon : getVariantIcon(),
+      " ",
+      fixedTitle
+    ] }),
+    /* @__PURE__ */ jsx(
+      AccordionContent,
+      {
+        forceMount,
+        className: clsx(
+          "prose max-w-none whitespace-pre-wrap dark:prose-invert prose-pre:m-0 prose-pre:mb-1 prose-pre:rounded-none",
+          {
+            "radix-state-closed:hidden": forceMount
+          }
+        ),
+        children
+      }
+    )
+  ] });
+};
+const AccordionTrigger = React.forwardRef(
+  ({ children, className, variant, ...props }, forwardedRef) => /* @__PURE__ */ jsx(Accordion.Header, { className: "flex", asChild: true, children: /* @__PURE__ */ jsxs(
+    Accordion.Trigger,
+    {
+      className: clsx(
+        "group flex w-full items-center justify-between border-b p-4 pr-3 font-mono text-sm font-medium leading-none hover:bg-foreground/20",
+        className
+      ),
+      ...props,
+      ref: forwardedRef,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-xs font-normal uppercase text-muted-foreground", children: variant }),
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: "TriangleDownSmall",
+              className: "transition group-radix-state-open:rotate-180",
+              "aria-hidden": true
+            }
+          )
+        ] })
+      ]
+    }
+  ) })
+);
+const AccordionContent = React.forwardRef(
+  ({ children, className, ...props }, forwardedRef) => /* @__PURE__ */ jsx(
+    Accordion.Content,
+    {
+      className: clsx("", className),
+      ...props,
+      ref: forwardedRef,
+      children: /* @__PURE__ */ jsx("div", { children })
+    }
   )
-});
-const ThreadDataSchema = z$1.array(ThreadItemSchema);
-const EpicForumResponseSchema = z$1.object({
-  status: z$1.literal("error"),
-  error: z$1.string()
-}).or(
-  z$1.object({
-    status: z$1.literal("success"),
-    threadData: ThreadDataSchema
-  })
 );
-async function fetchDiscordPosts({ request }) {
-  return cachified({
-    key: "fetchDiscordPosts",
-    request,
-    cache: fsCache,
-    ttl: 1e3 * 60 * 2,
-    swr: 1e3 * 60 * 60 * 24 * 7,
-    checkValue: ThreadDataSchema,
-    async getFreshValue() {
-      const forceFresh = await shouldForceFresh({ request });
-      const searchParams = new URLSearchParams(
-        forceFresh ? { fresh: "true" } : {}
-      );
-      const result = await fetch(
-        // `http://localhost:3000/resources/epic-web-forum?${searchParams}`,
-        `https://kcd-discord-bot-v2.fly.dev/resources/epic-web-forum?${searchParams}`,
+const pre = (props) => /* @__PURE__ */ jsx("pre", { ...props });
+const mdxComponents$3 = {
+  Accordion: AccordionComponent,
+  // override the pre-with-buttons
+  pre
+};
+function Diff({
+  diff,
+  allApps
+}) {
+  const submit = useSubmit();
+  const [params] = useSearchParams();
+  const paramsWithForcedRefresh = new URLSearchParams(params);
+  paramsWithForcedRefresh.set("forceFresh", "diff");
+  const navigation = useNavigation();
+  const spinnerNavigating = useSpinDelay(navigation.state !== "idle", {
+    delay: 0,
+    minDuration: 1e3
+  });
+  const hiddenInputs = [];
+  for (const [key, value] of params.entries()) {
+    if (key === "app1" || key === "app2")
+      continue;
+    hiddenInputs.push(
+      /* @__PURE__ */ jsx("input", { type: "hidden", name: key, value }, key)
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Suspense,
+    {
+      fallback: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx(SimpleTooltip, { content: "Loading diff", children: /* @__PURE__ */ jsx(Icon, { name: "Refresh", className: "animate-spin" }) }) }),
+      children: /* @__PURE__ */ jsx(
+        Await,
         {
-          method: "POST",
-          headers: { "content-type": "application/json" }
-        }
-      );
-      if (!result.ok) {
-        console.error(`There was an error communicating with discord`);
-        try {
-          console.error(await result.text());
-        } catch {
+          resolve: diff,
+          errorElement: /* @__PURE__ */ jsx("p", { className: "p-6 text-foreground-danger", children: "There was an error calculating the diff. Sorry." }),
+          children: (diff2) => /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex h-14 min-h-14 w-full overflow-x-hidden border-b", children: [
+              /* @__PURE__ */ jsx("div", { className: "border-r", children: /* @__PURE__ */ jsx(SimpleTooltip, { content: "Reload diff", children: /* @__PURE__ */ jsx(
+                Link,
+                {
+                  to: `.?${paramsWithForcedRefresh}`,
+                  className: "flex h-full w-14 items-center justify-center",
+                  children: /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      name: "Refresh",
+                      className: cn({ "animate-spin": spinnerNavigating })
+                    }
+                  )
+                }
+              ) }) }),
+              /* @__PURE__ */ jsxs(
+                Form,
+                {
+                  onChange: (e) => submit(e.currentTarget),
+                  className: "flex h-full flex-1 items-center overflow-x-auto scrollbar-thin scrollbar-thumb-scrollbar",
+                  children: [
+                    hiddenInputs,
+                    /* @__PURE__ */ jsx(
+                      SelectFileToDiff,
+                      {
+                        name: "app1",
+                        label: "App 1",
+                        className: "border-r",
+                        allApps,
+                        defaultValue: diff2.app1
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      SelectFileToDiff,
+                      {
+                        name: "app2",
+                        label: "App 2",
+                        allApps,
+                        defaultValue: diff2.app2
+                      }
+                    )
+                  ]
+                },
+                `${diff2.app1}${diff2.app2}`
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex-grow overflow-y-scroll scrollbar-thin scrollbar-thumb-scrollbar", children: diff2.diffCode ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Accordion.Root, { className: "w-full", type: "multiple", children: /* @__PURE__ */ jsx(Mdx, { code: diff2.diffCode, components: mdxComponents$3 }) }) }) : diff2.app1 && diff2.app2 ? /* @__PURE__ */ jsx("p", { className: "m-5 inline-flex items-center justify-center bg-foreground px-1 py-0.5 font-mono text-sm uppercase text-background", children: "There was a problem generating the diff" }) : /* @__PURE__ */ jsx("p", { className: "m-5 inline-flex items-center justify-center bg-foreground px-1 py-0.5 font-mono text-sm uppercase text-background", children: "Select two apps to compare" }) })
+          ] })
         }
-        return [];
+      )
+    }
+  );
+}
+function SelectFileToDiff({
+  name,
+  label,
+  className,
+  allApps,
+  defaultValue
+}) {
+  return /* @__PURE__ */ jsxs(Select.Root, { name, defaultValue, children: [
+    /* @__PURE__ */ jsxs(
+      Select.Trigger,
+      {
+        className: clsx(
+          "flex h-full w-full max-w-[50%] items-center justify-between px-3 text-left radix-placeholder:text-gray-500 focus-visible:outline-none",
+          className
+        ),
+        "aria-label": `Select ${label} for git Diff`,
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap", children: [
+            label,
+            ": ",
+            " ",
+            /* @__PURE__ */ jsx(
+              SelectValue,
+              {
+                placeholder: `Select ${label}`,
+                className: "inline-block w-40 text-ellipsis"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Select.Icon, { className: "", children: /* @__PURE__ */ jsx(Icon, { name: "TriangleDownSmall" }) })
+        ]
       }
-      const jsonResult = await result.json();
-      const epicForumResponseResult = EpicForumResponseSchema.safeParse(jsonResult);
-      if (epicForumResponseResult.success) {
-        if (epicForumResponseResult.data.status === "error") {
-          console.error(`There was an error communicating with discord`);
-          console.error(epicForumResponseResult.data.error);
-          return [];
-        } else {
-          return epicForumResponseResult.data.threadData;
-        }
-      } else {
-        console.error(`There was an error parsing the discord response`);
-        console.error(epicForumResponseResult.error.flatten());
-        return [];
+    ),
+    /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsxs(
+      Select.Content,
+      {
+        position: "popper",
+        align: "start",
+        className: "z-20 max-h-[50vh] bg-black text-white lg:max-h-[70vh]",
+        children: [
+          /* @__PURE__ */ jsx(Select.ScrollUpButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronUp" }) }),
+          /* @__PURE__ */ jsx(Select.Viewport, { className: "p-3", children: /* @__PURE__ */ jsxs(Select.Group, { children: [
+            /* @__PURE__ */ jsx(Select.Label, { className: "px-5 pb-3 font-mono uppercase", children: label }),
+            allApps.map((app) => {
+              return /* @__PURE__ */ jsx(SelectItem$1, { value: app.name, children: app.displayName }, app.name);
+            })
+          ] }) }),
+          /* @__PURE__ */ jsx(Select.ScrollDownButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronDown" }) })
+        ]
       }
-    }
-  });
+    ) })
+  ] });
+}
+const SelectItem$1 = React__default.forwardRef(
+  ({ children, className, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs(
+      Select.Item,
+      {
+        className: clsx(
+          "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",
+          className
+        ),
+        ...props,
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ jsx(Select.ItemText, { children }),
+          /* @__PURE__ */ jsx(Select.ItemIndicator, { className: "absolute left-0 inline-flex w-[25px] items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { name: "CheckSmall" }) })
+        ]
+      }
+    );
+  }
+);
+const SelectValue = React__default.forwardRef(
+  ({ children, className, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx(Select.Value, { ...props, ref: forwardedRef, children: props.value });
+  }
+);
+function NavChevrons({
+  prev,
+  next
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex h-full overflow-hidden", children: [
+    prev ? /* @__PURE__ */ jsx(
+      Link,
+      {
+        prefetch: "intent",
+        ...prev,
+        className: "group flex h-full items-center justify-center border-l px-7",
+        children: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: "ChevronLeft",
+              className: "absolute opacity-100 transition duration-300 ease-in-out group-hover:translate-y-10 group-hover:opacity-0"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: "ChevronLeft",
+              className: "absolute -translate-y-10 opacity-0 transition duration-300 ease-in-out group-hover:translate-y-0 group-hover:opacity-100"
+            }
+          )
+        ] })
+      }
+    ) : null,
+    next ? /* @__PURE__ */ jsx(
+      Link,
+      {
+        prefetch: "intent",
+        ...next,
+        className: "group flex h-full items-center justify-center border-l px-7",
+        children: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: "ChevronRight",
+              className: "absolute opacity-100 transition duration-300 ease-in-out group-hover:translate-y-10 group-hover:opacity-0"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: "ChevronRight",
+              className: "absolute -translate-y-10 opacity-0 transition duration-300 ease-in-out group-hover:translate-y-0 group-hover:opacity-100"
+            }
+          )
+        ] })
+      }
+    ) : null
+  ] });
 }
 const port = process.env.PORT || "5639";
 const scope = "guilds.join identify messages.read";
@@ -6929,253 +7167,6 @@ const route24 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   getDiscordAuthURL,
   loader: loader$m
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$l() {
-  return json({ discordAuthUrl: getDiscordAuthURL() });
-}
-function useDiscordCTALink({
-  discordAuthUrl
-}) {
-  const user = useOptionalUser();
-  const discordMember = useOptionalDiscordMember();
-  if (!user) {
-    return "/login";
-  }
-  if (!discordMember) {
-    return discordAuthUrl;
-  }
-  return "https://discord.com/channels/715220730605731931/1161045224907341972";
-}
-function DiscordCTA({ discordAuthUrl }) {
-  const user = useOptionalUser();
-  const discordMember = useOptionalDiscordMember();
-  if (!user) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2 text-xl", children: [
-      /* @__PURE__ */ jsxs(Link, { to: "/login", className: "inline-flex items-center gap-2 underline", children: [
-        /* @__PURE__ */ jsx(Icon, { name: "Discord", size: "2xl" }),
-        "Login"
-      ] }),
-      " ",
-      /* @__PURE__ */ jsxs("span", { children: [
-        "to get access to the exclusive",
-        " ",
-        /* @__PURE__ */ jsx(Link, { to: "/discord", className: "underline", children: "discord channel" }),
-        "."
-      ] })
-    ] });
-  }
-  if (!discordMember) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2 text-xl", children: [
-      /* @__PURE__ */ jsxs(Link, { to: discordAuthUrl, className: "flex items-center gap-2 underline", children: [
-        /* @__PURE__ */ jsx(Icon, { name: "Discord", size: "2xl" }),
-        "Connect Discord"
-      ] }),
-      " ",
-      /* @__PURE__ */ jsxs("span", { children: [
-        "to get access to the exclusive",
-        " ",
-        /* @__PURE__ */ jsx(Link, { to: "/discord", className: "underline", children: "discord channel" }),
-        "."
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 text-xl underline", children: [
-    /* @__PURE__ */ jsx(Link, { to: "discord://discord.com/channels/715220730605731931/1161045224907341972", children: /* @__PURE__ */ jsx(Icon, { name: "Discord", size: "2xl" }) }),
-    /* @__PURE__ */ jsx(
-      Link,
-      {
-        to: "https://discord.com/channels/715220730605731931/1161045224907341972",
-        target: "_blank",
-        rel: "noreferrer noopener",
-        children: "Open Discord"
-      }
-    )
-  ] });
-}
-function DiscordRoute() {
-  const data = useLoaderData();
-  return /* @__PURE__ */ jsxs("div", { className: "container flex h-full max-w-3xl flex-col items-center justify-center gap-4 p-12", children: [
-    /* @__PURE__ */ jsx(DiscordCTA, { discordAuthUrl: data.discordAuthUrl }),
-    /* @__PURE__ */ jsxs("p", { children: [
-      "The",
-      " ",
-      /* @__PURE__ */ jsx(
-        Link,
-        {
-          target: "_blank",
-          rel: "noreferrer noopener",
-          className: "underline",
-          to: "https://kentcdodds.com/discord",
-          children: "Epic Web Community on Discord"
-        }
-      ),
-      " ",
-      "is a great place to hang out with other developers who are working through this workshop. You can ask questions, get help, and solidify what you're learning by helping others."
-    ] }),
-    /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsxs("small", { className: "text-sm", children: [
-      "If you've not joined the Epic Web Community on Discord yet, you'll be required to go through a short onboarding process first. A friendly bot will explain the process when you",
-      " ",
-      /* @__PURE__ */ jsx(
-        Link,
-        {
-          to: "https://kcd.im/discord",
-          target: "_blank",
-          rel: "noreferrer noopener",
-          className: "underline",
-          children: "join"
-        }
-      ),
-      "."
-    ] }) })
-  ] });
-}
-const route15 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  DiscordCTA,
-  default: DiscordRoute,
-  loader: loader$l,
-  useDiscordCTALink
-}, Symbol.toStringTag, { value: "Module" }));
-function DiscordChat() {
-  const data = useLoaderData();
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col gap-4 pt-4", children: [
-    /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(DiscordCTA, { discordAuthUrl: data.discordAuthUrl }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-scroll bg-accent pb-4 scrollbar-thin scrollbar-thumb-scrollbar", children: /* @__PURE__ */ jsx(DiscordPosts, {}) })
-  ] });
-}
-function DiscordPosts() {
-  const data = useLoaderData();
-  const ctaLink = useDiscordCTALink({ discordAuthUrl: data.discordAuthUrl });
-  const altDown = useAltDown();
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-between", children: [
-    /* @__PURE__ */ jsx(
-      React.Suspense,
-      {
-        fallback: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col items-center justify-center", children: /* @__PURE__ */ jsx(Loading, { children: "Loading Discord Posts" }) }),
-        children: /* @__PURE__ */ jsx(
-          Await,
-          {
-            resolve: data.discordPostsPromise,
-            errorElement: /* @__PURE__ */ jsx("div", { className: "text-red-500", children: "There was a problem loading the discord posts" }),
-            children: (posts) => /* @__PURE__ */ jsx("ul", { className: "flex w-full flex-col gap-4 p-3 xl:p-12", children: posts.map((post) => /* @__PURE__ */ 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: /* @__PURE__ */ jsx(DiscordPost, { thread: post })
-              },
-              post.id
-            )) })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-      Link,
-      {
-        to: altDown && !ctaLink.includes("oauth") ? ctaLink.replace(/^https/, "discord") : ctaLink,
-        target: ctaLink.includes("oauth") ? void 0 : "_blank",
-        rel: "noreferrer noopener",
-        onClick: altDown ? (e) => {
-          e.preventDefault();
-          window.open(
-            e.currentTarget.href,
-            "_blank",
-            "noreferrer noopener"
-          );
-        } : void 0,
-        className: "flex items-center gap-2 p-2 text-xl hover:underline",
-        children: [
-          "Create Post ",
-          /* @__PURE__ */ jsx(Icon, { name: "ExternalLink" })
-        ]
-      }
-    ) })
-  ] });
-}
-function DiscordPost({ thread }) {
-  const reactionsWithCounts = thread.reactions.filter((r) => r.count);
-  const hints = useHints();
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 p-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-        thread.tags.length ? /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: thread.tags.map((t) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "flex items-center justify-center gap-1 rounded-full bg-accent px-2 py-1 text-sm",
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "h-3 w-3 leading-3", children: /* @__PURE__ */ jsx(Emoji, { name: t.emojiName, url: t.emojiUrl }) }),
-              /* @__PURE__ */ jsx("span", { children: t.name })
-            ]
-          },
-          t.name
-        )) }) : null,
-        /* @__PURE__ */ jsx("strong", { className: "text-xl font-bold", children: thread.name }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            thread.authorAvatarUrl ? /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: thread.authorAvatarUrl,
-                alt: "",
-                className: "h-6 w-6 rounded-full"
-              }
-            ) : null,
-            /* @__PURE__ */ jsxs("span", { children: [
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "font-bold",
-                  style: thread.authorHexAccentColor ? { color: thread.authorHexAccentColor } : {},
-                  children: thread.authorDisplayName
-                }
-              ),
-              ":",
-              " "
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: "flex-1 overflow-ellipsis text-muted-foreground", children: thread.messagePreview })
-        ] })
-      ] }),
-      thread.previewImageUrl ? /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: thread.previewImageUrl,
-          alt: "",
-          className: "h-28 w-28 rounded-lg object-cover"
-        }
-      ) : null
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx("span", { children: reactionsWithCounts.length ? /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-2", children: reactionsWithCounts.map((r, i) => /* @__PURE__ */ 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: [
-              /* @__PURE__ */ jsx("span", { className: "h-3 w-3 leading-3", children: /* @__PURE__ */ jsx(Emoji, { name: r.emojiName, url: r.emojiUrl }) }),
-              /* @__PURE__ */ jsx("span", { children: r.count })
-            ]
-          },
-          i
-        )) }) : null }),
-        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx(Icon, { name: "Chat" }),
-            " ",
-            thread.messageCount
-          ] }),
-          ` · ${dayjs(thread.lastUpdated).tz(hints.timeZone).fromNow()}`
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx("a", { href: thread.link.replace(/^https/, "discord"), children: /* @__PURE__ */ jsx(Icon, { name: "Discord" }) }),
-        /* @__PURE__ */ jsx("a", { href: thread.link, target: "_blank", rel: "noreferrer noopener", children: /* @__PURE__ */ jsx(Icon, { name: "ExternalLink" }) })
-      ] })
-    ] })
-  ] }) });
-}
-function Emoji({ name, url }) {
-  return url ? /* @__PURE__ */ jsx("img", { src: url, alt: name, className: "h-full w-full" }) : name ? name : null;
-}
 const epicshopTempDir = path.join(os.tmpdir(), "epicshop");
 const isDeployed = ENV.EPICSHOP_DEPLOYED;
 const diffTmpDir = path.join(epicshopTempDir, "diff");
@@ -7235,10 +7226,7 @@ function getFileCodeblocks(file, filePathApp1, filePathApp2, type) {
         type === "AddedFile" ? `Binary file added` : type === "DeletedFile" ? "Binary file deleted" : "Binary file changed"
       );
     } else {
-      startLine = chunk.type === "Chunk" ? chunk.fromFileRange.start : (
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        chunk.type === "CombinedChunk" ? chunk.fromFileRangeA.start : 1
-      );
+      startLine = chunk.type === "Chunk" ? chunk.fromFileRange.start : chunk.type === "CombinedChunk" ? chunk.fromFileRangeA.start : 1;
       toStartLine = chunk.toFileRange.start;
       for (let lineNumber = 0; lineNumber < chunk.changes.length; lineNumber++) {
         const change = chunk.changes[lineNumber];
@@ -7442,7 +7430,6 @@ async function getDiffFilesImpl(app1, app2) {
   };
   return parsed.files.map((file) => ({
     // prettier-ignore
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     status: typesMap[file.type] ?? "unknown",
     path: diffPathToRelative(
       file.type === "RenamedFile" ? file.pathBefore : file.path
@@ -7680,75 +7667,415 @@ function PlaygroundChooser({
               /* @__PURE__ */ jsx("span", { className: "w-80 flex-1 overflow-hidden text-ellipsis whitespace-nowrap scrollbar-thin scrollbar-thumb-scrollbar", children: /* @__PURE__ */ jsx(
                 Select.Value,
                 {
-                  placeholder: "Select current app",
-                  className: "inline-block w-40 text-ellipsis"
+                  placeholder: "Select current app",
+                  className: "inline-block w-40 text-ellipsis"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Select.Icon, { children: /* @__PURE__ */ jsx(Icon, { name: "TriangleDownSmall" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsxs(
+          Select.Content,
+          {
+            position: "popper",
+            align: "start",
+            className: "z-20 max-h-[50vh] bg-black text-white lg:max-h-[70vh]",
+            children: [
+              /* @__PURE__ */ jsx(Select.ScrollUpButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronUp" }) }),
+              /* @__PURE__ */ jsx(Select.Viewport, { className: "p-3", children: /* @__PURE__ */ jsxs(Select.Group, { children: [
+                /* @__PURE__ */ jsx(Select.Label, { className: "px-5 pb-3 font-mono uppercase", children: "App" }),
+                allApps.filter((app) => app.name !== "playground").map((app) => {
+                  return /* @__PURE__ */ jsx(SelectItem, { value: app.name, children: app.displayName }, app.name);
+                })
+              ] }) }),
+              /* @__PURE__ */ jsx(Select.ScrollDownButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronDown" }) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function SelectItem({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    Select.Item,
+    {
+      value,
+      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: [
+        /* @__PURE__ */ jsx(Select.ItemText, { children }),
+        /* @__PURE__ */ jsx(Select.ItemIndicator, { className: "absolute left-0 inline-flex w-[25px] items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { name: "CheckSmall" }) })
+      ]
+    }
+  );
+}
+function SetAppToPlayground({ appName }) {
+  if (ENV.EPICSHOP_DEPLOYED)
+    return null;
+  return /* @__PURE__ */ jsx(
+    SetPlayground,
+    {
+      appName,
+      tooltipText: "Playground is not set to the right app. Click to set Playground.",
+      children: /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-1 text-foreground-danger hover:underline", children: [
+        /* @__PURE__ */ jsx(Icon, { name: "Unlinked", className: "animate-ping" }),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "uppercase", children: "Set to Playground" })
+      ] })
+    }
+  );
+}
+const route31 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  PlaygroundChooser,
+  SetAppToPlayground,
+  SetPlayground,
+  action: action$8
+}, Symbol.toStringTag, { value: "Module" }));
+const EmojiDataSchema = z$1.union([
+  z$1.object({
+    emojiName: z$1.never().optional(),
+    emojiUrl: z$1.string()
+  }),
+  z$1.object({
+    emojiName: z$1.string(),
+    emojiUrl: z$1.never().optional()
+  }),
+  z$1.object({
+    emojiName: z$1.never().optional(),
+    emojiUrl: z$1.never().optional()
+  })
+]);
+const ThreadItemSchema = z$1.object({
+  id: z$1.string(),
+  tags: z$1.array(
+    z$1.object({
+      name: z$1.string()
+    }).and(EmojiDataSchema)
+  ),
+  name: z$1.string(),
+  link: z$1.string(),
+  authorDisplayName: z$1.string(),
+  authorHexAccentColor: z$1.string().nullable().optional(),
+  authorAvatarUrl: z$1.string().nullable(),
+  messagePreview: z$1.string(),
+  messageCount: z$1.number(),
+  lastUpdated: z$1.string(),
+  previewImageUrl: z$1.string().nullable(),
+  reactions: z$1.array(
+    z$1.object({
+      count: z$1.number()
+    }).and(EmojiDataSchema)
+  )
+});
+const ThreadDataSchema = z$1.array(ThreadItemSchema);
+const EpicForumResponseSchema = z$1.object({
+  status: z$1.literal("error"),
+  error: z$1.string()
+}).or(
+  z$1.object({
+    status: z$1.literal("success"),
+    threadData: ThreadDataSchema
+  })
+);
+async function fetchDiscordPosts({ request }) {
+  return cachified({
+    key: "fetchDiscordPosts",
+    request,
+    cache: fsCache,
+    ttl: 1e3 * 60 * 2,
+    swr: 1e3 * 60 * 60 * 24 * 7,
+    checkValue: ThreadDataSchema,
+    async getFreshValue() {
+      const forceFresh = await shouldForceFresh({ request });
+      const searchParams = new URLSearchParams(
+        forceFresh ? { fresh: "true" } : {}
+      );
+      const result = await fetch(
+        // `http://localhost:3000/resources/epic-web-forum?${searchParams}`,
+        `https://kcd-discord-bot-v2.fly.dev/resources/epic-web-forum?${searchParams}`,
+        {
+          method: "POST",
+          headers: { "content-type": "application/json" }
+        }
+      );
+      if (!result.ok) {
+        console.error(`There was an error communicating with discord`);
+        try {
+          console.error(await result.text());
+        } catch {
+        }
+        return [];
+      }
+      const jsonResult = await result.json();
+      const epicForumResponseResult = EpicForumResponseSchema.safeParse(jsonResult);
+      if (epicForumResponseResult.success) {
+        if (epicForumResponseResult.data.status === "error") {
+          console.error(`There was an error communicating with discord`);
+          console.error(epicForumResponseResult.data.error);
+          return [];
+        } else {
+          return epicForumResponseResult.data.threadData;
+        }
+      } else {
+        console.error(`There was an error parsing the discord response`);
+        console.error(epicForumResponseResult.error.flatten());
+        return [];
+      }
+    }
+  });
+}
+async function loader$l() {
+  return json({ discordAuthUrl: getDiscordAuthURL() });
+}
+function useDiscordCTALink({
+  discordAuthUrl
+}) {
+  const user = useOptionalUser();
+  const discordMember = useOptionalDiscordMember();
+  if (!user) {
+    return "/login";
+  }
+  if (!discordMember) {
+    return discordAuthUrl;
+  }
+  return "https://discord.com/channels/715220730605731931/1161045224907341972";
+}
+function DiscordCTA({ discordAuthUrl }) {
+  const user = useOptionalUser();
+  const discordMember = useOptionalDiscordMember();
+  if (!user) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2 text-xl", children: [
+      /* @__PURE__ */ jsxs(Link, { to: "/login", className: "inline-flex items-center gap-2 underline", children: [
+        /* @__PURE__ */ jsx(Icon, { name: "Discord", size: "2xl" }),
+        "Login"
+      ] }),
+      " ",
+      /* @__PURE__ */ jsxs("span", { children: [
+        "to get access to the exclusive",
+        " ",
+        /* @__PURE__ */ jsx(Link, { to: "/discord", className: "underline", children: "discord channel" }),
+        "."
+      ] })
+    ] });
+  }
+  if (!discordMember) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2 text-xl", children: [
+      /* @__PURE__ */ jsxs(Link, { to: discordAuthUrl, className: "flex items-center gap-2 underline", children: [
+        /* @__PURE__ */ jsx(Icon, { name: "Discord", size: "2xl" }),
+        "Connect Discord"
+      ] }),
+      " ",
+      /* @__PURE__ */ jsxs("span", { children: [
+        "to get access to the exclusive",
+        " ",
+        /* @__PURE__ */ jsx(Link, { to: "/discord", className: "underline", children: "discord channel" }),
+        "."
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 text-xl underline", children: [
+    /* @__PURE__ */ jsx(Link, { to: "discord://discord.com/channels/715220730605731931/1161045224907341972", children: /* @__PURE__ */ jsx(Icon, { name: "Discord", size: "2xl" }) }),
+    /* @__PURE__ */ jsx(
+      Link,
+      {
+        to: "https://discord.com/channels/715220730605731931/1161045224907341972",
+        target: "_blank",
+        rel: "noreferrer noopener",
+        children: "Open Discord"
+      }
+    )
+  ] });
+}
+function DiscordRoute() {
+  const data = useLoaderData();
+  return /* @__PURE__ */ jsxs("div", { className: "container flex h-full max-w-3xl flex-col items-center justify-center gap-4 p-12", children: [
+    /* @__PURE__ */ jsx(DiscordCTA, { discordAuthUrl: data.discordAuthUrl }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      "The",
+      " ",
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          target: "_blank",
+          rel: "noreferrer noopener",
+          className: "underline",
+          to: "https://kentcdodds.com/discord",
+          children: "Epic Web Community on Discord"
+        }
+      ),
+      " ",
+      "is a great place to hang out with other developers who are working through this workshop. You can ask questions, get help, and solidify what you're learning by helping others."
+    ] }),
+    /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsxs("small", { className: "text-sm", children: [
+      "If you've not joined the Epic Web Community on Discord yet, you'll be required to go through a short onboarding process first. A friendly bot will explain the process when you",
+      " ",
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          to: "https://kcd.im/discord",
+          target: "_blank",
+          rel: "noreferrer noopener",
+          className: "underline",
+          children: "join"
+        }
+      ),
+      "."
+    ] }) })
+  ] });
+}
+const route15 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DiscordCTA,
+  default: DiscordRoute,
+  loader: loader$l,
+  useDiscordCTALink
+}, Symbol.toStringTag, { value: "Module" }));
+function DiscordChat() {
+  const data = useLoaderData();
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col gap-4 pt-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(DiscordCTA, { discordAuthUrl: data.discordAuthUrl }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-scroll bg-accent pb-4 scrollbar-thin scrollbar-thumb-scrollbar", children: /* @__PURE__ */ jsx(DiscordPosts, {}) })
+  ] });
+}
+function DiscordPosts() {
+  const data = useLoaderData();
+  const ctaLink = useDiscordCTALink({ discordAuthUrl: data.discordAuthUrl });
+  const altDown = useAltDown();
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-between", children: [
+    /* @__PURE__ */ jsx(
+      React.Suspense,
+      {
+        fallback: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col items-center justify-center", children: /* @__PURE__ */ jsx(Loading, { children: "Loading Discord Posts" }) }),
+        children: /* @__PURE__ */ jsx(
+          Await,
+          {
+            resolve: data.discordPostsPromise,
+            errorElement: /* @__PURE__ */ jsx("div", { className: "text-red-500", children: "There was a problem loading the discord posts" }),
+            children: (posts) => /* @__PURE__ */ jsx("ul", { className: "flex w-full flex-col gap-4 p-3 xl:p-12", children: posts.map((post) => /* @__PURE__ */ 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: /* @__PURE__ */ jsx(DiscordPost, { thread: post })
+              },
+              post.id
+            )) })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+      Link,
+      {
+        to: altDown && !ctaLink.includes("oauth") ? ctaLink.replace(/^https/, "discord") : ctaLink,
+        target: ctaLink.includes("oauth") ? void 0 : "_blank",
+        rel: "noreferrer noopener",
+        onClick: altDown ? (e) => {
+          e.preventDefault();
+          window.open(
+            e.currentTarget.href,
+            "_blank",
+            "noreferrer noopener"
+          );
+        } : void 0,
+        className: "flex items-center gap-2 p-2 text-xl hover:underline",
+        children: [
+          "Create Post ",
+          /* @__PURE__ */ jsx(Icon, { name: "ExternalLink" })
+        ]
+      }
+    ) })
+  ] });
+}
+function DiscordPost({ thread }) {
+  const reactionsWithCounts = thread.reactions.filter((r) => r.count);
+  const hints = useHints();
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        thread.tags.length ? /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: thread.tags.map((t) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center justify-center gap-1 rounded-full bg-accent px-2 py-1 text-sm",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "h-3 w-3 leading-3", children: /* @__PURE__ */ jsx(Emoji, { name: t.emojiName, url: t.emojiUrl }) }),
+              /* @__PURE__ */ jsx("span", { children: t.name })
+            ]
+          },
+          t.name
+        )) }) : null,
+        /* @__PURE__ */ jsx("strong", { className: "text-xl font-bold", children: thread.name }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            thread.authorAvatarUrl ? /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: thread.authorAvatarUrl,
+                alt: "",
+                className: "h-6 w-6 rounded-full"
+              }
+            ) : null,
+            /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "font-bold",
+                  style: thread.authorHexAccentColor ? { color: thread.authorHexAccentColor } : {},
+                  children: thread.authorDisplayName
                 }
-              ) }),
-              /* @__PURE__ */ jsx(Select.Icon, { children: /* @__PURE__ */ jsx(Icon, { name: "TriangleDownSmall" }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsxs(
-          Select.Content,
+              ),
+              ":",
+              " "
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 overflow-ellipsis text-muted-foreground", children: thread.messagePreview })
+        ] })
+      ] }),
+      thread.previewImageUrl ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: thread.previewImageUrl,
+          alt: "",
+          className: "h-28 w-28 rounded-lg object-cover"
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("span", { children: reactionsWithCounts.length ? /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-2", children: reactionsWithCounts.map((r, i) => /* @__PURE__ */ jsxs(
+          "li",
           {
-            position: "popper",
-            align: "start",
-            className: "z-20 max-h-[50vh] bg-black text-white lg:max-h-[70vh]",
+            className: "flex items-center gap-1 rounded-md border border-blue-600 bg-blue-500/20 px-[5px] py-[0.5px] text-sm",
             children: [
-              /* @__PURE__ */ jsx(Select.ScrollUpButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronUp" }) }),
-              /* @__PURE__ */ jsx(Select.Viewport, { className: "p-3", children: /* @__PURE__ */ jsxs(Select.Group, { children: [
-                /* @__PURE__ */ jsx(Select.Label, { className: "px-5 pb-3 font-mono uppercase", children: "App" }),
-                allApps.filter((app) => app.name !== "playground").map((app) => {
-                  return /* @__PURE__ */ jsx(SelectItem$1, { value: app.name, children: app.displayName }, app.name);
-                })
-              ] }) }),
-              /* @__PURE__ */ jsx(Select.ScrollDownButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronDown" }) })
+              /* @__PURE__ */ jsx("span", { className: "h-3 w-3 leading-3", children: /* @__PURE__ */ jsx(Emoji, { name: r.emojiName, url: r.emojiUrl }) }),
+              /* @__PURE__ */ jsx("span", { children: r.count })
             ]
-          }
-        ) })
-      ]
-    }
-  );
-}
-function SelectItem$1({
-  value,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(
-    Select.Item,
-    {
-      value,
-      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: [
-        /* @__PURE__ */ jsx(Select.ItemText, { children }),
-        /* @__PURE__ */ jsx(Select.ItemIndicator, { className: "absolute left-0 inline-flex w-[25px] items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { name: "CheckSmall" }) })
-      ]
-    }
-  );
-}
-function SetAppToPlayground({ appName }) {
-  if (ENV.EPICSHOP_DEPLOYED)
-    return null;
-  return /* @__PURE__ */ jsx(
-    SetPlayground,
-    {
-      appName,
-      tooltipText: "Playground is not set to the right app. Click to set Playground.",
-      children: /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-1 text-foreground-danger hover:underline", children: [
-        /* @__PURE__ */ jsx(Icon, { name: "Unlinked", className: "animate-ping" }),
-        " ",
-        /* @__PURE__ */ jsx("span", { className: "uppercase", children: "Set to Playground" })
+          },
+          i
+        )) }) : null }),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(Icon, { name: "Chat" }),
+            " ",
+            thread.messageCount
+          ] }),
+          ` · ${dayjs(thread.lastUpdated).tz(hints.timeZone).fromNow()}`
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx("a", { href: thread.link.replace(/^https/, "discord"), children: /* @__PURE__ */ jsx(Icon, { name: "Discord" }) }),
+        /* @__PURE__ */ jsx("a", { href: thread.link, target: "_blank", rel: "noreferrer noopener", children: /* @__PURE__ */ jsx(Icon, { name: "ExternalLink" }) })
       ] })
-    }
-  );
+    ] })
+  ] }) });
+}
+function Emoji({ name, url }) {
+  return url ? /* @__PURE__ */ jsx("img", { src: url, alt: name, className: "h-full w-full" }) : name ? name : null;
 }
-const route31 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  PlaygroundChooser,
-  SetAppToPlayground,
-  SetPlayground,
-  action: action$8
-}, Symbol.toStringTag, { value: "Module" }));
 function PlaygroundWindow({
   playgroundAppName,
   problemAppName,
@@ -8047,18 +8374,15 @@ const InBrowserBrowser = forwardRef(
 );
 function InBrowserBrowserImpl({ name, port: port2, portIsAvailable, isRunning, baseUrl, id, initialRoute }, ref) {
   const requestInfo = useRequestInfo();
-  return isRunning ? (
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
-    /* @__PURE__ */ jsx(
-      InBrowserBrowserForRealz,
-      {
-        baseUrl,
-        id,
-        name,
-        ref,
-        initialRoute
-      }
-    )
+  return isRunning ? /* @__PURE__ */ jsx(
+    InBrowserBrowserForRealz,
+    {
+      baseUrl,
+      id,
+      name,
+      ref,
+      initialRoute
+    }
   ) : portIsAvailable === false ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center", children: [
     /* @__PURE__ */ 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 `,
@@ -8490,7 +8814,6 @@ async function action$6({ request }) {
     await fs.promises.readFile(cacheLocation, "utf-8")
   );
   const cachedEmbeddedFiles = new Map(
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
     Object.entries(((_a2 = cached == null ? void 0 : cached.value) == null ? void 0 : _a2.embeddedFiles) ?? {})
   );
   if (cachedEmbeddedFiles.has(embeddedKey)) {
@@ -8827,124 +9150,6 @@ function LinkToApp({
     ) }) : null
   ] });
 }
-const AccordionComponent = ({
-  title,
-  children,
-  variant,
-  icon,
-  forceMount = false
-}) => {
-  const getVariantIcon = () => {
-    switch (variant) {
-      case "changed":
-        return /* @__PURE__ */ jsx(
-          Icon,
-          {
-            name: "Modified",
-            "aria-label": "Modified",
-            className: "text-[#fb923c]"
-          }
-        );
-      case "renamed":
-        return /* @__PURE__ */ jsx(
-          Icon,
-          {
-            name: "Renamed",
-            "aria-label": "Renamed",
-            className: "text-[#fb923c]"
-          }
-        );
-      case "added":
-        return /* @__PURE__ */ jsx(Icon, { name: "Added", "aria-label": "Added", className: "text-[#10b981]" });
-      case "deleted":
-        return /* @__PURE__ */ jsx(
-          Icon,
-          {
-            name: "Deleted",
-            "aria-label": "Deleted",
-            className: "text-[#ef4444]"
-          }
-        );
-      default:
-        return /* @__PURE__ */ jsx(
-          Icon,
-          {
-            name: "Modified",
-            "aria-label": "Modified",
-            className: "text-[#fb923c]"
-          }
-        );
-    }
-  };
-  const getVariantLabel = () => {
-    switch (variant) {
-      case "changed":
-        return "modified";
-      default:
-        return variant;
-    }
-  };
-  const fixedTitle = title.replace(/\\\\/g, "\\");
-  return /* @__PURE__ */ jsxs(Accordion.Item, { value: title, children: [
-    /* @__PURE__ */ jsxs(AccordionTrigger, { variant: getVariantLabel(), children: [
-      icon ? icon : getVariantIcon(),
-      " ",
-      fixedTitle
-    ] }),
-    /* @__PURE__ */ jsx(
-      AccordionContent,
-      {
-        forceMount,
-        className: clsx(
-          "prose max-w-none whitespace-pre-wrap dark:prose-invert prose-pre:m-0 prose-pre:mb-1 prose-pre:rounded-none",
-          {
-            "radix-state-closed:hidden": forceMount
-          }
-        ),
-        children
-      }
-    )
-  ] });
-};
-const AccordionTrigger = React.forwardRef(
-  ({ children, className, variant, ...props }, forwardedRef) => /* @__PURE__ */ jsx(Accordion.Header, { className: "flex", asChild: true, children: /* @__PURE__ */ jsxs(
-    Accordion.Trigger,
-    {
-      className: clsx(
-        "group flex w-full items-center justify-between border-b p-4 pr-3 font-mono text-sm font-medium leading-none hover:bg-foreground/20",
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        className
-      ),
-      ...props,
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-mono text-xs font-normal uppercase text-muted-foreground", children: variant }),
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "TriangleDownSmall",
-              className: "transition group-radix-state-open:rotate-180",
-              "aria-hidden": true
-            }
-          )
-        ] })
-      ]
-    }
-  ) })
-);
-const AccordionContent = React.forwardRef(
-  ({ children, className, ...props }, forwardedRef) => /* @__PURE__ */ jsx(
-    Accordion.Content,
-    {
-      className: clsx("", className),
-      ...props,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx("div", { children })
-    }
-  )
-);
 const testRunnerStatusDataSchema = z$1.intersection(
   z$1.object({
     type: z$1.literal("epicshop:test-status-update"),
@@ -9594,232 +9799,6 @@ function TouchedFiles() {
     ) })
   ] }) });
 }
-const pre = (props) => /* @__PURE__ */ jsx("pre", { ...props });
-const mdxComponents$3 = {
-  Accordion: AccordionComponent,
-  // override the pre-with-buttons
-  pre
-};
-function Diff({
-  diff,
-  allApps
-}) {
-  const submit = useSubmit();
-  const [params] = useSearchParams();
-  const paramsWithForcedRefresh = new URLSearchParams(params);
-  paramsWithForcedRefresh.set("forceFresh", "diff");
-  const navigation = useNavigation();
-  const spinnerNavigating = useSpinDelay(navigation.state !== "idle", {
-    delay: 0,
-    minDuration: 1e3
-  });
-  const hiddenInputs = [];
-  for (const [key, value] of params.entries()) {
-    if (key === "app1" || key === "app2")
-      continue;
-    hiddenInputs.push(
-      /* @__PURE__ */ jsx("input", { type: "hidden", name: key, value }, key)
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Suspense,
-    {
-      fallback: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx(SimpleTooltip, { content: "Loading diff", children: /* @__PURE__ */ jsx(Icon, { name: "Refresh", className: "animate-spin" }) }) }),
-      children: /* @__PURE__ */ jsx(
-        Await,
-        {
-          resolve: diff,
-          errorElement: /* @__PURE__ */ jsx("p", { className: "p-6 text-foreground-danger", children: "There was an error calculating the diff. Sorry." }),
-          children: (diff2) => /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex h-14 min-h-14 w-full overflow-x-hidden border-b", children: [
-              /* @__PURE__ */ jsx("div", { className: "border-r", children: /* @__PURE__ */ jsx(SimpleTooltip, { content: "Reload diff", children: /* @__PURE__ */ jsx(
-                Link,
-                {
-                  to: `.?${paramsWithForcedRefresh}`,
-                  className: "flex h-full w-14 items-center justify-center",
-                  children: /* @__PURE__ */ jsx(
-                    Icon,
-                    {
-                      name: "Refresh",
-                      className: cn({ "animate-spin": spinnerNavigating })
-                    }
-                  )
-                }
-              ) }) }),
-              /* @__PURE__ */ jsxs(
-                Form,
-                {
-                  onChange: (e) => submit(e.currentTarget),
-                  className: "flex h-full flex-1 items-center overflow-x-auto scrollbar-thin scrollbar-thumb-scrollbar",
-                  children: [
-                    hiddenInputs,
-                    /* @__PURE__ */ jsx(
-                      SelectFileToDiff,
-                      {
-                        name: "app1",
-                        label: "App 1",
-                        className: "border-r",
-                        allApps,
-                        defaultValue: diff2.app1
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      SelectFileToDiff,
-                      {
-                        name: "app2",
-                        label: "App 2",
-                        allApps,
-                        defaultValue: diff2.app2
-                      }
-                    )
-                  ]
-                },
-                `${diff2.app1}${diff2.app2}`
-              )
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "flex-grow overflow-y-scroll scrollbar-thin scrollbar-thumb-scrollbar", children: diff2.diffCode ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Accordion.Root, { className: "w-full", type: "multiple", children: /* @__PURE__ */ jsx(Mdx, { code: diff2.diffCode, components: mdxComponents$3 }) }) }) : diff2.app1 && diff2.app2 ? /* @__PURE__ */ jsx("p", { className: "m-5 inline-flex items-center justify-center bg-foreground px-1 py-0.5 font-mono text-sm uppercase text-background", children: "There was a problem generating the diff" }) : /* @__PURE__ */ jsx("p", { className: "m-5 inline-flex items-center justify-center bg-foreground px-1 py-0.5 font-mono text-sm uppercase text-background", children: "Select two apps to compare" }) })
-          ] })
-        }
-      )
-    }
-  );
-}
-function SelectFileToDiff({
-  name,
-  label,
-  className,
-  allApps,
-  defaultValue
-}) {
-  return /* @__PURE__ */ jsxs(Select.Root, { name, defaultValue, children: [
-    /* @__PURE__ */ jsxs(
-      Select.Trigger,
-      {
-        className: clsx(
-          "flex h-full w-full max-w-[50%] items-center justify-between px-3 text-left radix-placeholder:text-gray-500 focus-visible:outline-none",
-          className
-        ),
-        "aria-label": `Select ${label} for git Diff`,
-        children: [
-          /* @__PURE__ */ jsxs("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap", children: [
-            label,
-            ":",
-            " ",
-            /* @__PURE__ */ jsx(
-              SelectValue,
-              {
-                placeholder: `Select ${label}`,
-                className: "inline-block w-40 text-ellipsis"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(Select.Icon, { className: "", children: /* @__PURE__ */ jsx(Icon, { name: "TriangleDownSmall" }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsxs(
-      Select.Content,
-      {
-        position: "popper",
-        align: "start",
-        className: "z-20 max-h-[50vh] bg-black text-white lg:max-h-[70vh]",
-        children: [
-          /* @__PURE__ */ jsx(Select.ScrollUpButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronUp" }) }),
-          /* @__PURE__ */ jsx(Select.Viewport, { className: "p-3", children: /* @__PURE__ */ jsxs(Select.Group, { children: [
-            /* @__PURE__ */ jsx(Select.Label, { className: "px-5 pb-3 font-mono uppercase", children: label }),
-            allApps.map((app) => {
-              return (
-                // eslint-disable-next-line @typescript-eslint/no-use-before-define
-                /* @__PURE__ */ jsx(SelectItem, { value: app.name, children: app.displayName }, app.name)
-              );
-            })
-          ] }) }),
-          /* @__PURE__ */ jsx(Select.ScrollDownButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronDown" }) })
-        ]
-      }
-    ) })
-  ] });
-}
-const SelectItem = React__default.forwardRef(
-  ({ children, className, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs(
-      Select.Item,
-      {
-        className: clsx(
-          "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",
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-          className
-        ),
-        ...props,
-        ref: forwardedRef,
-        children: [
-          /* @__PURE__ */ jsx(Select.ItemText, { children }),
-          /* @__PURE__ */ jsx(Select.ItemIndicator, { className: "absolute left-0 inline-flex w-[25px] items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { name: "CheckSmall" }) })
-        ]
-      }
-    );
-  }
-);
-const SelectValue = React__default.forwardRef(
-  ({ children, className, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(Select.Value, { ...props, ref: forwardedRef, children: props.value });
-  }
-);
-function NavChevrons({
-  prev,
-  next
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "relative flex h-full overflow-hidden", children: [
-    prev ? /* @__PURE__ */ jsx(
-      Link,
-      {
-        prefetch: "intent",
-        ...prev,
-        className: "group flex h-full items-center justify-center border-l px-7",
-        children: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "ChevronLeft",
-              className: "absolute opacity-100 transition duration-300 ease-in-out group-hover:translate-y-10 group-hover:opacity-0"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "ChevronLeft",
-              className: "absolute -translate-y-10 opacity-0 transition duration-300 ease-in-out group-hover:translate-y-0 group-hover:opacity-100"
-            }
-          )
-        ] })
-      }
-    ) : null,
-    next ? /* @__PURE__ */ jsx(
-      Link,
-      {
-        prefetch: "intent",
-        ...next,
-        className: "group flex h-full items-center justify-center border-l px-7",
-        children: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "ChevronRight",
-              className: "absolute opacity-100 transition duration-300 ease-in-out group-hover:translate-y-10 group-hover:opacity-0"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "ChevronRight",
-              className: "absolute -translate-y-10 opacity-0 transition duration-300 ease-in-out group-hover:translate-y-0 group-hover:opacity-100"
-            }
-          )
-        ] })
-      }
-    ) : null
-  ] });
-}
 function pageTitle(data, workshopTitle) {
   var _a2;
   const exerciseNumber = (data == null ? void 0 : data.exerciseStepApp.exerciseNumber.toString().padStart(2, "0")) ?? "00";
@@ -10607,24 +10586,6 @@ const route9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   default: Account,
   loader: loader$g
 }, Symbol.toStringTag, { value: "Module" }));
-async function resolveApps({
-  request,
-  params,
-  timings
-}) {
-  const url = new URL(request.url);
-  const { appName } = params;
-  invariantResponse(appName, "appName param required");
-  const app = await getAppByName(appName, { request, timings });
-  const fileAppName = url.searchParams.get("fileAppName");
-  if (fileAppName) {
-    const apps = await getApps({ request, timings });
-    const fileApp = fileAppName ? apps.find((app2) => app2.name === fileAppName) : app;
-    return { app, fileApp };
-  } else {
-    return { app, fileApp: app };
-  }
-}
 async function getForceFresh(filePath, cacheEntry) {
   if (!cacheEntry)
     return true;
@@ -10675,6 +10636,24 @@ async function compileTs(filePath, fullPath, {
     }
   });
 }
+async function resolveApps({
+  request,
+  params,
+  timings
+}) {
+  const url = new URL(request.url);
+  const { appName } = params;
+  invariantResponse(appName, "appName param required");
+  const app = await getAppByName(appName, { request, timings });
+  const fileAppName = url.searchParams.get("fileAppName");
+  if (fileAppName) {
+    const apps = await getApps({ request, timings });
+    const fileApp = fileAppName ? apps.find((app2) => app2.name === fileAppName) : app;
+    return { app, fileApp };
+  } else {
+    return { app, fileApp: app };
+  }
+}
 async function loader$f({ request, params }) {
   const timings = makeTimings("app-file");
   const { fileApp, app } = await resolveApps({ request, params, timings });
@@ -12133,7 +12112,7 @@ const route29 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   __proto__: null,
   loader
 }, Symbol.toStringTag, { value: "Module" }));
-const serverManifest = { "entry": { "module": "/assets/entry.client-0j1eoieD.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js"], "css": [] }, "routes": { "root": { "id": "root", "parentId": void 0, "path": "", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/root-CxuwYUpK.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-DBBsMyAP.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-BdTNdCYE.js", "/assets/client-hints-BKxdo5Js.js", "/assets/error-boundary-BUV7xD2e.js", "/assets/progress-bar-TRgQ8YZ8.js", "/assets/index-r90CY6Wk.js", "/assets/index-Drecz7hr.js", "/assets/presence-BJPzwbUy.js"], "css": [] }, "routes/$": { "id": "routes/$", "parentId": "root", "path": "*", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_-CGn-2XfF.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DBBsMyAP.js", "/assets/error-boundary-BUV7xD2e.js"], "css": [] }, "routes/_app+/_layout": { "id": "routes/_app+/_layout", "parentId": "root", "path": void 0, "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_layout-Caqk73Ed.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DBBsMyAP.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-BdTNdCYE.js", "/assets/client-hints-BKxdo5Js.js", "/assets/progress-HmjERaPh.js", "/assets/index-Drecz7hr.js", "/assets/user-73ocDYRe.js", "/assets/presence-BJPzwbUy.js"], "css": [] }, "routes/_app+/_exercises+/_layout": { "id": "routes/_app+/_exercises+/_layout", "parentId": "routes/_app+/_layout", "path": void 0, "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_layout-BR-Qyofe.js", "imports": ["/assets/index-D6ygCrVn.js"], "css": [] }, "routes/_app+/_exercises+/$exerciseNumber": { "id": "routes/_app+/_exercises+/$exerciseNumber", "parentId": "routes/_app+/_exercises+/_layout", "path": ":exerciseNumber", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_exerciseNumber-D6YNCQoj.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/request-info-Dyls4H67.js", "/assets/client-hints-BKxdo5Js.js", "/assets/misc-DBBsMyAP.js", "/assets/tooltip-BdTNdCYE.js", "/assets/loading-C9f_vBoM.js", "/assets/index-Drecz7hr.js", "/assets/epic-video-BKzHxm70.js", "/assets/progress-bar-TRgQ8YZ8.js", "/assets/index-9nNr0Zqr.js", "/assets/mdx-BVZ4sNxQ.js", "/assets/progress-HmjERaPh.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber": { "id": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber", "parentId": "routes/_app+/_exercises+/_layout", "path": ":exerciseNumber/:stepNumber", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_exerciseNumber_._stepNumber-D00x64Vg.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DBBsMyAP.js"], "css": [] }, "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.$type+/_layout": { "id": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.$type+/_layout", "parentId": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber", "path": ":type", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_layout-DXegGcTM.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DBBsMyAP.js", "/assets/request-info-Dyls4H67.js", "/assets/client-hints-BKxdo5Js.js", "/assets/tooltip-BdTNdCYE.js", "/assets/loading-C9f_vBoM.js", "/assets/index-Drecz7hr.js", "/assets/epic-video-BKzHxm70.js", "/assets/progress-bar-TRgQ8YZ8.js", "/assets/mdx-BVZ4sNxQ.js", "/assets/user-73ocDYRe.js", "/assets/index-9nNr0Zqr.js", "/assets/diff-ZJmYghvh.js", "/assets/discord-DZWTKMPn.js", "/assets/index-r90CY6Wk.js", "/assets/button-BfWwrI9B.js", "/assets/use-event-source-aW6X9lN1.js", "/assets/error-boundary-BUV7xD2e.js", "/assets/nav-chevrons-DnG58Hov.js", "/assets/progress-HmjERaPh.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.index": { "id": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.index", "parentId": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber", "path": void 0, "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_exerciseNumber_._stepNumber.index-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/_exercises+/$exerciseNumber_.finished": { "id": "routes/_app+/_exercises+/$exerciseNumber_.finished", "parentId": "routes/_app+/_exercises+/_layout", "path": ":exerciseNumber/finished", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_exerciseNumber_.finished-DR3gQ1pK.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/request-info-Dyls4H67.js", "/assets/client-hints-BKxdo5Js.js", "/assets/misc-DBBsMyAP.js", "/assets/tooltip-BdTNdCYE.js", "/assets/loading-C9f_vBoM.js", "/assets/index-Drecz7hr.js", "/assets/epic-video-BKzHxm70.js", "/assets/progress-bar-TRgQ8YZ8.js", "/assets/index-9nNr0Zqr.js", "/assets/nav-chevrons-DnG58Hov.js", "/assets/mdx-BVZ4sNxQ.js", "/assets/progress-HmjERaPh.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/account": { "id": "routes/_app+/account", "parentId": "routes/_app+/_layout", "path": "account", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/account-Cp6A7SfU.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/request-info-Dyls4H67.js", "/assets/button-BfWwrI9B.js", "/assets/misc-DBBsMyAP.js", "/assets/user-73ocDYRe.js", "/assets/presence-BJPzwbUy.js"], "css": [] }, "routes/_app+/app.$appName+/$": { "id": "routes/_app+/app.$appName+/$", "parentId": "routes/_app+/_layout", "path": "app/:appName/*", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/api.$": { "id": "routes/_app+/app.$appName+/api.$", "parentId": "routes/_app+/_layout", "path": "app/:appName/api/*", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/api._-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/epic_ws[.js]": { "id": "routes/_app+/app.$appName+/epic_ws[.js]", "parentId": "routes/_app+/_layout", "path": "app/:appName/epic_ws.js", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/epic_ws_.js_-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/index": { "id": "routes/_app+/app.$appName+/index", "parentId": "routes/_app+/_layout", "path": "app/:appName/", "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/index-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/test.$testName": { "id": "routes/_app+/app.$appName+/test.$testName", "parentId": "routes/_app+/_layout", "path": "app/:appName/test/:testName", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/test._testName-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/discord": { "id": "routes/_app+/discord", "parentId": "routes/_app+/_layout", "path": "discord", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/discord-fsySDDKv.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DBBsMyAP.js", "/assets/user-73ocDYRe.js", "/assets/discord-DZWTKMPn.js"], "css": [] }, "routes/_app+/finished": { "id": "routes/_app+/finished", "parentId": "routes/_app+/_layout", "path": "finished", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/finished-gQ-B3k8j.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/request-info-Dyls4H67.js", "/assets/client-hints-BKxdo5Js.js", "/assets/misc-DBBsMyAP.js", "/assets/tooltip-BdTNdCYE.js", "/assets/loading-C9f_vBoM.js", "/assets/index-Drecz7hr.js", "/assets/epic-video-BKzHxm70.js", "/assets/progress-bar-TRgQ8YZ8.js", "/assets/index-9nNr0Zqr.js", "/assets/mdx-BVZ4sNxQ.js", "/assets/progress-HmjERaPh.js", "/assets/nav-chevrons-DnG58Hov.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/index": { "id": "routes/_app+/index", "parentId": "routes/_app+/_layout", "path": void 0, "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/index-CVJowtf6.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/request-info-Dyls4H67.js", "/assets/client-hints-BKxdo5Js.js", "/assets/misc-DBBsMyAP.js", "/assets/tooltip-BdTNdCYE.js", "/assets/loading-C9f_vBoM.js", "/assets/index-Drecz7hr.js", "/assets/epic-video-BKzHxm70.js", "/assets/progress-bar-TRgQ8YZ8.js", "/assets/index-9nNr0Zqr.js", "/assets/progress-HmjERaPh.js", "/assets/error-boundary-BUV7xD2e.js", "/assets/mdx-BVZ4sNxQ.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/login": { "id": "routes/_app+/login", "parentId": "routes/_app+/_layout", "path": "login", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/login-BCM4kJTm.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js", "/assets/clsx-B-dksMZM.js", "/assets/request-info-Dyls4H67.js", "/assets/client-hints-BKxdo5Js.js", "/assets/use-event-source-aW6X9lN1.js", "/assets/button-BfWwrI9B.js", "/assets/loading-C9f_vBoM.js"], "css": [] }, "routes/_app+/support": { "id": "routes/_app+/support", "parentId": "routes/_app+/_layout", "path": "support", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/support-DUAHYT3r.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js"], "css": [] }, "routes/admin+/_layout": { "id": "routes/admin+/_layout", "parentId": "root", "path": "admin", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_layout-MFX35ekR.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DBBsMyAP.js", "/assets/tooltip-BdTNdCYE.js", "/assets/progress-HmjERaPh.js"], "css": [] }, "routes/admin+/apps": { "id": "routes/admin+/apps", "parentId": "routes/admin+/_layout", "path": "apps", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/apps-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/apps": { "id": "routes/apps", "parentId": "root", "path": "apps", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/apps-DP2rzg_V.js", "imports": [], "css": [] }, "routes/diff": { "id": "routes/diff", "parentId": "root", "path": "diff", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/diff-Ddyuc0-s.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DBBsMyAP.js", "/assets/request-info-Dyls4H67.js", "/assets/client-hints-BKxdo5Js.js", "/assets/tooltip-BdTNdCYE.js", "/assets/loading-C9f_vBoM.js", "/assets/index-Drecz7hr.js", "/assets/epic-video-BKzHxm70.js", "/assets/progress-bar-TRgQ8YZ8.js", "/assets/mdx-BVZ4sNxQ.js", "/assets/diff-ZJmYghvh.js", "/assets/nav-chevrons-DnG58Hov.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/discord.callback": { "id": "routes/discord.callback", "parentId": "root", "path": "discord/callback", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/discord.callback-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/exercises": { "id": "routes/exercises", "parentId": "root", "path": "exercises", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/exercises-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/launch-editor": { "id": "routes/launch-editor", "parentId": "root", "path": "launch-editor", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/launch-editor-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/login-sse": { "id": "routes/login-sse", "parentId": "root", "path": "login-sse", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/login-sse-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/onboarding": { "id": "routes/onboarding", "parentId": "root", "path": "onboarding", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/onboarding-oSo74A5L.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/request-info-Dyls4H67.js", "/assets/client-hints-BKxdo5Js.js", "/assets/misc-DBBsMyAP.js", "/assets/tooltip-BdTNdCYE.js", "/assets/loading-C9f_vBoM.js", "/assets/index-Drecz7hr.js", "/assets/button-BfWwrI9B.js", "/assets/epic-video-BKzHxm70.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/processes": { "id": "routes/processes", "parentId": "root", "path": "processes", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/processes-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/progress": { "id": "routes/progress", "parentId": "root", "path": "progress", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/progress-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/set-playground": { "id": "routes/set-playground", "parentId": "root", "path": "set-playground", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/set-playground-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/start": { "id": "routes/start", "parentId": "root", "path": "start", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/start-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/test": { "id": "routes/test", "parentId": "root", "path": "test", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/test-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/theme/index": { "id": "routes/theme/index", "parentId": "root", "path": "theme", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/index-DP2rzg_V.js", "imports": [], "css": [] }, "routes/update-mdx-cache": { "id": "routes/update-mdx-cache", "parentId": "root", "path": "update-mdx-cache", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/update-mdx-cache-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/video-player/index": { "id": "routes/video-player/index", "parentId": "root", "path": "video-player", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/index-K6Dvbx-E.js", "imports": [], "css": [] } }, "url": "/assets/manifest-0b01450d.js", "version": "0b01450d" };
+const serverManifest = { "entry": { "module": "/assets/entry.client-0j1eoieD.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js"], "css": [] }, "routes": { "root": { "id": "root", "parentId": void 0, "path": "", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/root-BJrmef-V.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/error-boundary-Bcric_4t.js", "/assets/progress-bar-7LK87ZMh.js", "/assets/index-r90CY6Wk.js", "/assets/index-Bg9MMnnf.js", "/assets/presence-BJPzwbUy.js"], "css": [] }, "routes/$": { "id": "routes/$", "parentId": "root", "path": "*", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_-COWH0sBh.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js", "/assets/error-boundary-Bcric_4t.js"], "css": [] }, "routes/_app+/_layout": { "id": "routes/_app+/_layout", "parentId": "root", "path": void 0, "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_layout-CNgYirUN.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/user-73ocDYRe.js", "/assets/presence-BJPzwbUy.js", "/assets/progress-CF9Xwfxf.js", "/assets/index-Bg9MMnnf.js"], "css": [] }, "routes/_app+/_exercises+/_layout": { "id": "routes/_app+/_exercises+/_layout", "parentId": "routes/_app+/_layout", "path": void 0, "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_layout-BR-Qyofe.js", "imports": ["/assets/index-D6ygCrVn.js"], "css": [] }, "routes/_app+/_exercises+/$exerciseNumber": { "id": "routes/_app+/_exercises+/$exerciseNumber", "parentId": "routes/_app+/_exercises+/_layout", "path": ":exerciseNumber", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_exerciseNumber-jTT5JRgC.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/index-Bg9MMnnf.js", "/assets/loading-C9f_vBoM.js", "/assets/epic-video-BwtXsHGU.js", "/assets/progress-bar-7LK87ZMh.js", "/assets/index-9nNr0Zqr.js", "/assets/mdx-BYvGbvEr.js", "/assets/progress-CF9Xwfxf.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber": { "id": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber", "parentId": "routes/_app+/_exercises+/_layout", "path": ":exerciseNumber/:stepNumber", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_exerciseNumber_._stepNumber-C37pli7_.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js"], "css": [] }, "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.$type+/_layout": { "id": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.$type+/_layout", "parentId": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber", "path": ":type", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_layout-CGUp6BkS.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/index-Bg9MMnnf.js", "/assets/loading-C9f_vBoM.js", "/assets/epic-video-BwtXsHGU.js", "/assets/progress-bar-7LK87ZMh.js", "/assets/mdx-BYvGbvEr.js", "/assets/user-73ocDYRe.js", "/assets/index-9nNr0Zqr.js", "/assets/diff-tDYfSlOc.js", "/assets/error-boundary-Bcric_4t.js", "/assets/nav-chevrons-DOYtx9XE.js", "/assets/progress-CF9Xwfxf.js", "/assets/discord-0kv66Q6F.js", "/assets/index-r90CY6Wk.js", "/assets/button-BfWwrI9B.js", "/assets/use-event-source-aW6X9lN1.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.index": { "id": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.index", "parentId": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber", "path": void 0, "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_exerciseNumber_._stepNumber.index-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/_exercises+/$exerciseNumber_.finished": { "id": "routes/_app+/_exercises+/$exerciseNumber_.finished", "parentId": "routes/_app+/_exercises+/_layout", "path": ":exerciseNumber/finished", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_exerciseNumber_.finished-zgJKkJ7I.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/index-Bg9MMnnf.js", "/assets/loading-C9f_vBoM.js", "/assets/epic-video-BwtXsHGU.js", "/assets/progress-bar-7LK87ZMh.js", "/assets/index-9nNr0Zqr.js", "/assets/nav-chevrons-DOYtx9XE.js", "/assets/mdx-BYvGbvEr.js", "/assets/progress-CF9Xwfxf.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/account": { "id": "routes/_app+/account", "parentId": "routes/_app+/_layout", "path": "account", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/account-DesvwOeg.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/request-info-Dyls4H67.js", "/assets/button-BfWwrI9B.js", "/assets/misc-DNgC2Frq.js", "/assets/user-73ocDYRe.js", "/assets/presence-BJPzwbUy.js"], "css": [] }, "routes/_app+/app.$appName+/$": { "id": "routes/_app+/app.$appName+/$", "parentId": "routes/_app+/_layout", "path": "app/:appName/*", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/api.$": { "id": "routes/_app+/app.$appName+/api.$", "parentId": "routes/_app+/_layout", "path": "app/:appName/api/*", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/api._-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/epic_ws[.js]": { "id": "routes/_app+/app.$appName+/epic_ws[.js]", "parentId": "routes/_app+/_layout", "path": "app/:appName/epic_ws.js", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/epic_ws_.js_-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/index": { "id": "routes/_app+/app.$appName+/index", "parentId": "routes/_app+/_layout", "path": "app/:appName/", "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/index-DP2rzg_V.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/test.$testName": { "id": "routes/_app+/app.$appName+/test.$testName", "parentId": "routes/_app+/_layout", "path": "app/:appName/test/:testName", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/test._testName-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/discord": { "id": "routes/_app+/discord", "parentId": "routes/_app+/_layout", "path": "discord", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/discord-Xp0X4-Fl.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js", "/assets/user-73ocDYRe.js", "/assets/discord-0kv66Q6F.js"], "css": [] }, "routes/_app+/finished": { "id": "routes/_app+/finished", "parentId": "routes/_app+/_layout", "path": "finished", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/finished-BSWdtBA4.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/index-Bg9MMnnf.js", "/assets/loading-C9f_vBoM.js", "/assets/epic-video-BwtXsHGU.js", "/assets/progress-bar-7LK87ZMh.js", "/assets/index-9nNr0Zqr.js", "/assets/nav-chevrons-DOYtx9XE.js", "/assets/mdx-BYvGbvEr.js", "/assets/progress-CF9Xwfxf.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/index": { "id": "routes/_app+/index", "parentId": "routes/_app+/_layout", "path": void 0, "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/index-BQRtqn3g.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/index-Bg9MMnnf.js", "/assets/loading-C9f_vBoM.js", "/assets/epic-video-BwtXsHGU.js", "/assets/progress-bar-7LK87ZMh.js", "/assets/index-9nNr0Zqr.js", "/assets/error-boundary-Bcric_4t.js", "/assets/mdx-BYvGbvEr.js", "/assets/progress-CF9Xwfxf.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/login": { "id": "routes/_app+/login", "parentId": "routes/_app+/_layout", "path": "login", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/login-D8zyjBAb.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/request-info-Dyls4H67.js", "/assets/client-hints-BKxdo5Js.js", "/assets/use-event-source-aW6X9lN1.js", "/assets/button-BfWwrI9B.js", "/assets/loading-C9f_vBoM.js"], "css": [] }, "routes/_app+/support": { "id": "routes/_app+/support", "parentId": "routes/_app+/_layout", "path": "support", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/support-DUAHYT3r.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js"], "css": [] }, "routes/admin+/_layout": { "id": "routes/admin+/_layout", "parentId": "root", "path": "admin", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_layout-D0zbQZjf.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/progress-CF9Xwfxf.js"], "css": [] }, "routes/admin+/apps": { "id": "routes/admin+/apps", "parentId": "routes/admin+/_layout", "path": "apps", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/apps-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/apps": { "id": "routes/apps", "parentId": "root", "path": "apps", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/apps-DP2rzg_V.js", "imports": [], "css": [] }, "routes/diff": { "id": "routes/diff", "parentId": "root", "path": "diff", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/diff-DZFtsH-a.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/index-Bg9MMnnf.js", "/assets/loading-C9f_vBoM.js", "/assets/epic-video-BwtXsHGU.js", "/assets/progress-bar-7LK87ZMh.js", "/assets/mdx-BYvGbvEr.js", "/assets/diff-tDYfSlOc.js", "/assets/nav-chevrons-DOYtx9XE.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/discord.callback": { "id": "routes/discord.callback", "parentId": "root", "path": "discord/callback", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/discord.callback-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/exercises": { "id": "routes/exercises", "parentId": "root", "path": "exercises", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/exercises-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/launch-editor": { "id": "routes/launch-editor", "parentId": "root", "path": "launch-editor", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/launch-editor-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/login-sse": { "id": "routes/login-sse", "parentId": "root", "path": "login-sse", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/login-sse-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/onboarding": { "id": "routes/onboarding", "parentId": "root", "path": "onboarding", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/onboarding-euWyXpCL.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/index-Bg9MMnnf.js", "/assets/loading-C9f_vBoM.js", "/assets/button-BfWwrI9B.js", "/assets/epic-video-BwtXsHGU.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/processes": { "id": "routes/processes", "parentId": "root", "path": "processes", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/processes-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/progress": { "id": "routes/progress", "parentId": "root", "path": "progress", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/progress-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/set-playground": { "id": "routes/set-playground", "parentId": "root", "path": "set-playground", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/set-playground-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/start": { "id": "routes/start", "parentId": "root", "path": "start", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/start-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/test": { "id": "routes/test", "parentId": "root", "path": "test", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/test-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/theme/index": { "id": "routes/theme/index", "parentId": "root", "path": "theme", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/index-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/update-mdx-cache": { "id": "routes/update-mdx-cache", "parentId": "root", "path": "update-mdx-cache", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/update-mdx-cache-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/video-player/index": { "id": "routes/video-player/index", "parentId": "root", "path": "video-player", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/index-K6Dvbx-E.js", "imports": [], "css": [] } }, "url": "/assets/manifest-03cfc48d.js", "version": "03cfc48d" };
 const mode = "production";
 const assetsBuildDirectory = "build/client";
 const basename = "/";