Connect Twitch Bot

\n OAuth Token\n setConfig({...config, token: e.target.value})}\n placeholder=\"oauth:your_token_here\"\n style={{\n width: '100%',\n padding: '8px',\n border: '2px solid #C5CAE9',\n borderRadius: '5px',\n outline: 'none',\n }}\n />\n

\n Bot Nickname\n setConfig({...config, nickname: e.target.value})}\n placeholder=\"HolomorphicBot\"\n style={{\n width: '100%',\n padding: '8px',\n border: '2px solid #C5CAE9',\n borderRadius: '5px',\n outline: 'none',\n }}\n />\n

\n Channel\n setConfig({...config, channel: e.target.value})}\n placeholder=\"channel_name\"\n style={{\n width: '100%',\n padding: '8px',\n border: '2px solid #C5CAE9',\n borderRadius: '5px',\n outline: 'none',\n }}\n />\n

\n {error && (\n

{error}

\n )}\n \n Connect Bot\n \n

\n );\n};\nimport ReactDOM from 'react-dom/client';\nimport * as THREE from 'three';\nconst getMentorDescription = (index) => {\n const descriptions = [\n \"The Sage of Universal Wisdom - Specializing in life's deeper meanings and philosophical insights\",\n \"The Ethereal Guide - Expert in spiritual growth and consciousness expansion\",\n \"The Cosmic Navigator - Master of celestial connections and astral knowledge\",\n \"The Earth Keeper - Guardian of natural wisdom and earthly harmonies\",\n \"The Divine Mirror - Reflecting truth and inner knowledge\",\n \"The Quantum Seer - Bridging science and spirituality\"\n ];\n return descriptions[index] || \"A mystical guide of the council\";\n};\nconst getMentorTitle = (index) => {\n const titles = [\n \"The Sage\",\n \"The Ethereal Guide\",\n \"The Cosmic Navigator\",\n \"The Earth Keeper\",\n \"The Divine Mirror\",\n \"The Quantum Seer\"\n ];\n return titles[index] || \"The Mentor\";\n};\n// Mentor Avatar Configuration\nconst MENTOR_COLORS = [\n 0x3F51B5, // Indigo\n 0x5C6BC0, // Lighter Indigo\n 0x303F9F, // Darker Indigo\n 0x7986CB, // Softer Indigo\n 0x283593, // Deep Indigo\n 0x9FA8DA // Pale Indigo\n];\nclass MentorAvatar {\n constructor(position, color) {\n const geometry = new THREE.IcosahedronGeometry(0.5, 1);\n const material = new THREE.MeshPhongMaterial({\n color,\n wireframe: true,\n transparent: true,\n opacity: 0.8,\n });\n \n this.mesh = new THREE.Mesh(geometry, material);\n this.mesh.position.copy(position);\n \n // Initial animation parameters\n this.initialY = position.y;\n this.floatAmplitude = 0.2;\n this.floatSpeed = 1.5;\n this.phase = Math.random() * Math.PI * 2;\n }\n update(time) {\n // Floating motion\n this.mesh.position.y = this.initialY + \n Math.sin(time * this.floatSpeed + this.phase) * this.floatAmplitude;\n \n // Gentle rotation\n this.mesh.rotation.x += 0.003;\n this.mesh.rotation.y += 0.005;\n }\n dispose() {\n this.mesh.geometry.dispose();\n this.mesh.material.dispose();\n }\n}\n\n// ==================================================\n// General Notes for Rosie AI\n// ==================================================\n\n// Note: In sandboxed environments, avoid using

elements and traditional\n// form submissions as they may be blocked by security policies. Instead, use\n// controlled components with direct event handlers (onClick, onChange, etc.).\n\n// ==================================================\n// ChatAIClass Definition\n// ==================================================\n\n// This module provides a class, ChatAIClass, which uses a ChatManager (provided externally) \n// to conduct a conversation with an AI. The AI's behavior is defined by a description string, \n// and the ChatAIClass offers a simple getResponse method to get AI responses.\n// \n// This is AI is powered by Rosebud AI and is Rosebud's method to add in-game AI features.\n//\n// IMPORTANT NOTE:\n// - Do not assume how ChatManager works beyond what is described here.\n// - We only know that:\n// 1. ChatManager is constructed by passing in a description string.\n// 2. We can add messages by calling chatManager.addMessage('user', prompt).\n// 3. We can get an AI-generated response by calling chatManager.getCharacterResponse('classify').\n// - Any other assumptions about ChatManager internals or methods should not be made.\n//\n// This code can be used in any JS project by simply importing this class and using it.\n//////////////////////////////////////////////////////////////\n\n// Defines how the AI should behave. This should change to match the project. \nconst AI_BEHAVIOR_DESCRIPTION = `\nYou are an advanced and knowledgeable AI system capable of assisting users with \na wide range of topics. You should respond concisely and helpfully, ensuring that \nthe information you provide is accurate, clear, and context-aware.\n`;\n\n/**\n * ChatAIClass:\n * \n * This class is intended for non-technical users who want to interact with an AI system.\n * \n * Usage:\n * 1. Create an instance of ChatAIClass:\n * const chat = new ChatAIClass();\n * \n * 2. Call getResponse(prompt) to get a response from the AI:\n * const answer = await chat.getResponse(\"What is quantum computing?\");\n * console.log(answer);\n */\n\nexport class ChatAIClass {\n constructor() {\n // Directly create a new ChatManager instance with the AI behavior description.\n // Initialize with spiritual guidance focus\n this.chatManager = window.ChatManager ? new window.ChatManager(\n `You are ${getMentorTitle(0)}, a wise spiritual guide. \n You provide insightful, compassionate guidance while maintaining \n the persona of a spiritual mentor. Keep responses concise yet profound.`\n ) : {\n addMessage: () => {},\n getCharacterResponse: async () => \"Wisdom lies within your question.\"\n };\n }\n\n /**\n * Generates a response from the AI based on the given prompt.\n *\n * @param {string} prompt - The user's input or question.\n * @returns {Promise} - The AI's response as text.\n */\n async getResponse(prompt) {\n // Add the user's message to the conversation.\n this.chatManager.addMessage('user', prompt);\n\n // Ask the ChatManager for the AI's response and return it.\n const response = await this.chatManager.getCharacterResponse('classify');\n\n // Add the AI's message to the conversation so it has memory of it.\n this.chatManager.addMessage('assistant', response);\n\n return response;\n }\n}\n\n// ==================================================\n// Main App Component with Three.js Scene\n// ==================================================\n\nconst App = () => {\n const mountRef = useRef(null);\n const mentorsRef = useRef([]);\n \n // Initialize state variables first\n const [botConfig, setBotConfig] = useState(() => {\n try {\n const savedConfig = localStorage.getItem('botConfig');\n return savedConfig ? JSON.parse(savedConfig) : null;\n } catch (error) {\n console.error('Error loading bot config:', error);\n return null;\n }\n });\n const [botConnected, setBotConnected] = useState(false);\n \n // Then use them in useEffect\n useEffect(() => {\n // If there's a saved configuration, connect automatically\n if (botConfig && !botConnected) {\n handleBotConnect(botConfig);\n }\n \n return () => {\n if (window.botWebSocket) {\n window.botWebSocket.close();\n delete window.botWebSocket;\n }\n };\n }, [botConfig, botConnected]);\n const [debugMessages, setDebugMessages] = useState([]);\n const [detectedUsers, setDetectedUsers] = useState(new Set());\n // Initialize blockchain state with validation\n const [userBalances, setUserBalances] = useState(() => {\n try {\n const stored = localStorage.getItem('dubdollaz_balances');\n return stored ? JSON.parse(stored) : {};\n } catch (error) {\n console.error('Error loading balances:', error);\n return {};\n }\n });\n const [lastTransactionBlock, setLastTransactionBlock] = useState(null);\n \n // Track transaction history first\n const [transactionHistory, setTransactionHistory] = useState(() => {\n try {\n const stored = localStorage.getItem('dubdollaz_transactions');\n return stored ? JSON.parse(stored) : [];\n } catch (error) {\n console.error('Error loading transactions:', error);\n return [];\n }\n });\n \n // Define updateBalance after transactionHistory is initialized\n const updateBalance = useCallback(async (username, amount, reason) => {\n try {\n // Add user to detected users set\n setDetectedUsers(prev => new Set(prev).add(username));\n \n // Validate the transaction first\n const currentBalance = userBalances[username] || 0;\n const timestamp = Date.now();\n const txHash = `TX_${timestamp}_${Math.random().toString(36).substr(2, 9)}`;\n \n // Get all previous transactions for this user\n const userTransactions = transactionHistory.filter(tx => \n (tx.to === username || tx.from === username) && \n tx.reason === reason\n );\n \n // Calculate expected balance based on transaction history\n const expectedBalance = userTransactions.reduce((total, tx) => {\n if (tx.to === username) return total + tx.amount;\n if (tx.from === username) return total - tx.amount;\n return total;\n }, 0);\n \n // Validate the new transaction\n if (amount < 0 && currentBalance < Math.abs(amount)) {\n throw new Error('Insufficient balance');\n }\n \n // Validate against earning rates\n if (amount > 0) {\n const maxEarning = Math.max(\n ...Object.values(EARNING_RATES)\n );\n if (amount > maxEarning * 1.5) { // Allow for bonus multipliers\n throw new Error('Invalid earning amount');\n }\n }\n \n // Calculate new balance based on transaction history\n const previousTransactions = transactionHistory.filter(tx => \n (tx.to === username || tx.from === username)\n );\n \n let calculatedBalance = previousTransactions.reduce((total, tx) => {\n if (tx.to === username) return total + tx.amount;\n if (tx.from === username) return total - tx.amount;\n return total;\n }, 0);\n \n // Add current transaction amount\n calculatedBalance += amount;\n \n // Update balance in single operation\n await new Promise((resolve) => {\n setUserBalances(prev => {\n const updatedBalances = {\n ...prev,\n [username]: calculatedBalance\n };\n localStorage.setItem('dubdollaz_balances', JSON.stringify(updatedBalances));\n resolve();\n return updatedBalances;\n });\n });\n \n // Simulate blockchain transaction\n const transaction = {\n from: amount > 0 ? 'DUBTROPOLIS_TREASURY' : username,\n to: amount > 0 ? username : 'DUBTROPOLIS_TREASURY',\n amount: Math.abs(amount),\n timestamp,\n reason,\n network: BLOCKCHAIN_CONFIG.NETWORK\n };\n \n // Simulate network delay and verification\n await new Promise(resolve => setTimeout(resolve, 100));\n \n // Log transaction to history first\n const updatedHistory = [...transactionHistory, {\n txHash,\n ...transaction\n }];\n \n // Update transaction history\n setTransactionHistory(updatedHistory);\n localStorage.setItem('dubdollaz_transactions', JSON.stringify(updatedHistory));\n \n // Verify final balance\n const finalBalance = userBalances[username];\n if (Math.abs(finalBalance - calculatedBalance) > 0.0001) {\n console.error('Balance mismatch detected');\n // Force balance correction\n setUserBalances(prev => ({\n ...prev,\n [username]: calculatedBalance\n }));\n localStorage.setItem('dubdollaz_balances', JSON.stringify({\n ...userBalances,\n [username]: calculatedBalance\n }));\n }\n \n // Log transaction to history\n setTransactionHistory(prev => {\n const updatedHistory = [...prev, {\n txHash,\n ...transaction\n }];\n localStorage.setItem('dubdollaz_transactions', JSON.stringify(updatedHistory));\n return updatedHistory;\n });\n \n return { success: true, txHash };\n } catch (error) {\n console.error('Transaction failed:', error);\n return { success: false, error: error.message };\n }\n }, [userBalances, transactionHistory]);\n \n // Initialize NFT state\n const [nftInventory, setNftInventory] = useState(() => {\n try {\n const stored = localStorage.getItem('dubdollaz_nfts');\n return stored ? JSON.parse(stored) : {};\n } catch (error) {\n console.error('Error loading NFT inventory:', error);\n return {};\n }\n });\n \n // NFT Minting Function\n const mintNFT = useCallback(async (username) => {\n try {\n // Check if user has enough DUBZ\n const balance = userBalances[username] || 0;\n if (balance < NFT_CONFIG.MINT_COST) {\n throw new Error('Insufficient DUBZ for minting');\n }\n \n // Check inventory limit\n const userInventory = nftInventory[username] || [];\n if (userInventory.length >= NFT_CONFIG.MAX_INVENTORY) {\n throw new Error('Inventory full');\n }\n \n // Generate random equipment type\n const types = Object.values(EQUIPMENT_TYPES);\n const randomType = types[Math.floor(Math.random() * types.length)];\n \n // Generate random rarity based on chances\n const rarityRoll = Math.random();\n let selectedRarity = RARITY_TIERS.COMMON;\n let cumulative = 0;\n \n for (const rarity of Object.values(RARITY_TIERS)) {\n cumulative += rarity.chance;\n if (rarityRoll <= cumulative) {\n selectedRarity = rarity;\n break;\n }\n }\n \n // Generate stats based on type and rarity\n const baseStats = EQUIPMENT_STATS[randomType];\n const stats = {\n soundQuality: Math.floor(baseStats.baseSoundQuality * selectedRarity.multiplier),\n crowdHype: Math.floor(baseStats.baseCrowdHype * selectedRarity.multiplier),\n earningRate: Math.floor(baseStats.baseEarningRate * selectedRarity.multiplier)\n };\n \n // Generate unique name\n const naming = NFT_NAMING[randomType];\n const prefix = naming.prefixes[Math.floor(Math.random() * naming.prefixes.length)];\n const suffix = naming.suffixes[Math.floor(Math.random() * naming.suffixes.length)];\n const name = `${prefix} ${suffix}`;\n \n // Select special ability based on rarity\n const abilities = SPECIAL_ABILITIES[selectedRarity.name];\n const specialAbility = abilities[Math.floor(Math.random() * abilities.length)];\n \n // Apply ability bonuses to stats\n const finalStats = { ...stats };\n if (specialAbility.effect.allStatsBonus) {\n finalStats.soundQuality *= specialAbility.effect.allStatsBonus;\n finalStats.crowdHype *= specialAbility.effect.allStatsBonus;\n finalStats.earningRate *= specialAbility.effect.allStatsBonus;\n }\n if (specialAbility.effect.soundQualityBonus) {\n finalStats.soundQuality *= specialAbility.effect.soundQualityBonus;\n }\n if (specialAbility.effect.crowdHypeBonus) {\n finalStats.crowdHype *= specialAbility.effect.crowdHypeBonus;\n }\n if (specialAbility.effect.earningRateBonus) {\n finalStats.earningRate *= specialAbility.effect.earningRateBonus;\n }\n \n // Round all stats to prevent floating point issues\n Object.keys(finalStats).forEach(key => {\n finalStats[key] = Math.floor(finalStats[key]);\n });\n \n // Create NFT object\n const nft = {\n id: `NFT_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,\n name,\n type: randomType,\n rarity: selectedRarity.name,\n stats: finalStats,\n specialAbility: {\n name: specialAbility.name,\n effect: specialAbility.effect\n },\n mintedAt: Date.now(),\n network: NFT_CONFIG.NETWORK\n };\n \n // Deduct minting cost\n await updateBalance(username, -NFT_CONFIG.MINT_COST, 'NFT_MINT');\n \n // Update NFT inventory\n setNftInventory(prev => ({\n ...prev,\n [username]: [...(prev[username] || []), nft]\n }));\n \n // Save to localStorage\n localStorage.setItem('dubdollaz_nfts', JSON.stringify({\n ...nftInventory,\n [username]: [...(nftInventory[username] || []), nft]\n }));\n \n return { success: true, nft };\n } catch (error) {\n console.error('NFT minting failed:', error);\n return { success: false, error: error.message };\n }\n }, [userBalances, nftInventory, updateBalance]);\n \n // Remove lastHypeTime and lastActionTime states since we're not using cooldowns\n \n // Persist balance changes\n useEffect(() => {\n localStorage.setItem('dubdollaz_balances', JSON.stringify(userBalances));\n }, [userBalances]);\n \n // Get user's perk tier\n const getDJTier = useCallback((balance) => {\n if (balance >= PERK_TIERS.IMMORTAL) return 'IMMORTAL';\n if (balance >= PERK_TIERS.LEGEND) return 'LEGEND';\n if (balance >= PERK_TIERS.MASTER_DJ) return 'MASTER_DJ';\n if (balance >= PERK_TIERS.HEADLINER) return 'HEADLINER';\n if (balance >= PERK_TIERS.RESIDENT_DJ) return 'RESIDENT_DJ';\n if (balance >= PERK_TIERS.CLUB_DJ) return 'CLUB_DJ';\n if (balance >= PERK_TIERS.ROOKIE_DJ) return 'ROOKIE_DJ';\n if (balance >= PERK_TIERS.TRAINEE_DJ) return 'TRAINEE_DJ';\n return 'ASPIRING_DJ';\n }, []);\n \n // DUBDOLLAZ token management\n // Update balance with transaction logging\n // Reset and repair blockchain function\n const resetAndRepairBlockchain = useCallback(async () => {\n try {\n // Get all transactions\n const transactions = JSON.parse(localStorage.getItem('dubdollaz_transactions') || '[]');\n \n // Reset all balances\n const repairedBalances = {};\n \n // Sort transactions by timestamp\n const sortedTransactions = transactions.sort((a, b) => a.timestamp - b.timestamp);\n \n // Rebuild balances from valid transactions\n for (const tx of sortedTransactions) {\n if (tx.to && tx.to !== 'DUBTROPOLIS_TREASURY') {\n repairedBalances[tx.to] = (repairedBalances[tx.to] || 0) + tx.amount;\n }\n if (tx.from && tx.from !== 'DUBTROPOLIS_TREASURY') {\n repairedBalances[tx.from] = (repairedBalances[tx.from] || 0) - tx.amount;\n }\n }\n \n // Update the blockchain state\n setUserBalances(repairedBalances);\n localStorage.setItem('dubdollaz_balances', JSON.stringify(repairedBalances));\n \n return { success: true, message: 'Blockchain repaired successfully' };\n } catch (error) {\n console.error('Blockchain repair failed:', error);\n return { success: false, error: error.message };\n }\n }, []);\n // Continue with next state or function declaration\n \n const [selectedMentor, setSelectedMentor] = useState(null);\n const [userQuery, setUserQuery] = useState('');\n const [response, setResponse] = useState('');\n const [isProcessing, setIsProcessing] = useState(false);\n const handleMentorSelect = (index) => {\n setSelectedMentor(index);\n setResponse('');\n };\n const handleQuerySubmit = async () => {\n if (!userQuery.trim() || selectedMentor === null) return;\n \n setIsProcessing(true);\n try {\n const chat = new ChatAIClass();\n // Update the chat manager with the current mentor's persona\n chat.chatManager = window.ChatManager ? new window.ChatManager(\n `You are ${getMentorTitle(selectedMentor)}, ${getMentorDescription(selectedMentor)}. \n Respond with wisdom and insights aligned with your spiritual archetype. \n Keep responses concise (2-3 paragraphs) yet profound.`\n ) : chat.chatManager;\n const mentorResponse = await chat.getResponse(userQuery);\n console.log('Mentor Response:', mentorResponse); // Debug log\n setResponse(mentorResponse);\n } catch (error) {\n console.error('Error processing query:', error);\n setResponse('The council is temporarily unable to process your query.');\n } finally {\n setIsProcessing(false);\n }\n };\n useEffect(() => {\n // Scene setup\n const scene = new THREE.Scene();\n const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);\n const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });\n \n // Add lighting\n const ambientLight = new THREE.AmbientLight(0xffffff, 0.5);\n const pointLight = new THREE.PointLight(0xffffff, 1);\n pointLight.position.set(10, 10, 10);\n scene.add(ambientLight, pointLight);\n \n // Handle window resizing\n const handleResize = () => {\n const width = window.innerWidth;\n const height = window.innerHeight;\n const pixelRatio = window.devicePixelRatio;\n \n camera.aspect = width / height;\n camera.updateProjectionMatrix();\n \n renderer.setSize(width, height);\n renderer.setPixelRatio(pixelRatio);\n \n // Update camera position to maintain cube visibility\n camera.position.z = 5;\n };\n \n // Initial setup\n renderer.setPixelRatio(window.devicePixelRatio);\n mountRef.current.appendChild(renderer.domElement);\n handleResize(); // Call once to set initial dimensions\n window.addEventListener('resize', handleResize);\n \n // Create mentor avatars\n const mentorCount = 6;\n const radius = 3;\n \n for (let i = 0; i < mentorCount; i++) {\n const angle = (i / mentorCount) * Math.PI * 2;\n const position = new THREE.Vector3(\n Math.cos(angle) * radius,\n 0,\n Math.sin(angle) * radius\n );\n \n const mentor = new MentorAvatar(position, MENTOR_COLORS[i]);\n scene.add(mentor.mesh);\n mentorsRef.current.push(mentor);\n }\n \n camera.position.z = 5;\n \n // Animation\n const animate = () => {\n requestAnimationFrame(animate);\n \n const time = performance.now() * 0.001;\n \n // Update all mentors\n mentorsRef.current.forEach(mentor => {\n mentor.update(time);\n });\n \n renderer.render(scene, camera);\n };\n \n animate();\n \n // Cleanup\n return () => {\n window.removeEventListener('resize', handleResize);\n \n // Check if mountRef.current exists and contains the renderer's DOM element\n if (mountRef.current && mountRef.current.contains(renderer.domElement)) {\n mountRef.current.removeChild(renderer.domElement);\n }\n \n // Dispose of all mentor resources\n mentorsRef.current.forEach(mentor => {\n mentor.dispose();\n });\n \n renderer.dispose();\n };\n }, []);\n const addDebugMessage = (message, type = 'info') => {\n const timestamp = new Date().toLocaleTimeString();\n setDebugMessages(prev => [...prev, { message, type, timestamp }]);\n };\n const handleBotConnect = (config) => {\n try {\n // Save bot configuration to localStorage\n localStorage.setItem('botConfig', JSON.stringify(config));\n setBotConfig(config);\n addDebugMessage('Initializing WebSocket connection...', 'info');\n \n // Helper function to send chat message\n const sendChatMessage = (message) => {\n if (ws.readyState === WebSocket.OPEN) {\n ws.send(`PRIVMSG ${config.channel} :${message}`);\n addDebugMessage(`Sent message: ${message}`, 'info');\n }\n };\n // Help message content\n // Break help message into sections for better management\n const getHelpMessage = () => {\n const sections = [\n {\n title: \"💰 EARN:\",\n commands: [\n \"!!set (150+)\"\n ]\n },\n {\n title: \"📊 STATUS:\",\n commands: [\n \"!!wallet\",\n \"!!stats\",\n \"!!perks\",\n \"!!inventory\"\n ]\n },\n {\n title: \"🎮 NFTs:\",\n commands: [\n `!!mint (${NFT_CONFIG.MINT_COST} DUBZ)`,\n \"!!inventory\"\n ]\n },\n {\n title: \"🤝 SOCIAL:\",\n commands: [\n \"!!send\"\n ]\n }\n ];\n \n let message = \"🎮 DUBTROPOLIS v1.0 | \";\n let remaining = 200 - message.length;\n \n // Add sections while respecting character limit\n for (const section of sections) {\n const sectionText = `${section.title} ${section.commands.join(\", \")} | `;\n if (remaining - sectionText.length > 0) {\n message += sectionText;\n remaining -= sectionText.length;\n } else {\n break;\n }\n }\n \n // Add network info if space allows\n const networkInfo = `${BLOCKCHAIN_CONFIG.NETWORK}`;\n if (remaining >= networkInfo.length + 3) {\n message += networkInfo;\n }\n \n return message;\n };\n \n const helpMessage = getHelpMessage();\n // Create WebSocket connection\n const ws = new WebSocket('wss://irc-ws.chat.twitch.tv:443');\n \n // Store bot configuration for reconnects\n const botConfig = { token: config.token, nickname: config.nickname, channel: config.channel };\n \n // Function to connect/reconnect the bot\n const connectBot = () => {\n if (window.botWebSocket && window.botWebSocket.readyState === WebSocket.OPEN) {\n window.botWebSocket.close();\n }\n \n const ws = new WebSocket('wss://irc-ws.chat.twitch.tv:443');\n \n ws.onopen = () => {\n addDebugMessage('WebSocket connected', 'status');\n ws.send(`PASS ${botConfig.token}`);\n ws.send(`NICK ${botConfig.nickname}`);\n ws.send(`JOIN ${botConfig.channel}`);\n setBotConnected(true);\n window.botWebSocket = ws;\n };\n };\n \n // Initial connection\n connectBot();\n \n // Create reconnect function for command handlers to use\n window.reconnectBot = () => {\n addDebugMessage('Forcing bot reconnection...', 'status');\n connectBot();\n };\n \n ws.onopen = () => {\n addDebugMessage('WebSocket connected', 'status');\n ws.send(`PASS ${config.token}`);\n ws.send(`NICK ${config.nickname}`);\n ws.send(`JOIN ${config.channel}`);\n setBotConnected(true);\n };\n \n ws.onmessage = async (event) => {\n const message = event.data;\n \n // Extract username from message\n const usernameMatch = message.match(/^:([^!]+)!/);\n if (usernameMatch) {\n const username = usernameMatch[1];\n setDetectedUsers(prev => new Set(prev).add(username));\n }\n \n // Handle PING messages to keep connection alive\n if (message.startsWith('PING')) {\n ws.send('PONG');\n return;\n }\n \n // Log incoming messages\n addDebugMessage(`Received: ${message}`, 'info');\n \n // Parse messages (basic IRC message parsing)\n if (message.includes('PRIVMSG')) {\n const matches = message.match(/^:([^!]+)!/);\n const username = matches ? matches[1] : '';\n const messageContent = message.split('PRIVMSG')[1].split(':')[1].trim();\n \n // Handle DUBDOLLAZ commands\n if (messageContent.startsWith('!!hype')) {\n const reward = EARNING_RATES.HYPE;\n const result = await updateBalance(username, reward, 'HYPE_REWARD');\n if (result.success) {\n // Force an immediate state update after the transaction\n setUserBalances(prevBalances => {\n const updatedBalances = { ...prevBalances };\n updatedBalances[username] = (updatedBalances[username] || 0) + reward;\n return updatedBalances;\n });\n const tier = getDJTier(userBalances[username] || 0);\n const multiplier = tierMultipliers[tier] || 1;\n const baseReward = EARNING_RATES.HYPE;\n const finalReward = Math.floor(baseReward * multiplier);\n sendChatMessage(`🎵 @${username} is hyping up the DJ! +${finalReward} DUBDOLLAZ (${multiplier}x Multiplier) [TX: ${result.txHash.slice(0, 8)}...] 🎵 Keep the party going!`);\n // Save current bot config and force page refresh\n localStorage.setItem('botConfig', JSON.stringify(botConfig));\n setTimeout(() => window.location.reload(), 100);\n } else {\n sendChatMessage(`@${username}, transaction failed: ${result.error}`);\n }\n return;\n }\n \n if (messageContent.startsWith('!!wallet')) {\n try {\n // Calculate balance from transaction history\n const userTransactions = transactionHistory.filter(tx => \n tx.to === username || tx.from === username\n );\n \n const calculatedBalance = userTransactions.reduce((total, tx) => {\n if (tx.to === username) return total + tx.amount;\n if (tx.from === username) return total - tx.amount;\n return total;\n }, 0);\n \n // Update balance if there's a mismatch\n if (Math.abs((userBalances[username] || 0) - calculatedBalance) > 0.0001) {\n setUserBalances(prev => ({\n ...prev,\n [username]: calculatedBalance\n }));\n localStorage.setItem('dubdollaz_balances', JSON.stringify({\n ...userBalances,\n [username]: calculatedBalance\n }));\n }\n \n const currentBalance = calculatedBalance;\n const tier = getDJTier(currentBalance);\n const recentTx = transactionHistory\n .filter(tx => (tx.to === username || tx.from === username))\n .slice(-1)[0];\n \n const txInfo = recentTx \n ? ` | Last TX: ${recentTx.txHash.slice(0, 8)}...` \n : '';\n \n sendChatMessage(\n `🎧 DJ ${username}'s Status 🎧 | ${currentBalance} DUBZ | ` +\n `Rank: ${tier} | Network: ${BLOCKCHAIN_CONFIG.NETWORK}${txInfo} | ` +\n `Use !!perks to view DJ abilities!`\n );\n } catch (error) {\n console.error('Wallet command error:', error);\n sendChatMessage(`@${username}, there was an error fetching your wallet. Please try again.`);\n }\n return;\n }\n \n if (messageContent.startsWith('!!send')) {\n const parts = messageContent.split(' ');\n if (parts.length !== 3) {\n sendChatMessage(`@${username}, usage: !!send <@recipient>`);\n return;\n }\n const amount = parseInt(parts[1]);\n const recipient = parts[2].replace('@', '');\n \n if (isNaN(amount) || amount <= 0) {\n sendChatMessage(`@${username}, please specify a valid amount to send!`);\n return;\n }\n \n const senderBalance = userBalances[username] || 0;\n if (senderBalance < amount) {\n sendChatMessage(`@${username}, you don't have enough DUBDOLLAZ! Current balance: ${senderBalance}`);\n return;\n }\n \n const sendResult = await updateBalance(username, -amount, 'SEND_TX');\n if (!sendResult.success) {\n sendChatMessage(`@${username}, transaction failed: ${sendResult.error}`);\n return;\n }\n \n const receiveResult = await updateBalance(recipient, amount, 'RECEIVE_TX');\n if (!receiveResult.success) {\n // Rollback the send transaction if receive fails\n await updateBalance(username, amount, 'SEND_ROLLBACK');\n sendChatMessage(`@${username}, transaction failed: ${receiveResult.error}`);\n return;\n }\n \n sendChatMessage(\n `💸 @${username} sent ${amount} DUBZ to @${recipient} | ` +\n `TX: ${sendResult.txHash.slice(0, 8)}... | Keep the vibes flowing in DUBTROPOLIS! 🏙️`\n );\n return;\n }\n \n if (messageContent.startsWith('!!perks')) {\n const currentBalance = userBalances[username] || 0;\n const tier = getDJTier(currentBalance); // Fix: Use getDJTier instead of getUserTier\n const perks = {\n ROOKIE_DJ: \"🎵 Welcome DJ! Earn DUBDOLLAZ through sets and hype\",\n CLUB_DJ: \"🎵 Custom DJ booth | Extended sets\",\n HEADLINER: \"🎵 VIP area access | Festival slots\",\n LEGEND: \"🎵 Own virtual club | Custom events\"\n };\n sendChatMessage(`🌟 @${username}'s PERKS (${tier}): ${perks[tier]} | Next tier at ${PERK_TIERS[tier] || '∞'} DUBDOLLAZ`);\n return;\n }\n \n if (messageContent.startsWith('!!vibe')) {\n // Validate previous vibe check rewards\n const previousVibeRewards = transactionHistory\n .filter(tx => tx.to === username && tx.reason === 'VIBE_REWARD')\n .reduce((total, tx) => total + tx.amount, 0);\n \n const reward = EARNING_RATES.VIBE_CHECK;\n const result = await updateBalance(username, reward, 'VIBE_REWARD');\n if (result.success) {\n const tier = getDJTier(userBalances[username] || 0);\n const multiplier = tierMultipliers[tier] || 1;\n const baseReward = EARNING_RATES.VIBE_CHECK;\n const finalReward = Math.floor(baseReward * multiplier);\n sendChatMessage(`🎶 @${username} is spreading good vibes in DUBTROPOLIS! +${finalReward} DUBDOLLAZ (${multiplier}x Multiplier) [TX: ${result.txHash.slice(0, 8)}...] 🎶`);\n // Force page refresh before reconnect\n setTimeout(() => window.location.reload(), 100);\n } else {\n sendChatMessage(`@${username}, transaction failed: ${result.error}`);\n }\n return;\n }\n \n // Handle !!mint command for NFTs\n if (messageContent.startsWith('!!mint')) {\n const result = await mintNFT(username);\n if (result.success) {\n const { nft } = result;\n sendChatMessage(\n `🎮 @${username} minted \"${nft.name}\" - ${nft.rarity} ${nft.type}! ` +\n `Stats: SQ:${nft.stats.soundQuality} CH:${nft.stats.crowdHype} ER:${nft.stats.earningRate} | ` +\n `Special: ${nft.specialAbility.name} | ` +\n `[NFT: ${nft.id.slice(0, 8)}...]`\n );\n setTimeout(() => window.location.reload(), 100);\n } else {\n sendChatMessage(`@${username}, minting failed: ${result.error}`);\n }\n return;\n }\n \n // Handle !!inventory command\n if (messageContent.startsWith('!!inventory')) {\n const inventory = nftInventory[username] || [];\n if (inventory.length === 0) {\n sendChatMessage(`@${username}, your NFT inventory is empty. Use !!mint to get your first piece of DJ equipment!`);\n } else {\n const latest = inventory[inventory.length - 1];\n sendChatMessage(\n `@${username}'s DJ Equipment (${inventory.length}/${NFT_CONFIG.MAX_INVENTORY}): ` +\n `Latest: ${latest.rarity} ${latest.type} | ` +\n `Stats: SQ:${latest.stats.soundQuality} CH:${latest.stats.crowdHype} ER:${latest.stats.earningRate}`\n );\n }\n return;\n }\n \n if (messageContent.startsWith('!!dance')) {\n const chance = Math.random();\n const reward = chance > 0.5 ? EARNING_RATES.DANCE_BATTLE : Math.floor(EARNING_RATES.DANCE_BATTLE / 2);\n const result = await updateBalance(username, reward, 'DANCE_REWARD');\n if (result.success) {\n const tier = getDJTier(userBalances[username] || 0);\n const multiplier = tierMultipliers[tier] || 1;\n const baseReward = chance > 0.5 ? EARNING_RATES.DANCE_BATTLE : Math.floor(EARNING_RATES.DANCE_BATTLE / 2);\n const finalReward = Math.floor(baseReward * multiplier);\n sendChatMessage(`🕺 @${username} ${chance > 0.5 ? 'won' : 'placed'} in the DUBTROPOLIS dance battle! +${finalReward} DUBDOLLAZ (${multiplier}x Multiplier) [TX: ${result.txHash.slice(0, 8)}...] 💃`);\n // Force page refresh before reconnect\n setTimeout(() => window.location.reload(), 100);\n } else {\n sendChatMessage(`@${username}, transaction failed: ${result.error}`);\n }\n return;\n }\n \n if (messageContent.startsWith('!!set')) {\n // Get current sets count\n const currentSets = transactionHistory.filter(tx => \n tx.to === username && tx.reason === 'SET_REWARD'\n ).length;\n \n // Calculate final reward with tier multipliers\n const baseReward = EARNING_RATES.SET_COMPLETION;\n \n // Get tier and multipliers\n const tier = getDJTier(userBalances[username] || 0);\n const tierMultipliers = {\n 'TRAINEE_DJ': 1,\n 'ROOKIE_DJ': 1.1,\n 'CLUB_DJ': 1.2,\n 'RESIDENT_DJ': 1.3,\n 'HEADLINER': 1.5,\n 'MASTER_DJ': 1.75,\n 'LEGEND': 2,\n 'IMMORTAL': 2.5\n };\n \n // Calculate final reward\n const reward = Math.floor(baseReward * (tierMultipliers[tier] || 1));\n \n const result = await updateBalance(username, reward, 'SET_REWARD');\n if (result.success) {\n // Force immediate balance update after set completion\n setUserBalances(prevBalances => {\n const updatedBalances = { ...prevBalances };\n updatedBalances[username] = (updatedBalances[username] || 0) + reward;\n return updatedBalances;\n });\n const multiplier = tierMultipliers[tier] || 1;\n sendChatMessage(`🎛️ DJ ${username} just dropped an epic set! +${reward} DUBDOLLAZ (${multiplier}x Multiplier) [TX: ${result.txHash.slice(0, 8)}...] 🎛️`);\n // Force page refresh before reconnect\n setTimeout(() => window.location.reload(), 100);\n } else {\n sendChatMessage(`@${username}, transaction failed: ${result.error}`);\n }\n return;\n }\n \n if (messageContent.startsWith('!!stats')) {\n const balance = userBalances[username] || 0;\n const tier = getDJTier(balance);\n const sets = transactionHistory\n .filter(tx => tx.to === username && tx.reason === 'SET_REWARD').length + 1;\n \n // Get tier-specific perks\n const tierPerks = {\n 'TRAINEE_DJ': 'Basic Set Rewards',\n 'ROOKIE_DJ': '10% Set Bonus',\n 'CLUB_DJ': '20% Set Bonus + Extended Sets',\n 'RESIDENT_DJ': '30% Set Bonus + Club Effects',\n 'HEADLINER': '50% Set Bonus + Festival Slots',\n 'MASTER_DJ': '75% Set Bonus + City-wide Events',\n 'LEGEND': '100% Set Bonus + Custom Club',\n 'IMMORTAL': '150% Set Bonus + Global Events'\n };\n \n const currentPerks = tierPerks[currentTier] || 'No special perks';\n // Fetch latest balance from state to ensure accuracy\n const currentBalance = userBalances[username] || 0;\n const currentTier = getDJTier(currentBalance);\n sendChatMessage(`📊 DJ ${username}'s Career 📊 | Sets Played: ${sets} | Rank: ${currentTier} | Total Earnings: ${currentBalance} DUBDOLLAZ | Network: ${BLOCKCHAIN_CONFIG.NETWORK}`);\n return;\n }\n \n const parsedMessage = {\n user: message.split('!')[0].substring(1),\n message: message.split('PRIVMSG')[1].split(':')[1].trim()\n };\n addDebugMessage(`${parsedMessage.user}: ${parsedMessage.message}`, 'info');\n // Handle commands\n if (parsedMessage.message.startsWith('!!help')) {\n const help = getHelpMessage();\n console.log(`Help message length: ${help.length} characters`);\n sendChatMessage(help);\n } else if (parsedMessage.message.startsWith('!!ask')) {\n const question = parsedMessage.message.substring(5).trim();\n if (question) {\n // Create a new ChatAIClass instance\n const chat = new ChatAIClass();\n // Randomly select a mentor\n const mentorIndex = Math.floor(Math.random() * 6);\n \n // Update the chat manager with the selected mentor's persona\n chat.chatManager = window.ChatManager ? new window.ChatManager(\n `You are ${getMentorTitle(mentorIndex)}, ${getMentorDescription(mentorIndex)}. \n Respond with mystical wisdom aligned with your spiritual archetype. \n IMPORTANT: Keep responses under 200 characters total. Be concise yet profound.`\n ) : chat.chatManager;\n // Get the response from the AI\n chat.getResponse(question)\n .then(response => {\n // Calculate available space for the response\n const prefix = `🔮 @${parsedMessage.user}, ${getMentorTitle(mentorIndex)} responds: `;\n const maxResponseLength = 250 - prefix.length;\n \n // Truncate response if needed and add ellipsis\n const truncatedResponse = response.length > maxResponseLength \n ? response.substring(0, maxResponseLength - 3) + '...'\n : response;\n \n const messageToSend = prefix + truncatedResponse;\n \n // Send to Twitch chat\n ws.send(`PRIVMSG ${config.channel} :${messageToSend}`);\n // Log to debug\n addDebugMessage(`Sent to channel: ${messageToSend} (${messageToSend.length} chars)`, 'info');\n })\n .catch(error => {\n console.error('Error getting AI response:', error);\n const errorMessage = `@${parsedMessage.user}, the Council is momentarily unable to process your question. Please try again shortly.`;\n // Send error message to Twitch chat\n ws.send(`PRIVMSG ${config.channel} :${errorMessage}`);\n // Log to debug\n addDebugMessage(`Error response sent: ${errorMessage}`, 'error');\n });\n } else {\n sendChatMessage(`@${parsedMessage.user}, please include your question after !!ask`);\n }\n }\n }\n };\n \n ws.onerror = (error) => {\n addDebugMessage(`WebSocket error: ${error.message}`, 'error');\n setBotConnected(false);\n };\n \n ws.onclose = () => {\n addDebugMessage('WebSocket connection closed', 'status');\n setBotConnected(false);\n };\n \n // Store WebSocket instance for cleanup\n window.botWebSocket = ws;\n \n } catch (error) {\n addDebugMessage(`Connection error: ${error.message}`, 'error');\n setBotConnected(false);\n }\n };\n return (\n

\n Debug Terminal\n setDebugMessages([])}\n style={{\n background: 'none',\n border: 'none',\n color: '#fff',\n cursor: 'pointer',\n padding: '2px 5px',\n }}\n >\n Clear\n \n

\n {debugMessages.map((msg, index) => (\n \n [{msg.timestamp}] {msg.message}\n

\n ))}\n

\n {!botConnected && !botConfig ? (\n \n ) : !botConnected && botConfig ? (\n

Reconnecting to Twitch...

\n ) : (\n <>\n

\n {\n // Close WebSocket connection\n if (window.botWebSocket) {\n window.botWebSocket.close();\n delete window.botWebSocket;\n }\n // Clear localStorage\n localStorage.removeItem('botConfig');\n // Reset states\n setBotConfig(null);\n setBotConnected(false);\n setDebugMessages(prev => [...prev, {\n message: 'Disconnected from Twitch. You can now enter new credentials.',\n type: 'status',\n timestamp: new Date().toLocaleTimeString()\n }]);\n }}\n style={{\n padding: '8px 16px',\n backgroundColor: '#f44336',\n color: 'white',\n border: 'none',\n borderRadius: '5px',\n cursor: 'pointer',\n fontSize: '0.9rem',\n display: 'flex',\n alignItems: 'center',\n gap: '6px',\n transition: 'background-color 0.3s ease',\n }}\n onMouseOver={(e) => e.target.style.backgroundColor = '#d32f2f'}\n onMouseOut={(e) => e.target.style.backgroundColor = '#f44336'}\n >\n ⏏\n Disconnect Bot\n \n

\n DUBTROPOLIS\n

\n DJ MMORPG & BLOCKCHAIN GAMING\n

\n {/* Player Stats Card */}\n

DJ Profile

\n Current Rank\n ROOKIE_DJ\n

\n Total Sets Played\n 0\n

\n Hype Level\n 1\n

\n \n {/* Active Players List */}\n

Active Players

\n {Array.from(detectedUsers).map(username => (\n

\n {username}\n {userBalances[username] || 0} DUBZ\n {getDJTier(userBalances[username] || 0)}\n

\n ))}\n

\n \n {/* Blockchain Info Card */}\n

DUBDOLLAZ Wallet

\n Balance\n 0 DUBZ\n

\n Network\n {BLOCKCHAIN_CONFIG.NETWORK}\n

\n Next Tier\n {PERK_TIERS.ROOKIE_DJ} DUBZ\n

Available Actions

\n {\n const result = await resetAndRepairBlockchain();\n if (result.success) {\n addDebugMessage('Blockchain reset and repaired successfully', 'status');\n } else {\n addDebugMessage(`Blockchain repair failed: ${result.error}`, 'error');\n }\n }}\n style={{\n padding: '15px',\n background: '#673AB7',\n color: 'white',\n border: 'none',\n borderRadius: '8px',\n cursor: 'pointer',\n fontSize: '1rem',\n transition: 'all 0.3s ease'\n }}\n >\n Reset & Repair Blockchain\n \n console.log('Start Set')}\n >\n Start DJ Set\n \n console.log('Hype')}\n >\n Generate Hype\n \n console.log('Collab')}\n >\n Start Collab\n \n

