[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","67aff8c1479081918fb06cf9932d1331","versionInt","title","Advanced DnD Guild Hall 2.0","type","code/react","content","import React, { useState, useEffect } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\n\n// Utility to pick a random element\nconst randomElement = (arr) => arr[Math.floor(Math.random() * arr.length)];\n\n// Generate a random pastel color\nfunction randomPastelColor() {\n const r = Math.floor(127 + Math.random() * 128);\n const g = Math.floor(127 + Math.random() * 128);\n const b = Math.floor(Math.random() * 128 + 127);\n return `rgb(${r}, ${g}, ${b})`;\n}\n\n///////////////////////////////////////////////////////////////\n// Quest definitions\n///////////////////////////////////////////////////////////////\n\nconst QUESTS = [\n { title: \"Goblin Raids\", difficulty: 1, focusStats: [\"strength\"], requiredPlayers: 1 },\n { title: \"Bandit Ambush\", difficulty: 2, focusStats: [\"dexterity\"], requiredPlayers: 1 },\n { title: \"Dragon Sightings\", difficulty: 5, focusStats: [\"intelligence\"], requiredPlayers: 1 },\n { title: \"Lost Artifact\", difficulty: 3, focusStats: [\"intelligence\"], requiredPlayers: 1 },\n { title: \"Mysterious Cave\", difficulty: 4, focusStats: [\"luck\"], requiredPlayers: 1 },\n { title: \"Treasure Hunt\", difficulty: 3, focusStats: [\"intelligence\", \"luck\"], requiredPlayers: 1 },\n { title: \"Necromancer's Crypt\", difficulty: 6, focusStats: [\"intelligence\", \"strength\"], requiredPlayers: 1 },\n { title: \"Elven Diplomacy\", difficulty: 4, focusStats: [\"intelligence\", \"dexterity\"], requiredPlayers: 1 },\n];\n\nconst HIGH_LEVEL_QUESTS = [\n { title: \"Ancient Dragon\", difficulty: 7, focusStats: [\"strength\", \"intelligence\"], requiredPlayers: 2 },\n { title: \"Abyssal Portal\", difficulty: 8, focusStats: [\"dexterity\", \"intelligence\"], requiredPlayers: 2 },\n { title: \"Demon King's Castle\", difficulty: 10, focusStats: [\"strength\", \"dexterity\", \"intelligence\"], requiredPlayers: 2 },\n];\n\nconst END_GAME_QUESTS = [\n { title: \"Dark Overlord's Sanctum\", difficulty: 12, focusStats: [\"strength\", \"dexterity\", \"intelligence\", \"luck\"], requiredPlayers: 6 },\n { title: \"Primordial Titan\", difficulty: 15, focusStats: [\"strength\", \"dexterity\", \"intelligence\", \"luck\"], requiredPlayers: 6 },\n];\n\n///////////////////////////////////////////////////////////////\n// Map + layout\n///////////////////////////////////////////////////////////////\n\n// We'll add an 'S' tile for a shop, and a 'B' tile for a bar (red).\n// Characters near 'S' lose gold & might gain items.\n// Characters near 'B' get a temporary debuff.\n\n// We'll place the bar at row=1 col=9 so it remains 10 wide.\n// second row from \"FFWWWSWFFF\" => \"FFWWWSWFFB\".\n\nconst HALL_MAP = [\n \"FFFFFFFFFF\",\n \"FFWWWSWFFB\", // S at col=5, B at col=9\n \"FFWTTFWFFF\",\n \"FFWWWWTWFF\",\n \"FFFFFFFFFF\",\n];\n\n// Moved these const declarations out of the array definition\nconst TILE_WIDTH = 50;\nconst TILE_HEIGHT = 50;\n\n///////////////////////////////////////////////////////////////\n// Relationship synergy map\n///////////////////////////////////////////////////////////////\n\nconst PERSONALITY_SYNERGY = {\n \"Stoic:Reckless\": -1,\n \"Stoic:Jovial\": 1,\n \"Reckless:Cautious\": -1,\n \"Empathetic:Hot-headed\": -1,\n \"Cunning:Ambitious\": 1,\n \"Lazy:Energetic\": -2,\n \"Loyal:Brave\": 2,\n \"Cowardly:Hot-headed\": -2,\n \"Jovial:Serious\": -1\n};\nfunction getRelationshipDelta(p1, p2) {\n const key1 = `${p1}:${p2}`;\n const key2 = `${p2}:${p1}`;\n if (key1 in PERSONALITY_SYNERGY) {\n return PERSONALITY_SYNERGY[key1];\n } else if (key2 in PERSONALITY_SYNERGY) {\n return PERSONALITY_SYNERGY[key2];\n }\n return 0;\n}\n\n///////////////////////////////////////////////////////////////\n// Names, Races, Personalities\n///////////////////////////////////////////////////////////////\n\nconst NAMES = [\n \"Arin\", \"Bryn\", \"Cadoc\", \"Doria\", \"Elyen\", \"Farion\", \"Gavriel\", \"Hyssta\", \"Idril\", \"Joren\",\n \"Kelwyn\", \"Luthien\", \"Merric\", \"Naeris\", \"Oron\", \"Perin\", \"Qildor\", \"Rothar\", \"Sarn\", \"Tanith\",\n \"Uthred\", \"Venya\", \"Wren\", \"Xarith\", \"Yorick\", \"Zanna\"\n];\nconst RACES = [\"Human\", \"Elf\", \"Dwarf\", \"Halfling\", \"Tiefling\", \"Dragonborn\", \"Half-Orc\", \"Gnome\"];\nconst PERSONALITIES = [\n \"Stoic\", \"Reckless\", \"Cunning\", \"Jovial\", \"Serious\", \"Ambitious\", \"Empathetic\", \"Hot-headed\",\n \"Cautious\", \"Loyal\", \"Brave\", \"Cowardly\", \"Energetic\", \"Lazy\"\n];\n\n///////////////////////////////////////////////////////////////\n// Dialogue lines\n///////////////////////////////////////////////////////////////\n\nconst DIALOGUE = {\n Stoic: [\"Greetings.\", \"Stay strong.\", \"We must prepare for challenges.\"],\n Reckless: [\"Bring on the next fight!\", \"Hah! Let's stir things up!\", \"Who wants a duel?\"],\n Cunning: [\"I have a plan...\", \"Hmm, interesting.\", \"Let me see how I can profit here...\"],\n Jovial: [\"Ah, what a fine day!\", \"Let's celebrate!\", \"Anyone up for a little party?\"],\n Serious: [\"Focus, there's no time to waste.\", \"We should not be idling around.\", \"Good day.\"],\n Ambitious: [\"There's greatness in my future.\", \"I won't rest until I'm the best.\", \"Work, work, and more work.\"],\n Empathetic: [\"How are you feeling today?\", \"I'm here if you need me.\", \"Be well, friend.\"],\n \"Hot-headed\": [\"Don't cross me!\", \"I'm itching for a fight.\", \"Watch it, buddy!\"],\n Cautious: [\"Careful, you never know what's lurking.\", \"Let's think this through.\", \"I prefer to be prepared.\"],\n Loyal: [\"I'll stand by your side.\", \"I've got your back.\", \"Together, we'll see this through.\"],\n Brave: [\"I'll face any danger.\", \"No fear!\", \"Lead me to battle.\"],\n Cowardly: [\"Stay away from me.\", \"I hope there's no trouble.\", \"Let's not do anything risky...\"],\n Energetic: [\"Let's get moving!\", \"I'm bursting with excitement.\", \"I need to do something, now!\"],\n Lazy: [\"Yawn...\", \"Can't it wait till tomorrow?\", \"Wake me up later...\"]\n};\n\nfunction getRandomStats() {\n return {\n strength: Math.floor(Math.random() * 10) + 1,\n dexterity: Math.floor(Math.random() * 10) + 1,\n intelligence: Math.floor(Math.random() * 10) + 1,\n luck: Math.floor(Math.random() * 10) + 1\n };\n}\n\n///////////////////////////////////////////////////////////////\n// Character Creation\n///////////////////////////////////////////////////////////////\n\nfunction createNewCharacter() {\n const personality = randomElement(PERSONALITIES);\n return {\n id: Math.random().toString(36).substring(2, 9),\n name: randomElement(NAMES),\n race: randomElement(RACES),\n personality,\n stats: getRandomStats(),\n onQuest: false,\n quest: null,\n returnTime: 0,\n questStartTime: 0,\n questDuration: 0,\n x: 0,\n y: 0,\n color: randomPastelColor(),\n lastDialogue: \"\",\n relationships: {},\n gold: 50,\n shopProximityTicks: 0,\n items: [],\n barDebuff: null\n };\n}\n\nfunction isPassable(x, y) {\n // We'll say it's passable if 'F', 'S', or 'B'.\n if (x < 0 || x > 9 || y < 0 || y > 4) return false;\n const cell = HALL_MAP[y][x];\n return (cell === 'F' || cell==='S' || cell==='B');\n}\n\n// Our random events\nconst RANDOM_EVENTS = [\n { text: \"A traveling merchant enters the hall.\", negative: true },\n { text: \"A loud argument breaks out among patrons.\", negative: true },\n { text: \"A bard arrives, singing tales of heroes!\", negative: true },\n { text: \"A sudden draft chills the hall.\", negative: true },\n { text: \"An acolyte seeks donations for the temple.\", negative: true },\n { text: \"A wandering druid blesses the hall with good fortune!\", negative: false }\n];\n\n///////////////////////////////////////////////////////////////\n// The main DnDGuildHallSimulator component\n///////////////////////////////////////////////////////////////\n\nexport default function DnDGuildHallSimulator() {\n const [characters, setCharacters] = useState([]);\n const [time, setTime] = useState(0);\n const [tick, setTick] = useState(0);\n const [currentEvent, setCurrentEvent] = useState(null);\n const [teams, setTeams] = useState([]);\n\n const TEAM_RELATIONSHIP_THRESHOLD = 15;\n const TEAM_PARTY_THRESHOLD = 30;\n\n const cycle = tick % 8;\n const isDay = cycle < 4;\n const dayNightLabel = isDay ? \"Daytime\" : \"Nighttime\";\n\n // Checks if character is in an active team quest\n const isCharInActiveTeam = (charId) => {\n return teams.some(t => t.onQuest && t.memberIds.includes(charId));\n };\n\n // Add character logic with capacity check\n const addCharacter = () => {\n if (characters.length >= 6) {\n // fix the newline here:\n alert(\"The hall is at maximum capacity (6).\\nBut you can still form a Team with existing folks!\");\n return;\n }\n let newChar = createNewCharacter();\n while(true) {\n const rx = Math.floor(Math.random() * 10);\n const ry = Math.floor(Math.random() * 5);\n if(isPassable(rx, ry)) {\n newChar.x = rx;\n newChar.y = ry;\n break;\n }\n }\n setCharacters((prev) => [...prev, newChar]);\n };\n\n // Master clock & random events\n useEffect(() => {\n const interval = setInterval(() => {\n setTick((prev) => prev + 1);\n setTime((prev) => prev + 1);\n\n // 15% chance of random event\n if(Math.random() < 0.15) {\n const eventObj = randomElement(RANDOM_EVENTS);\n setCurrentEvent(eventObj.text);\n\n if(eventObj.negative) {\n setCharacters((oldChars) => {\n return oldChars.map((c) => {\n if (!c.onQuest) {\n const statList = Object.keys(c.stats);\n const pickedStat = randomElement(statList);\n const newStats = { ...c.stats };\n newStats[pickedStat] = Math.max(1, newStats[pickedStat] - 1);\n return {\n ...c,\n stats: newStats,\n lastDialogue: `A negative event hit my ${pickedStat}!`\n };\n } else {\n return { ...c };\n }\n });\n });\n } else {\n setCharacters((oldChars) => {\n return oldChars.map((c) => {\n if (!c.onQuest) {\n const statList = Object.keys(c.stats);\n const pickedStat = randomElement(statList);\n const newStats = { ...c.stats };\n newStats[pickedStat] += 1;\n return {\n ...c,\n stats: newStats,\n lastDialogue: `A blessing increased my ${pickedStat}!`\n };\n } else {\n return { ...c };\n }\n });\n });\n }\n\n setTimeout(() => {\n setCurrentEvent(null);\n }, 5000);\n }\n }, 2000);\n return () => clearInterval(interval);\n }, []);\n\n // Relationship changes if both chars are on quest at the same time\n useEffect(() => {\n setCharacters((prev) => {\n const updated = prev.map((c) => ({ ...c }));\n for(let i=0; i acc + char.stats[s], 0);\n const dice = Math.floor(Math.random() * 10) + 1;\n const total = statTotal + dice;\n const successThreshold = difficulty * 5;\n return { success: total >= successThreshold, roll: total };\n }\n\n // computeTeamQuestOutcome utility\n function computeTeamQuestOutcome(teamMembers, quest) {\n for(let i=0; i acc+member.stats[s], 0);\n sumStats+= subSum;\n for(let j=i+1; j=successThreshold, roll: total};\n }\n\n // degradeShopItems for normal shop items\n function degradeShopItems(char) {\n let newItems = [];\n for(const it of char.items) {\n if(typeof it.durability === 'number') {\n const nextDur = it.durability - 1;\n if(nextDur > 0) {\n newItems.push({ ...it, durability: nextDur });\n }\n } else {\n newItems.push({ ...it });\n }\n }\n return newItems;\n }\n\n // Single character quest resolution\n useEffect(()=>{\n setCharacters(prev=>{\n return prev.map(ch=>{\n if(ch.onQuest && time>=ch.returnTime){\n const quest= ch.quest;\n const outcome= computeQuestOutcome(ch, quest);\n const chosenStat= randomElement(quest.focusStats);\n let questImpact=0;\n if(outcome.success){\n questImpact= Math.floor(Math.random()*5)+1;\n } else {\n questImpact= -(Math.floor(Math.random()*5)+1);\n }\n const newStats= {...ch.stats};\n newStats[chosenStat]+= questImpact;\n\n const nextItems = degradeShopItems(ch);\n\n let newX= ch.x;\n let newY= ch.y;\n while(true){\n const rx= Math.floor(Math.random()*10);\n const ry= Math.floor(Math.random()*5);\n if(isPassable(rx,ry)){\n newX= rx;\n newY= ry;\n break;\n }\n }\n const goldGain= Math.floor(Math.random()*(50+ quest.difficulty*5))+1;\n return {\n ...ch,\n onQuest:false,\n quest:null,\n x:newX,\n y:newY,\n stats:newStats,\n gold: ch.gold+ goldGain,\n items: nextItems,\n lastDialogue: outcome.success\n ? `Quest success! ${questImpact>=0? \" +\"+questImpact : questImpact} ${chosenStat} [${quest.title}, roll ${outcome.roll}] +${goldGain} gold`\n : `Quest failed... ${questImpact} ${chosenStat} [${quest.title}, roll ${outcome.roll}] +${goldGain} gold`\n };\n }\n return ch;\n });\n });\n }, [time]);\n\n // Team quest resolution\n useEffect(()=>{\n setTeams(prevTeams=>{\n return prevTeams.map(team=>{\n if(!team.onQuest) return team;\n if(time>= team.returnTime){\n const quest= team.quest;\n const teamMembers= characters.filter(c=> team.memberIds.includes(c.id));\n const outcome= computeTeamQuestOutcome(teamMembers, quest);\n const goldGain= Math.floor(Math.random()*(50+ quest.difficulty*5))+1;\n\n teamMembers.forEach(mem=>{\n const chosenStat= randomElement(quest.focusStats);\n let questImpact=0;\n if(outcome.success){\n questImpact= Math.floor(Math.random()*5)+1;\n } else {\n questImpact= -(Math.floor(Math.random()*5)+1);\n }\n mem.stats[chosenStat]+= questImpact;\n mem.gold+= goldGain;\n mem.lastDialogue= outcome.success\n ? `Team Quest success! [${quest.title}, total roll ${outcome.roll}] +${goldGain} gold`\n : `Team Quest failed... [${quest.title}, total roll ${outcome.roll}] +${goldGain} gold`;\n\n let newItems= [];\n for(const it of mem.items){\n if(typeof it.durability==='number'){\n const nextDur= it.durability-1;\n if(nextDur>0){\n newItems.push({ ...it, durability: nextDur});\n }\n } else {\n newItems.push({ ...it});\n }\n }\n mem.items= newItems;\n mem.onQuest= false;\n });\n\n if(team.raidGroup && outcome.success){\n if(Math.random()<0.1){\n const lucky= randomElement(teamMembers);\n const alreadyHasLegendary = lucky.items.some(it=> it.legendary);\n if(!alreadyHasLegendary){\n for(const s of Object.keys(lucky.stats)){\n lucky.stats[s]+=2;\n }\n lucky.items.push({ name:\"Legendary Artifact\", legendary:true});\n lucky.lastDialogue= \"I found a Legendary item! My power has increased in all ways!\";\n }\n }\n } else {\n if(!team.raidGroup && outcome.success && Math.random()<0.1){\n const lucky= randomElement(teamMembers);\n const statKeys= [\"strength\",\"dexterity\",\"intelligence\",\"luck\"];\n const bonusStat= randomElement(statKeys);\n const minusArr= statKeys.filter(s=> s!== bonusStat);\n const penaltyStat= randomElement(minusArr);\n const alreadyHasRare= lucky.items.some(it=> it.name===\"Mysterious Relic\");\n if(!alreadyHasRare){\n lucky.rareItem = {\n name:\"Mysterious Relic\",\n bonusStat,\n penaltyStat,\n bonusValue:2,\n penaltyValue:1\n };\n lucky.lastDialogue= `I found a Mysterious Relic! (+2 ${bonusStat}, -1 ${penaltyStat})`;\n }\n }\n }\n return {\n ...team,\n onQuest:false,\n quest:null,\n returnTime:0,\n startTime:0,\n questDuration:0\n };\n } else {\n return team;\n }\n });\n });\n }, [time, characters]);\n\n // getTeamForChar + movement\n function getTeamForChar(charId, allTeams){\n return allTeams.find(t=> t.memberIds.includes(charId) && !t.onQuest);\n }\n\n function moveOneStepToward(char, tx, ty){\n const dx= tx- char.x;\n const dy= ty- char.y;\n const stepX= dx===0?0:(dx>0?1:-1);\n const stepY= dy===0?0:(dy>0?1:-1);\n return { newX: char.x+ stepX, newY: char.y+ stepY};\n }\n\n // We'll skip partial bar logic, etc.\n\n // Build & update teams\n useEffect(()=>{\n if(!characters.length) return;\n const notOnQuest= characters.filter(c=> !c.onQuest);\n const adjacency= new Map();\n notOnQuest.forEach(c=>{\n adjacency.set(c.id, []);\n });\n for(let i=0; i< notOnQuest.length; i++){\n for(let j=i+1; j< notOnQuest.length; j++){\n const c1= notOnQuest[i];\n const c2= notOnQuest[j];\n const rel= c1.relationships[c2.id]||0;\n if(rel>= TEAM_RELATIONSHIP_THRESHOLD){\n adjacency.get(c1.id).push(c2.id);\n adjacency.get(c2.id).push(c1.id);\n }\n }\n }\n const visited= new Set();\n const newTeams=[];\n const bfs= (start)=>{\n const queue=[start];\n const comp=[];\n visited.add(start);\n while(queue.length){\n const node= queue.shift();\n comp.push(node);\n for(const neighbor of adjacency.get(node)){\n if(!visited.has(neighbor)){\n visited.add(neighbor);\n queue.push(neighbor);\n }\n }\n }\n return comp;\n };\n for(let i=0; i< notOnQuest.length; i++){\n const c= notOnQuest[i];\n if(!visited.has(c.id)){\n const component= bfs(c.id);\n if(component.length>=2){\n newTeams.push(component);\n }\n }\n }\n setTeams(oldTeams=>{\n const newTeamObjects=[];\n newTeams.forEach(comp=>{\n const sortedIds= comp.slice().sort();\n const existingTeam= oldTeams.find(t=>{\n const sortedTeamIds= t.memberIds.slice().sort();\n if(sortedTeamIds.length!== sortedIds.length) return false;\n return sortedTeamIds.every((val,idx)=> val=== sortedIds[idx]);\n });\n if(existingTeam){\n newTeamObjects.push(existingTeam);\n } else {\n newTeamObjects.push({\n id: Math.random().toString(36).substring(2,9),\n memberIds: sortedIds,\n onQuest:false,\n quest:null,\n returnTime:0,\n startTime:0,\n questDuration:0,\n teamRelationships:{},\n party:false,\n raidGroup:false\n });\n }\n });\n return newTeamObjects;\n });\n },[characters]);\n\n useEffect(()=>{\n setTeams(prevTeams=>{\n const newTeams= prevTeams.map(t=>{\n if(!t.teamRelationships){\n t.teamRelationships={};\n }\n if(t.memberIds.length>=4 && t.memberIds.length<6){\n t.party= true;\n } else {\n t.party= false;\n }\n if(t.memberIds.length===6){\n t.raidGroup= true;\n } else {\n t.raidGroup= false;\n }\n return {...t};\n });\n for(let i=0; i< newTeams.length; i++){\n for(let j=i+1; j< newTeams.length; j++){\n const t1= newTeams[i];\n const t2= newTeams[j];\n if(!t1.teamRelationships[t2.id]) t1.teamRelationships[t2.id]=0;\n if(!t2.teamRelationships[t1.id]) t2.teamRelationships[t1.id]=0;\n if(Math.random()<0.01){\n t1.teamRelationships[t2.id]++;\n t2.teamRelationships[t1.id]++;\n }\n }\n }\n return newTeams;\n });\n },[tick]);\n\n const sendOnQuest= (id)=>{\n setCharacters(prev=>{\n return prev.map(ch=>{\n if(ch.id===id && !ch.onQuest){\n const singleOptions= QUESTS.filter(q=> q.requiredPlayers===1);\n const quest= randomElement(singleOptions);\n const questDuration= quest.difficulty*3 + Math.floor(Math.random()*5);\n return {\n ...ch,\n onQuest:true,\n quest,\n returnTime: time+ questDuration,\n questStartTime: time,\n questDuration,\n lastDialogue: `Embarking on quest: ${quest.title}!`\n };\n }\n return ch;\n });\n });\n };\n\n const sendTeamOnQuest= (teamId)=>{\n setTeams(prevTeams=>{\n return prevTeams.map(t=>{\n if(t.id=== teamId && !t.onQuest){\n let availableQuests;\n if(t.raidGroup){\n availableQuests= END_GAME_QUESTS;\n } else if(t.party){\n availableQuests= HIGH_LEVEL_QUESTS;\n } else {\n availableQuests= HIGH_LEVEL_QUESTS.concat(QUESTS);\n }\n const quest= randomElement(availableQuests);\n const questDuration= quest.difficulty*3 + Math.floor(Math.random()*5);\n setCharacters(oldC=>{\n return oldC.map(c=>{\n if(t.memberIds.includes(c.id)){\n return { ...c, onQuest:true, quest, returnTime: time+ questDuration, questStartTime: time, questDuration};\n }\n return c;\n });\n });\n\n return {\n ...t,\n onQuest:true,\n quest,\n returnTime: time+ questDuration,\n startTime: time,\n questDuration\n };\n } else {\n return t;\n }\n });\n });\n };\n\n // Render\n const hallChars= characters.filter(c=> !c.onQuest);\n const onQuestChars= characters.filter(c=> c.onQuest && c.quest && c.quest.requiredPlayers===1);\n\n function getNameForId(id){\n const found= characters.find(c=> c.id=== id);\n return found? found.name: id;\n }\n\n function getTileClass(cell){\n if(cell==='W'){\n return \"bg-gray-800 bg-opacity-90 border-gray-900\";\n } else if(cell==='T'){\n return \"bg-gray-700 bg-opacity-80 border-gray-900\";\n } else if(cell==='S'){\n return \"bg-green-700 bg-opacity-80 border-green-900\";\n } else if(cell==='B'){\n return \"bg-red-700 bg-opacity-80 border-red-900\";\n } else {\n return \"bg-[repeating-conic-gradient(#4b5563_0deg,#4b5563_10deg,transparent_10deg,transparent_20deg)]\";\n }\n }\n\n return (\n

\n \n D&D Guild Hall Simulator\n \n

\n Current cycle: {dayNightLabel}\n

\n {currentEvent && (\n

\n Event: {currentEvent}\n

\n )}\n

\n \n

\n\n {/* Quest Board (Individuals) */}\n {onQuestChars.length>0 && (\n

Quest Board (Individuals)

\n {onQuestChars.map(c=>{\n const elapsedFrac= (time- c.questStartTime)/ c.questDuration;\n const progress= Math.min(elapsedFrac, 1);\n const percent= Math.floor(progress*100);\n return(\n

\n {c.name} on \"{c.quest.title}\" ({percent}% done)\n

\n );\n })}\n

\n )}\n\n {/* Teams section */}\n {teams.length>0 && (\n

Teams

\n {teams.map(tm=>{\n const members= tm.memberIds.map(id=> characters.find(c=> c.id=== id)|| null).filter(Boolean);\n const teamName= tm.memberIds.map(getNameForId).join(\", \");\n if(!members.length) return null;\n if(tm.onQuest){\n const elapsedFrac= (time- tm.startTime)/ tm.questDuration;\n const progress= Math.min(elapsedFrac, 1);\n const percent= Math.floor(progress*100);\n return(\n

\n Team Quest: \"{tm.quest?.title}\" - ({percent}% done)
\n Members: {teamName}\n

\n );\n } else {\n return(\n

Team: {teamName}

\n {tm.party && (\n

(This team has formed a Party!)

\n )}\n {tm.raidGroup && (\n

(This team is a Raid Group!)

\n )}\n sendTeamOnQuest(tm.id)}\n disabled={tm.onQuest}\n className={`bg-blue-600 hover:bg-blue-700 mt-1 ${tm.onQuest ? 'opacity-50 cursor-not-allowed':''}`}\n >\n Send Team on Quest\n \n

\n );\n }\n })}\n

\n )}\n\n {/* The map (show only hall chars) */}\n

