function MainComponent() { const [isLoggedIn, setIsLoggedIn] = React.useState(false); const [tasks, setTasks] = React.useState({}); const [newTask, setNewTask] = React.useState(""); const [username, setUsername] = React.useState(""); const [password, setPassword] = React.useState(""); const [users, setUsers] = React.useState({}); const [userIcon, setUserIcon] = React.useState(""); const [suggestions, setSuggestions] = React.useState(""); React.useEffect(()=>{ if (isLoggedIn) { fetch(`/integrations/stable-diffusion/?prompt=${username}+icon`).then((response)=>response.json()).then((data)=>{ if (data && data.data && data.data.length > 0) { setUserIcon(data.data[0]); } }); const userTasks = tasks[username] ? tasks[username].join(", ") : ""; if (userTasks) { fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": userTasks } ], system_prompt: 'Provide task suggestions based on these tasks' }) }).then((response)=>response.json()).then((data)=>{ if (data && data.choices && data.choices.length > 0 && data.choices[0].message && data.choices[0].message.content) { setSuggestions(data.choices[0].message.content); } }); } } }, [ isLoggedIn, tasks, username ]); function handleAddTask() { setTasks((prevTasks)=>({ ...prevTasks, [username]: [ ...prevTasks[username] || [], newTask ] })); setNewTask(""); } function handleLogin() { if (users[username] && users[username] === password) { setIsLoggedIn(true); } else { alert("登録されていないユーザー名またはパスワードです。"); } } function handleUsernameChange(event) { setUsername(event.target.value); } function handlePasswordChange(event) { setPassword(event.target.value); } function handleNewTaskChange(event) { setNewTask(event.target.value); } function handleDeleteTask(indexToDelete) { setTasks((prevTasks)=>({ ...prevTasks, [username]: prevTasks[username].filter((_, index)=>index !== indexToDelete) })); } function handleRegister() { setUsers((prevUsers)=>({ ...prevUsers, [username]: password })); alert('ユーザー登録が完了しました。'); } function handleLogout() { setIsLoggedIn(false); setUsername(""); setPassword(""); } function handleSignOut() { const updatedUsers = { ...users }; delete updatedUsers[username]; setUsers(updatedUsers); const updatedTasks = { ...tasks }; delete updatedTasks[username]; setTasks(updatedTasks); setIsLoggedIn(false); setUsername(""); setPassword(""); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen w-screen bg-[#f5f5f5] font-roboto flex flex-col", __source: { fileName: "", lineNumber: 110, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 111, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold text-[#121212] mb-8", __source: { fileName: "", lineNumber: 112, columnNumber: 9 }, __self: this }, "ToDo アプリ"), !isLoggedIn ? /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "bg-white shadow-lg rounded-lg px-8 pt-6 pb-8 mb-4", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 116, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-3 px-4 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "username", type: "text", placeholder: "ユーザー名", name: "username", value: username, onChange: handleUsernameChange, __source: { fileName: "", lineNumber: 117, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-3 px-4 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline", id: "password", type: "password", placeholder: "パスワード", name: "password", value: password, onChange: handlePasswordChange, __source: { fileName: "", lineNumber: 120, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#4CAF50] hover:bg-[#45a049] text-white font-bold py-3 px-6 rounded-lg focus:outline-none focus:shadow-outline text-lg", type: "button", onClick: handleLogin, __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-lg focus:outline-none focus:shadow-outline text-lg", type: "button", onClick: handleRegister, __source: { fileName: "", lineNumber: 126, columnNumber: 17 }, __self: this }, "登録")))) : /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl flex flex-col items-center space-y-6", __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: userIcon, alt: `${username} icon`, className: "w-32 h-32 rounded-full shadow-lg", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }), suggestions && /*#__PURE__*/ React.createElement("div", { className: "text-center text-lg font-semibold bg-white p-4 rounded-lg shadow-md w-full", __source: { fileName: "", lineNumber: 135, columnNumber: 29 }, __self: this }, "Task Suggestion: ", suggestions), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-3 px-6 rounded-lg focus:outline-none focus:shadow-outline text-lg", type: "button", onClick: handleLogout, __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, "ログアウト"), /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 hover:bg-red-700 text-white font-bold py-3 px-6 rounded-lg focus:outline-none focus:shadow-outline text-lg", type: "button", onClick: handleSignOut, __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, "サインアウト")), /*#__PURE__*/ React.createElement("div", { className: "w-full flex flex-col items-center", __source: { fileName: "", lineNumber: 144, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6 w-full", __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-3 px-4 text-gray-700 leading-tight focus:outline-none focus:shadow-outline text-lg", type: "text", placeholder: "タスクを追加", name: "task", value: newTask, onChange: handleNewTaskChange, __source: { fileName: "", lineNumber: 146, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#4CAF50] hover:bg-[#45a049] text-white font-bold py-3 px-6 rounded-lg focus:outline-none focus:shadow-outline text-lg mb-6", type: "button", onClick: handleAddTask, __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, "追加"), /*#__PURE__*/ React.createElement("ul", { className: "w-full list-disc space-y-4", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, (tasks[username] || []).map((task, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "bg-white px-6 py-4 shadow-md rounded-lg flex justify-between items-center text-lg", __source: { fileName: "", lineNumber: 153, columnNumber: 19 }, __self: this }, task, /*#__PURE__*/ React.createElement("button", { className: "text-red-500 hover:text-red-700 text-xl", onClick: ()=>handleDeleteTask(index), __source: { fileName: "", lineNumber: 155, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt", __source: { fileName: "", lineNumber: 156, columnNumber: 23 }, __self: this }))))))))); }