function MainComponent() { const [url, setUrl] = useState(""); const [result, setResult] = useState(null); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const handleCrawl = async ()=>{ console.log("[Frontend] Starting new crawl for URL:", url); setLoading(true); setError(null); setResult(null); try { console.log("[Frontend] Sending request to /api/firecrawl"); const response = await fetch("/api/firecrawl", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url }) }); if (!response.ok) { console.error("[Frontend] API request failed:", { status: response.status, statusText: response.statusText, url: url }); throw new Error(`Failed to crawl website: ${response.statusText}`); } const data = await response.json(); console.log("[Frontend] Received response:", data); if (data.error) { console.error("[Frontend] API returned error:", data.error); throw new Error(data.error); } console.log("[Frontend] Setting result:", { status: data.status, hasContent: Boolean(data.content), url: data.url }); setResult(data); } catch (err) { console.error("[Frontend] Error during crawl:", { error: err.message, stack: err.stack, url: url }); setError(err.message); } finally{ console.log("[Frontend] Crawl operation completed"); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-indigo-100 via-purple-100 to-pink-100 p-8", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-8 text-transparent bg-clip-text bg-gradient-to-r from-purple-600 to-pink-600 text-center", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "Website Crawler"), /*#__PURE__*/ React.createElement("div", { className: "bg-white/80 backdrop-blur-sm rounded-lg shadow-xl p-8 border border-purple-100", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "url", value: url, onChange: (e)=>setUrl(e.target.value), placeholder: "Enter website URL to crawl", className: "flex-1 p-3 border border-purple-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-400 focus:border-transparent transition-all", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleCrawl, disabled: loading || !url, className: "px-8 py-3 bg-gradient-to-r from-purple-600 to-pink-600 text-white rounded-lg hover:from-purple-700 hover:to-pink-700 disabled:opacity-50 disabled:cursor-not-allowed transition-all shadow-md hover:shadow-lg", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "animate-spin -ml-1 mr-3 h-5 w-5 text-white", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 82, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4", __source: { fileName: "", lineNumber: 88, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", __source: { fileName: "", lineNumber: 96, columnNumber: 21 }, __self: this })), "Crawling...") : "Crawl")), error && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-red-50 border border-red-200 text-red-700 rounded-lg", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5 mr-2", fill: "currentColor", viewBox: "0 0 20 20", __source: { fileName: "", lineNumber: 113, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd", __source: { fileName: "", lineNumber: 118, columnNumber: 19 }, __self: this })), error)), result && /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-purple-800", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this }, "Results"), result.status === "in_progress" ? /*#__PURE__*/ React.createElement("div", { className: "text-blue-600 flex items-center", __source: { fileName: "", lineNumber: 135, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "animate-spin -ml-1 mr-3 h-5 w-5", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 136, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4", __source: { fileName: "", lineNumber: 142, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", __source: { fileName: "", lineNumber: 150, columnNumber: 21 }, __self: this })), "Crawling in progress... ", result.progress, "% complete") : result.status === "completed" ? /*#__PURE__*/ React.createElement("div", { className: "prose max-w-none", __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 text-gray-600 bg-purple-50 p-3 rounded-lg border border-purple-100", __source: { fileName: "", lineNumber: 160, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-purple-800", __source: { fileName: "", lineNumber: 161, columnNumber: 21 }, __self: this }, "URL:"), " ", result.url, result.total && /*#__PURE__*/ React.createElement("span", { className: "ml-3 px-2 py-1 bg-purple-100 text-purple-800 rounded-full text-sm", __source: { fileName: "", lineNumber: 164, columnNumber: 23 }, __self: this }, "Total pages: ", result.total)), result.content ? /*#__PURE__*/ React.createElement("div", { className: "whitespace-pre-wrap bg-white p-6 rounded-lg border border-purple-100 shadow-sm", __source: { fileName: "", lineNumber: 170, columnNumber: 21 }, __self: this }, result.content) : /*#__PURE__*/ React.createElement("div", { className: "text-yellow-600 bg-yellow-50 p-4 rounded-lg border border-yellow-100", __source: { fileName: "", lineNumber: 174, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5 inline mr-2", fill: "currentColor", viewBox: "0 0 20 20", __source: { fileName: "", lineNumber: 175, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd", __source: { fileName: "", lineNumber: 180, columnNumber: 25 }, __self: this })), "Crawl completed but no content was found")) : /*#__PURE__*/ React.createElement("div", { className: "text-red-600 bg-red-50 p-4 rounded-lg border border-red-100", __source: { fileName: "", lineNumber: 191, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5 inline mr-2", fill: "currentColor", viewBox: "0 0 20 20", __source: { fileName: "", lineNumber: 192, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd", __source: { fileName: "", lineNumber: 197, columnNumber: 21 }, __self: this })), "Failed to crawl website: ", result.error || "Unknown error"))))); }