function MainComponent() { const [url, setUrl] = useState(""); const [content, setContent] = useState(null); const [error, setError] = useState(""); const [loading, setLoading] = useState(false); const VERSION = "1.0.0"; const VERSION_INFO = { version: VERSION, lastUpdated: "2025-01", features: [ "Plain text extraction from websites", "Line break preservation", "Copy to clipboard functionality", "Error handling", "Loading states" ], author: "Create", license: "MIT", repository: "https://create.xyz" }; const handleScrape = async ()=>{ setLoading(true); setError(""); setContent(null); try { const response = await fetch("/api/scrape-and-format", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url }) }); if (!response.ok) { throw new Error(`Error: ${response.status}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setContent(data); } catch (err) { console.error("Scraping error:", err); setError("Failed to scrape the website. Please check the URL and try again."); } finally{ setLoading(false); } }; const handleCopy = async ()=>{ try { await navigator.clipboard.writeText(content.text); alert("Copied to clipboard!"); } catch (err) { console.error("Failed to copy:", err); alert("Failed to copy to clipboard"); } }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 68, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, "Website Text Extractor"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-2", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, "Extract clean, readable text content from any website. Perfect for content analysis, research, or data collection."), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, "Version ", VERSION_INFO.version, " | Last Updated:", " ", VERSION_INFO.lastUpdated)), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm border p-6 mb-6", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, "Enter Website URL"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "url", value: url, onChange: (e)=>setUrl(e.target.value), placeholder: "https://example.com", className: "flex-1 p-2 border rounded", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleScrape, disabled: loading || !url, className: "px-6 py-2 bg-blue-500 text-white rounded disabled:bg-gray-300 hover:bg-blue-600 transition-colors", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, loading ? "Processing..." : "Extract"))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 text-red-600 rounded-lg p-4 mb-6", __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this }, error), content && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm border", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-b p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, "Extracted Text"), /*#__PURE__*/ React.createElement("button", { onClick: handleCopy, className: "px-4 py-1.5 bg-gray-100 text-gray-700 rounded hover:bg-gray-200 transition-colors flex items-center gap-2", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3", __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this })), "Copy")), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-50", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { className: "whitespace-pre-wrap font-mono text-sm text-gray-800", __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, content.text))), /*#__PURE__*/ React.createElement("footer", { className: "mt-8 pt-4 border-t text-sm text-gray-500", __source: { fileName: "", lineNumber: 139, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 140, columnNumber: 9 }, __self: this }, "© 2025 Website Text Extractor. Built with Create."), /*#__PURE__*/ React.createElement("p", { className: "mt-1", __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }, "This tool respects robots.txt and website terms of service. Please use responsibly."))); }