function MainComponent() { const [url, setUrl] = React.useState(""); const [summary, setSummary] = React.useState(""); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(""); const fetchSummary = async ()=>{ setLoading(true); setError(""); try { const response = await fetch('/integrations/web-scraping/post', { method: 'POST', body: JSON.stringify({ url }), headers: { 'Content-Type': 'application/json' } }); const html = await response.text(); const conversationResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: "system", content: html } ], system_prompt: "Summarize this content in about 200 characters." }), headers: { 'Content-Type': 'application/json' } }); const summaryResponse = await conversationResponse.json(); setSummary(summaryResponse.choices[0].message.content); } catch (err) { setError("Failed to fetch summary. Please try again."); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f4f7f6]", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white rounded shadow-md w-full max-w-lg", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4 text-center font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "ウェブサイトサマリーくん"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "url", value: url, onChange: (e)=>setUrl(e.target.value), placeholder: "Enter website URL", className: "w-full p-2 border rounded focus:outline-none focus:ring focus:border-blue-300", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: fetchSummary, disabled: loading, className: "w-full p-3 bg-blue-500 text-white rounded hover:bg-blue-400 disabled:bg-gray-300", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, loading ? "Loading..." : "Generate Summary"), error && /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-red-500", __source: { fileName: "", lineNumber: 55, columnNumber: 19 }, __self: this }, error), summary && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 border-t", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold font-roboto", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Summary:"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, summary)))); }