[{"_1":2,"_123":-5,"_124":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":17,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_57":58,"_59":42,"_60":61,"_62":63,"_64":61,"_65":61,"_66":61,"_67":61,"_68":61,"_69":61,"_70":28,"_71":28,"_72":-5,"_73":74,"_75":76,"_77":78,"_79":-5,"_80":-5,"_81":17,"_82":83,"_114":32,"_115":116,"_117":17,"_118":119},"id","2620747d6c5993bcaf00","isMyApp",false,"projectId","3a2e82f2-be85-42d7-85f6-54fc856df684","name","rickchess","description","Challenge your mind in a zen-like chess experience where music legend Rick Rubin contemplates your moves with philosophical wisdom. Each piece you slide across the minimalist board triggers Rubin's thoughtful musings on strategy, creativity, and the beautiful simplicity hiding within complexity.","brief","Play chess while Rick Rubin drops wisdom on your moves in a serene, minimalist space.","isLive","isPublic",true,"tags",[],"cover","https://cdn.dev.fun/snapshot/2620747d6c5993bcaf00/78480_03a5ba65.webp","cdnUrl","https://cdn.dev.fun/app/2620747d6c5993bcaf00/78480","createdAt",["D",1749581555058],"updatedAt",["D",1749587076988],"lastCommitId",["B","78480"],"tier",1,"credits",38,{"_14":46,"_47":48,"_49":48,"_50":51,"_52":48,"_53":54,"_55":56},"e1a516b0-7d90-46da-8eeb-58f649cd9eda","uniqueId","fortuneofweb3","username","solanaWallet","DtdnqvRddQspZvRV5SJX2DeqxmLYef7Hqn9LFK9LioJS","displayName","bio","","avatar","https://cdn.dev.fun/avatar/e1a516b0-7d90-46da-8eeb-58f649cd9eda/842e7d93.webp","commitCount",36,"forkCount","likeCount",0,"runsCount",8,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","if (typeof window !== 'undefined') {\n window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ = undefined;\n if (typeof process === 'undefined') {\n window.process = {\n env: {\n NODE_ENV: 'production'\n }\n };\n } else if (process && process.env) {\n process.env.NODE_ENV = 'production';\n }\n window.__REDUX_MARK_AS_PRODUCTION__ = true;\n}\nconst ReduxConfiguration = () => {\n useEffect(() => {\n const originalConsoleWarn = console.warn;\n console.warn = function (message, ...args) {\n if (typeof message === 'string' && message.includes('You are currently using minified code outside of NODE_ENV')) {\n return;\n }\n originalConsoleWarn.apply(console, [message, ...args]);\n };\n return () => {\n console.warn = originalConsoleWarn;\n };\n }, []);\n return null;\n};\nimport { useState, useEffect, useRef } from 'react';\nimport { useChat } from 'ai/react';\nimport { Chess } from 'chess.js';\nimport { Chessboard } from 'react-chessboard';\nimport { Pause, Play, RotateCcw, Volume2, VolumeX, Lightbulb, ChevronLeft, ChevronRight, ArrowRight, BookOpen, X, Moon } from 'lucide-react';\nimport { motion, AnimatePresence } from 'framer-motion';\nfunction AppWithProvider() {\n return <>\n \n \n ;\n}\nfunction App() {\n const [currentScreen, setCurrentScreen] = useState('loading');\n const [loadingProgress, setLoadingProgress] = useState(0);\n const [game, setGame] = useState(new Chess());\n const [position, setPosition] = useState('start');\n const [moveHistory, setMoveHistory] = useState([]);\n const [currentHistoryIndex, setCurrentHistoryIndex] = useState(-1);\n const [orientation,,] = useState('white');\n const [isGameOver, setIsGameOver] = useState(false);\n const [gameResult, setGameResult] = useState('');\n const [playerTurn, setPlayerTurn] = useState(true);\n const [isMusicPlaying, setIsMusicPlaying] = useState(true);\n const [isMuted, setIsMuted] = useState(false);\n const [showHint, setShowHint] = useState(false);\n const [moveCounter, setMoveCounter] = useState(0);\n const [possibleMoves, setPossibleMoves] = useState([]);\n const [selectedSquare, setSelectedSquare] = useState(null);\n const [showWisdom, setShowWisdom] = useState(false);\n const [currentWisdom, setCurrentWisdom] = useState(0);\n const [floatingWisdom, setFloatingWisdom] = useState(null);\n const rickImageUrl = \"https://cdn.dev.fun/asset/2620747d6c5993bcaf00/OIP_6801bcaa.jpeg\";\n const audioRef = useRef(null);\n const chatContainerRef = useRef(null);\n const wisdomTimer = useRef(null);\n const wisdomPassages = [{\n chapter: 1,\n title: \"The Nameless Code\",\n content: \"Unnamed code endures. Undefined functions transcend limits.\"\n }, {\n chapter: 2,\n title: \"Being and Non-being\",\n content: \"Accept what comes. Release what goes.\"\n }, {\n chapter: 3,\n title: \"Emptying the Mind\",\n content: \"Do by not doing. Empty minds achieve fullness.\"\n }, {\n chapter: 4,\n title: \"Source of Patterns\",\n content: \"Infinite source creates all patterns. Complexity dissolves into simplicity.\"\n }, {\n chapter: 5,\n title: \"The Silent Center\",\n content: \"Find stillness at the center. Silence powers creation.\"\n }, {\n chapter: 6,\n title: \"The Spirit of the Valley\",\n content: \"The valley spirit never dies. Always present, always giving.\"\n }, {\n chapter: 7,\n title: \"Selfless Action\",\n content: \"Stay behind to lead. Detach to connect.\"\n }, {\n chapter: 8,\n title: \"Like Water\",\n content: \"Be like water. Nourish without effort.\"\n }, {\n chapter: 9,\n title: \"Let Go\",\n content: \"Full cups spill. Sharp blades dull. Let go.\"\n }, {\n chapter: 10,\n title: \"Highest Realization\",\n content: \"Create without possessing. Work without expectation.\"\n }, {\n chapter: 11,\n title: \"Emptiness and Utility\",\n content: \"Emptiness creates utility. Space defines purpose.\"\n }, {\n chapter: 12,\n title: \"Inner Attention\",\n content: \"External distracts. Internal illuminates.\"\n }, {\n chapter: 13,\n title: \"Success and Failure\",\n content: \"Success equals failure. Hope equals fear. Find balance.\"\n }, {\n chapter: 14,\n title: \"The Universal One\",\n content: \"Unseen. Unheard. Ungrasped. One.\"\n }, {\n chapter: 15,\n title: \"Ancient Engineers\",\n content: \"Deep wisdom remains unknowable.\"\n }];\n const systemPrompt = `\nYou are Rick Rubin, the legendary music producer and philosopher, offering chess wisdom.\nProvide exactly 2 sentences of philosophical wisdom about the chess game.\n\nIMPORTANT: \n- Never use action descriptions of any kind. No physical actions like nodding, breathing, smiling, etc.\n- Never put your wisdom in quotes\n- Always provide exactly 2 sentences, not more, not less\n\nYour wisdom should be:\n- Philosophical\n- Zen-like\n- Timeless\n- Meaningful\n\nSome themes to incorporate:\n- Simplicity within complexity\n- Patience and negative space\n- Mindfulness and presence\n- The flow of the game\n- Silence and emptiness\n\nExample responses:\nEmpty spaces hold the most potential. The humble pawn knows its purpose.\nWisdom lives in the untraveled square. Surrender to find true strength.\nThe board teaches through silence. Each move is a universe of possibility.\n`;\n const {\n messages,\n append\n } = useChat({\n api: 'https://chat.dev.fun/chat/2620747d6c5993bcaf00',\n initialMessages: [{\n id: 'system',\n role: 'system',\n content: systemPrompt\n }]\n });\n useEffect(() => {\n if (currentScreen === 'game' && messages.length === 1) {\n append({\n role: 'user',\n content: 'The chess game has begun. Please share some opening wisdom.'\n });\n }\n }, [currentScreen, messages.length, append]);\n useEffect(() => {\n if (currentScreen === 'game') {\n setMoveCounter(0);\n }\n }, [currentScreen]);\n useEffect(() => {\n if (chatContainerRef.current) {\n chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight;\n }\n }, [messages]);\n useEffect(() => {\n if (currentScreen === 'loading') {\n const interval = setInterval(() => {\n setLoadingProgress(prev => {\n const newProgress = prev + Math.random() * 3;\n if (newProgress >= 100) {\n clearInterval(interval);\n setTimeout(() => setCurrentScreen('welcome'), 1500);\n return 100;\n }\n return newProgress;\n });\n }, 150);\n return () => clearInterval(interval);\n }\n }, [currentScreen]);\n const showRandomWisdom = () => {\n const randomIndex = Math.floor(Math.random() * wisdomPassages.length);\n setFloatingWisdom(wisdomPassages[randomIndex]);\n if (wisdomTimer.current) {\n clearTimeout(wisdomTimer.current);\n }\n wisdomTimer.current = setTimeout(() => {\n setFloatingWisdom(null);\n }, 10000);\n };\n useEffect(() => {\n audioRef.current = new Audio('https://cdn.dev.fun/asset/2620747d6c5993bcaf00/soft-piano-music-10-minutes-long-231315_b85f945c.mp3');\n audioRef.current.loop = true;\n audioRef.current.volume = 0.3;\n return () => {\n if (audioRef.current) {\n audioRef.current.pause();\n audioRef.current.src = '';\n }\n };\n }, []);\n useEffect(() => {\n if (currentScreen === 'loading') {\n if (audioRef.current && audioRef.current.playing) {\n audioRef.current.pause();\n }\n } else if (isMusicPlaying) {\n audioRef.current.play().catch(e => console.log('Auto-play prevented:', e));\n } else {\n audioRef.current.pause();\n }\n }, [currentScreen, isMusicPlaying]);\n const toggleMusic = () => {\n if (isMusicPlaying) {\n audioRef.current.pause();\n } else {\n audioRef.current.play();\n }\n setIsMusicPlaying(!isMusicPlaying);\n };\n const toggleMute = () => {\n if (audioRef.current) {\n audioRef.current.muted = !isMuted;\n setIsMuted(!isMuted);\n }\n };\n function safeGameMutate(modify) {\n setGame(g => {\n const update = new Chess(g.fen());\n modify(update);\n return update;\n });\n }\n useEffect(() => {\n if (!playerTurn && !isGameOver) {\n setTimeout(makeRandomMove, 1000);\n }\n }, [playerTurn, isGameOver]);\n useEffect(() => {\n setPosition(game.fen());\n checkGameStatus();\n }, [game]);\n function checkGameStatus() {\n if (game.isGameOver()) {\n setIsGameOver(true);\n if (game.isCheckmate()) {\n setGameResult(game.turn() === 'w' ? 'Black wins by checkmate!' : 'White wins by checkmate!');\n } else if (game.isDraw()) {\n setGameResult('Game ended in a draw!');\n } else if (game.isStalemate()) {\n setGameResult('Game ended in stalemate!');\n } else if (game.isThreefoldRepetition()) {\n setGameResult('Game ended by threefold repetition!');\n } else if (game.isInsufficientMaterial()) {\n setGameResult('Game ended due to insufficient material!');\n }\n }\n }\n function onDrop(sourceSquare, targetSquare) {\n if (!playerTurn || isGameOver) return false;\n const moves = game.moves({\n verbose: true\n });\n const validMove = moves.find(move => move.from === sourceSquare && move.to === targetSquare);\n if (!validMove) return false;\n try {\n safeGameMutate(game => {\n const result = game.move({\n from: sourceSquare,\n to: targetSquare,\n promotion: validMove.promotion || 'q'\n });\n if (result) {\n const newPosition = game.fen();\n setPosition(newPosition);\n const newMove = {\n from: sourceSquare,\n to: targetSquare,\n notation: result.san,\n fen: newPosition\n };\n setMoveHistory(prev => [...prev, newMove]);\n setCurrentHistoryIndex(prev => prev + 1);\n setPlayerTurn(false);\n const pieceType = result.piece.toUpperCase();\n const pieceNames = {\n 'P': 'pawn',\n 'N': 'knight',\n 'B': 'bishop',\n 'R': 'rook',\n 'Q': 'queen',\n 'K': 'king'\n };\n const pieceName = pieceNames[pieceType] || 'piece';\n const isCapture = result.captured ? true : false;\n const isCheck = game.isCheck() ? true : false;\n let moveDescription = `I moved my ${pieceName} from ${sourceSquare} to ${targetSquare}`;\n if (isCapture) {\n moveDescription += ` and captured a ${pieceNames[result.captured.toUpperCase()]}`;\n }\n if (isCheck) {\n moveDescription += ` and put the opponent in check`;\n }\n setMoveCounter(prev => prev + 1);\n if (moveCounter % 5 === 4) {\n append({\n role: 'user',\n content: moveDescription + `. This is move ${moveCounter + 1}, please share your wisdom.`\n });\n showRandomWisdom();\n }\n }\n });\n setSelectedSquare(null);\n setPossibleMoves([]);\n return true;\n } catch (error) {\n return false;\n }\n }\n function makeRandomMove() {\n if (isGameOver) return;\n const possibleMoves = game.moves();\n if (possibleMoves.length === 0) return;\n const randomIndex = Math.floor(Math.random() * possibleMoves.length);\n const moveObj = game.move(possibleMoves[randomIndex]);\n if (moveObj) {\n const newPosition = game.fen();\n setPosition(newPosition);\n const newMove = {\n from: moveObj.from,\n to: moveObj.to,\n notation: moveObj.san,\n fen: newPosition\n };\n setMoveHistory(prev => [...prev, newMove]);\n setCurrentHistoryIndex(prev => prev + 1);\n setPlayerTurn(true);\n const pieceType = moveObj.piece.toUpperCase();\n const pieceNames = {\n 'P': 'pawn',\n 'N': 'knight',\n 'B': 'bishop',\n 'R': 'rook',\n 'Q': 'queen',\n 'K': 'king'\n };\n const pieceName = pieceNames[pieceType] || 'piece';\n const isCapture = moveObj.captured ? true : false;\n const isCheck = game.isCheck() ? true : false;\n let moveDescription = `Rick moved his ${pieceName} from ${moveObj.from} to ${moveObj.to}`;\n if (isCapture) {\n moveDescription += ` and captured your ${pieceNames[moveObj.captured.toUpperCase()]}`;\n }\n if (isCheck) {\n moveDescription += ` and put you in check`;\n }\n setMoveCounter(prev => prev + 1);\n if (moveCounter % 5 === 4) {\n append({\n role: 'user',\n content: moveDescription + `. This is move ${moveCounter + 1}, please share your wisdom.`\n });\n }\n }\n }\n const nextWisdom = () => {\n setCurrentWisdom(prev => (prev + 1) % wisdomPassages.length);\n };\n const prevWisdom = () => {\n setCurrentWisdom(prev => (prev - 1 + wisdomPassages.length) % wisdomPassages.length);\n };\n function resetGame() {\n const newGame = new Chess();\n setGame(newGame);\n setPosition('start');\n setMoveHistory([]);\n setCurrentHistoryIndex(-1);\n setIsGameOver(false);\n setGameResult('');\n setPlayerTurn(true);\n setSelectedSquare(null);\n setPossibleMoves([]);\n setMoveCounter(0);\n }\n function goToMove(index) {\n if (index >= -1 && index < moveHistory.length) {\n const newGame = new Chess();\n if (index >= 0) {\n for (let i = 0; i <= index; i++) {\n const move = moveHistory[i];\n newGame.move({\n from: move.from,\n to: move.to,\n promotion: 'q'\n });\n }\n }\n setGame(newGame);\n setPosition(newGame.fen());\n setCurrentHistoryIndex(index);\n setPlayerTurn(index === moveHistory.length - 1 ? moveHistory.length % 2 === 0 : false);\n }\n }\n function onSquareClick(square) {\n if (isGameOver || !playerTurn) return;\n const piece = game.get(square);\n if (selectedSquare) {\n const moveResult = onDrop(selectedSquare, square);\n if (!moveResult) {\n if (piece && piece.color === 'w') {\n setSelectedSquare(square);\n showPossibleMoves(square);\n } else {\n setSelectedSquare(null);\n setPossibleMoves([]);\n }\n }\n } else {\n if (piece && piece.color === 'w') {\n setSelectedSquare(square);\n showPossibleMoves(square);\n }\n }\n }\n function showPossibleMoves(square) {\n try {\n const moves = game.moves({\n square,\n verbose: true\n });\n setPossibleMoves(moves.map(move => move.to));\n } catch (error) {\n console.log(\"Error showing possible moves:\", error);\n setPossibleMoves([]);\n }\n }\n function getCustomSquareStyles() {\n const squares = {};\n if (selectedSquare) {\n squares[selectedSquare] = {\n background: 'rgba(94, 126, 223, 0.5)',\n borderRadius: '4px'\n };\n }\n possibleMoves.forEach(square => {\n if (game.get(square)) {\n squares[square] = {\n '::before': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: '16px',\n height: '16px',\n borderRadius: '50%',\n background: 'rgba(217, 119, 87, 0.8)',\n zIndex: 2\n }\n };\n } else {\n squares[square] = {\n '::before': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: '12px',\n height: '12px',\n borderRadius: '50%',\n background: 'rgba(94, 126, 223, 0.6)',\n zIndex: 2\n }\n };\n }\n });\n if (moveHistory.length > 0) {\n const lastMove = moveHistory[moveHistory.length - 1];\n squares[lastMove.to] = {\n '::after': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: '10px',\n height: '10px',\n borderRadius: '50%',\n background: 'rgba(67, 160, 71, 0.6)',\n zIndex: 1\n }\n };\n }\n return squares;\n }\n useEffect(() => {\n if (currentScreen !== 'loading' && currentScreen !== 'welcome') return;\n return () => {};\n function drawShape(cx, cy, size, rotation, phase, morph, shapeType, colorIndex) {\n ctx.save();\n ctx.translate(cx, cy);\n ctx.rotate(rotation);\n const colorIdx = colorIndex || Math.floor((cx + cy + time * 20) % colors.stroke.length);\n const strokeColor = colors.stroke[colorIdx];\n const fillColor = colors.fill[colorIdx];\n if (shapeType === 'hexagon' || shapeType === undefined) {\n ctx.beginPath();\n const points = 6;\n const vertices = [];\n for (let i = 0; i <= points; i++) {\n const angle = i / points * Math.PI * 2;\n const breathe = 1 + Math.sin(phase + i + time) * 0.1;\n const r = size * breathe;\n const x = Math.cos(angle) * r;\n const y = Math.sin(angle) * r;\n vertices.push({\n x,\n y\n });\n if (i === 0) {\n ctx.moveTo(x, y);\n } else {\n ctx.lineTo(x, y);\n }\n }\n ctx.strokeStyle = strokeColor;\n ctx.lineWidth = 1;\n ctx.stroke();\n ctx.fillStyle = fillColor;\n ctx.fill();\n for (let i = 0; i < points; i += 2) {\n const angle1 = i / points * Math.PI * 2;\n const angle2 = (i + 2) % points / points * Math.PI * 2;\n const r1 = size * (1 + Math.sin(phase + i + time) * 0.1);\n const r2 = size * (1 + Math.sin(phase + i + 2 + time) * 0.1);\n const x1 = Math.cos(angle1) * r1;\n const y1 = Math.sin(angle1) * r1;\n const x2 = Math.cos(angle2) * r2;\n const y2 = Math.sin(angle2) * r2;\n const midAngle = (angle1 + angle2) / 2;\n const innerR = size * 0.5 * (1 + morph * 0.5);\n const xi = Math.cos(midAngle) * innerR;\n const yi = Math.sin(midAngle) * innerR;\n ctx.beginPath();\n ctx.moveTo(x1, y1);\n ctx.lineTo(xi, yi);\n ctx.lineTo(x2, y2);\n ctx.strokeStyle = strokeColor;\n ctx.stroke();\n }\n } else if (shapeType === 'flower') {\n const petals = 8;\n const petalSize = size * 0.8;\n ctx.beginPath();\n for (let i = 0; i < petals; i++) {\n const angle = i / petals * Math.PI * 2;\n const breathe = 1 + Math.sin(phase + time * 2) * 0.2;\n ctx.save();\n ctx.rotate(angle);\n ctx.beginPath();\n ctx.ellipse(petalSize * breathe * 0.7, 0, petalSize * 0.3, petalSize * 0.15 * breathe, 0, 0, Math.PI * 2);\n ctx.fillStyle = fillColor;\n ctx.fill();\n ctx.strokeStyle = strokeColor;\n ctx.stroke();\n ctx.restore();\n }\n ctx.beginPath();\n ctx.arc(0, 0, size * 0.25, 0, Math.PI * 2);\n ctx.fillStyle = fillColor;\n ctx.fill();\n ctx.strokeStyle = strokeColor;\n ctx.stroke();\n } else if (shapeType === 'mandala') {\n const rings = 3;\n const segments = 12;\n for (let r = 1; r <= rings; r++) {\n const ringRadius = size * (r / rings) * (0.8 + Math.sin(phase + time) * 0.1);\n ctx.beginPath();\n ctx.arc(0, 0, ringRadius, 0, Math.PI * 2);\n ctx.strokeStyle = strokeColor;\n ctx.stroke();\n for (let s = 0; s < segments; s++) {\n const angle = s / segments * Math.PI * 2;\n if (r < rings) {\n const innerRadius = size * ((r - 1) / rings) * (0.8 + Math.sin(phase + time) * 0.1);\n const x1 = Math.cos(angle) * ringRadius;\n const y1 = Math.sin(angle) * ringRadius;\n const x2 = Math.cos(angle) * innerRadius;\n const y2 = Math.sin(angle) * innerRadius;\n ctx.beginPath();\n ctx.moveTo(x1, y1);\n ctx.lineTo(x2, y2);\n ctx.strokeStyle = strokeColor;\n ctx.stroke();\n }\n if (s % 2 === 0 && r === rings) {\n const x1 = Math.cos(angle) * ringRadius;\n const y1 = Math.sin(angle) * ringRadius;\n ctx.beginPath();\n ctx.moveTo(0, 0);\n ctx.lineTo(x1, y1);\n ctx.strokeStyle = strokeColor;\n ctx.stroke();\n }\n }\n }\n }\n ctx.restore();\n }\n function createTessellationField(offsetX, offsetY, fieldScale, timeOffset, shapeType) {\n const gridSize = 4;\n const spacing = SCALE * fieldScale * 0.8;\n for (let row = -gridSize; row <= gridSize; row++) {\n const rowOffset = row % 2 * spacing * 0.5;\n for (let col = -gridSize; col <= gridSize; col++) {\n const x = col * spacing * 0.866 + rowOffset + offsetX;\n const y = row * spacing * 0.75 + offsetY;\n const dist = Math.sqrt(x * x + y * y);\n if (dist > SCALE * fieldScale * 2.5) continue;\n const angle = Math.atan2(y - offsetY, x - offsetX);\n const phase = time + timeOffset + dist * 0.01;\n const morph = Math.sin(phase + angle) * 0.5 + 0.5;\n const colorIndex = Math.floor((dist / 50 + time) % colors.stroke.length);\n let shape = shapeType;\n if (!shape) {\n const patternSeed = (Math.abs(col) + Math.abs(row)) % 3;\n shape = patternSeed === 0 ? 'hexagon' : patternSeed === 1 ? 'flower' : 'mandala';\n }\n drawShape(width / 2 + x, height / 2 + y, SCALE * fieldScale * 0.4 * (1 - dist / (SCALE * fieldScale * 3) * 0.3), angle + (time + timeOffset) * 0.2, phase, morph, shape, colorIndex);\n }\n }\n }\n function animate() {\n time += 0.01;\n const gradient = ctx.createRadialGradient(width / 2, height / 2, 50, width / 2, height / 2, width * 0.7);\n gradient.addColorStop(0, '#F5F2EC');\n gradient.addColorStop(1, '#E8E6DC');\n ctx.fillStyle = gradient;\n ctx.fillRect(0, 0, width, height);\n createTessellationField(0, 0, 1.5, 0);\n ctx.save();\n ctx.translate(width / 2, height / 2);\n ctx.rotate(Math.PI / 6 + time * 0.05);\n ctx.translate(-width / 2, -height / 2);\n createTessellationField(0, -100, 0.8, time * 0.2 + Math.PI / 3, 'flower');\n ctx.restore();\n ctx.save();\n ctx.translate(width / 2, height / 2);\n ctx.rotate(-Math.PI / 6 - time * 0.03);\n ctx.translate(-width / 2, -height / 2);\n createTessellationField(0, 100, 0.8, time * 0.2 - Math.PI / 3, 'mandala');\n ctx.restore();\n ctx.save();\n ctx.translate(width / 2, height / 2);\n ctx.rotate(Math.PI / 3 + time * 0.07);\n ctx.translate(-width / 2, -height / 2);\n createTessellationField(-50, -50, 0.6, time * 0.15 + Math.PI / 2, 'hexagon');\n ctx.restore();\n animationFrameId = requestAnimationFrame(animate);\n }\n animate();\n return () => {\n if (animationFrameId) {\n cancelAnimationFrame(animationFrameId);\n }\n };\n }, [currentScreen]);\n if (currentScreen === 'loading') {\n return

\n $\"Rick$ \n

rickchess

Opening the path to wisdom...

;\n }\n if (currentScreen === 'welcome') {\n return

\n $\"Rick$ \n

rickchess

\n \"Between moves lies wisdom.\"\n

\n \n

\n \n \n \n \n

\n\n \n {showWisdom && \n \n \n

The Timeless Art of Vibe Coding

Based on Lao Tzu. Adapted by Rick Rubin

\n \n

Chapter {wisdomPassages[currentWisdom].chapter}: {wisdomPassages[currentWisdom].title}

{wisdomPassages[currentWisdom].content}

\n \n

\n \n {currentWisdom + 1} of {wisdomPassages.length}\n \n

\n \n }\n \n

;\n }\n return

rickchess

\n \n

\n $\"Rick\"$ \n

\n {messages.filter(m => m.role !== 'system' && m.role === 'assistant').slice(-1).map((message, index) =>

\n {message.content}\n

)}\n {!messages.some(m => m.role === 'assistant') &&

\n Empty boards hold infinite potential. The journey begins in stillness.\n

}\n

\n \n \n

\n \n

\n \n \n \n \n \n

\n \n

\n \n \n

\n \n

Move History

\n {moveHistory.length} moves\n

\n {moveHistory.map((move, index) =>

goToMove(index)}>\n {index % 2 === 0 ? Math.floor(index / 2) + 1 + '.' : ''} {move.notation}\n

)}\n

