function MainComponent() { const [websiteURL, setWebsiteURL] = React.useState(''); const [summary, setSummary] = React.useState(''); const [loading, setLoading] = React.useState(false); const handleInputChange = (e)=>{ setWebsiteURL(e.target.value); }; const fetchWebsiteHTML = async (url)=>{ const response = await fetch('/integrations/web-scraping/post', { method: 'POST', body: JSON.stringify({ url }), headers: { 'Content-Type': 'application/json' } }); return response.text(); }; const summarizeTextWithChatGPT = async (text)=>{ const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: 'user', content: text } ], system_prompt: 'Summarize this content' }), headers: { 'Content-Type': 'application/json' } }); const data = await response.json(); return data.choices[0].message.content; }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); try { const html = await fetchWebsiteHTML(websiteURL); const summary = await summarizeTextWithChatGPT(html); setSummary(summary); } catch (error) { console.error('Error summarizing website:', error); setSummary('Failed to summarize the website.'); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen p-4 bg-gray-100", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl p-6 bg-white rounded-md shadow-md", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-center font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, "Website Summarizer"), /*#__PURE__*/ React.createElement("form", { className: "mt-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "website", className: "block text-sm font-medium font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 57, columnNumber: 25 }, __self: this }, "Website URL"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "website", id: "website", className: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 font-roboto", placeholder: "https://example.com", value: websiteURL, onChange: handleInputChange, __source: { fileName: "", lineNumber: 58, columnNumber: 25 }, __self: this })), loading ? /*#__PURE__*/ React.createElement("p", { className: "mt-4 font-roboto text-blue-500", __source: { fileName: "", lineNumber: 60, columnNumber: 32 }, __self: this }, "Loading...") : /*#__PURE__*/ React.createElement("p", { className: "mt-4 font-roboto text-blue-500", __source: { fileName: "", lineNumber: 60, columnNumber: 95 }, __self: this }, summary), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 61, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 font-roboto", __source: { fileName: "", lineNumber: 62, columnNumber: 25 }, __self: this }, "Summarize"))))); }