function MainComponent() { const [textPrompt, setTextPrompt] = React.useState(""); const [textOutput, setTextOutput] = React.useState(""); const [imageOutput, setImageOutput] = React.useState(""); const [videoOutput, setVideoOutput] = React.useState(""); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [showWatermark, setShowWatermark] = React.useState(true); const generateContent = async (type)=>{ setLoading(true); setError(null); try { let response; if (type === "text") { response = await fetch("/api/generate-text", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ prompt: textPrompt }) }); } else if (type === "image") { response = await fetch("/api/generate-image", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ prompt: textPrompt }) }); } else if (type === "video") { response = await fetch("/api/generate-video", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ prompt: textPrompt }) }); } if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (type === "text") { setTextOutput(data.text || "Error generating text."); } else if (type === "image") { setImageOutput(data.image_url || "Error generating image."); } else if (type === "video") { setVideoOutput(data.video_url || "Error generating video."); } } catch (error) { console.error(`Error generating ${type}:`, error); setError(`An error occurred while generating ${type}.`); } finally{ setLoading(false); } }; const handleAdClick = ()=>{ setShowWatermark(false); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 dark:bg-gray-900 p-5 relative", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-extrabold text-center text-blue-600 dark:text-blue-400 mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "The Flicksy"), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-gray-900 dark:text-white mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "AI Content Generator"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "textPrompt", className: "w-full p-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Type your message...", value: textPrompt, onChange: (e)=>setTextPrompt(e.target.value), __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white rounded-md px-5 py-3 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500", onClick: ()=>generateContent("text"), disabled: loading, __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, loading ? "Generating..." : "Generate Text"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 text-white rounded-md px-5 py-3 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500", onClick: ()=>generateContent("image"), disabled: loading, __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, loading ? "Generating..." : "Generate Image"), /*#__PURE__*/ React.createElement("button", { className: "bg-purple-500 text-white rounded-md px-5 py-3 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-500", onClick: ()=>generateContent("video"), disabled: loading, __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, loading ? "Generating..." : "Generate Video")), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500", __source: { fileName: "", lineNumber: 99, columnNumber: 21 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 dark:bg-gray-700 p-4 rounded-md", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 dark:text-white", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, "AI Response"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300 mt-2", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, textOutput), imageOutput && /*#__PURE__*/ React.createElement("img", { src: imageOutput, alt: "Generated", className: "mt-4 rounded-md", __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }), videoOutput && /*#__PURE__*/ React.createElement("video", { src: videoOutput, controls: true, className: "mt-4 rounded-md", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this })))), showWatermark && /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-4 right-4 text-sm text-gray-500 dark:text-gray-400", __source: { fileName: "", lineNumber: 121, columnNumber: 9 }, __self: this }, "© The Flicksy"), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 125, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ins", { className: "adsbygoogle", style: { display: "block" }, "data-ad-client": "ca-pub-3279387467915824", "data-ad-slot": "7806394673", "data-ad-format": "auto", "data-full-width-responsive": "true", onClick: handleAdClick, __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("script", { async: true, src: "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3279387467915824", crossorigin: "anonymous", __source: { fileName: "", lineNumber: 136, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { __source: { fileName: "", lineNumber: 141, columnNumber: 7 }, __self: this }, "(adsbygoogle = window.adsbygoogle || []).push(", ");")); }