[{"_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","67aea0ae4cf8819197cf4a6bb42072ff","versionInt","title","Dn Dguild Hall Simulator","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/**\n * Enhanced D&D Guild Hall Simulator:\n * 1) Quests are expanded with new variations (multi-stat, extra difficulties).\n * 2) Relationships can become strongly negative (leading to conflicts) or strongly positive (leading to helpful boosts).\n * 3) The same relationship won't appear in both positive and negative lists.\n * 4) Negative relationship thresholds cause random conflicts; positive thresholds cause small buffs.\n * 5) The synergy matrix is expanded with more combos.\n */\n\n// Random utility\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(127 + Math.random() * 128);\n return `rgb(${r}, ${g}, ${b})`;\n}\n\n// Expanded Quests:\n// Some may have multiple stats that matter.\n// We'll handle them by focusing on the sum of relevant stats.\n// For example, \"Necromancer's Crypt\" might rely on intelligence + bravery.\n// We'll keep success/failure logic but allow multiple stats.\nconst QUESTS = [\n { title: \"Goblin Raids\", difficulty: 1, focusStats: [\"strength\"] },\n { title: \"Bandit Ambush\", difficulty: 2, focusStats: [\"dexterity\"] },\n { title: \"Dragon Sightings\", difficulty: 5, focusStats: [\"intelligence\"] },\n { title: \"Lost Artifact\", difficulty: 3, focusStats: [\"intelligence\"] },\n { title: \"Mysterious Cave\", difficulty: 4, focusStats: [\"luck\"] },\n { title: \"Treasure Hunt\", difficulty: 3, focusStats: [\"intelligence\", \"luck\"] },\n { title: \"Necromancer's Crypt\", difficulty: 6, focusStats: [\"intelligence\", \"strength\"] },\n { title: \"Elven Diplomacy\", difficulty: 4, focusStats: [\"intelligence\", \"dexterity\"] },\n];\n\n// We'll pick from them randomly.\n\n// Map:\nconst HALL_MAP = [\n \"FFFFFFFFFF\", // row 0\n \"FFWWWWTWFF\", // row 1\n \"FFWTTFWFFF\", // row 2\n \"FFWWWWTWFF\", // row 3\n \"FFFFFFFFFF\", // row 4\n];\n\nconst TILE_WIDTH = 50;\nconst TILE_HEIGHT = 50;\n\n// Expanded personality synergy.\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};\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\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];\n\nconst RACES = [\"Human\", \"Elf\", \"Dwarf\", \"Halfling\", \"Tiefling\", \"Dragonborn\", \"Half-Orc\", \"Gnome\"];\n\nconst PERSONALITIES = [\n \"Stoic\", \"Reckless\", \"Cunning\", \"Jovial\", \"Serious\", \"Ambitious\", \"Empathetic\", \"Hot-headed\",\n \"Cautious\", \"Loyal\", \"Brave\", \"Cowardly\", \"Energetic\", \"Lazy\"\n];\n\n// Some dialogue lines keyed by personality.\nconst DIALOGUE = {\n Stoic: [\n \"Greetings.\",\n \"Stay strong.\",\n \"We must prepare for challenges.\",\n ],\n Reckless: [\n \"Bring on the next fight!\",\n \"Hah! Let's stir things up!\",\n \"Who wants a duel?\"\n ],\n Cunning: [\n \"I have a plan...\",\n \"Hmm, interesting.\",\n \"Let me see how I can profit here...\"\n ],\n Jovial: [\n \"Ah, what a fine day!\",\n \"Let's celebrate!\",\n \"Anyone up for a little party?\"\n ],\n Serious: [\n \"Focus, there's no time to waste.\",\n \"We should not be idling around.\",\n \"Good day.\"\n ],\n Ambitious: [\n \"There's greatness in my future.\",\n \"I won't rest until I'm the best.\",\n \"Work, work, and more work.\",\n ],\n Empathetic: [\n \"How are you feeling today?\",\n \"I'm here if you need me.\",\n \"Be well, friend.\"\n ],\n \"Hot-headed\": [\n \"Don't cross me!\",\n \"I'm itching for a fight.\",\n \"Watch it, buddy!\"\n ],\n Cautious: [\n \"Careful, you never know what's lurking.\",\n \"Let's think this through.\",\n \"I prefer to be prepared.\"\n ],\n Loyal: [\n \"I'll stand by your side.\",\n \"I've got your back.\",\n \"Together, we'll see this through.\"\n ],\n Brave: [\n \"I'll face any danger.\",\n \"No fear!\",\n \"Lead me to battle.\"\n ],\n Cowardly: [\n \"Stay away from me.\",\n \"I hope there's no trouble.\",\n \"Let's not do anything risky...\"\n ],\n Energetic: [\n \"Let's get moving!\",\n \"I'm bursting with excitement.\",\n \"I need to do something, now!\"\n ],\n Lazy: [\n \"Yawn...\",\n \"Can't it wait till tomorrow?\",\n \"Wake me up later...\"\n ]\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\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 };\n}\n\n// We define if a cell is passable.\nfunction isPassable(x, y) {\n if (x < 0 || x > 9 || y < 0 || y > 4) return false;\n const cell = HALL_MAP[y][x];\n return cell === 'F';\n}\n\nconst RANDOM_EVENTS = [\n \"A traveling merchant enters the hall.\",\n \"A loud argument breaks out among patrons.\",\n \"A bard arrives, singing tales of heroes!\",\n \"A sudden draft chills the hall.\",\n \"An acolyte seeks donations for the temple.\",\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\n // Short day/night cycle.\n const cycle = tick % 8;\n const isDay = cycle < 4;\n const dayNightLabel = isDay ? \"Daytime\" : \"Nighttime\";\n\n // Add a new character at a random passable location.\n const addCharacter = () => {\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.\n useEffect(() => {\n const interval = setInterval(() => {\n setTick((prev) => prev + 1);\n setTime((prev) => prev + 1);\n\n // random event chance\n if(Math.random() < 0.15) {\n setCurrentEvent(randomElement(RANDOM_EVENTS));\n setTimeout(() => {\n setCurrentEvent(null);\n }, 5000);\n }\n }, 2000);\n return () => clearInterval(interval);\n }, []);\n\n // We define success/failure of multi-stat quests: sum the stats.\n function computeQuestOutcome(char, quest) {\n const { difficulty, focusStats } = quest;\n // sum stats.\n const statTotal = focusStats.reduce((acc, statKey) => acc + char.stats[statKey], 0);\n // plus a random roll 1..10\n const dice = Math.floor(Math.random() * 10) + 1;\n const total = statTotal + dice;\n if (total >= difficulty * 5) {\n return { success: true, roll: total };\n } else {\n return { success: false, roll: total };\n }\n }\n\n // Quest resolution.\n useEffect(() => {\n setCharacters((prev) => {\n return prev.map((char) => {\n if (char.onQuest && time >= char.returnTime) {\n const quest = char.quest;\n const outcome = computeQuestOutcome(char, quest);\n\n // bigger variance for multi-stat quest success/failure.\n let newStats = { ...char.stats };\n // pick a random stat from the quest's focusStats to boost/penalize more.\n const chosenStat = randomElement(quest.focusStats);\n let questImpact = 0;\n if(outcome.success) {\n questImpact = Math.floor(Math.random() * 5) + 1; // +1..+5\n } else {\n questImpact = - (Math.floor(Math.random() * 5) + 1); // -1..-5\n }\n newStats[chosenStat] += questImpact;\n\n // re-enter hall\n let newX = char.x;\n let newY = char.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\n return {\n ...char,\n onQuest: false,\n quest: null,\n x: newX,\n y: newY,\n stats: newStats,\n lastDialogue: outcome.success\n ? `Quest success! ${questImpact >= 0 ? '+'+questImpact : questImpact} ${chosenStat} [${quest.title}, roll ${outcome.roll}]`\n : `Quest failed... ${questImpact} ${chosenStat} [${quest.title}, roll ${outcome.roll}]`\n };\n }\n return char;\n });\n });\n }, [time]);\n\n // Movement + collision => relationships.\n useEffect(() => {\n setCharacters((prevChars) => {\n let newChars = prevChars.map((char) => {\n if (char.onQuest) {\n return char;\n }\n // random walk\n const dirs = [\n { dx: 0, dy: 0 },\n { dx: 1, dy: 0 },\n { dx: -1, dy: 0 },\n { dx: 0, dy: 1 },\n { dx: 0, dy: -1 },\n ];\n const chosenDir = randomElement(dirs);\n const newX = char.x + chosenDir.dx;\n const newY = char.y + chosenDir.dy;\n if(isPassable(newX, newY)) {\n char.x = newX;\n char.y = newY;\n }\n return { ...char };\n });\n\n // collisions.\n const cellMap = new Map();\n newChars.forEach((c) => {\n const key = `${c.x},${c.y}`;\n if (!cellMap.has(key)) {\n cellMap.set(key, []);\n }\n cellMap.get(key).push(c);\n });\n\n // Relationship consequences: if a relationship < -5 => conflict, if > +5 => synergy.\n // We'll do it once per collision for each pair.\n\n cellMap.forEach((charsInCell) => {\n if (charsInCell.length > 1) {\n for (let i = 0; i < charsInCell.length; i++) {\n for (let j = i+1; j < charsInCell.length; j++) {\n const c1 = charsInCell[i];\n const c2 = charsInCell[j];\n // base synergy + random.\n const baseDelta = getRelationshipDelta(c1.personality, c2.personality);\n const randomFactor = Math.floor(Math.random() * 2);\n const delta = baseDelta + randomFactor;\n\n if (!c1.relationships[c2.id]) {\n c1.relationships[c2.id] = 0;\n }\n if (!c2.relationships[c1.id]) {\n c2.relationships[c1.id] = 0;\n }\n\n c1.relationships[c2.id] += delta;\n c2.relationships[c1.id] += delta;\n\n // Now we check for thresholds.\n // If relationship < -5 => conflict => small stat penalty.\n // If relationship > 5 => synergy => small stat bonus.\n let r1to2 = c1.relationships[c2.id];\n let r2to1 = c2.relationships[c1.id];\n\n if (r1to2 < -5) {\n // c1 suffers or c2 triggers? We'll say c1 suffers from stress.\n const statKey = randomElement(Object.keys(c1.stats));\n c1.stats[statKey] = Math.max(1, c1.stats[statKey] - 1);\n c1.lastDialogue = \"I can't stand \" + c2.name + \"!\";\n } else if (r1to2 > 5) {\n // c1 synergy with c2 => small buff.\n const statKey = randomElement(Object.keys(c1.stats));\n c1.stats[statKey] += 1;\n c1.lastDialogue = \"I appreciate \" + c2.name + \"'s help.\";\n }\n\n if (r2to1 < -5) {\n const statKey = randomElement(Object.keys(c2.stats));\n c2.stats[statKey] = Math.max(1, c2.stats[statKey] - 1);\n c2.lastDialogue = \"Ugh, \" + c1.name + \" is the worst.\";\n } else if (r2to1 > 5) {\n const statKey = randomElement(Object.keys(c2.stats));\n c2.stats[statKey] += 1;\n c2.lastDialogue = \"I'm glad \" + c1.name + \" is around.\";\n }\n\n }\n }\n\n // Everyone in the cell speaks a random line if not overwritten above\n charsInCell.forEach((c) => {\n if(!c.lastDialogue || c.lastDialogue.startsWith(\"I can't stand\") || c.lastDialogue.startsWith(\"Ugh,\" ) || c.lastDialogue.startsWith(\"I appreciate\") || c.lastDialogue.startsWith(\"I'm glad\") ) {\n // skip if they already have a conflict or synergy message\n } else {\n const possibleLines = DIALOGUE[c.personality] || [\"Hello.\"];\n c.lastDialogue = randomElement(possibleLines);\n }\n });\n }\n });\n\n return [...newChars];\n });\n }, [tick]);\n\n // Begin a quest.\n const sendOnQuest = (id) => {\n setCharacters((prev) => {\n return prev.map((char) => {\n if (char.id === id && !char.onQuest) {\n const quest = randomElement(QUESTS);\n const questDuration = quest.difficulty * 3 + Math.floor(Math.random() * 5);\n return {\n ...char,\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 char;\n });\n });\n };\n\n // Helper: quest progress.\n function getQuestProgress(c) {\n const elapsed = time - c.questStartTime;\n return Math.min(elapsed / c.questDuration, 1);\n }\n\n // We'll separate out the questing chars.\n const onQuestChars = characters.filter((c) => c.onQuest);\n\n // We'll display relationships differently:\n // We'll filter out only positive or negative for top 3 each, to ensure no overlap.\n function getPositiveRelationships(char) {\n const entries = Object.entries(char.relationships || {}).filter(([_, val]) => val > 0);\n entries.sort((a, b) => b[1] - a[1]); // desc\n return entries.slice(0, 3);\n }\n function getNegativeRelationships(char) {\n const entries = Object.entries(char.relationships || {}).filter(([_, val]) => val < 0);\n entries.sort((a, b) => a[1] - b[1]); // ascending because negative is smaller => bigger negativity\n return entries.slice(0, 3);\n }\n\n // Map rendering.\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 {\n return \"bg-[repeating-conic-gradient(#4b5563_0deg,#4b5563_10deg,transparent_10deg,transparent_20deg)]\";\n }\n }\n\n const width = 10 * TILE_WIDTH;\n const height = 5 * TILE_HEIGHT;\n\n function getNameForId(id) {\n const found = characters.find((c) => c.id === id);\n return found ? found.name : id;\n }\n\n return (\n \n \n D&D Guild Hall Simulator\n \n\n

\n Current cycle: {dayNightLabel}\n

\n\n {currentEvent && (\n

\n Event: {currentEvent}\n

\n )}\n\n

\n \n

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

Quest Board

\n {onQuestChars.map((c) => {\n const progress = getQuestProgress(c);\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 )}\n\n {/* The map */}\n

\n {HALL_MAP.map((rowStr, rowIndex) => {\n return 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 rendered on top. */}\n \n {characters.filter((c) => !c.onQuest).map((char) => {\n const targetX = char.x * TILE_WIDTH;\n const targetY = char.y * TILE_HEIGHT;\n return (\n \n \n {char.lastDialogue && (\n \n {char.lastDialogue}\n \n )}\n \n );\n })}\n \n

\n\n {/* Character cards */}\n

\n {characters.map((char) => {\n // Filter strictly positive and strictly negative relationships.\n const bestRels = getPositiveRelationships(char);\n const worstRels = getNegativeRelationships(char);\n\n return (\n \n \n \n

\n \n

{char.name} ({char.race})

Personality: {char.personality}

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

\n\n {char.onQuest ? (\n

On Quest: {char.quest.title}

\n ) : (\n sendOnQuest(char.id)}\n className=\"bg-green-600 hover:bg-green-700\"\n >\n Send on Quest\n \n )}\n\n {char.lastDialogue && !char.onQuest && (\n

\"{char.lastDialogue}\"

\n )}\n\n {/* Relationship details */}\n

Top Positive Relationships:

\n {bestRels.length === 0 ? (\n

No positive relationships

\n ) : (\n bestRels.map(([otherId, score]) => (\n

\n {getNameForId(otherId)}: +{score}\n

\n ))\n )}\n

Top Negative Relationships:

\n {worstRels.length === 0 ? (\n

No negative relationships

\n ) : (\n worstRels.map(([otherId, score]) => (\n

\n {getNameForId(otherId)}: {score}\n

\n ))\n )}\n

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

\n \n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","11555159360453615794","traceTime",1779252656362]