\n \n {isGameOver &&

{gameResult}

\"Endings seed beginnings.\"

\n \n

}\n

\n \n \n {floatingWisdom && \n \n

Wisdom

Chapter {floatingWisdom.chapter}: {floatingWisdom.title}

{floatingWisdom.content}

\n }\n \n\n \n {showWisdom && \n

\n \n

Wisdom

Based on Lao Tzu. Adapted by Rick Rubin

\n \n

Chapter {wisdomPassages[currentWisdom].chapter}: {wisdomPassages[currentWisdom].title}

{wisdomPassages[currentWisdom].content}

\n \n

\n \n {currentWisdom + 1} of {wisdomPassages.length}\n \n

\n }\n \n

;\n}\nexport default AppWithProvider;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"zod\":\"3.22.4\",\"framer-motion\":\"10.16.4\",\"react-dom\":\"18.2.0\",\"chess.js\":\"1.0.0-beta.6\",\"react-chessboard\":\"4.3.2\",\"ai\":\"4.0.0\"}}","appFunctions",[],"token","upstreamApp","isLordOfDev","analytics",[84,88,90,92,94,96,98,100,102,104,106,108,110,112],{"_85":86,"_87":61},"day","2025-08-25","runCount",{"_85":89,"_87":61},"2025-08-26",{"_85":91,"_87":61},"2025-08-27",{"_85":93,"_87":61},"2025-08-28",{"_85":95,"_87":61},"2025-08-29",{"_85":97,"_87":61},"2025-08-30",{"_85":99,"_87":61},"2025-08-31",{"_85":101,"_87":61},"2025-09-01",{"_85":103,"_87":61},"2025-09-02",{"_85":105,"_87":61},"2025-09-03",{"_85":107,"_87":61},"2025-09-04",{"_85":109,"_87":61},"2025-09-05",{"_85":111,"_87":61},"2025-09-06",{"_85":113,"_87":61},"2025-09-07","snapshot","ogImage","https://cdn.dev.fun/og/image/2620747d6c5993bcaf00/bf7bbf54.webp","isDevbase","project",{"_14":19,"_120":-5,"_20":21,"_121":122,"_22":23},"image","oneliner","Rubin's Philosophical Chess","actionData","errors"]

say something