[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_154":155,"_156":157},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_117":-5,"_20":118,"_22":119,"_120":121,"_122":123,"_25":124,"_24":-5,"_125":-5,"_126":-5,"_127":53,"_128":129,"_130":44,"_131":-5,"_132":-5,"_133":134},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","dcm31","name","questAbilityStorage","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":44,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":95,"_96":97,"_98":99,"_100":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","8f8a551a-e823-11f0-83f4-42dde27851f2","main.tsx","fileId","a9a4164a-2783-11f0-b46e-569c3dd06744","parentId","branchId","a9a1de16-2783-11f0-b46e-569c3dd06744","branchVersion",16,"latest",true,"createdAt",["D",1767389987809],15,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n// ============================================================================\n// DATA IS NOW LOCKED - Role data is stored in blob storage and will not be\n// automatically refreshed. This prevents the flaky TypeScript parser from\n// corrupting data (like it did with spy.ts). Data was manually fixed on\n// 2026-01-02. To update data, manually store JSON to blob storage.\n// ============================================================================\n\nconst roles = [\n \"doctor\",\n \"fighter\",\n \"invoker\",\n \"magician\",\n \"naturalist\",\n \"ranger\",\n \"spy\",\n \"wizard\",\n];\n\nasync function retrieveAndDisplayRoles() {\n const results = [];\n for (const role of roles) {\n try {\n const data = await blob.getJSON(`questling_role_${role}`);\n if (data) {\n results.push(`Retrieved ${role} data: ${JSON.stringify(data.name)}`);\n } else {\n results.push(`No data found for ${role}.`);\n }\n } catch (error) {\n results.push(`Failed to retrieve ${role} data: ${error.message}`);\n console.error(`Error retrieving ${role}:`, error);\n }\n }\n return results;\n}\n\n// Component to display ability details\nfunction AbilityDisplay({ ability }) {\n return (\n

{ability.name}

\n {ability.prefixText &&

}\n

\n AP Cost: {subAbility.ap}\n

\n {subAbility.table && (\n

Roll Table:

\n \n \n \n \n \n \n \n \n {subAbility.table.map((entry, i) => (\n \n \n \n \n ))}\n \n

Roll Range	Result
\n {entry.ceiling\n ? `${entry.floor}-${entry.ceiling}`\n : entry.floor}\n	{entry.result}

\n )}\n

\n {ability.suffixText &&

}\n

\n );\n}\n\n// Component to display a role's paths and abilities\nfunction RoleDisplay({ roleData }) {\n return (\n

{roleData.name}

ID: {roleData.id}

\n {Object.entries(roleData.paths).map(([pathName, abilities]) => (\n

{pathName}

\n {abilities.map((ability, index) => (\n \n ))}\n

\n ))}\n

\n );\n}\n\n// Main application component\nfunction App() {\n const [status, setStatus] = useState(\"Loading...\");\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [searchResults, setSearchResults] = useState(null);\n const [rolesData, setRolesData] = useState(null);\n const [activeRole, setActiveRole] = useState(null);\n\n useEffect(() => {\n fetchStatus();\n }, []);\n\n async function fetchStatus() {\n try {\n const response = await fetch(\"/status\");\n const data = await response.json();\n setStatus(data.message);\n } catch (error) {\n setStatus(\"Error fetching status\");\n console.error(\"Error fetching status:\", error);\n }\n }\n\n async function handleFetchAllRoles() {\n try {\n const response = await fetch(\"/roles\");\n const data = await response.json();\n setRolesData(data);\n setActiveRole(null);\n } catch (error) {\n console.error(\"Error fetching roles data:\", error);\n }\n }\n\n async function handleSearch(e) {\n e.preventDefault();\n try {\n const response = await fetch(`/search?term=${encodeURIComponent(searchTerm)}`);\n const data = await response.json();\n setSearchResults(data);\n } catch (error) {\n setSearchResults({ error: \"Error performing search\" });\n console.error(\"Error performing search:\", error);\n }\n }\n\n async function handleFetchRole(roleName) {\n try {\n const response = await fetch(`/role/${roleName}`);\n const data = await response.json();\n setActiveRole(data);\n setRolesData(null);\n } catch (error) {\n console.error(`Error fetching role ${roleName}:`, error);\n }\n }\n\n return (\n

Questling Roles Manager

Status: {status}

\n Data is locked (read-only). Last updated: 2026-01-02.\n

\n \n

\n\n

Available Roles

