{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",[99],"permalink","https://www.val.town/x/dcm31/questAbilityStorage/code/main.tsx","extension","actionData","errors"]