Create app.py

app.py

@@ -0,0 +1,274 @@
+import gradio as gr
+import torch
+from transformers import AutoTokenizer, AutoModelForCausalLM
+
+# تحميل نموذج أخف للغة العربية
+print("جاري تحميل النموذج الخفيف...")
+MODEL_NAME = "aubmindlab/aragpt2-medium"  # نموذج أخف من AraT5
+tokenizer = AutoTokenizer.from_pretrained(MODEL_NAME)
+model = AutoModelForCausalLM.from_pretrained(MODEL_NAME, low_cpu_mem_usage=True)
+print("تم تحميل النموذج بنجاح!")
+
+# القائمة المنسدلة للمشاعر
+emotions = [
+    "سعيد", "حزين", "غاضب", "متحمس", "خائف", "متفائل", "متشائم", 
+    "مندهش", "مشتاق", "ممتن", "فخور", "مرتبك", "محبط", "هادئ"
+]
+
+def generate_text(emotion, length_choice):
+    # تحويل اختيار الطول إلى رقم
+    length_options = {"قصير": 80, "متوسط": 150, "طويل": 250}
+    max_length = length_options.get(length_choice, 150)
+    
+    # إعداد المطالبة بناءً على المشاعر
+    prompt = f"أشعر بأنني {emotion} لأن"
+    
+    # تجهيز المدخلات
+    input_ids = tokenizer.encode(prompt, return_tensors="pt")
+    
+    # توليد النص بإعدادات أخف
+    with torch.no_grad():
+        output = model.generate(
+            input_ids,
+            max_length=max_length,
+            num_return_sequences=1,
+            temperature=0.8,
+            top_k=40,
+            top_p=0.9,
+            no_repeat_ngram_size=2,
+            pad_token_id=tokenizer.eos_token_id
+        )
+    
+    # تحويل النتيجة إلى نص
+    generated_text = tokenizer.decode(output[0], skip_special_tokens=True)
+    
+    # تنظيف النص وإضافة علامات ترقيم إذا لزم الأمر
+    if not any(generated_text.endswith(x) for x in [".", "!", "؟", "،", "؛"]):
+        generated_text += "."
+        
+    return generated_text
+
+# تعريف CSS المخصص للواجهة
+css = """
+:root {
+    --rose-gold: #bd8c7d;
+    --rose-gold-light: #d1a193;
+    --black: #000000;
+    --dark-gray: #121212;
+}
+
+body {
+    background-color: var(--black) !important;
+    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" opacity="0.08"><text x="10" y="30" font-family="Arial" font-size="20" fill="%23bd8c7d">أ</text><text x="40" y="50" font-family="Arial" font-size="25" fill="%23bd8c7d">ب</text><text x="70" y="20" font-family="Arial" font-size="15" fill="%23bd8c7d">ت</text><text x="20" y="70" font-family="Arial" font-size="30" fill="%23bd8c7d">ث</text><text x="60" y="80" font-family="Arial" font-size="20" fill="%23bd8c7d">ج</text></svg>');
+}
+
+.gradio-container {
+    margin: 0 auto;
+    background-color: var(--black) !important;
+    max-width: 850px !important;
+}
+
+.main {
+    background-color: var(--dark-gray) !important;
+    border: 2px solid var(--rose-gold) !important;
+    border-radius: 15px !important;
+    box-shadow: 0 0 15px rgba(189, 140, 125, 0.3) !important;
+    padding: 20px !important;
+    position: relative;
+    overflow: hidden;
+}
+
+.main::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 5px;
+    background: linear-gradient(90deg, var(--black), var(--rose-gold), var(--black));
+}
+
+h1, h2, h3, p, span, label {
+    color: var(--rose-gold) !important;
+    font-family: 'Amiri', 'Noto Sans Arabic', sans-serif !important;
+}
+
+.title {
+    text-align: center;
+    position: relative;
+    padding-bottom: 15px;
+}
+
+.title::after {
+    content: "۝";
+    position: absolute;
+    bottom: -5px;
+    left: 50%;
+    transform: translateX(-50%);
+    font-size: 24px;
+    color: var(--rose-gold);
+    opacity: 0.7;
+}
+
+.prose {
+    color: var(--rose-gold-light) !important;
+}
+
+textarea, .output-text, .input-text {
+    color: var(--rose-gold) !important;
+    background-color: var(--dark-gray) !important;
+    border: 1px solid var(--rose-gold) !important;
+    border-radius: 8px !important;
+    font-family: 'Amiri', 'Noto Sans Arabic', sans-serif !important;
+    font-size: 18px !important;
+    line-height: 1.6 !important;
+    padding: 15px !important;
+    box-shadow: inset 0 0 8px rgba(189, 140, 125, 0.1) !important;
+}
+
+button {
+    background-color: var(--rose-gold) !important;
+    color: var(--black) !important;
+    border: none !important;
+    border-radius: 8px !important;
+    font-family: 'Amiri', 'Noto Sans Arabic', sans-serif !important;
+    font-weight: bold !important;
+    transition: all 0.3s ease !important;
+    padding: 10px 20px !important;
+    letter-spacing: 1px !important;
+}
+
+button:hover {
+    background-color: var(--rose-gold-light) !important;
+    box-shadow: 0 0 10px rgba(189, 140, 125, 0.6) !important;
+    transform: translateY(-2px);
+}
+
+select, .dropdown {
+    background-color: var(--dark-gray) !important;
+    color: var(--rose-gold) !important;
+    border: 1px solid var(--rose-gold) !important;
+    border-radius: 8px !important;
+    font-family: 'Amiri', 'Noto Sans Arabic', sans-serif !important;
+}
+
+.footer {
+    border-top: 1px solid var(--rose-gold) !important;
+    color: var(--rose-gold) !important;
+    margin-top: 30px;
+    padding-top: 15px;
+    text-align: center;
+    position: relative;
+}
+
+.footer::before {
+    content: "♱";
+    position: absolute;
+    top: -15px;
+    left: 50%;
+    transform: translateX(-50%);
+    background-color: var(--dark-gray);
+    padding: 0 15px;
+    color: var(--rose-gold);
+    font-size: 18px;
+}
+
+/* زخارف إضافية */
+.corner-decoration {
+    position: absolute;
+    font-size: 24px;
+    color: var(--rose-gold);
+    opacity: 0.4;
+}
+
+.top-right {
+    top: 15px;
+    right: 15px;
+}
+
+.top-left {
+    top: 15px;
+    left: 15px;
+}
+
+.bottom-right {
+    bottom: 15px;
+    right: 15px;
+}
+
+.bottom-left {
+    bottom: 15px;
+    left: 15px;
+}
+
+.output-container {
+    position: relative;
+    padding: 10px;
+    border-radius: 10px;
+    border: 1px solid var(--rose-gold);
+    background-color: rgba(0, 0, 0, 0.3);
+}
+
+.output-container::before {
+    content: "۞";
+    font-size: 24px;
+    color: var(--rose-gold);
+    display: block;
+    text-align: center;
+    margin-bottom: 10px;
+    opacity: 0.5;
+}
+"""
+
+# إنشاء واجهة المستخدم
+with gr.Blocks(css=css) as demo:
+    with gr.Column(elem_classes=["main"]):
+        gr.HTML("""
+        <div class="corner-decoration top-right">٭</div>
+        <div class="corner-decoration top-left">٭</div>
+        <div class="corner-decoration bottom-right">٭</div>
+        <div class="corner-decoration bottom-left">٭</div>
+        
+        <div class="title">
+            <h1>❁ اكتبلي ❁</h1>
+            <h2>مولد النصوص العربية بالمشاعر</h2>
+            <p>أداة لتوليد نصوص عربية إبداعية بناءً على المشاعر التي تختارها</p>
+        </div>
+        """)
+        
+        with gr.Row():
+            with gr.Column(scale=1):
+                emotion = gr.Dropdown(
+                    choices=emotions, 
+                    label="اختر المشاعر", 
+                    value="سعيد"
+                )
+                length = gr.Radio(
+                    choices=["قصير", "متوسط", "طويل"], 
+                    label="طول النص", 
+                    value="متوسط"
+                )
+                generate_button = gr.Button("✨ توليد النص ✨")
+            
+            with gr.Column(scale=2):
+                with gr.Box(elem_classes=["output-container"]):
+                    output = gr.Textbox(
+                        label="النص المولّد", 
+                        lines=12, 
+                        elem_classes=["output-text"]
+                    )
+        
+        gr.HTML("""
+        <div class="footer">
+            <p>❁ اكتبلي - إبداع بلا حدود ❁</p>
+        </div>
+        """)
+    
+    generate_button.click(
+        fn=generate_text,
+        inputs=[emotion, length],
+        outputs=output
+    )
+
+# تشغيل التطبيق
+demo.launch()