function MainComponent() { const [input, setInput] = useState(""); const [streamingPoem, setStreamingPoem] = useState(""); const [loading, setLoading] = useState(false); useEffect(()=>{ const script = document.createElement("script"); script.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9067047785237098"; script.async = true; script.crossOrigin = "anonymous"; document.head.appendChild(script); }, []); const savePoem = async (poemText)=>{ const response = await fetch("/api/db/poems-2526699", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `poems` (`input`, `poem`, `created_at`) VALUES (?, ?, ?)", values: [ input, poemText, new Date().toISOString() ] }) }); const data = await response.json(); window.location.href = `/poem?id=${data.insertId}`; }; const handleFinish = useCallback((message)=>{ setLoading(false); savePoem(message); }, [ input ]); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingPoem, onFinish: handleFinish }); const generatePoem = async ()=>{ setLoading(true); setStreamingPoem(""); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "أنت شاعر موهوب. قم بإنشاء قصائد جميلة وذات معنى باللغة العربية الفصحى بناءً على مدخلات المستخدم. اجعل الردود تركز فقط على القصيدة." }, { role: "user", content: `اكتب قصيدة جميلة باللغة العربية بناءً على هذا الوصف أو القصة: ${input}` } ], stream: true }) }); handleStreamResponse(response); } catch (error) { setStreamingPoem("عذراً، حدث خطأ في إنشاء القصيدة. يرجى المحاولة مرة أخرى."); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { dir: "rtl", className: "min-h-screen bg-gradient-to-b from-purple-100 to-pink-100 p-6", __source: { fileName: "", lineNumber: 71, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto space-y-8", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("script", { async: true, src: "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9067047785237098", crossOrigin: "anonymous", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("ins", { className: "adsbygoogle", style: { display: "block" }, "data-ad-format": "auto", "data-full-width-responsive": "true", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("script", { __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, `(adsbygoogle = window.adsbygoogle || []).push({});`), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-noto-naskh text-purple-800 mb-4", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, "✨ مولّد الشعر ✨"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-noto-naskh", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, "شارك قصة أو صف شخصاً، وسأنشئ لك قصيدة جميلة")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full h-32 p-4 border rounded-lg font-noto-naskh resize-none focus:outline-none focus:ring-2 focus:ring-purple-400 text-right", placeholder: "اكتب قصتك أو وصفك هنا...", value: input, onChange: (e)=>setInput(e.target.value), __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: generatePoem, disabled: loading || !input.trim(), className: "w-full mt-4 bg-purple-600 hover:bg-purple-700 text-white font-noto-naskh py-3 px-6 rounded-lg disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, loading ? "جارِ إنشاء القصيدة..." : "أنشئ القصيدة")), streamingPoem && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-noto-naskh text-purple-800 mb-4", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, "قصيدتك الجديدة"), /*#__PURE__*/ React.createElement("div", { className: "whitespace-pre-line font-noto-naskh text-gray-700 text-right", __source: { fileName: "", lineNumber: 118, columnNumber: 13 }, __self: this }, streamingPoem)), /*#__PURE__*/ React.createElement("script", { async: true, src: "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9067047785237098", crossOrigin: "anonymous", __source: { fileName: "", lineNumber: 124, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("ins", { className: "adsbygoogle", style: { display: "block" }, "data-ad-format": "auto", "data-full-width-responsive": "true", __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("script", { __source: { fileName: "", lineNumber: 135, columnNumber: 9 }, __self: this }, `(adsbygoogle = window.adsbygoogle || []).push({});`), /*#__PURE__*/ React.createElement("script", { async: true, src: "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9067047785237098", crossOrigin: "anonymous", __source: { fileName: "", lineNumber: 137, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("ins", { className: "adsbygoogle", style: { display: "block" }, "data-ad-format": "auto", "data-full-width-responsive": "true", __source: { fileName: "", lineNumber: 142, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("script", { __source: { fileName: "", lineNumber: 148, columnNumber: 9 }, __self: this }, `(adsbygoogle = window.adsbygoogle || []).push({});`))); }