\n {HALL_MAP.map((rowStr,rowIndex)=>(\n rowStr.split(\"\").map((cell,colIndex)=>{\n const left= colIndex* TILE_WIDTH;\n const top= rowIndex* TILE_HEIGHT;\n const tileClass= getTileClass(cell);\n return(\n \n );\n })\n ))}\n \n {characters.filter(ch=> !ch.onQuest).map(ch=>{\n const targetX= ch.x* TILE_WIDTH;\n const targetY= ch.y* TILE_HEIGHT;\n return(\n \n \n \n {ch.name}\n \n \n );\n })}\n \n

\n\n {/* Character cards (only for those in hall) */}\n

\n {characters.filter(ch=> !ch.onQuest).map(ch=>{\n const inActiveTeam= isCharInActiveTeam(ch.id);\n return(\n \n \n \n

\n \n

{ch.name} ({ch.race})

Personality: {ch.personality}

\n Stats: STR {ch.stats.strength}, DEX {ch.stats.dexterity}, INT {ch.stats.intelligence}, LCK {ch.stats.luck}\n

Gold: {ch.gold}

Items:

\n {ch.items.length===0 && !ch.rareItem && !ch.legendaryItem && !ch.barDebuff && (\n

No items

\n )}\n {ch.items.map(it => (\n

{it.name} (dur: {it.durability || '∞'})

\n ))}\n {ch.rareItem && (\n

Rare: {ch.rareItem.name}

\n )}\n {ch.items.some(i=> i.legendary) && (\n

Legendary Artifact

\n )}\n {ch.barDebuff && (\n

Bar Debuff: -{ch.barDebuff.penaltyValue} {ch.barDebuff.penaltyStat}, {ch.barDebuff.questsRemaining} quest(s) remain

\n )}\n

\n {inActiveTeam? (\n

(Part of an active team quest, cannot do solo quest)

\n ) : (\n sendOnQuest(ch.id)}\n disabled={ch.onQuest}\n className={`bg-green-600 hover:bg-green-700 ${ch.onQuest ? 'opacity-50 cursor-not-allowed':''}`}\n >\n Send on Quest\n \n )}\n \n \n \n );\n })}\n

\n );\n}\n\n///////////////////////////////////////////////////////////////\n// test cases\n///////////////////////////////////////////////////////////////\n\nexport function testRelationDelta(){\n const delta = getRelationshipDelta(\"Stoic\",\"Jovial\");\n console.assert(delta === 1);\n}\n\nexport function testNegativeRelationDelta(){\n const delta = getRelationshipDelta(\"Lazy\",\"Energetic\");\n console.assert(delta === -2);\n}\n\nexport function testZeroDelta(){\n const delta = getRelationshipDelta(\"Brave\",\"Brave\");\n console.assert(delta === 0);\n}\n\nexport function testApproachLogic(){\n const sampleChar1 = createNewCharacter();\n const sampleChar2 = createNewCharacter();\n sampleChar1.id = \"char1\";\n sampleChar2.id = \"char2\";\n sampleChar1.x = 2;\n sampleChar1.y = 2;\n sampleChar2.x = 3;\n sampleChar2.y = 2;\n sampleChar1.relationships[sampleChar2.id] = 15;\n sampleChar2.relationships[sampleChar1.id] = 15;\n}\n\nexport function testMaxCapacityAddCharacter(){}\n\nexport function testMoveOneStepToward(){\n const dummyChar = { x: 2, y: 2 };\n const { newX, newY } = moveOneStepToward(dummyChar, 5, 2);\n console.assert(newX === 3 && newY === 2, \"Expected a one-step move in x!\");\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","13517488279973077322","traceTime",1779252429646]