function LinkSafetyChecker({ link }) { const harmfulLinks = [ "http://harmful-link.com", "http://malicious-site.com" ]; const isHarmful = harmfulLinks.includes(link); const linkColor = isHarmful ? 'text-red-500' : 'text-green-500'; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: link, className: `${linkColor} font-roboto`, target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, link), /*#__PURE__*/ React.createElement("div", { className: "mt-2 p-2 border-2 border-gray-300 rounded", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, isHarmful ? 'This is a malicious link.' : 'This link is safe.')); } function LinkSafetyCheckerStory() { const links = [ "http://safe-link.com", "http://harmful-link.com", "http://malicious-site.com" ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, links.map((link, index)=>/*#__PURE__*/ React.createElement(LinkSafetyChecker, { key: index, link: link, __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [links, setLinks] = React.useState([]); const [error, setError] = React.useState(null); const [website, setWebsite] = React.useState(""); const [loading, setLoading] = React.useState(false); const handleChange = (event)=>setWebsite(event.target.value); const handleSubmit = (event)=>{ event.preventDefault(); if (!website) return; setLoading(true); fetch('/integrations/web-scraping/post', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: website, getText: true }) }).then((response)=>response.text()).then((data)=>{ const adLinks = extractAdLinks(data); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: `Extract advertisement links from the following HTML: ${data}` } ] }) }).then((res)=>res.json()).then((result)=>{ const aiAdLinks = result.choices[0]?.message?.content.split("\n").filter(Boolean) || []; setLinks(aiAdLinks); setLoading(false); }).catch((error)=>{ setError(error.message); setLoading(false); }); }).catch((error)=>{ setError(error.message); setLoading(false); }); }; const extractAdLinks = (html)=>{ const parser = new DOMParser(); const doc = parser.parseFromString(html, 'text/html'); const adLinks = Array.from(doc.querySelectorAll('a[href*="ads"]')).map((a)=>a.href); return adLinks; }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-4 flex flex-col items-center", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, "AdverTilicious"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "mb-8", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "website", value: website, onChange: handleChange, className: "border p-2 rounded mr-2 w-[300px]", placeholder: "Enter website URL", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "Scan Now")), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, "Advertisement Redirection Links Scan Results"), loading ? /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, "Loading...") : error ? /*#__PURE__*/ React.createElement("div", { className: "text-red-500", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, error) : links.map((link, index)=>/*#__PURE__*/ React.createElement(LinkSafetyChecker, { key: index, link: link, __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }))); }