Spaces:

AnesKAM
/

SurfGO-engine

Sleeping

App Files Files Community

AnesKAM commited on 25 days ago

Commit

d83ed68

verified ·

1 Parent(s): 562584f

Update app.py

Browse files

Files changed (1) hide show

app.py +218 -129

app.py CHANGED Viewed

@@ -1,165 +1,254 @@
-from flask import Flask, render_template_string, request, jsonify
-import requests
-from bs4 import BeautifulSoup
 app = Flask(__name__)
-# --- واجهة HTML (نفس التصميم الجميل، لاحظ تعديل JavaScript) ---
-HTML_TEMPLATE = """
 <!DOCTYPE html>
-<html lang="ar" dir="rtl">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>محرك البحث الذكي</title>
     <style>
         * { margin: 0; padding: 0; box-sizing: border-box; }
-        body {
-            font-family: 'Segoe UI', Tahoma, sans-serif;
-            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
-            min-height: 100vh; display: flex; flex-direction: column; align-items: center;
-            justify-content: center; padding: 20px;
         }
-        .container { width: 100%; max-width: 700px; text-align: center; }
-        .logo { font-size: 3rem; color: #e94560; margin-bottom: 10px; font-weight: bold; letter-spacing: 2px; }
-        .subtitle { color: #a0a0b0; margin-bottom: 30px; font-size: 0.9rem; }
-        .search-box {
-            display: flex; gap: 10px; background: rgba(255,255,255,0.1);
-            backdrop-filter: blur(10px); border-radius: 30px; padding: 5px 10px;
-            box-shadow: 0 8px 32px rgba(0,0,0,0.3); margin-bottom: 20px;
         }
-        .search-box input {
-            flex: 1; padding: 15px 20px; border: none; background: transparent;
-            color: white; font-size: 1rem; outline: none;
         }
-        .search-box input::placeholder { color: #8a8a9a; }
-        .search-box button {
-            padding: 12px 25px; background: #e94560; color: white; border: none;
-            border-radius: 25px; font-size: 1rem; cursor: pointer; font-weight: bold;
-            transition: background 0.3s;
         }
-        .search-box button:hover { background: #c23152; }
-        #results { width: 100%; margin-top: 20px; }
-        .result-item {
-            background: rgba(255,255,255,0.05); backdrop-filter: blur(5px);
-            border-radius: 12px; padding: 15px; margin-bottom: 10px; text-align: right;
-            border-right: 3px solid #e94560; transition: background 0.3s;
         }
-        .result-item:hover { background: rgba(255,255,255,0.1); }
-        .result-item a {
-            color: #4fc3f7; text-decoration: none; font-size: 1.1rem; font-weight: bold;
         }
-        .result-item a:hover { text-decoration: underline; }
-        .result-item .url { color: #66bb6a; font-size: 0.8rem; margin: 5px 0; word-break: break-all; }
-        .result-item p { color: #ccc; font-size: 0.9rem; margin-top: 8px; line-height: 1.5; }
-        .loading { color: white; margin: 20px 0; display: none; }
-        .spinner { display: inline-block; width: 20px; height: 20px; border: 3px solid rgba(255,255,255,0.3); border-radius: 50%; border-top-color: #e94560; animation: spin 1s linear infinite; margin-left: 8px; }
-        @keyframes spin { to { transform: rotate(360deg); } }
     </style>
 </head>
 <body>
     <div class="container">
-        <div class="logo">🔎 باحث</div>
-        <p class="subtitle">محرك بحث مفتوح المصدر - ابحث في الإنترنت بحرية</p>
-        <div class="search-box">
-            <input type="text" id="searchInput" placeholder="ماذا تريد أن تبحث؟" dir="auto">
-            <button onclick="performSearch()">🔍 بحث</button>
         </div>
-        <div class="loading" id="loading">
-            <span class="spinner"></span> جاري البحث...
-        </div>
-        <div id="results"></div>
     </div>
     <script>
-        async function performSearch() {
-            const query = document.getElementById('searchInput').value.trim();
-            if (!query) return;
-            const loading = document.getElementById('loading');
-            const results = document.getElementById('results');
-            loading.style.display = 'block';
-            results.innerHTML = '';
-            try {
-                // نطلب الآن من تطبيق Flask نفسه، مش من DuckDuckGo مباشرة
-                const response = await fetch(`/search?q=${encodeURIComponent(query)}`);
-                const data = await response.json();
-                loading.style.display = 'none';
-                if (data.results && data.results.length > 0) {
-                    let html = '';
-                    data.results.forEach((res, index) => {
-                        html += `
-                            <div class="result-item">
-                                <a href="${res.link}" target="_blank" rel="noopener">${index + 1}. ${res.title}</a>
-                                <div class="url">${res.link.substring(0, 80)}${res.link.length > 80 ? '...' : ''}</div>
-                                <p>${res.snippet}</p>
-                            </div>
-                        `;
-                    });
-                    results.innerHTML = html;
-                } else {
-                    results.innerHTML = '<p style="color: #ccc; text-align: center;">لم يتم العثور على نتائج. جرب كلمات مختلفة.</p>';
-                }
-            } catch (error) {
-                loading.style.display = 'none';
-                results.innerHTML = `<p style='color: #ff6b6b;'>حدث خطأ: ${error.message}</p>`;
-            }
         }
-        document.getElementById('searchInput').addEventListener('keypress', function(e) {
-            if (e.key === 'Enter') performSearch();
-        });
     </script>
 </body>
 </html>
-"""
-# --- الدالة السحرية اللي تطلب من DuckDuckGo من السيرفر مباشرة ---
-def search_duckduckgo(query, max_results=10):
-    url = "https://html.duckduckgo.com/html/"
-    headers = {
-        'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36'
-    }
-    params = {'q': query}
-    try:
-        # ملاحظة: استخدمنا requests.post هنا لأنها الطريقة الصحيحة مع هذا الرابط
-        response = requests.post(url, data=params, headers=headers, timeout=10)
-        soup = BeautifulSoup(response.text, 'html.parser')
-        results = []
-        for item in soup.select('.result')[:max_results]:
-            title_element = item.select_one('.result__title a')
-            snippet_element = item.select_one('.result__snippet')
-            link_element = item.select_one('.result__url')
-            if title_element:
-                title = title_element.get_text(strip=True)
-                link = link_element.get_text(strip=True) if link_element else title_element.get('href', '')
-                snippet = snippet_element.get_text(strip=True) if snippet_element else ''
-                results.append({'title': title, 'link': link, 'snippet': snippet})
-        return results
-    except Exception as e:
-        print(f"Error during DuckDuckGo search: {e}")
-        return []
 @app.route('/')
