function MainComponent() { const [gameState, setGameState] = React.useState({ stats: { health: 100, strength: 10, intelligence: 10, charisma: 10 }, inventory: [], location: "Starting Area", messages: [], loading: false }); const [userInput, setUserInput] = React.useState(""); const sendMessage = async ()=>{ if (userInput.trim() === "") return; const newMessages = [ ...gameState.messages, { role: "user", content: userInput } ]; setGameState((prevState)=>({ ...prevState, messages: newMessages, loading: true })); setUserInput(""); try { const response = await fetch('/integrations/google-gemini-1-5/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "system", content: "You are the game master for an RPG text adventure. Respond to the player's actions and describe the world. Incorporate the player's stats and inventory in your responses. Keep responses concise." }, { role: "user", content: `Current stats: ${JSON.stringify(gameState.stats)}. Current inventory: ${JSON.stringify(gameState.inventory)}. Current location: ${gameState.location}. Player action: ${userInput}` } ] }) }); const data = await response.json(); const aiResponse = data.choices[0].message.content; setGameState((prevState)=>({ ...prevState, messages: [ ...newMessages, { role: "assistant", content: aiResponse } ], loading: false })); } catch (error) { console.error("Error:", error); setGameState((prevState)=>({ ...prevState, loading: false })); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-gray-900 text-white font-mono p-4", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto mb-4 space-y-4", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, gameState.messages.map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `p-2 rounded ${message.role === "user" ? "bg-blue-800" : "bg-green-800"}`, __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, message.role === "user" ? "You:" : "Game Master:"), " ", message.content)), gameState.loading && /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 62, columnNumber: 31 }, __self: this }, "Game Master is thinking...")), /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0 border-t border-gray-700 pt-4", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 grid grid-cols-2 gap-2 text-sm", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Health: ", gameState.stats.health), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Strength: ", gameState.stats.strength), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "Intelligence: ", gameState.stats.intelligence), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "Charisma: ", gameState.stats.charisma)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold mb-1", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "Inventory:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside text-sm", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, gameState.inventory.length === 0 ? /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, "Empty") : gameState.inventory.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 77, columnNumber: 56 }, __self: this }, item)))), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: userInput, onChange: (e)=>setUserInput(e.target.value), onKeyPress: (e)=>e.key === "Enter" && sendMessage(), className: "flex-1 bg-gray-800 text-white px-4 py-2 rounded-l focus:outline-none", placeholder: "Enter your action...", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: sendMessage, className: "bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-r", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "Send")))); }