{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","label",[110],"pulls","branches",1,"forks","envVars",{"_133":41,"_135":41},"connections",{"_133":41,"_134":41},"count","unfilledCount","emptyCount",{"_18":109,"_20":110,"_111":36,"_112":-5,"_113":68,"_114":66,"_115":26,"_22":137,"_65":117,"_118":119,"_120":121,"_122":64,"_123":-5,"_138":139,"_86":140},["D",1767389987809],"children",[],[110],["D",1746210688859],{"_16":17,"_84":80},{"_16":17,"_77":78,"_79":80,"_33":34,"_81":82,"_83":64},{"_65":66,"_20":67,"_18":68,"_69":19,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":21,"_76":17},"ctx",{"_57":-5,"_105":178,"_179":180,"_181":182,"_183":64,"_184":64,"_185":64,"_186":26,"_187":-5,"_188":-7,"_189":-7,"_190":41,"_191":64,"_192":64,"_193":-5,"_194":64,"_195":64,"_196":64,"_197":-5},"ENV",{"_149":150,"_151":152,"_153":67,"_154":155,"_156":157,"_158":159,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177},"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"]