\n {roles.map(role => (\n handleFetchRole(role)}\n style={{ \n padding: \"8px 16px\", \n backgroundColor: \"#28a745\", \n color: \"white\", \n border: \"none\", \n borderRadius: \"4px\",\n textTransform: \"capitalize\"\n }}\n >\n {role}\n \n ))}\n

\n \n

Search

\n \n {searchResults && (\n

Search Results

\n {searchResults.length > 0 ? (\n \n \n \n \n \n \n \n \n \n \n \n {searchResults.map((result, index) => (\n \n \n \n \n \n \n \n ))}\n \n

Type	Name	Path	Role	Action
{result.type}	{result.name}	{result.path \|\| \"-\"}	{result.role}	\n \n

\n ) : (\n

No results found

\n )}\n

\n )}\n \n

Role Data

\n {activeRole ? (\n \n ) : rolesData ? (\n Object.entries(rolesData).map(([roleName, roleData]) => (\n \n ))\n ) : (\n

Select a role to view or search for specific abilities

\n )}\n

\n );\n}\n\n// Client-side rendering\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\n// Server-side handling (READ-ONLY - no auto-initialization)\nexport default async function server(req) {\n const url = new URL(req.url);\n\n if (url.pathname === \"/status\") {\n const retrieveResults = await retrieveAndDisplayRoles();\n return Response.json({ message: \"Role data loaded from blob storage (locked)\", details: retrieveResults });\n }\n\n if (url.pathname === \"/search\") {\n const searchTerm = url.searchParams.get(\"term\");\n if (!searchTerm) {\n return Response.json({ error: \"Search term is required\" }, { status: 400 });\n }\n\n const results = [];\n for (const role of roles) {\n try {\n const data = await blob.getJSON(`questling_role_${role}`);\n if (data) {\n if (data.name.toLowerCase().includes(searchTerm.toLowerCase())) {\n results.push({ type: \"role\", name: data.name, role: data.name });\n }\n \n for (const [pathName, abilities] of Object.entries(data.paths)) {\n if (pathName.toLowerCase().includes(searchTerm.toLowerCase())) {\n results.push({ type: \"path\", name: pathName, role: data.name });\n }\n \n for (const ability of abilities) {\n if (ability.name && ability.name.toLowerCase().includes(searchTerm.toLowerCase())) {\n results.push({ type: \"ability\", name: ability.name, path: pathName, role: data.name });\n }\n \n // Search in ability descriptions\n if (ability.subAbilities) {\n for (const subAbility of ability.subAbilities) {\n if (subAbility.text && subAbility.text.toLowerCase().includes(searchTerm.toLowerCase())) {\n results.push({ type: \"ability\", name: ability.name, path: pathName, role: data.name });\n break; // Avoid duplicate entries for the same ability\n }\n }\n }\n }\n }\n }\n } catch (error) {\n console.error(`Error searching ${role}:`, error);\n }\n }\n return Response.json(results);\n }\n\n if (url.pathname === \"/roles\") {\n const allRolesData = {};\n for (const role of roles) {\n try {\n const data = await blob.getJSON(`questling_role_${role}`);\n if (data) {\n allRolesData[role] = data;\n }\n } catch (error) {\n console.error(`Error retrieving ${role} data:`, error);\n }\n }\n return Response.json(allRolesData);\n }\n\n if (url.pathname.startsWith(\"/role/\")) {\n const roleName = url.pathname.split(\"/\").pop();\n try {\n const data = await blob.getJSON(`questling_role_${roleName}`);\n if (data) {\n return Response.json(data);\n } else {\n return Response.json({ error: \"Role not found\" }, { status: 404 });\n }\n } catch (error) {\n console.error(`Error retrieving role ${roleName}:`, error);\n return Response.json({ error: \"Error retrieving role data\" }, { status: 500 });\n }\n }\n\n return new Response(`\n \n \n \n Questling Roles Manager\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1767389987809],"children",[],[35],"a9a1863c-2783-11f0-b46e-569c3dd06744",["D",1746210688859],"deletedAt","legacyEnvVars","privacy","unlisted","httpPrivacy","public","description","imageUrl","userId","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_116":112},"org",{"_11":12,"_109":110,"_111":112,"_71":72,"_113":114,"_115":53},"branch",{"_17":42,"_13":16,"_33":40,"_101":61,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":14,"_108":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789556399&sig=79099f5f8ff13fa7ca88ddd17cfb358dd5de01b4572d54739a735b474a8e2cad","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":150,"_63":-5,"_64":44,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":151,"_96":152,"_98":153,"_100":53},[147],"files",[147],"counts",{"_137":78,"_138":139,"_140":78,"_31":141,"_142":143},[135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":136},[35],"pulls","branches",1,"forks",{"_144":78,"_146":78},"connections",{"_144":78,"_145":78},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":148,"_18":149},[],[35],["D",1746210688859],{"_11":12,"_116":112},{"_11":12,"_109":110,"_111":112,"_71":72,"_113":114,"_115":53},{"_17":42,"_13":16,"_33":40,"_101":61,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":14,"_108":12},"ctx",{"_94":-5,"_132":187,"_188":189,"_190":191,"_192":53,"_193":53,"_194":53,"_195":44,"_196":-5,"_197":-7,"_198":-7,"_199":78,"_200":53,"_201":53,"_202":-5,"_203":53,"_204":53,"_205":53,"_206":-5},"ENV",{"_158":159,"_160":161,"_162":16,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code