function MainComponent() { const [angerPercent, setAngerPercent] = useState(0); const [gameOver, setGameOver] = useState(false); const [showChat, setShowChat] = useState(false); const [messages, setMessages] = useState([]); const [streamingMessage, setStreamingMessage] = useState(""); const [userMessage, setUserMessage] = useState(""); const handleSubmit = async (e)=>{ e.preventDefault(); if (!userMessage.trim()) return; const newMessage = { role: "user", content: userMessage }; setMessages((prev)=>[ ...prev, newMessage ]); setUserMessage(""); if (userMessage.includes("勉強しなさい")) { setAngerPercent((prev)=>{ const newValue = Math.min(prev + 50, 100); if (newValue >= 100) setGameOver(true); return newValue; }); } const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "あなたは問題のある不良生徒です。厳格な男性教師と会話をしています。以下のルールに従って会話してください：\n1. 敬語を使わない\n2. 時々暴言を吐く\n3. たまに素直な態度を見せる\n4. 生徒らしい口調で話す（例：「～っす」「～だよ」「～じゃん」）\n\n教師の発言に対して、適度に反抗的な態度で返答してください。特に「勉強しなさい」と言われた場合は、激しく反抗的になってください。" }, ...messages, newMessage ], stream: true }) }); handleStreamResponse(response); }; const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ setMessages((prev)=>[ ...prev, { role: "assistant", content: message } ]); setStreamingMessage(""); const angerMatch = message.match(/怒り度: (\d+)/); if (angerMatch) { const angerValue = parseInt(angerMatch[1]); setAngerPercent((prev)=>{ const newValue = Math.min(prev + angerValue, 100); if (newValue >= 100) setGameOver(true); return newValue; }); } } }); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 62, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto w-full bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/a5904d04-83d6-4757-87dd-24ca76d7085f/-/format/auto/", alt: "教師", className: "w-24 h-24 rounded-full object-cover", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-xl", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "先生"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4 bg-red-100 rounded-lg p-4", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-red-800 font-bold mb-2", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, "生徒の怒り度"), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-4", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-600 h-4 rounded-full transition-all duration-500", style: { width: `${angerPercent}%` }, __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-right text-red-800 mt-1", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, angerPercent, "%")), gameOver ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-red-600 mb-4", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "ゲームオーバー"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setAngerPercent(0); setGameOver(false); setMessages([]); }, className: "bg-blue-500 text-white px-6 py-2 rounded-lg hover:bg-blue-600", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, "もう一度チャレンジ")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-80 overflow-y-auto border rounded-lg p-4 mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, messages.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `mb-4 ${msg.role === "user" ? "text-right" : "text-left"}`, __source: { fileName: "", lineNumber: 105, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `inline-block p-3 rounded-lg ${msg.role === "user" ? "bg-blue-100" : "bg-gray-100"}`, __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this }, msg.content))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "text-left", __source: { fileName: "", lineNumber: 119, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block p-3 rounded-lg bg-gray-100", __source: { fileName: "", lineNumber: 120, columnNumber: 19 }, __self: this }, streamingMessage))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex gap-2", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: userMessage, onChange: (e)=>setUserMessage(e.target.value), className: "flex-1 border rounded-lg px-4 py-2", placeholder: "先生として発言してください...", disabled: gameOver, __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white px-6 py-2 rounded-lg hover:bg-blue-600", disabled: gameOver, __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }, "送信"))))); }