[V0_FILE]typescriptreact:file="dungeon-generator.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect, useMemo } from "react" import { Clock, AlertTriangle, Shield, Crosshair, Skull, Gift, Coins, RefreshCw, Zap, Flame } from "lucide-react" import { generateDungeon } from "./utils/dungeon-generator" import { formatCurrency } from "./utils/format-currency" import { Button } from "@/components/ui/button" import { motion, AnimatePresence } from "framer-motion" export default function DungeonGenerator() { const [theme, setTheme] = useState("light") const [dungeon, setDungeon] = useState(null) const [loading, setLoading] = useState(false) const generateNewDungeon = () => { setLoading(true) // Clear current dungeon for better animation effect setDungeon(null) setTimeout(() => { setDungeon(generateDungeon()) setLoading(false) }, 600) } useEffect(() => { generateNewDungeon() }, []) // Determine dungeon color class const colorClass = useMemo(() => { if (!dungeon) return "bg-gradient-to-r from-blue-600 to-blue-500" if (dungeon.rank === "SS") return "bg-gradient-to-r from-purple-700 to-purple-500" switch (dungeon.status) { case "Destroyed": return "bg-gradient-to-r from-green-700 to-green-500" case "Active": return "bg-gradient-to-r from-blue-700 to-blue-500" case "Dungeon Break!": return "bg-gradient-to-r from-red-800 to-red-600" case "High Threat": return "bg-gradient-to-r from-orange-700 to-orange-500" case "Sealed": return "bg-gradient-to-r from-yellow-600 to-yellow-500" default: return "bg-gradient-to-r from-blue-700 to-blue-500" } }, [dungeon]) // Determine rank color class const rankColorClass = useMemo(() => { if (!dungeon) return "text-gray-500" switch (dungeon.rank) { case "SS": return "text-purple-500 text-glow-purple" case "S": return "text-red-500 text-glow-red" case "A": return "text-orange-500 text-glow-orange" case "B": return "text-yellow-500 text-glow-yellow" case "C": return "text-green-500" case "D": return "text-blue-500" default: return "text-gray-500" } }, [dungeon]) if (!dungeon && !loading) { return (

) } return (

{/* Theme toggle */}

{dungeon && ( {/* Main card */}

{/* Header with serial number */}

{theme === "hunter" && (

{Array(16) .fill(0) .map((_, i) => (

))}

)}

{dungeon.serialNumber}

{dungeon.status === "Dungeon Break!" && ( URGENT )}

{/* Dungeon details */}

{dungeon.name}

Status

{dungeon.status === "Dungeon Break!" && } {dungeon.status === "Sealed" && } {dungeon.status === "Destroyed" && } {dungeon.status === "High Threat" && } {dungeon.status === "Active" && } {dungeon.status}

{(dungeon.resetTimer || dungeon.sealTimer) && (

{dungeon.resetTimer ? `Reset in ${dungeon.resetTimer}h` : `Unseals in ${dungeon.sealTimer}h`}

)}

Rank

{dungeon.rank}

Estimated Value

{formatCurrency(dungeon.value || 0)}

In-Game Sale Price

{formatCurrency(dungeon.inGamePrice)}

Real-Life Purchase Price

${dungeon.realPrice.toFixed(2)} USD

Owner

{dungeon.owner || "Unclaimed"}

Solo Level Requirement

Level {dungeon.minLevelToSolo}

{/* Action buttons */}

)} {/* Generate New button */}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import DungeonGenerator from "@/components/dungeon-generator" export default function Home() { return } [V0_FILE]typescriptreact:file="utils/format-currency.ts" isEdit="true" isMerged="true" export const formatCurrency = (value: number): string => { if (value >= 1000000000000) { return `${(value / 1000000000000).toFixed(2)}T` } else if (value >= 1000000000) { return `${(value / 1000000000).toFixed(2)}B` } else if (value >= 1000000) { return `${(value / 1000000).toFixed(2)}M` } else { return `${(value / 1000).toFixed(2)}K` } } [V0_FILE]typescriptreact:file="tailwind.config.ts" isEdit="true" isMerged="true" import type { Config } from "tailwindcss" const config: Config = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: "0" }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: "0" }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } export default config [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Dungeon Generator", description: "Generate playable dungeons with encounters, bosses, and treasures for tabletop RPGs", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="utils/dungeon-generator.ts" isEdit="true" isQuickEdit="true" isMerged="true" // Utility functions for generating serial numbers const generateRandomAlphaNumeric = (length: number): string => { const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789" return Array.from({ length }, () => chars[Math.floor(Math.random() * chars.length)]).join("") } // Update the serial number generator to include the region const generateSerialNumber = (region = "NA"): string => { const regions = ["NA", "EU", "AS", "SA", "AF", "OC"] const selectedRegion = regions.includes(region) ? region : regions[Math.floor(Math.random() * regions.length)] const xxx = generateRandomAlphaNumeric(3) const xx = generateRandomAlphaNumeric(2) return `${xxx}-${xx}:${selectedRegion}` } // Update the Dungeon interface to include both price types export interface Dungeon { serialNumber: string name: string status: string rank: string value: number inGamePrice: number // In-game currency price realPrice: number // Real-life USD price owner: string | null minLevelToSolo: number resetTimer: number | null sealTimer: number | null } // Update the function signature to accept rank and region parameters export const generateDungeon = (rank = null, region = "NA"): Dungeon => { const serialNumber = generateSerialNumber(region) const ranks = ["E", "D", "C", "B", "A", "S", "SS"] // Use provided rank if available, otherwise random const rankIndex = rank ? ranks.indexOf(rank) : Math.floor(Math.random() * ranks.length) const selectedRank = ranks[rankIndex >= 0 ? rankIndex : Math.floor(Math.random() * ranks.length)] // Name generator const prefixes = ["Ancient", "Forgotten", "Cursed", "Haunted", "Shadow", "Mystic", "Abyssal", "Infernal"] const locations = ["Cavern", "Temple", "Ruins", "Catacombs", "Labyrinth", "Citadel", "Sanctuary", "Vault"] const name = `${prefixes[Math.floor(Math.random() * prefixes.length)]} ${locations[Math.floor(Math.random() * locations.length)]}` // Status generator const statusOptions = ["Active", "Sealed", "Destroyed", "High Threat", "Dungeon Break!"] const statusWeights = [5, 2, 2, 1, 1] // Higher numbers = more likely const totalWeight = statusWeights.reduce((a, b) => a + b, 0) let random = Math.random() * totalWeight let statusIndex = 0 for (let i = 0; i < statusWeights.length; i++) { random -= statusWeights[i] if (random <= 0) { statusIndex = i break } } const status = statusOptions[statusIndex] // Value calculator based on rank let baseValue switch (selectedRank) { case "E": baseValue = 800000 + Math.floor(Math.random() * 200000) break case "D": baseValue = 2000000 + Math.floor(Math.random() * 2000000) break case "C": baseValue = 5000000 + Math.floor(Math.random() * 5000000) break case "B": baseValue = 20000000 + Math.floor(Math.random() * 30000000) break case "A": baseValue = 100000000 + Math.floor(Math.random() * 400000000) break case "S": baseValue = 1000000000 + Math.floor(Math.random() * 9000000000) break case "SS": baseValue = 10000000000 + Math.floor(Math.random() * 990000000000) break default: baseValue = 1000000 } // In-game sale price based on value (much higher than the base value) const inGamePrice = Math.round(baseValue * (1.2 + Math.random() * 0.5)) // 120-170% of base value // Real-life purchase price (USD) based on rank let realPrice switch (selectedRank) { case "E": realPrice = 5 + Math.floor(Math.random() * 5) break // $5-10 case "D": realPrice = 10 + Math.floor(Math.random() * 10) break // $10-20 case "C": realPrice = 20 + Math.floor(Math.random() * 15) break // $20-35 case "B": realPrice = 35 + Math.floor(Math.random() * 25) break // $35-60 case "A": realPrice = 60 + Math.floor(Math.random() * 40) break // $60-100 case "S": realPrice = 100 + Math.floor(Math.random() * 150) break // $100-250 case "SS": realPrice = 250 + Math.floor(Math.random() * 750) break // $250-1000 default: realPrice = 10 } // Owner generator (mostly null) const ownerOptions = [null, "Individual Hunter", "Small Guild", "Major Guild", "Hunter Association"] const ownerChance = Math.random() const owner = ownerChance > 0.7 ? ownerOptions[Math.floor(Math.random() * (ownerOptions.length - 1)) + 1] : null // Min player level to solo const minLevelToSolo = { E: 10 + Math.floor(Math.random() * 10), D: 20 + Math.floor(Math.random() * 15), C: 35 + Math.floor(Math.random() * 15), B: 50 + Math.floor(Math.random() * 20), A: 70 + Math.floor(Math.random() * 30), S: 100 + Math.floor(Math.random() * 50), SS: 150 + Math.floor(Math.random() * 50), }[selectedRank] // Reset timer for destroyed dungeons const resetTimer = status === "Destroyed" ? 24 + Math.floor(Math.random() * 72) : null // Seal timer for sealed dungeons const sealTimer = status === "Sealed" ? 24 : null return { serialNumber, name, status, rank: selectedRank, value: baseValue, inGamePrice, realPrice, owner, minLevelToSolo, resetTimer, sealTimer, } } // Generate floor names based on dungeon theme const generateFloorName = (index: number, dungeonName: string) => { const floorTypes = ["Chamber", "Hall", "Corridor", "Pit", "Cavern", "Sanctum", "Vault", "Passage", "Lair", "Den"] const floorAdjectives = [ "Forgotten", "Ancient", "Cursed", "Haunted", "Twisted", "Shattered", "Corrupted", "Sacred", "Hidden", "Forbidden", ] // Extract theme from dungeon name const dungeonWords = dungeonName.split(" ") const themeWord = dungeonWords[0] if (index === 0) { return `Entrance ${floorTypes[Math.floor(Math.random() * floorTypes.length)]}` } // For boss floors, make them sound more intimidating if (index % 3 === 0) { return `${floorAdjectives[Math.floor(Math.random() * floorAdjectives.length)]} Throne ${floorTypes[Math.floor(Math.random() * floorTypes.length)]}` } return `${themeWord} ${floorTypes[Math.floor(Math.random() * floorTypes.length)]}` } // Generate encounters based on monster themes const generateEncounters = (monsterThemes: string[], floorIndex: number, rank: string) => { const encounters = [] const encounterCount = 2 + Math.floor(Math.random() * 3) // 2-4 encounters per floor const monstersByTheme = { Undead: ["Skeleton Warriors", "Zombie Horde", "Wraith", "Bone Colossus", "Spectral Guardian", "Lich"], Elemental: ["Fire Elemental", "Water Sprite", "Stone Golem", "Wind Wisp", "Magma Beast", "Crystal Sentinel"], Demonic: ["Imp Swarm", "Hell Hound", "Corrupted Fiend", "Soul Harvester", "Abyssal Horror", "Pit Lord"], Fae: ["Pixie Tricksters", "Dryad Guardian", "Sprite Cluster", "Faerie Dragon", "Woodland Protector", "Archfey"], Construct: [ "Animated Armor", "Clockwork Soldier", "Arcane Turret", "Mechanical Spider", "Runic Defender", "Titan Automaton", ], Beast: ["Dire Wolves", "Cave Bears", "Giant Scorpions", "Venomous Serpents", "Alpha Predator", "Mythic Beast"], Aberration: [ "Mind Flayer", "Gelatinous Cube", "Beholder", "Gibbering Mouther", "Reality Warper", "Elder Abomination", ], Dragon: ["Wyrmling", "Drake Pack", "Wyvern", "Dragon Cultists", "Ancient Wyrm", "Elder Dragon"], Giant: ["Hill Giant", "Cyclops", "Stone Titan", "Frost Giant", "Mountain Colossus", "Primordial Giant"], Humanoid: [ "Bandit Gang", "Cultist Circle", "Mercenary Squad", "Corrupted Guards", "Elite Assassins", "Warlord's Chosen", ], } // Difficulty scaling based on floor and rank const rankMultiplier = { E: 1, D: 1.5, C: 2, B: 2.5, A: 3, S: 4, SS: 5 } const floorMultiplier = 1 + floorIndex * 0.2 const difficulty = rankMultiplier[rank] * floorMultiplier // Generate encounters for (let i = 0; i < encounterCount; i++) { // Select a random theme from the dungeon's monster themes const theme = monsterThemes[Math.floor(Math.random() * monsterThemes.length)] const monsters = monstersByTheme[theme] // Higher difficulty = stronger monsters from the list const monsterIndex = Math.min(Math.floor(Math.random() * 3 + (difficulty - 1) * 2), monsters.length - 1) // Create encounter description const count = Math.floor(Math.random() * 3) + 1 // 1-3 groups const size = ["Small group", "Pack", "Horde"][Math.floor(Math.random() * 3)] encounters.push(`${count > 1 ? `${count}x ` : ""}${size} of ${monsters[monsterIndex]}`) } return encounters } // Generate floor features const generateFloorFeatures = (floorIndex: number, dungeonRank: string) => { const features = [] const featurePool = [ "Crumbling walls with hidden passages", "Ancient inscriptions revealing dungeon lore", "Trapped treasure chests", "Magical barriers requiring specific keys", "Flooded sections requiring swimming", "Unstable ceiling that may collapse", "Poisonous mushroom patches", "Magical darkness zones", "Arcane teleportation circles", "Animated statues that attack intruders", "Illusory walls hiding secret paths", "Ritual circles with magical effects", "Corrupted vegetation that attacks", "Gravity-altering chambers", "Mirrors that show alternate realities", "Time-distortion fields", "Reality-warping zones", "Dimensional rifts", ] // Higher rank dungeons have more complex features const featureCount = 1 + Math.floor(Math.random() * 2) // 1-2 features per floor const rankTier = ["E", "D", "C", "B", "A", "S", "SS"].indexOf(dungeonRank) // Higher ranks can access more exotic features const availableFeatures = featurePool.slice(0, 10 + rankTier * 2) for (let i = 0; i < featureCount; i++) { const feature = availableFeatures[Math.floor(Math.random() * availableFeatures.length)] if (!features.includes(feature)) { features.push(feature) } } return features } // Generate secret room description const generateSecretRoom = (floorIndex: number, dungeonRank: string) => { const secretRoomTypes = [ "Hidden treasure vault containing valuable artifacts", "Ancient library with forgotten knowledge", "Abandoned shrine granting temporary blessings", "Resting chamber that fully restores health", "Armory with rare weapons and armor", "Alchemist's lab with useful potions", "Meditation chamber granting skill bonuses", "Portal room connecting to other floors", "Sealed monster containment with powerful loot", "Dimensional pocket with time-frozen treasures", ] // Higher rank dungeons have better secret rooms const rankTier = ["E", "D", "C", "B", "A", "S", "SS"].indexOf(dungeonRank) const roomIndex = Math.min(Math.floor(Math.random() * 3 + rankTier), secretRoomTypes.length - 1) return secretRoomTypes[roomIndex] } // Generate boss data const generateBoss = (dungeonName: string, monsterThemes: string[], bossIndex: number, dungeonRank: string) => { const bossTypes = { Undead: ["Lich Lord", "Death Knight", "Vampire Lord", "Mummy Emperor", "Grave Titan"], Elemental: ["Elemental Archon", "Primordial Titan", "Storm Lord", "Magma Overlord", "Crystal Behemoth"], Demonic: ["Demon Prince", "Hellfire Archfiend", "Soul Collector", "Corruption Incarnate", "Abyssal Monarch"], Fae: ["Fae Royalty", "Ancient Treant", "Archfey Emissary", "Wild Hunt Leader", "Nature's Wrath"], Construct: ["Colossus Juggernaut", "Arcane Warmachine", "Clockwork Titan", "Runic Destroyer", "Ancient Automaton"], Beast: ["Alpha Predator", "Mythic Beast", "Primal Terror", "Apex Hunter", "Legendary Creature"], Aberration: ["Elder Brain", "Reality Warper", "Void Presence", "Dimensional Horror", "Cosmic Aberration"], Dragon: ["Ancient Wyrm", "Dragon Overlord", "Elemental Drake", "Draconic Sovereign", "Wyrm Patriarch"], Giant: ["Giant King", "Mountain Titan", "Colossal Destroyer", "Ancient Giant", "Primordial Colossus"], Humanoid: ["Dark Warlord", "Cult Leader", "Legendary Champion", "Corrupted Sovereign", "Master Assassin"], } // Select a theme for this boss const theme = monsterThemes[Math.floor(Math.random() * monsterThemes.length)] const bossOptions = bossTypes[theme] // Higher rank dungeons have stronger bosses const rankTier = ["E", "D", "C", "B", "A", "S", "SS"].indexOf(dungeonRank) const bossTypeIndex = Math.min(Math.floor(bossIndex * 0.7 + rankTier * 0.5), bossOptions.length - 1) // Generate a unique name const namePrefix = ["Dread", "Ancient", "Corrupted", "Eternal", "Vengeful", "Malevolent", "Infernal", "Cursed"] const nameSuffix = ["Destroyer", "Harbinger", "Executioner", "Sovereign", "Overlord", "Devourer", "Conqueror"] const uniqueName = `${namePrefix[Math.floor(Math.random() * namePrefix.length)]} ${nameSuffix[Math.floor(Math.random() * nameSuffix.length)]}` // Generate boss stats based on rank and index const healthBase = 1000 * (rankTier + 1) * (bossIndex + 1) const health = `${healthBase} HP` const damageBase = 50 * (rankTier + 1) * (bossIndex * 0.5 + 1) const damage = `${damageBase}-${Math.floor(damageBase * 1.5)} per attack` // Generate weaknesses and abilities const weaknesses = ["Fire", "Ice", "Lightning", "Physical", "Poison", "Holy", "Shadow", "Arcane"] const weakness = weaknesses[Math.floor(Math.random() * weaknesses.length)] const abilities = [ "Area of effect attacks that hit multiple targets", "Summons minions to assist in battle", "Teleports around the battlefield", "Drains life from targets to heal itself", "Applies status effects like poison or paralysis", "Creates hazardous terrain effects", "Becomes enraged at low health, increasing damage", "Phases between different forms with unique abilities", "Reflects damage back to attackers", "Manipulates time to take extra actions", ] const abilityIndex = Math.min(Math.floor(Math.random() * 5 + rankTier * 0.5), abilities.length - 1) const specialAbility = abilities[abilityIndex] // Create boss description const descriptions = [ `A terrifying ${bossOptions[bossTypeIndex]} that has claimed this area as its domain.`, `This powerful ${bossOptions[bossTypeIndex]} guards ancient treasures with relentless fury.`, `A legendary ${bossOptions[bossTypeIndex]} whose name strikes fear into even the bravest hunters.`, `This ${bossOptions[bossTypeIndex]} has corrupted the surrounding area with its malevolent presence.`, `An exceptionally dangerous ${bossOptions[bossTypeIndex]} that has defeated countless hunting parties.`, ] return { name: `${uniqueName}, the ${bossOptions[bossTypeIndex]}`, type: theme, description: descriptions[Math.floor(Math.random() * descriptions.length)], health, damage, weakness, specialAbility, } } // Generate treasure items const generateTreasures = (dungeonRank: string) => { const treasures = [] const rankTier = ["E", "D", "C", "B", "A", "S", "SS"].indexOf(dungeonRank) // Item templates by rarity const itemsByRarity = { Common: [ "Health Potion", "Mana Potion", "Basic Scroll", "Iron Weapon", "Leather Armor", "Simple Shield", "Adventurer's Pack", "Basic Tools", "Common Gem", "Minor Trinket", ], Uncommon: [ "Greater Health Potion", "Greater Mana Potion", "Steel Weapon", "Chainmail Armor", "Reinforced Shield", "Utility Scroll", "Uncommon Gem", "Magic Trinket", "Enchanted Accessory", ], Rare: [ "Superior Potion", "Enchanted Weapon", "Enchanted Armor", "Magic Shield", "Spell Scroll", "Rare Gem", "Magic Accessory", "Enchanted Tool", "Minor Artifact", ], Epic: [ "Legendary Potion", "Rare Enchanted Weapon", "Rare Enchanted Armor", "Rare Magic Shield", "Powerful Spell Scroll", "Epic Gem", "Rare Artifact", ], Legendary: [ "Ancient Weapon", "Ancient Armor", "Legendary Shield", "Legendary Spell Tome", "Perfect Gem", "Major Artifact", "Unique Treasure", ], Mythic: [ "Godly Weapon", "Godly Armor", "Divine Shield", "Ultimate Spell Tome", "Mythic Artifact", "World Treasure", "Cosmic Relic", ], } // Determine number and rarity of treasures based on rank const treasureCount = 3 + rankTier * 2 // 3-15 treasures based on rank // Rarity distribution based on rank const rarityChances = { E: { Common: 0.7, Uncommon: 0.25, Rare: 0.05, Epic: 0, Legendary: 0, Mythic: 0 }, D: { Common: 0.5, Uncommon: 0.35, Rare: 0.15, Epic: 0, Legendary: 0, Mythic: 0 }, C: { Common: 0.3, Uncommon: 0.4, Rare: 0.25, Epic: 0.05, Legendary: 0, Mythic: 0 }, B: { Common: 0.2, Uncommon: 0.3, Rare: 0.35, Epic: 0.15, Legendary: 0, Mythic: 0 }, A: { Common: 0.1, Uncommon: 0.2, Rare: 0.4, Epic: 0.25, Legendary: 0.05, Mythic: 0 }, S: { Common: 0.05, Uncommon: 0.15, Rare: 0.3, Epic: 0.35, Legendary: 0.15, Mythic: 0 }, SS: { Common: 0, Uncommon: 0.1, Rare: 0.2, Epic: 0.4, Legendary: 0.25, Mythic: 0.05 }, } // Generate treasures for (let i = 0; i < treasureCount; i++) { // Determine rarity based on rank const rarity = determineRarity(rarityChances[dungeonRank]) // Select random item from the rarity category const itemOptions = itemsByRarity[rarity] const itemName = itemOptions[Math.floor(Math.random() * itemOptions.length)] // Calculate value based on rarity const baseValue = { Common: 1000, Uncommon: 5000, Rare: 25000, Epic: 100000, Legendary: 500000, Mythic: 2000000, }[rarity] // Add some randomness to value const value = Math.floor(baseValue * (0.8 + Math.random() * 0.4)) treasures.push({ name: itemName, rarity, value, }) } return treasures } // Helper function to determine rarity based on chances const determineRarity = (chances) => { const rarities = Object.keys(chances) const random = Math.random() let cumulativeChance = 0 for (const rarity of rarities) { cumulativeChance += chances[rarity] if (random <= cumulativeChance) { return rarity } } return rarities[0] // Fallback to first rarity } // Generate GM notes const generateGMNotes = (dungeon, monsterThemes) => { // Overview based on dungeon rank and status let overview = "" if (dungeon.rank === "SS" || dungeon.rank === "S") { overview = "This is an extremely challenging dungeon that should only be attempted by experienced parties with proper preparation. Consider allowing players to retreat and regroup if necessary." } else if (dungeon.rank === "A" || dungeon.rank === "B") { overview = "This dungeon presents a significant challenge that requires strategic thinking and resource management. Players should be well-equipped before entering." } else { overview = "This dungeon is suitable for newer players or those looking for a straightforward adventure. It offers a good balance of challenge and accessibility." } // Add status-specific notes if (dungeon.status === "Dungeon Break!") { overview += " The dungeon break status means monsters are more aggressive and numerous than usual. Consider increasing encounter difficulty by 25%." } else if (dungeon.status === "High Threat") { overview += " The high threat status indicates stronger than normal monsters. Consider adding elite versions to some encounters." } // Scaling advice const scaling = `For parties smaller than ${Math.ceil(dungeon.minLevelToSolo / 20)} members, consider reducing the number of enemies by 25%. For larger parties, add additional elite monsters or increase boss health by 50% per additional party member beyond ${Math.ceil(dungeon.minLevelToSolo / 20) + 2}.` // Story hooks based on monster themes const storyHooksByTheme = { Undead: [ "A necromancer is using this dungeon as a base to raise an undead army.", "An ancient curse has awakened the dead in this location.", "A powerful artifact is keeping the dead from truly dying in this area.", ], Elemental: [ "A rift to the elemental planes is causing elemental creatures to appear.", "An elemental lord is attempting to establish a foothold in the material plane.", "Ancient elemental guardians protect a powerful primordial artifact.", ], Demonic: [ "Cultists have opened a portal to summon demons into this dungeon.", "A demon lord is attempting to break through into the material plane.", "Ancient seals containing demonic entities are weakening.", ], Fae: [ "The boundary between the material world and the Feywild is thin here.", "A fae lord has claimed this area as part of their domain.", "Ancient pacts with the fae are being broken, causing chaos.", ], Construct: [ "An ancient civilization left these constructs as guardians.", "A mad artificer is using this dungeon to test new mechanical creations.", "The constructs are protecting an ancient technological marvel.", ], Beast: [ "Something is causing normal beasts to mutate and grow more aggressive.", "A powerful alpha creature has gathered various beasts under its control.", "The dungeon connects to vast underground ecosystems of dangerous creatures.", ], Aberration: [ "Reality is thin in this location, allowing aberrations to enter our world.", "A cult is performing rituals to summon creatures from beyond the stars.", "Ancient seals containing eldritch horrors are failing.", ], Dragon: [ "A dragon has claimed this dungeon as part of its territory.", "Dragon cultists are working to resurrect an ancient dragon.", "This site contains a powerful draconic artifact.", ], Giant: [ "Ancient giant ruins contain treasures and dangers from a bygone age.", "Giants are reclaiming their ancestral territories.", "A powerful giant leader is uniting disparate tribes for an unknown purpose.", ], Humanoid: [ "A criminal organization is using this dungeon as a base of operations.", "A warlord has united various humanoid tribes under their banner.", "Refugees from a conflict have taken shelter here and grown hostile to outsiders.", ], } // Select story hooks based on monster themes const storyHooks = [] for (const theme of monsterThemes) { const hooks = storyHooksByTheme[theme] if (hooks) { storyHooks.push(hooks[Math.floor(Math.random() * hooks.length)]) } } // Add a general hook if needed if (storyHooks.length === 0) { storyHooks.push("Local authorities are offering a bounty for clearing this dungeon.") } // Add a hook based on dungeon status if (dungeon.status === "Dungeon Break!") { storyHooks.push( "The dungeon break is causing monsters to spill into the surrounding area, threatening nearby settlements.", ) } else if (dungeon.status === "Sealed") { storyHooks.push("Researchers believe valuable artifacts may be found when the dungeon unseals.") } return { overview, scaling, storyHooks: storyHooks.slice(0, 3), // Limit to 3 hooks } } // Add a function to generate detailed dungeon information for PDF export const generateFullDungeonDetails = (dungeon: Dungeon) => { if (!dungeon) return null // Generate number of floors based on rank const floorCount = { E: 1 + Math.floor(Math.random() * 2), D: 2 + Math.floor(Math.random() * 2), C: 3 + Math.floor(Math.random() * 2), B: 4 + Math.floor(Math.random() * 3), A: 6 + Math.floor(Math.random() * 4), S: 8 + Math.floor(Math.random() * 6), SS: 12 + Math.floor(Math.random() * 8), }[dungeon.rank] || 1 // Generate boss count based on rank const bossCount = { E: 1, D: 1, C: 1 + Math.floor(Math.random() * 2), B: 2 + Math.floor(Math.random() * 2), A: 3 + Math.floor(Math.random() * 2), S: 4 + Math.floor(Math.random() * 3), SS: 6 + Math.floor(Math.random() * 4), }[dungeon.rank] || 1 // Generate secret rooms count based on rank const secretRoomsCount = Math.floor(floorCount * (0.5 + Math.random() * 1.5)) // Generate trap count based on rank const trapCount = Math.floor(floorCount * (1 + Math.random() * 2)) // Generate treasure rooms count based on rank const treasureRoomsCount = Math.floor(floorCount * (0.3 + Math.random() * 0.7)) // Generate monster types based on dungeon name and rank const monsterThemes = [ "Undead", "Elemental", "Demonic", "Fae", "Construct", "Beast", "Aberration", "Dragon", "Giant", "Humanoid", ] // Select 1-3 monster themes based on dungeon name const dungeonMonsterThemes = [] const themeCount = 1 + Math.floor(Math.random() * 2) for (let i = 0; i < themeCount; i++) { const theme = monsterThemes[Math.floor(Math.random() * monsterThemes.length)] if (!dungeonMonsterThemes.includes(theme)) { dungeonMonsterThemes.push(theme) } } // Generate floor details const floors = [] for (let i = 0; i < floorCount; i++) { // Determine if this floor has a secret room const hasSecretRoom = i < secretRoomsCount // Generate floor data floors.push({ name: generateFloorName(i, dungeon.name), description: `Floor ${i + 1} of the dungeon. ${i === 0 ? "This is the entrance area." : i === floorCount - 1 ? "This is the final area of the dungeon." : ""}`, encounters: generateEncounters(dungeonMonsterThemes, i, dungeon.rank), features: generateFloorFeatures(i, dungeon.rank), secretRoom: hasSecretRoom ? generateSecretRoom(i, dungeon.rank) : null, }) } // Generate boss data const bosses = [] for (let i = 0; i < bossCount; i++) { bosses.push(generateBoss(dungeon.name, dungeonMonsterThemes, i, dungeon.rank)) } // Generate treasures const treasures = generateTreasures(dungeon.rank) // Generate GM notes const gmNotes = generateGMNotes(dungeon, dungeonMonsterThemes) return { floorCount, bossCount, secretRoomsCount, trapCount, treasureRoomsCount, monsterThemes: dungeonMonsterThemes, recommendedPartySize: Math.ceil(dungeon.minLevelToSolo / 20), estimatedCompletionTime: `${Math.floor(floorCount * (0.5 + Math.random()))} hours`, specialMechanics: generateSpecialMechanics(dungeon.rank), floors, bosses, treasures, gmNotes, } } // Helper function to generate special mechanics based on rank const generateSpecialMechanics = (rank) => { const basicMechanics = ["Timed sections", "Locked doors", "Pressure plates", "Rotating rooms", "Flooded chambers"] const advancedMechanics = [ "Anti-magic zones", "Gravity shifts", "Phasing walls", "Reality distortions", "Time dilation fields", ] const mechanics = [] // Add 1-2 basic mechanics for all ranks const basicCount = 1 + Math.floor(Math.random() * 2) for (let i = 0; i < basicCount; i++) { const mech = basicMechanics[Math.floor(Math.random() * basicMechanics.length)] if (!mechanics.includes(mech)) { mechanics.push(mech) } } // Add advanced mechanics for higher ranks if (["A", "S", "SS"].includes(rank)) { const advancedCount = rank === "SS" ? 2 : rank === "S" ? 1 : Math.random() > 0.5 ? 1 : 0 for (let i = 0; i < advancedCount; i++) { const mech = advancedMechanics[Math.floor(Math.random() * advancedMechanics.length)] if (!mechanics.includes(mech)) { mechanics.push(mech) } } } return mechanics } [V0_FILE]css:file="app/globals.css" isEdit="true" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; } } @layer utilities { .text-glow-purple { text-shadow: 0 0 8px rgba(168, 85, 247, 0.5); } .text-glow-red { text-shadow: 0 0 8px rgba(239, 68, 68, 0.5); } .text-glow-orange { text-shadow: 0 0 8px rgba(249, 115, 22, 0.5); } .text-glow-yellow { text-shadow: 0 0 8px rgba(234, 179, 8, 0.5); } .text-glow-amber { text-shadow: 0 0 8px rgba(245, 158, 11, 0.5); } .text-glow-fuchsia { text-shadow: 0 0 12px rgba(232, 121, 249, 0.7); } .text-glow-blue { text-shadow: 0 0 12px rgba(59, 130, 246, 0.7); } .shadow-glow-blue { box-shadow: 0 0 20px rgba(59, 130, 246, 0.3); } .bg-mesh-pattern { background-image: radial-gradient(rgba(0, 255, 255, 0.05) 1px, transparent 1px); background-size: 20px 20px; } .bg-cyberpunk-pattern { background-color: #0f1218; background-image: linear-gradient(rgba(6, 182, 212, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 182, 212, 0.05) 1px, transparent 1px), linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px); background-size: 20px 20px, 20px 20px, 10px 10px; position: relative; } .bg-cyberpunk-grid { background-color: #0a0a0f; background-image: linear-gradient(rgba(6, 182, 212, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 182, 212, 0.03) 1px, transparent 1px), linear-gradient(rgba(59, 130, 246, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(59, 130, 246, 0.02) 1px, transparent 1px); background-size: 40px 40px, 40px 40px, 20px 20px, 20px 20px; position: relative; } .bg-scanline { background: repeating-linear-gradient( to bottom, transparent, transparent 2px, rgba(6, 182, 212, 0.1) 2px, rgba(6, 182, 212, 0.1) 4px ); } .shadow-glow-cyan { box-shadow: 0 0 15px rgba(6, 182, 212, 0.15); } .shadow-glow-sm { box-shadow: 0 0 10px rgba(6, 182, 212, 0.2); } .cyberpunk-text { position: relative; text-shadow: 0 0 5px rgba(6, 182, 212, 0.5); letter-spacing: 1px; } /* New styles for final polish */ .hover-scale { transition: transform 0.2s ease; } .hover-scale:hover { transform: scale(1.02); } .card-transition { transition: all 0.3s ease; } .card-transition:hover { transform: translateY(-2px); } .focus-ring { transition: box-shadow 0.2s ease; } .focus-ring:focus-visible { outline: none; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5); } /* Print styles for PDF generation */ @media print { body { background: white; color: black; } .print-friendly { background: white; color: black; border: 1px solid #ddd; padding: 20px; max-width: 100%; margin: 0; } .no-print { display: none; } } /* Additional PDF styles */ .pdf-page { page-break-after: always; } .pdf-section { page-break-inside: avoid; } @page { margin: 10mm; } @media print { .pdf-header { position: running(header); } .pdf-footer { position: running(footer); } .pdf-content { page-break-after: always; } .pdf-avoid-break { page-break-inside: avoid; } } } [V0_FILE]typescriptreact:file="components/dungeon-generator.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState, useEffect, useMemo, useRef } from "react" import { Clock, AlertTriangle, Shield, Skull, Coins, RefreshCw, Zap, Flame, Scan, Radio, Filter, FileDown, Check, Info, Map, } from "lucide-react" import { generateDungeon, generateFullDungeonDetails } from "@/utils/dungeon-generator" import { formatCurrency } from "@/utils/format-currency" import { Button } from "@/components/ui/button" import { motion, AnimatePresence } from "framer-motion" import { jsPDF } from "jspdf" import { toast } from "@/components/ui/use-toast" import { ToastAction } from "@/components/ui/toast" export default function DungeonGenerator() { const [theme, setTheme] = useState("light") const [dungeon, setDungeon] = useState(null) const [loading, setLoading] = useState(false) const [scannerActive, setScannerActive] = useState(false) const [selectedRank, setSelectedRank] = useState(null) const [selectedRegion, setSelectedRegion] = useState("NA") const [generatingPdf, setGeneratingPdf] = useState(false) const [showPdfPreview, setShowPdfPreview] = useState(false) const [dungeonDetails, setDungeonDetails] = useState(null) const [pdfGenerated, setPdfGenerated] = useState(false) const pdfContentRef = useRef(null) // Load saved theme preference useEffect(() => { const savedTheme = localStorage.getItem("dungeonGeneratorTheme") if (savedTheme) { setTheme(savedTheme) } }, []) // Save theme preference useEffect(() => { localStorage.setItem("dungeonGeneratorTheme", theme) }, [theme]) const generateNewDungeon = (rank = null) => { setLoading(true) // Clear current dungeon for better animation effect setDungeon(null) setShowPdfPreview(false) setDungeonDetails(null) setPdfGenerated(false) setTimeout(() => { // Generate dungeon with specific rank if provided or selected const rankToUse = rank || (scannerActive ? selectedRank : null) const regionToUse = selectedRegion setDungeon(generateDungeon(rankToUse, regionToUse)) setLoading(false) }, 600) } useEffect(() => { generateNewDungeon() }, []) // Regenerate dungeon when rank filter changes while scanner is active useEffect(() => { if (scannerActive && selectedRank) { generateNewDungeon(selectedRank) } }, [selectedRank, scannerActive]) // Determine dungeon color class const colorClass = useMemo(() => { if (!dungeon) return theme === "hunter" ? "bg-gradient-to-r from-cyan-900 to-purple-900" : "bg-gradient-to-r from-blue-600 to-blue-500" if (dungeon.rank === "SS") return theme === "hunter" ? "bg-gradient-to-r from-fuchsia-900 to-purple-900 border-b-2 border-fuchsia-500" : "bg-gradient-to-r from-purple-700 to-purple-500" switch (dungeon.status) { case "Destroyed": return theme === "hunter" ? "bg-gradient-to-r from-green-900 to-emerald-800 border-b-2 border-green-500" : "bg-gradient-to-r from-green-700 to-green-500" case "Active": return theme === "hunter" ? "bg-gradient-to-r from-cyan-900 to-blue-900 border-b-2 border-cyan-500" : "bg-gradient-to-r from-blue-700 to-blue-500" case "Dungeon Break!": return theme === "hunter" ? "bg-gradient-to-r from-red-900 to-rose-900 border-b-2 border-red-500" : "bg-gradient-to-r from-red-800 to-red-600" case "High Threat": return theme === "hunter" ? "bg-gradient-to-r from-amber-900 to-orange-900 border-b-2 border-amber-500" : "bg-gradient-to-r from-orange-700 to-orange-500" case "Sealed": return theme === "hunter" ? "bg-gradient-to-r from-yellow-900 to-amber-900 border-b-2 border-yellow-500" : "bg-gradient-to-r from-yellow-600 to-yellow-500" default: return theme === "hunter" ? "bg-gradient-to-r from-cyan-900 to-blue-900 border-b-2 border-cyan-500" : "bg-gradient-to-r from-blue-700 to-blue-500" } }, [dungeon, theme]) // Determine rank color class const rankColorClass = useMemo(() => { if (!dungeon) return "text-gray-500" switch (dungeon.rank) { case "SS": return theme === "hunter" ? "text-fuchsia-400 text-glow-fuchsia" : "text-purple-500 text-glow-purple" case "S": return theme === "hunter" ? "text-red-400 text-glow-red" : "text-red-500 text-glow-red" case "A": return theme === "hunter" ? "text-amber-400 text-glow-amber" : "text-orange-500 text-glow-orange" case "B": return theme === "hunter" ? "text-yellow-400 text-glow-yellow" : "text-yellow-500 text-glow-yellow" case "C": return theme === "hunter" ? "text-green-400" : "text-green-500" case "D": return theme === "hunter" ? "text-cyan-400" : "text-blue-500" default: return theme === "hunter" ? "text-gray-400" : "text-gray-500" } }, [dungeon, theme]) const toggleScanner = () => { setScannerActive(!scannerActive) if (!scannerActive) { // When activating scanner, generate a new dungeon with default settings generateNewDungeon(selectedRank) } } const handleRankSelect = (rank) => { setSelectedRank(rank === selectedRank ? null : rank) } const generateFullDungeon = () => { if (!dungeon) return setGeneratingPdf(true) setShowPdfPreview(false) setPdfGenerated(false) // Get detailed dungeon information const details = generateFullDungeonDetails(dungeon) // Simulate PDF generation setTimeout(() => { setGeneratingPdf(false) setDungeonDetails(details) setShowPdfPreview(true) }, 1500) } const closePdfPreview = () => { setShowPdfPreview(false) } const downloadPDF = async () => { if (!dungeon || !dungeonDetails) return // Show loading state setGeneratingPdf(true) try { // Create PDF document const pdf = new jsPDF({ orientation: "portrait", unit: "mm", format: "a4", }) // Set PDF metadata pdf.setProperties({ title: `${dungeon.name} - Rank ${dungeon.rank}`, subject: `Dungeon ID: ${dungeon.serialNumber}`, creator: "Dungeon Generator", author: "Hunter Association", keywords: `dungeon, rank ${dungeon.rank}, ${dungeon.status}, ${dungeonDetails.monsterThemes.join(", ")}`, }) // Helper function to add page numbers const totalPages = [] const addPageNumber = () => { totalPages.push(pdf.internal.getNumberOfPages()) const pageSize = pdf.internal.pageSize const pageHeight = pageSize.height ? pageSize.height : pageSize.getHeight() pdf.setFontSize(8) pdf.setTextColor(100, 100, 100) pdf.text(`Page ${pdf.internal.getNumberOfPages()}`, pageSize.width / 2, pageHeight - 5, { align: "center" }) } // Add title page pdf.setFillColor(theme === "hunter" ? 20 : 255, theme === "hunter" ? 30 : 255, theme === "hunter" ? 40 : 255) pdf.rect(0, 0, 210, 297, "F") // Add decorative elements if (theme === "hunter") { // Add grid pattern pdf.setDrawColor(0, 100, 150) pdf.setLineWidth(0.1) for (let i = 0; i < 210; i += 10) { pdf.line(i, 0, i, 297) } for (let i = 0; i < 297; i += 10) { pdf.line(0, i, 210, i) } // Add decorative circles pdf.setFillColor(0, 150, 200) pdf.setGState(new pdf.GState({ opacity: 0.1 })) pdf.circle(170, 50, 30, "F") pdf.circle(40, 250, 40, "F") } // Reset opacity pdf.setGState(new pdf.GState({ opacity: 1.0 })) // Title page header pdf.setTextColor(theme === "hunter" ? 0 : 0, theme === "hunter" ? 200 : 100, theme === "hunter" ? 255 : 200) pdf.setFontSize(30) pdf.text(dungeon.name, 105, 60, { align: "center" }) pdf.setFontSize(20) pdf.text(`Dungeon ID: ${dungeon.serialNumber}`, 105, 80, { align: "center" }) pdf.text(`Rank ${dungeon.rank} - ${dungeon.status}`, 105, 100, { align: "center" }) // Add dungeon image/icon pdf.setDrawColor(theme === "hunter" ? 0 : 0, theme === "hunter" ? 150 : 100, theme === "hunter" ? 200 : 200) pdf.setLineWidth(1) pdf.circle(105, 140, 30, "S") // Add monster themes pdf.setFontSize(14) pdf.text(`Monster Themes: ${dungeonDetails.monsterThemes.join(", ")}`, 105, 190, { align: "center" }) // Add generation info pdf.setFontSize(12) pdf.text(`Generated: ${new Date().toLocaleDateString()}`, 105, 210, { align: "center" }) pdf.text(`For gameplay use`, 105, 220, { align: "center" }) // Add page number addPageNumber() // Set header style for sections const addSectionHeader = (title, y) => { pdf.setFillColor(theme === "hunter" ? 40 : 220, theme === "hunter" ? 80 : 230, theme === "hunter" ? 100 : 240) pdf.rect(10, y - 6, 190, 10, "F") pdf.setTextColor(theme === "hunter" ? 255 : 0, theme === "hunter" ? 255 : 0, theme === "hunter" ? 255 : 0) pdf.setFontSize(16) pdf.text(title, 15, y) pdf.setTextColor(theme === "hunter" ? 0 : 0, theme === "hunter" ? 200 : 0, theme === "hunter" ? 255 : 0) pdf.setDrawColor(theme === "hunter" ? 0 : 0, theme === "hunter" ? 150 : 100, theme === "hunter" ? 200 : 200) pdf.setLineWidth(0.5) pdf.line(10, y + 6, 200, y + 6) return y + 15 } // Add new page for dungeon overview pdf.addPage() // Add header to each page pdf.setFillColor(theme === "hunter" ? 20 : 240, theme === "hunter" ? 40 : 240, theme === "hunter" ? 60 : 240) pdf.rect(0, 0, 210, 15, "F") pdf.setTextColor(theme === "hunter" ? 0 : 0, theme === "hunter" ? 200 : 100, theme === "hunter" ? 255 : 200) pdf.setFontSize(10) pdf.text(`${dungeon.name} (${dungeon.serialNumber}) - Rank ${dungeon.rank}`, 105, 10, { align: "center" }) // Dungeon Overview let yPos = 25 yPos = addSectionHeader("Dungeon Overview", yPos) pdf.setTextColor(theme === "hunter" ? 200 : 0, theme === "hunter" ? 200 : 0, theme === "hunter" ? 200 : 0) pdf.setFontSize(12) pdf.text(`Name: ${dungeon.name}`, 15, yPos) pdf.text(`ID: ${dungeon.serialNumber}`, 105, yPos) yPos += 10 pdf.text(`Rank: ${dungeon.rank}`, 15, yPos) pdf.text(`Status: ${dungeon.status}`, 105, yPos) yPos += 10 pdf.text(`Floors: ${dungeonDetails.floorCount}`, 15, yPos) pdf.text(`Boss Encounters: ${dungeonDetails.bossCount}`, 105, yPos) yPos += 10 pdf.text(`Secret Rooms: ${dungeonDetails.secretRoomsCount}`, 15, yPos) pdf.text(`Treasure Chambers: ${dungeonDetails.treasureRoomsCount}`, 105, yPos) yPos += 10 pdf.text(`Monster Themes: ${dungeonDetails.monsterThemes.join(", ")}`, 15, yPos) yPos += 10 pdf.text(`Recommended Party Size: ${dungeonDetails.recommendedPartySize} hunters`, 15, yPos) yPos += 10 pdf.text(`Estimated Completion Time: ${dungeonDetails.estimatedCompletionTime}`, 15, yPos) yPos += 10 pdf.text(`Solo Level Requirement: Level ${dungeon.minLevelToSolo}`, 15, yPos) yPos += 20 // Special Mechanics yPos = addSectionHeader("Special Mechanics", yPos) pdf.setFontSize(12) dungeonDetails.specialMechanics.forEach((mechanic) => { pdf.text(`• ${mechanic}`, 15, yPos) yPos += 8 }) yPos += 10 // Add page number addPageNumber() // Floor Details dungeonDetails.floors.forEach((floor, index) => { // Add new page if not enough space if (yPos > 230) { pdf.addPage() // Add header to each page pdf.setFillColor(theme === "hunter" ? 20 : 240, theme === "hunter" ? 40 : 240, theme === "hunter" ? 60 : 240) pdf.rect(0, 0, 210, 15, "F") pdf.setTextColor(theme === "hunter" ? 0 : 0, theme === "hunter" ? 200 : 100, theme === "hunter" ? 255 : 200) pdf.setFontSize(10) pdf.text(`${dungeon.name} (${dungeon.serialNumber}) - Rank ${dungeon.rank}`, 105, 10, { align: "center" }) yPos = 25 } yPos = addSectionHeader(`Floor ${index + 1}: ${floor.name}`, yPos) pdf.setFontSize(12) // Add floor description with text wrapping const splitDescription = pdf.splitTextToSize(floor.description, 180) pdf.text(splitDescription, 15, yPos) yPos += splitDescription.length * 7 + 5 // Encounters pdf.setFontSize(14) pdf.text("Encounters:", 15, yPos) yPos += 8 pdf.setFontSize(12) floor.encounters.forEach((encounter) => { pdf.text(`• ${encounter}`, 20, yPos) yPos += 7 }) yPos += 5 // Features if (floor.features.length > 0) { // Add new page if not enough space if (yPos > 230) { pdf.addPage() // Add header to each page pdf.setFillColor( theme === "hunter" ? 20 : 240, theme === "hunter" ? 40 : 240, theme === "hunter" ? 60 : 240, ) pdf.rect(0, 0, 210, 15, "F") pdf.setTextColor(theme === "hunter" ? 0 : 0, theme === "hunter" ? 200 : 100, theme === "hunter" ? 255 : 200) pdf.setFontSize(10) pdf.text(`${dungeon.name} (${dungeon.serialNumber}) - Rank ${dungeon.rank}`, 105, 10, { align: "center" }) yPos = 25 } pdf.setFontSize(14) pdf.text("Features:", 15, yPos) yPos += 8 pdf.setFontSize(12) floor.features.forEach((feature) => { const splitFeature = pdf.splitTextToSize(`• ${feature}`, 175) pdf.text(splitFeature, 20, yPos) yPos += splitFeature.length * 7 }) yPos += 5 } // Secret Room if (floor.secretRoom) { // Add new page if not enough space if (yPos > 230) { pdf.addPage() // Add header to each page pdf.setFillColor( theme === "hunter" ? 20 : 240, theme === "hunter" ? 40 : 240, theme === "hunter" ? 60 : 240, ) pdf.rect(0, 0, 210, 15, "F") pdf.setTextColor(theme === "hunter" ? 0 : 0, theme === "hunter" ? 200 : 100, theme === "hunter" ? 255 : 200) pdf.setFontSize(10) pdf.text(`${dungeon.name} (${dungeon.serialNumber}) - Rank ${dungeon.rank}`, 105, 10, { align: "center" }) yPos = 25 } pdf.setFillColor(theme === "hunter" ? 80 : 230, theme === "hunter" ? 0 : 230, theme === "hunter" ? 80 : 250) pdf.rect(15, yPos - 5, 180, 7, "F") pdf.setFontSize(14) pdf.setTextColor(theme === "hunter" ? 255 : 100, theme === "hunter" ? 200 : 0, theme === "hunter" ? 255 : 150) pdf.text("Secret Room:", 15, yPos) yPos += 8 pdf.setTextColor(theme === "hunter" ? 200 : 0, theme === "hunter" ? 200 : 0, theme === "hunter" ? 200 : 0) pdf.setFontSize(12) const splitSecret = pdf.splitTextToSize(floor.secretRoom, 175) pdf.text(splitSecret, 20, yPos) yPos += splitSecret.length * 7 + 10 } yPos += 5 // Add page number addPageNumber() }) // Boss Encounters pdf.addPage() // Add header to each page pdf.setFillColor(theme === "hunter" ? 20 : 240, theme === "hunter" ? 40 : 240, theme === "hunter" ? 60 : 240) pdf.rect(0, 0, 210, 15, "F") pdf.setTextColor(theme === "hunter" ? 0 : 0, theme === "hunter" ? 200 : 100, theme === "hunter" ? 255 : 200) pdf.setFontSize(10) pdf.text(`${dungeon.name} (${dungeon.serialNumber}) - Rank ${dungeon.rank}`, 105, 10, { align: "center" }) yPos = 25 yPos = addSectionHeader("Boss Encounters", yPos) dungeonDetails.bosses.forEach((boss, index) => { // Add new page if not enough space if (yPos > 200) { pdf.addPage() // Add header to each page pdf.setFillColor(theme === "hunter" ? 20 : 240, theme === "hunter" ? 40 : 240, theme === "hunter" ? 60 : 240) pdf.rect(0, 0, 210, 15, "F") pdf.setTextColor(theme === "hunter" ? 0 : 0, theme === "hunter" ? 200 : 100, theme === "hunter" ? 255 : 200) pdf.setFontSize(10) pdf.text(`${dungeon.name} (${dungeon.serialNumber}) - Rank ${dungeon.rank}`, 105, 10, { align: "center" }) yPos = 25 } // Boss header pdf.setFillColor(theme === "hunter" ? 100 : 250, theme === "hunter" ? 20 : 220, theme === "hunter" ? 20 : 220) pdf.rect(15, yPos - 5, 180, 10, "F") pdf.setFontSize(14) pdf.setTextColor(theme === "hunter" ? 255 : 255, theme === "hunter" ? 255 : 255, theme === "hunter" ? 255 : 255) pdf.text(boss.name, 20, yPos) yPos += 10 pdf.setTextColor(theme === "hunter" ? 200 : 0, theme === "hunter" ? 200 : 0, theme === "hunter" ? 200 : 0) pdf.setFontSize(12) pdf.text(`Type: ${boss.type}`, 20, yPos) yPos += 7 const splitDesc = pdf.splitTextToSize(boss.description, 175) pdf.text(splitDesc, 20, yPos) yPos += splitDesc.length * 7 + 5 // Boss stats pdf.text(`Health: ${boss.health}`, 20, yPos) pdf.text(`Damage: ${boss.damage}`, 120, yPos) yPos += 7 pdf.text(`Weakness: ${boss.weakness}`, 20, yPos) yPos += 7 const splitAbility = pdf.splitTextToSize(`Special Ability: ${boss.specialAbility}`, 175) pdf.text(splitAbility, 20, yPos) yPos += splitAbility.length * 7 + 15 }) // Add page number addPageNumber() // Treasure and Rewards pdf.addPage() // Add header to each page pdf.setFillColor(theme === "hunter" ? 20 : 240, theme === "hunter" ? 40 : 240, theme === "hunter" ? 60 : 240) pdf.rect(0, 0, 210, 15, "F") pdf.setTextColor(theme === "hunter" ? 0 : 0, theme === "hunter" ? 200 : 100, theme === "hunter" ? 255 : 200) pdf.setFontSize(10) pdf.text(`${dungeon.name} (${dungeon.serialNumber}) - Rank ${dungeon.rank}`, 105, 10, { align: "center" }) yPos = 25 yPos = addSectionHeader("Treasure and Rewards", yPos) // Create table for treasures pdf.setFillColor(theme === "hunter" ? 80 : 250, theme === "hunter" ? 80 : 220, theme === "hunter" ? 0 : 150) pdf.rect(15, yPos, 180, 10, "F") pdf.setTextColor(theme === "hunter" ? 255 : 0, theme === "hunter" ? 255 : 0, theme === "hunter" ? 255 : 0) pdf.setFontSize(12) pdf.text("Item", 20, yPos + 7) pdf.text("Rarity", 100, yPos + 7) pdf.text("Value", 150, yPos + 7) yPos += 12 pdf.setTextColor(theme === "hunter" ? 200 : 0, theme === "hunter" ? 200 : 0, theme === "hunter" ? 200 : 0) // Add treasures to table let rowColor = false dungeonDetails.treasures.forEach((item, index) => { // Add new page if not enough space if (yPos > 270) { pdf.addPage() // Add header to each page pdf.setFillColor(theme === "hunter" ? 20 : 240, theme === "hunter" ? 40 : 240, theme === "hunter" ? 60 : 240) pdf.rect(0, 0, 210, 15, "F") pdf.setTextColor(theme === "hunter" ? 0 : 0, theme === "hunter" ? 200 : 100, theme === "hunter" ? 255 : 200) pdf.setFontSize(10) pdf.text(`${dungeon.name} (${dungeon.serialNumber}) - Rank ${dungeon.rank}`, 105, 10, { align: "center" }) yPos = 25 // Recreate table header on new page pdf.setFillColor(theme === "hunter" ? 80 : 250, theme === "hunter" ? 80 : 220, theme === "hunter" ? 0 : 150) pdf.rect(15, yPos, 180, 10, "F") pdf.setTextColor(theme === "hunter" ? 255 : 0, theme === "hunter" ? 255 : 0, theme === "hunter" ? 255 : 0) pdf.setFontSize(12) pdf.text("Item", 20, yPos + 7) pdf.text("Rarity", 100, yPos + 7) pdf.text("Value", 150, yPos + 7) yPos += 12 pdf.setTextColor(theme === "hunter" ? 200 : 0, theme === "hunter" ? 200 : 0, theme === "hunter" ? 200 : 0) rowColor = false } // Alternate row colors if (rowColor) { pdf.setFillColor(theme === "hunter" ? 40 : 240, theme === "hunter" ? 40 : 240, theme === "hunter" ? 40 : 240) pdf.rect(15, yPos - 5, 180, 8, "F") } rowColor = !rowColor pdf.text(item.name, 20, yPos) pdf.text(item.rarity, 100, yPos) pdf.text(formatCurrency(item.value), 150, yPos) yPos += 8 }) // Add page number addPageNumber() // Game Master Notes pdf.addPage() // Add header to each page pdf.setFillColor(theme === "hunter" ? 20 : 240, theme === "hunter" ? 40 : 240, theme === "hunter" ? 60 : 240) pdf.rect(0, 0, 210, 15, "F") pdf.setTextColor(theme === "hunter" ? 0 : 0, theme === "hunter" ? 200 : 100, theme === "hunter" ? 255 : 200) pdf.setFontSize(10) pdf.text(`${dungeon.name} (${dungeon.serialNumber}) - Rank ${dungeon.rank}`, 105, 10, { align: "center" }) yPos = 25 yPos = addSectionHeader("Game Master Notes", yPos) pdf.setFontSize(12) const splitOverview = pdf.splitTextToSize(dungeonDetails.gmNotes.overview, 180) pdf.text(splitOverview, 15, yPos) yPos += splitOverview.length * 7 + 10 pdf.setFontSize(14) pdf.text("Scaling Difficulty", 15, yPos) yPos += 8 pdf.setFontSize(12) const splitScaling = pdf.splitTextToSize(dungeonDetails.gmNotes.scaling, 180) pdf.text(splitScaling, 15, yPos) yPos += splitScaling.length * 7 + 10 pdf.setFontSize(14) pdf.text("Story Hooks", 15, yPos) yPos += 8 pdf.setFontSize(12) dungeonDetails.gmNotes.storyHooks.forEach((hook, index) => { const splitHook = pdf.splitTextToSize(`${index + 1}. ${hook}`, 180) pdf.text(splitHook, 15, yPos) yPos += splitHook.length * 7 + 3 }) // Add page number addPageNumber() // Update all page numbers with total for (let i = 0; i < totalPages.length; i++) { pdf.setPage(i + 1) const pageSize = pdf.internal.pageSize const pageHeight = pageSize.height ? pageSize.height : pageSize.getHeight() pdf.setFontSize(8) pdf.setTextColor(100, 100, 100) pdf.text(`Page ${i + 1} of ${totalPages.length}`, pageSize.width / 2, pageHeight - 5, { align: "center" }) } // Save the PDF const filename = `${dungeon.serialNumber}-${dungeon.name.replace(/\s+/g, "-").toLowerCase()}.pdf` pdf.save(filename) // Show success toast toast({ title: "PDF Generated Successfully", description: `Your dungeon "${dungeon.name}" has been saved as ${filename}`, action: OK, }) // Set PDF as generated setPdfGenerated(true) } catch (error) { console.error("Error generating PDF:", error) // Show error toast toast({ variant: "destructive", title: "Error Generating PDF", description: "There was a problem creating your PDF. Please try again.", action: Try Again, }) } finally { setGeneratingPdf(false) } } if (!dungeon && !loading) { return (

) } return (

{/* Theme toggle and Scanner */}

{scannerActive && (

Gate Scanner

Filter gates by rank:

Region:

{["E", "D", "C", "B", "A", "S", "SS"].map((rank) => ( ))} {selectedRank && ( )}

)} {/* PDF Preview Modal */} {showPdfPreview && dungeonDetails && (

{/* PDF Header */}

{dungeon.name}

Dungeon ID: {dungeon.serialNumber}

Rank {dungeon.rank}

Status: {dungeon.status}

{/* PDF Content */}

{/* Dungeon Overview */}

Dungeon Overview

Floors: {dungeonDetails.floorCount}

Boss Encounters: {dungeonDetails.bossCount}

Secret Rooms: {dungeonDetails.secretRoomsCount}

Treasure Chambers: {dungeonDetails.treasureRoomsCount}

Monster Themes: {dungeonDetails.monsterThemes.join(", ")}

Recommended Party Size: {dungeonDetails.recommendedPartySize} hunters

Estimated Completion Time: {dungeonDetails.estimatedCompletionTime}

Solo Level Requirement: Level {dungeon.minLevelToSolo}

{/* Special Mechanics */}

Special Mechanics

{mechanic}

{/* Floor Details */}

Floor Details

{dungeonDetails.floors.map((floor, index) => (

Floor {index + 1}: {floor.name}

{floor.description}

Encounters

{encounter}

{floor.features.length > 0 && (

Features

{feature}

)}

{floor.secretRoom && (

Secret Room

{floor.secretRoom}

)}

))}

{/* Boss Encounters */}

Boss Encounters

{dungeonDetails.bosses.map((boss, index) => (

{boss.name}

{boss.type}

{boss.description}

Health: {boss.health}

Damage: {boss.damage}

Weakness: {boss.weakness}

Special Ability: {boss.specialAbility}

))}

{/* Treasure and Rewards */}

Treasure and Rewards

Loot Table

{dungeonDetails.treasures.map((item, index) => ( ))}

Item	Rarity	Value
{item.name}	{item.rarity}	{formatCurrency(item.value)}

{/* Game Master Notes */}

Game Master Notes

{dungeonDetails.gmNotes.overview}

Scaling Difficulty

{dungeonDetails.gmNotes.scaling}

Story Hooks

{hook}

{/* PDF Footer */}

Generated: {new Date().toLocaleDateString()}

)} {dungeon && !showPdfPreview && ( {/* Main card */}

{/* Header with serial number */}

{theme === "hunter" && (

{Array(16) .fill(0) .map((_, i) => (

))}

)}

{dungeon.serialNumber}

{dungeon.status === "Dungeon Break!" && ( URGENT )}

{/* Dungeon details */}

{dungeon.name}

Status

{dungeon.status === "Dungeon Break!" && ( )} {dungeon.status === "Sealed" && ( )} {dungeon.status === "Destroyed" && ( )} {dungeon.status === "High Threat" && ( )} {dungeon.status === "Active" && ( )} {dungeon.status}

{(dungeon.resetTimer || dungeon.sealTimer) && (

{dungeon.resetTimer ? `Reset in ${dungeon.resetTimer}h` : `Unseals in ${dungeon.sealTimer}h`}

)}

Rank

{dungeon.rank}

Estimated Value

{formatCurrency(dungeon.value || 0)}

In-Game Sale Price

{formatCurrency(dungeon.inGamePrice)}

Owner

{dungeon.owner || "Unclaimed"}

Solo Level Requirement

Level {dungeon.minLevelToSolo}

{/* Action buttons */}

)} {/* Generate New button */} {/* Info tooltip */}

Click "Generate Full Dungeon" to create a complete playable PDF

) }