function MainComponent() { const [loading, setLoading] = React.useState(false); const [summary, setSummary] = React.useState(''); const [url, setUrl] = React.useState(''); const handleUrlChange = (event)=>{ setUrl(event.target.value); }; const handleSubmit = async (event)=>{ event.preventDefault(); setLoading(true); setSummary(''); try { const webResponse = await fetch('/integrations/web-scraping/post', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: url, getText: true }) }); const webData = await webResponse.text(); const chatResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": `このサイトの内容を要約してください: \n\n${webData}` } ] }) }); const chatData = await chatResponse.json(); const summary = chatData.choices[0].message.content; setSummary(summary); } catch (error) { console.error('Error fetching summary:', error); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#f0e6f6] p-4", __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg w-full max-w-[600px]", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center mb-4 font-crimson-text", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, "ウェブサイト要約ツール"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-[#666] mb-6 font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, "URLを入力して、ウェブページの内容を要約します。"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "url", value: url, onChange: handleUrlChange, placeholder: "例: https://example.com", className: "py-2 px-4 border border-gray-300 rounded", required: true, __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "py-2 px-4 bg-[#f48fb1] text-white font-semibold rounded hover:bg-[#ec407a] transition-all", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "要約を取得する")), /*#__PURE__*/ React.createElement("div", { id: "result", className: "mt-6 p-4 bg-[#fff1f3] rounded-lg shadow-inner font-roboto", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("p", { className: "text-center text-[#666]", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "読み込み中...") : /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, summary)))); }