Spaces:

1yahoo
/

Test

Sleeping

App Files Files Community

1yahoo commited on Jan 28

Commit

b0424b9

verified ·

1 Parent(s): cdf481e

Update app.py

Browse files

Files changed (1) hide show

app.py +14 -45

app.py CHANGED Viewed

@@ -1,28 +1,25 @@
 import os
-import uuid
 import gradio as gr
 from fastapi import FastAPI, Request, File, UploadFile
 from fastapi.responses import StreamingResponse, HTMLResponse
 from openai import OpenAI
-from gradio.oauth import get_space_authorized_header
-# إعداد FastAPI
 app = FastAPI()
-# واجهة المستخدم (HTML/React) - مصممة للهواتف
 HTML_UI = """
 <!DOCTYPE html>
 <html lang="ar" dir="rtl">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
     <title>Neural Vault</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <style>
-        body { background: #020617; color: #f8fafc; height: 100dvh; overflow: hidden; margin: 0; position: fixed; width: 100vw; font-family: system-ui; }
         .chat-area { height: calc(100dvh - 160px); overflow-y: auto; padding: 20px; -webkit-overflow-scrolling: touch; }
         .sidebar { position: fixed; top: 0; right: -100%; width: 80%; max-width: 300px; height: 100%; background: #0f172a; z-index: 2000; transition: 0.3s ease; border-left: 1px solid #1e293b; }
         .sidebar.open { right: 0; }
@@ -59,8 +56,6 @@ HTML_UI = """
                         body: JSON.stringify({ messages: [...messages, userMsg] })
                     });
-                    if (res.status === 401) { window.location.href = "/auth"; return; }
                     const reader = res.body.getReader();
                     let botMsg = { role: 'assistant', content: "" };
                     setMessages(p => [...p, botMsg]);
@@ -77,17 +72,6 @@ HTML_UI = """
                 setStatus("idle");
             };
-            const uploadFile = async (e) => {
-                const file = e.target.files[0];
-                if(!file) return;
-                const fd = new FormData();
-                fd.append('file', file);
-                setStatus("uploading");
-                await fetch('/upload', { method: 'POST', body: fd });
-                setStatus("idle");
-                alert("تمت إضافة الملف للذاكرة");
-            };
             return (
                 <div className="flex flex-col h-full">
                     <header className="p-4 border-b border-white/5 flex justify-between items-center bg-slate-900/50">
@@ -106,9 +90,6 @@ HTML_UI = """
                     <div className="input-bar">
                         <div className="flex gap-2 max-w-xl mx-auto">
-                            <label className="bg-slate-800 p-3 rounded-xl cursor-pointer">
-                                📎 <input type="file" className="hidden" onChange={uploadFile} />
-                            </label>
                             <input
                                 className="flex-1 bg-slate-900 border border-white/10 rounded-xl px-4 py-2 outline-none text-sm"
                                 placeholder="اكتب سؤالك..."
