function MainComponent() { const [inputValue, setInputValue] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); const [scrapedContent, setScrapedContent] = React.useState(''); const handleInputChange = (event)=>{ setInputValue(event.target.value); }; const fetchScrapedContent = async ()=>{ setIsLoading(true); try { const response = await fetch('/integrations/web-scraping/post', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: inputValue }) }); const text = await response.text(); setScrapedContent(text); } catch (error) { console.error('Error during API request:', error); } finally{ setIsLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f0f2] p-10 font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto bg-white shadow-lg rounded-lg p-6 overflow-hidden", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-center text-[#38488f] mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "ویکی پدیا-مانند وبسایت"), /*#__PURE__*/ React.createElement("div", { className: "p-4 border-2 border-gray-300 rounded-lg overflow-x-auto", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, isLoading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-4 border-[#38488f] border-t-transparent", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "bg-[#fdfdff] text-[#38488f] p-4 rounded-lg", dangerouslySetInnerHTML: { __html: scrapedContent }, __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "pt-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-4 mr-4 border-2 border-gray-300 rounded-lg focus:outline-none focus:border-[#38488f] transition duration-200", placeholder: "اندازه گیری URL از سایت وب", value: inputValue, onChange: handleInputChange, name: "url_input", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "p-4 bg-[#38488f] text-white rounded-lg hover:bg-[#2c3e9f] transition duration-200", onClick: fetchScrapedContent, disabled: isLoading, __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "استخراج"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, ` @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } `)); }