function MainComponent() { const [url, setUrl] = React.useState(""); const [summary, setSummary] = React.useState(""); const [loading, setLoading] = React.useState(false); const handleFetchSummary = async (e)=>{ e.preventDefault(); setLoading(true); try { const webScrapingResponse = await fetch('/integrations/web-scraping/post', { method: 'POST', body: JSON.stringify({ url, getText: true }), headers: { 'Content-Type': 'application/json' } }); const websiteContent = await webScrapingResponse.text(); const chatGptResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: "user", content: websiteContent } ], system_prompt: '内容を要約してください' }), headers: { 'Content-Type': 'application/json' } }); const chatGptResult = await chatGptResponse.json(); const assistantMessage = chatGptResult.choices[0].message.content; setSummary(assistantMessage); } catch (error) { console.error("Error fetching summary:", error); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f0f2]", __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto text-[#333] mb-2", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "要約サイト"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto text-[#666]", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "URLを入力して、コンテンツを要約します")), /*#__PURE__*/ React.createElement("form", { className: "bg-white p-6 rounded-lg shadow-md w-[400px]", onSubmit: handleFetchSummary, __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "url", value: url, onChange: (e)=>setUrl(e.target.value), placeholder: "URLを入力してください", className: "w-full p-2 mb-4 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-[#38488f]", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#38488f] text-white font-roboto py-2 rounded-md hover:bg-[#2c3670]", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, loading ? "要約中..." : "要約する")), summary && /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 mt-8 rounded-lg shadow-md w-[400px]", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "要約結果"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto text-[#333]", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, summary))); }