{"/index.html":"\n\n \n \n \n چت‌بات شبیه ChatGPT\n \n \n \n \n \n

\n \n","/App.js":"import React, { useRef, useEffect, useState } from \"react\";\n\nconst BOT_AVATAR = \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQeJQeJyzgAzTEVqXiGe90RGBFhfp_4RcJJMQ&s\";\nconst USER_AVATAR = \"https://ui-avatars.com/api/?name=User&background=0D8ABC&color=fff\";\n\n// جواب‌های mock بیشتر و متنوع‌تر\nfunction botReply(userMessage) {\n if (/سلام|درود|خسته نباشی/i.test(userMessage)) return \"سلام! چطور می‌تونم کمکت کنم؟\";\n if (/react/i.test(userMessage)) return \"React یک کتابخانه جاوااسکریپت برای ساخت رابط کاربری است.\";\n if (/tailwind|تیلورند/i.test(userMessage)) return \"Tailwind CSS یک فریمورک utility-first برای ساخت سریع و آسان رابط کاربری است.\";\n if (/نام تو چیه|کی هستی|خودت را معرفی کن/i.test(userMessage)) return \"من یک چت‌بات هستم که با React و Tailwind ساخته شدم!\";\n if (/تاریخ امروز|امروز چه روزیه/i.test(userMessage)) return `امروز ${new Date().toLocaleDateString(\"fa-IR\")} است.`;\n if (/جاوااسکریپت/i.test(userMessage)) return \"جاوااسکریپت یک زبان برنامه‌نویسی محبوب برای توسعه وب است.\";\n if (/خداحافظ|خدافظ|بدرود/i.test(userMessage)) return \"خدا نگهدار! هر وقت خواستی برگرد و سؤال بپرس :)\";\n if (/عکس|تصویر/i.test(userMessage)) return \"این یک عکس نمونه است: \\nhttps://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQeJQeJyzgAzTEVqXiGe90RGBFhfp_4RcJJMQ&s\";\n if (/آب و هوا|هوا/i.test(userMessage)) return \"من اطلاعات دقیق آب و هوا رو ندارم، ولی امیدوارم امروزت آفتابی باشه!\";\n if (/ممنون|مرسی|سپاس/i.test(userMessage)) return \"خواهش می‌کنم، همیشه در خدمت شما هستم.\";\n if (/شوخی|جک/i.test(userMessage)) return \"بفرما یک شوخی: چرا برنامه‌نویس‌ها هیچ‌وقت گم نمی‌شن؟ چون همیشه روی یک مسیرند (Path)!\";\n if (/ساعت/i.test(userMessage)) return `الان ساعت ${new Date().toLocaleTimeString(\"fa-IR\")} است.`;\n if (/python|پایتون/i.test(userMessage)) return \"پایتون یک زبان برنامه‌نویسی ساده و قدرتمند است که در هوش مصنوعی، وب و علم داده کاربرد زیادی دارد.\";\n if (/ویو|vue/i.test(userMessage)) return \"Vue.js یک فریمورک برای ساخت رابط کاربری است که ساده و سبک است.\";\n if (/نود|Node.js/i.test(userMessage)) return \"Node.js محیط اجرایی جاوااسکریپت در سمت سرور است.\";\n return \"من هنوز یاد نگرفتم جواب اینو بدم 😅\";\n}\n\nexport default function App() {\n const [messages, setMessages] = useState([\n { sender: \"bot\", text: \"سلام! من یک چت‌بات هستم. از من هر سوالی داری، بپرس.\" }\n ]);\n const [input, setInput] = useState(\"\");\n const chatRef = useRef(null);\n\n useEffect(() => {\n if (chatRef.current) {\n chatRef.current.scrollTop = chatRef.current.scrollHeight;\n }\n }, [messages]);\n\n function handleSend(e) {\n e.preventDefault();\n const text = input.trim();\n if (!text) return;\n setMessages(msgs => [...msgs, { sender: \"user\", text }]);\n setInput(\"\");\n setTimeout(() => {\n setMessages(msgs => [...msgs, { sender: \"bot\", text: botReply(text) }]);\n }, 700);\n }\n\n return (\n

\n {/* Header */}\n

\n $\"chatbot\"$ \n

ChatGPT

\n\n {/* چت پنل */}\n

\n \n {messages.map((msg, i) => (\n \n {msg.sender === \"bot\" && (\n \n )}\n \n {msg.text}\n \n {msg.sender === \"user\" && (\n \n )}\n

\n ))}\n \n \n\n {/* input بخش */}\n \n setInput(e.target.value)}\n onKeyDown={e => {\n if (e.key === \"Enter\" && !e.shiftKey) handleSend(e);\n }}\n />\n \n ارسال\n \n \n\n {/* Footer */}\n \n \n );\n}\n","/index.js":"import React from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport App from \"./App\";\n\nconst root = createRoot(document.getElementById(\"root\"));\nroot.render(\n \n \n \n);\n"}