function MainComponent() { const [imageLoaded, setImageLoaded] = useState(false); const [imageError, setImageError] = useState(false); const [url, setUrl] = useState(''); const [results, setResults] = useState({ keywords: [], emails: [], phones: [] }); const [loading, setLoading] = useState(false); const [error, setError] = useState(''); const extractEmails = (text)=>{ const emailRegex = /[\w._%+-]+@[\w.-]+\.[a-zA-Z]{2,}/g; return [ ...new Set(text.match(emailRegex) || []) ]; }; const extractPhones = (text)=>{ const phoneRegex = /(?:\+?1[-.]?)?\(?([0-9]{3})\)?[-.]?([0-9]{3})[-.]?([0-9]{4})/g; return [ ...new Set(text.match(phoneRegex) || []) ]; }; const extractKeywords = (text)=>{ const commonWords = new Set([ 'https', 'http', 'www', 'com', 'the', 'and', 'that', 'for', 'this', 'you', 'but', 'its', 'are', 'all', 'any', 'can', 'had', 'may', 'was', 'been', 'from', 'with', 'they' ]); const words = text.toLowerCase().replace(/[^\w\s]/g, '').split(/\s+/).filter((word)=>word.length > 3).filter((word)=>!commonWords.has(word)); const wordFreq = {}; words.forEach((word)=>{ wordFreq[word] = (wordFreq[word] || 0) + 1; }); return Object.entries(wordFreq).sort(([, a], [, b])=>b - a).slice(0, 10).map(([word])=>word); }; const handleSearch = async ()=>{ if (!url) { setError('Please enter a URL'); return; } try { new URL(url); } catch { setError('Please enter a valid URL (e.g. https://example.com)'); return; } setLoading(true); setError(''); setResults({ keywords: [], emails: [], phones: [] }); try { const response = await fetch('/integrations/web-scraping/post', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url, getText: true }) }); if (!response.ok) { throw new Error(`Failed to fetch website content (${response.status})`); } const text = await response.text(); if (!text.trim()) { throw new Error('No content found on this website'); } const emails = extractEmails(text); const phones = extractPhones(text); const keywords = extractKeywords(text); if (!emails.length && !phones.length && !keywords.length) { setError('No relevant information found on this website'); return; } setResults({ keywords, emails, phones }); } catch (err) { console.error('Web scraping error:', err); setError(err.message || 'Failed to fetch website content. Please check the URL and try again.'); } finally{ setLoading(false); } }; const ResultSection = ({ title, items, icon })=>{ if (!items || items.length === 0) return null; return /*#__PURE__*/ React.createElement("div", { className: "mb-4 last:mb-0", __source: { fileName: "", lineNumber: 108, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-gray-400 flex items-center gap-2 mb-2", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${icon}`, __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }), title), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 rounded-lg p-3", __source: { fileName: "", lineNumber: 113, columnNumber: 9 }, __self: this }, items.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "text-white mb-1 last:mb-0", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, item)))); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black dark:bg-black flex flex-col items-center pt-6 md:pt-8 p-4 md:p-8", __source: { fileName: "", lineNumber: 125, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[295px] h-[95px] relative mb-8", __source: { fileName: "", lineNumber: 126, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-[295px] h-[95px] bg-gray-800 rounded-lg absolute top-0 left-0 transition-opacity duration-300 ${imageLoaded ? 'opacity-0' : 'opacity-100'} ${!imageLoaded && 'animate-pulse'}`, __source: { fileName: "", lineNumber: 127, columnNumber: 3 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/129de5c1-48c1-45c9-bdf9-421f1c872e96/-/format/auto/", alt: "White company logo", className: `w-[295px] h-[95px] absolute top-0 left-0 transition-opacity duration-300 ${imageLoaded ? 'opacity-100' : 'opacity-0'}`, onLoad: ()=>setImageLoaded(true), onError: ()=>{ setImageError(true); setImageLoaded(true); }, __source: { fileName: "", lineNumber: 128, columnNumber: 3 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] flex flex-col gap-4", __source: { fileName: "", lineNumber: 140, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "url", value: url, onChange: (e)=>setUrl(e.target.value), placeholder: "Enter website URL (e.g. https://example.com)", className: "w-full px-4 py-2 bg-transparent border border-gray-500 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-white", __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, disabled: loading || !url, className: "w-full px-4 py-2 bg-white text-black rounded-lg font-medium hover:bg-gray-200 disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 148, columnNumber: 1 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 154, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 155, columnNumber: 15 }, __self: this }), "Searching...") : 'Search'), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-sm flex items-center gap-2", __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle", __source: { fileName: "", lineNumber: 163, columnNumber: 13 }, __self: this }), error), (results.keywords.length > 0 || results.emails.length > 0 || results.phones.length > 0) && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 border border-gray-500 rounded-lg", __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(ResultSection, { title: "Top Keywords", items: results.keywords, icon: "fa-key", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement(ResultSection, { title: "Email Addresses", items: results.emails, icon: "fa-envelope", __source: { fileName: "", lineNumber: 175, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement(ResultSection, { title: "Phone Numbers", items: results.phones, icon: "fa-phone", __source: { fileName: "", lineNumber: 180, columnNumber: 13 }, __self: this })))); }