function MainComponent() { const [url, setUrl] = React.useState(''); const [summary, setSummary] = React.useState(''); const [loading, setLoading] = React.useState(false); const fetchSummary = async (websiteUrl)=>{ setLoading(true); try { const rawResponse = await fetch('/integrations/web-scraping/post', { method: 'POST', body: JSON.stringify({ url: websiteUrl, getText: true }), headers: { 'Content-Type': 'application/json' } }); const rawText = await rawResponse.text(); const summaryResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: 'user', content: `以下の記事を200文字程度で日本語で要約してください。\n\n${rawText}` } ] }), headers: { 'Content-Type': 'application/json' } }); const summaryData = await summaryResponse.json(); setSummary(summaryData.choices[0].message.content); } catch (error) { console.error('Error fetching summary:', error); } finally{ setLoading(false); } }; const handleSubmit = (event)=>{ event.preventDefault(); if (url) { fetchSummary(url); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-bl from-[#667eea] to-[#764ba2] flex flex-col items-center justify-center p-4 font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 left-1/2 transform -translate-x-1/2 z-10", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "px-6 py-4 text-xl font-bold rounded-md shadow-sm text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-600", onClick: handleSubmit, disabled: loading, __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, loading ? '処理中...' : '要約を取得')), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-2xl rounded-lg p-8 w-full max-w-2xl mt-6 relative", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-8 text-center text-[#2D3748]", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "WEB SUMMARY"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "websiteUrl", className: "text-xl font-medium text-gray-700", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "ウェブサイトのURL"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "websiteUrl", id: "websiteUrl", className: "mt-1 focus:ring-[#9f7aea] focus:border-[#9f7aea] block w-full shadow-sm sm:text-xl border-gray-300 rounded-md", placeholder: "https://example.com", value: url, onChange: (e)=>setUrl(e.target.value), __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }))), summary && /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-gray-800 bg-gray-100 p-4 rounded-md shadow-inner text-xl", __source: { fileName: "", lineNumber: 80, columnNumber: 21 }, __self: this }, summary))); }