\n {(response || isProcessing) && (\n <>\n

\n Wisdom from {getMentorTitle(selectedMentor)}\n

\n {isProcessing ? (\n

\n ) : (\n

{response}

\n )}\n

\n {\n setUserQuery('');\n setSelectedMentor(null);\n setResponse('');\n }}\n style={{\n padding: '10px 20px',\n backgroundColor: '#1A237E', // Indigo 900\n color: 'white',\n border: 'none',\n borderRadius: '5px',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n gap: '8px',\n transition: 'all 0.3s ease',\n }}\n >\n ↺\n Ask New Question\n \n

\n \n )}\n

\n );\n};\n// Add necessary CSS animation\nconst styleSheet = document.createElement('style');\nstyleSheet.textContent = `\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n`;\ndocument.head.appendChild(styleSheet);\nconst container = document.getElementById('renderDiv');\nconst root = ReactDOM.createRoot(container);\nroot.render();","owner",{"_62":93,"_66":94,"_95":96,"_97":98,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":44},"01e3e168-931c-4df4-8ccc-66cbbea8ca21","2024-09-23T16:08:20.145001+00:00","username","XZYORBITZ","avatar_url","https://avatars.websim.ai/01e3e168-931c-4df4-8ccc-66cbbea8ca21/Rz3WE3RsaHmm3qCq0.webp","description","twitter","discord_username","discord_id","is_admin","link_url","/p/xxbitpmcfvr0mwndgor0","versioned_link_url","/p/xxbitpmcfvr0mwndgor0/62","deleted_at","yapping","I'll help modify the existing DJ MMORPG to incorporate the new features while keeping the video player functionality. Here's how we'll update the files:\n\n```js/gameSystem.js\n```\n\n```js/blockchainSystem.js\n```\n\n```js/config.js\n```\n\n```js/twitchBot.js\n```\n\nThese changes integrate the new MMORPG features while maintaining compatibility with the existing video player functionality. The system now includes:\n\n1. Enhanced equipment system with rarities and stats\n2. More sophisticated reward calculations\n3. Expanded perk system\n4. Improved blockchain integration\n5. More detailed inventory management\n6. Better DJ progression mechanics\n\nThe changes maintain all the video player functionality while adding depth to the DJ MMORPG features.\n","project",{"_62":113,"_66":114,"_115":116,"_81":117,"_118":119,"_58":120,"_121":122,"_123":124,"_125":-5,"_64":-5,"_126":-5,"_108":-5,"_127":37,"_128":129,"_136":44,"_99":137,"_138":139,"_140":44,"_141":-5,"_142":143,"_144":-5},"xxbitpmcfvr0mwndgor0","2024-12-12T19:29:52.798147+00:00","updated_at","2025-04-26T16:34:22.763+00:00","TWITCH IRC BOT with CUSTOM TOKENS","visibility","public","twitch-bot-LLM","created_by",{"_62":93,"_66":94,"_95":96,"_97":98,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":44},"current_version",62,"last_posted_version","parent_version","posted","stats",{"_130":131,"_132":133,"_134":135},"views",16,"likes",2,"comments",0,"auto_set_current","Run the LLM on TwitchTV Chat.","comments_mode","open","enable_chat","from_template","domains",[],"thumbnail","project_revision",{"_62":147,"_74":124,"_66":148,"_149":-5,"_64":-5,"_150":151,"_152":113,"_121":153,"_154":155,"_157":113,"_115":158,"_108":-5,"_128":159,"_161":44,"_162":63,"_163":-5,"_164":-5,"_165":166},"01952f8b-9499-7fbe-b73a-78384572ceee","2025-02-22T21:23:51.577+00:00","visited_at","parent_revision_version",61,"parent_revision_project_id",{"_62":93,"_66":94,"_95":96,"_97":98,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":44},"meta",{"_74":156},"1","project_id","2025-04-26T16:34:22.848+00:00",{"_160":135},"multiplayer_count","draft","site_id","chat_session_id","chat_session_run_index","current_screenshot_url","https://project-screenshots.websim.com/01952f8c-ed8e-7101-80cc-7476502a98c2","cursor","eyJpZCI6IjAxOTUyZjhiLTk0OTktN2ZiZS1iNzNhLTc4Mzg0NTcyY2VlZSJ9","token","branch","dehydratedState","routes/browser/layout","actionData","errors"]