function MainComponent() { const [websiteURL, setWebsiteURL] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); const [summary, setSummary] = React.useState(''); const [keyTakeaways, setKeyTakeaways] = React.useState(''); const [lessonsLearned, setLessonsLearned] = React.useState(''); const fetchWebsiteContent = async ()=>{ setIsLoading(true); try { const webScrapingResponse = await fetch('/integrations/web-scraping/post', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: websiteURL, getText: true }) }); const websiteText = await webScrapingResponse.text(); generateInsights(websiteText); } catch (error) { console.error('Error fetching content: ', error); setIsLoading(false); } }; const generateInsights = async (websiteText)=>{ try { const summaryText = await fetchChatGPTSummary(websiteText, 'Summary of this website highlighting important points'); setSummary(summaryText); const keyTakeawaysText = await fetchChatGPTSummary(websiteText, 'Key takeaways'); setKeyTakeaways(keyTakeawaysText); const lessonsLearnedText = await fetchChatGPTSummary(websiteText, 'Lessons learned from this website'); setLessonsLearned(lessonsLearnedText); } catch (error) { console.error('Error generating insights: ', error); } finally{ setIsLoading(false); } }; const fetchChatGPTSummary = async (text, prompt)=>{ const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: `${prompt}: ${text}` } ] }) }); const data = await response.json(); return data.choices[0].message.content; }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#1A1A1D] p-6", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto text-[#F4D35E] mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "Insightful Web Analyzer"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-xl p-6 md:max-w-xl w-full", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "websiteURL", value: websiteURL, onChange: (e)=>setWebsiteURL(e.target.value), className: "w-full px-4 py-2 text-lg font-roboto border-2 border-gray-200 rounded-lg shadow-sm placeholder-gray-400 focus:outline-none focus:border-[#6465a5]", placeholder: "Enter Website URL", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: fetchWebsiteContent, className: `mt-4 w-full text-lg font-roboto bg-[#6465a5] text-white py-2 rounded-lg shadow-md hover:bg-[#51527c] transition duration-150 ease-in-out ${isLoading ? 'opacity-50 cursor-not-allowed' : ''}`, disabled: isLoading, __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, isLoading ? 'Analyzing...' : 'Generate Insights'))), /*#__PURE__*/ React.createElement("div", { className: "md:max-w-3xl w-full p-4 space-y-4 mt-6", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(ArticleSection, { title: "Summary", content: summary, __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(ArticleSection, { title: "Key Takeaways", content: keyTakeaways, __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(ArticleSection, { title: "Lessons Learned", content: lessonsLearned, __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }))); } function ArticleSection({ title, content }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-xl p-6", __source: { fileName: "", lineNumber: 98, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-roboto text-[#333333]", __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "mt-2 font-roboto text-gray-700", __source: { fileName: "", lineNumber: 100, columnNumber: 7 }, __self: this }, content)); }