-def home():
-    return render_template_string(HTML_TEMPLATE)
-@app.route('/search')
-def search():
     query = request.args.get('q', '')
-    if not query:
-        return jsonify({'results': []})
-    results = search_duckduckgo(query)
-    return jsonify({'results': results})
 if __name__ == '__main__':
-    app.run(host='0.0.0.0', port=7860)

+from flask import Flask, request, render_template_string, jsonify
+import sqlite3
+from datetime import datetime
+import threading
+import time
+from crawler import fetch_news_from_aljazeera
+from indexer import save_news_to_db
 app = Flask(__name__)
+# قالب HTML متجاوب وجميل
+HTML_TEMPLATE = '''
 <!DOCTYPE html>
+<html dir="rtl">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>محرك بحث الأخبار - البحث في الصور والأخبار والفيديوهات</title>
     <style>
         * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Tahoma', Arial, sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
         }
+        .container { max-width: 900px; margin: auto; padding: 20px; }
+        .header {
+            background: white;
+            border-radius: 15px;
+            padding: 30px;
+            margin-bottom: 30px;
+            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
+            text-align: center;
         }
+        h1 {
+            color: #333;
+            margin-bottom: 10px;
+            font-size: 2.5em;
         }
+        .subtitle { color: #666; margin-bottom: 30px; }
+        .search-form { display: flex; gap: 10px; flex-wrap: wrap; }
+        .search-box {
+            flex: 1;
+            padding: 15px;
+            border: 2px solid #ddd;
+            border-radius: 10px;
+            font-size: 16px;
+            font-family: inherit;
         }
+        .search-box:focus { outline: none; border-color: #667eea; }
+        button {
+            padding: 15px 30px;
+            background: #667eea;
+            color: white;
+            border: none;
+            border-radius: 10px;
+            cursor: pointer;
+            font-size: 16px;
+            transition: transform 0.2s;
         }
+        button:hover { transform: scale(1.05); background: #5a67d8; }
+        .filters {
+            display: flex;
+            gap: 10px;
+            margin: 20px 0;
+            justify-content: center;
+        }
+        .filter-btn {
+            padding: 8px 20px;
+            background: #f0f0f0;
+            border: none;
+            border-radius: 20px;
+            cursor: pointer;
+        }
+        .filter-btn.active { background: #667eea; color: white; }
+        .results-count {
+            background: white;
+            padding: 10px;
+            border-radius: 10px;
+            margin-bottom: 20px;
+            text-align: center;
+        }
+        .result {
+            background: white;
+            padding: 20px;
+            margin-bottom: 15px;
+            border-radius: 10px;
+            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+            transition: transform 0.2s;
+        }
+        .result:hover { transform: translateX(-5px); }
+        .title {
+            color: #1a0dab;
+            text-decoration: none;
+            font-size: 18px;
+            font-weight: bold;
+            display: block;
+            margin-bottom: 8px;
+        }
+        .title:hover { text-decoration: underline; }
+        .source { color: #006621; font-size: 14px; }
+        .date { color: #808080; font-size: 12px; }
+        .summary { color: #545454; margin-top: 10px; line-height: 1.5; }
+        .footer {
+            text-align: center;
+            margin-top: 30px;
+            color: white;
+            padding: 20px;
+        }
+        @media (max-width: 600px) {
+            .search-form { flex-direction: column; }
+            .container { padding: 10px; }
         }
     </style>
 </head>
 <body>
     <div class="container">
+        <div class="header">
+            <h1>📰 🔍 🎥 محرك البحث المتكامل</h1>
+            <p class="subtitle">بحث في الأخبار - الصور - الفيديوهات</p>
+            <form method="get" class="search-form">
+                <input type="text" name="q" class="search-box" placeholder="ابحث عن أخبار، صور، فيديوهات..." value="{{ query }}">
+                <button type="submit">🔍 بحث</button>
+            </form>
+            <div class="filters">
+                <button class="filter-btn {% if filter_type == 'all' %}active{% endif %}" onclick="filterResults('all')">الكل</button>
+                <button class="filter-btn {% if filter_type == 'news' %}active{% endif %}" onclick="filterResults('news')">📰 أخبار</button>
+                <button class="filter-btn {% if filter_type == 'images' %}active{% endif %}" onclick="filterResults('images')">🖼️ صور</button>
+                <button class="filter-btn {% if filter_type == 'videos' %}active{% endif %}" onclick="filterResults('videos')">🎥 فيديوهات</button>
+            </div>
         </div>
+        {% if query %}
+            <div class="results-count">
+                📊 عرض {{ results|length }} نتيجة من أصل {{ total }} عن "{{ query }}"
+            </div>
+            {% for result in results %}
+                <div class="result">
+                    <a href="{{ result.link }}" class="title" target="_blank">
+                        {% if result.type == 'news' %}📰{% elif result.type == 'image' %}🖼️{% elif result.type == 'video' %}🎥{% endif %}
+                        {{ result.title }}
+                    </a>
+                    <div>
+                        <span class="source">{{ result.source }}</span>
+                        <span class="date"> - {{ result.date }}</span>
+                    </div>
+                    {% if result.thumbnail %}
+                        <img src="{{ result.thumbnail }}" style="max-width: 100px; float: left; margin-left: 10px;">
+                    {% endif %}
+                    <div class="summary">{{ result.summary }}</div>
+                </div>
+            {% endfor %}
+        {% endif %}
+        <div class="footer">
+            <p>🚀 تم النشر على Hugging Face Spaces باستخدام Docker</p>
+            <p>🔄 يتم تحديث الأخبار تلقائيًا كل ساعة</p>
+        </div>
     </div>
     <script>
+        function filterResults(type) {
+            const url = new URL(window.location.href);
+            url.searchParams.set('type', type);
+            window.location.href = url.toString();
         }
     </script>
 </body>
 </html>
+'''
+def search_all(query, filter_type='all'):
+    """البحث في جميع المحتويات (أخبار - صور - فيديوهات)"""
+    conn = sqlite3.connect('news_database.db')
+    cursor = conn.cursor()
+    query_lower = query.lower()
+    results = []
+    # 1. البحث في الأخبار
+    if filter_type in ['all', 'news']:
+        cursor.execute('''
+            SELECT title, link, summary, source, date, 'news' as type, '' as thumbnail
+            FROM news
+            WHERE search_terms LIKE ?
+            ORDER BY date DESC
+            LIMIT 30
+        ''', (f'%{query_lower}%',))
+        for row in cursor.fetchall():
+            results.append({
+                'title': row[0], 'link': row[1], 'summary': row[2],
+                'source': row[3], 'date': row[4], 'type': row[5], 'thumbnail': row[6]
+            })
+    # 2. صور تجريبية (يمكنك إضافة مصادر حقيقية لاحقًا)
+    if filter_type in ['all', 'images']:
+        sample_images = [
+            {'title': f'صورة متعلقة بـ {query}', 'link': '#', 'summary': 'نتائج صور تجريبية',
+             'source': 'مكتبة الصور', 'date': datetime.now().strftime('%Y-%m-%d'), 'type': 'image',
+             'thumbnail': 'https://via.placeholder.com/100'},
+        ]
+        results.extend(sample_images)
+    conn.close()
+    return results, len(results)
+def update_news_background():
+    """تحديث الأخبار في الخلفية كل ساعة"""
+    while True:
+        try:
+            print("🔄 جلب آخر الأخبار...")
+            news_list = fetch_news_from_aljazeera()
+            if news_list:
+                save_news_to_db(news_list)
+                print(f"✅ تم تحديث {len(news_list)} خبر")
+        except Exception as e:
+            print(f"⚠️ خطأ في التحديث: {e}")
+        time.sleep(3600)  # كل ساعة
 @app.route('/')
+def index():
+    query = request.args.get('q', '')
+    filter_type = request.args.get('type', 'all')
+    if query:
+        results, total = search_all(query, filter_type)
+    else:
+        results, total = [], 0
+    return render_template_string(HTML_TEMPLATE,
+                                 query=query,
+                                 results=results,
+                                 total=total,
+                                 filter_type=filter_type)
+@app.route('/api/search')
+def api_search():
+    """API للبحث (JSON)"""
     query = request.args.get('q', '')
+    filter_type = request.args.get('type', 'all')
+    results, total = search_all(query, filter_type)
+    return jsonify({'results': results, 'total': total})
 if __name__ == '__main__':
+    # تشغيل مهمة تحديث الأخبار في خلفية منفصلة
+    update_thread = threading.Thread(target=update_news_background, daemon=True)
+    update_thread.start()
+    # تشغيل التطبيق
+    app.run(host='0.0.0.0', port=7860, debug=False)