function MainComponent() { const [formData, setFormData] = React.useState({ userID: "", password: "" }); const [progress, setProgress] = React.useState(0); const [isLoggedIn, setIsLoggedIn] = React.useState(false); const handleChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; const handleLogin = (e)=>{ e.preventDefault(); fetch('/api/login', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(formData) }).then((response)=>response.json()).then((data)=>{ if (data.success) { setIsLoggedIn(true); } else { alert('ログインに失敗しました。もう一度お試しください。'); } }).catch((error)=>{ alert('エラーが発生しました: ' + error.message); }); }; const handleStartFetching = ()=>{ setProgress(10); fetch('/api/fetch-auction-data', { method: 'GET', headers: { 'Content-Type': 'application/json' } }).then((response)=>response.json()).then((data)=>{ if (data.success) { setProgress(100); alert('CSVファイルが作成されました: ' + data.filename); } else { alert('落札者情報の取得に失敗しました。'); } }).catch((error)=>{ alert('エラーが発生しました: ' + error.message); }); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4 font-sans", __source: { fileName: "", lineNumber: 59, columnNumber: 5 }, __self: this }, !isLoggedIn ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "bg-white p-6 rounded shadow-md w-full max-w-sm", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4 text-center font-bold", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "ヤフーオークションログイン"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "userID", value: formData.userID, onChange: handleChange, placeholder: "ユーザーID", className: "w-full p-2 mb-4 border rounded", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", value: formData.password, onChange: handleChange, placeholder: "パスワード", className: "w-full p-2 mb-4 border rounded", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white p-2 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "ログイン")) : /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded shadow-md w-full max-w-sm text-center", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4 text-center font-bold", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, "落札者情報取得"), /*#__PURE__*/ React.createElement("button", { onClick: handleStartFetching, className: "w-full bg-green-500 text-white p-2 mb-4 rounded hover:bg-green-600", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "取得開始"), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-6", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 h-6 rounded-full", style: { width: `${progress}%` }, __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this })))); }