@@ -125,12 +106,9 @@ HTML_UI = """
                             <h2 className="font-bold">الإعدادات</h2>
                             <button onClick={() => setSideOpen(false)}>✕</button>
                         </div>
-                        <div className="space-y-4 text-xs text-slate-400">
-                            <div className="p-4 bg-slate-800/50 rounded-xl">
-                                <p>النموذج: Mistral-Small-24B</p>
-                                <p className="mt-2 text-emerald-400">الحالة: متصل عبر الرصيد الشخصي</p>
-                            </div>
-                            <button className="w-full py-3 bg-red-500/10 text-red-500 rounded-lg" onClick={() => window.location.href='/logout'}>تسجيل الخروج</button>
                         </div>
                     </div>
                 </div>
@@ -144,29 +122,19 @@ HTML_UI = """
 """
 @app.get("/")
-async def ui(request: Request):
-    # إذا لم يسجل دخوله، نوجهه لصفحة الدخول في Gradio
-    if not get_space_authorized_header(request):
-        return HTMLResponse("<html><script>window.location.href='/auth'</script></html>")
     return HTMLResponse(HTML_UI)
-@app.post("/upload")
-async def handle_upload(file: UploadFile = File(...)):
-    # هنا يتم استقبال الملفات وإضافتها للذاكرة
-    return {"status": "success"}
 @app.post("/v1/chat/completions")
 async def chat_api(request: Request):
-    auth_header = get_space_authorized_header(request)
-    if not auth_header: return StreamingResponse(iter(["data: [401 Unauthorized]\n\n"]), status_code=401)
-    # استخراج التوكن الخاص بالمستخدم للخصم من رصيده
-    user_token = auth_header.get("Authorization").replace("Bearer ", "")
     body = await request.json()
     client = OpenAI(
         base_url="https://router.huggingface.co/hf-inference/v1",
-        api_key=user_token
     )
     def stream_gen():
@@ -182,9 +150,10 @@ async def chat_api(request: Request):
     return StreamingResponse(stream_gen(), media_type="text/event-stream")
-# إعداد واجهة تسجيل الدخول الخاصة بـ Hugging Face
 with gr.Blocks() as auth_interface:
-    gr.Markdown("# مرحبا بك في الدهليز\nسجل دخولك لاستخدام رصيدك الشخصي")
     gr.LoginButton("الدخول عبر Hugging Face")
 app = gr.mount_gradio_app(app, auth_interface, path="/auth")

 import os
 import gradio as gr
 from fastapi import FastAPI, Request, File, UploadFile
 from fastapi.responses import StreamingResponse, HTMLResponse
 from openai import OpenAI
 app = FastAPI()
+# واجهة المستخدم (HTML/React) - متجاوبة تماماً للهواتف
 HTML_UI = """
 <!DOCTYPE html>
 <html lang="ar" dir="rtl">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <title>Neural Vault</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <style>
+        body { background: #020617; color: #f8fafc; height: 100dvh; overflow: hidden; margin: 0; position: fixed; width: 100vw; }
         .chat-area { height: calc(100dvh - 160px); overflow-y: auto; padding: 20px; -webkit-overflow-scrolling: touch; }
         .sidebar { position: fixed; top: 0; right: -100%; width: 80%; max-width: 300px; height: 100%; background: #0f172a; z-index: 2000; transition: 0.3s ease; border-left: 1px solid #1e293b; }
         .sidebar.open { right: 0; }
                         body: JSON.stringify({ messages: [...messages, userMsg] })
                     });
                     const reader = res.body.getReader();
                     let botMsg = { role: 'assistant', content: "" };
                     setMessages(p => [...p, botMsg]);
                 setStatus("idle");
             };
             return (
                 <div className="flex flex-col h-full">
                     <header className="p-4 border-b border-white/5 flex justify-between items-center bg-slate-900/50">
                     <div className="input-bar">
                         <div className="flex gap-2 max-w-xl mx-auto">
                             <input
                                 className="flex-1 bg-slate-900 border border-white/10 rounded-xl px-4 py-2 outline-none text-sm"
                                 placeholder="اكتب سؤالك..."
                             <h2 className="font-bold">الإعدادات</h2>
                             <button onClick={() => setSideOpen(false)}>✕</button>
                         </div>
+                        <div className="p-4 bg-slate-800/50 rounded-xl text-xs">
+                            <p>الموديل: Mistral-Small-24B</p>
+                            <p className="mt-2 text-emerald-400">الحالة: متصل</p>
                         </div>
                     </div>
                 </div>
 """
 @app.get("/")
+async def ui():
     return HTMLResponse(HTML_UI)
 @app.post("/v1/chat/completions")
 async def chat_api(request: Request):
     body = await request.json()
+    # استخدام توكن النظام كاحتياطي أو توكن المستخدم إذا توفر
+    api_key = os.getenv("HF_TOKEN")
     client = OpenAI(
         base_url="https://router.huggingface.co/hf-inference/v1",
+        api_key=api_key
     )
     def stream_gen():
     return StreamingResponse(stream_gen(), media_type="text/event-stream")
+# إعداد واجهة Gradio كمدخل
 with gr.Blocks() as auth_interface:
+    gr.Markdown("# مرحبا بك في الدهليز")
+    # زر الدخول المذكور في ملفك
     gr.LoginButton("الدخول عبر Hugging Face")
 app = gr.mount_gradio_app(app, auth_interface, path="/auth")