Spaces:

iq7se2
/

web2

Sleeping

App Files Files Community

iq7se2 commited on May 5

Commit

698b416

verified ·

1 Parent(s): 7139bc7

Upload 4 files

Browse files

Files changed (4) hide show

Dockerfile +6 -0
app.py +87 -0
requirements.txt +3 -0
templates/index.html +293 -0

Dockerfile ADDED Viewed

	@@ -0,0 +1,6 @@

+FROM python:3.11-slim
+WORKDIR /app
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+COPY . .
+CMD ["python", "app.py"]

app.py ADDED Viewed

	@@ -0,0 +1,87 @@

+import os
+import aiohttp
+import asyncio
+from flask import Flask, render_template, request, jsonify
+app = Flask(__name__)
+# جلب الإعدادات الحساسة من الـ Secrets حصراً
+BASE_URL = os.getenv("BASE_URL")
+MANGA_PATH = os.getenv("MANGA_API_PATH")
+CHAPTER_PATH = os.getenv("CHAPTER_API_PATH")
+if not all([BASE_URL, MANGA_PATH, CHAPTER_PATH]):
+    print("⚠️ WARNING: Secrets are not fully set! The app might not work.")
+PORT = int(os.getenv("PORT", 7860))
+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"
+}
+# ── 1. SCRAPER LOGIC ──────────────────────────────────────────────────
+async def get_chapters(manga_url):
+    slug = manga_url.strip().rstrip("/").split("/")[-1]
+    # بناء الرابط باستخدام القالب المخفي
+    api_url = f"{BASE_URL}{MANGA_PATH.format(slug=slug)}"
+    async with aiohttp.ClientSession(headers=HEADERS) as session:
+        try:
+            async with session.get(api_url, timeout=15) as resp:
+                if resp.status != 200:
+                    return None
+                data = await resp.json()
+                mangas = data.get("mangas", [])
+                if not mangas:
+                    return None
+                m = mangas[0]
+                return {
+                    "title": m.get("post_title", slug),
+                    "thumbnail": m.get("thumbnail", ""),
+                    "chapters": [
+                        {"id": c["id_capitulo"], "title": c["nombre"], "slug": c["slug"]}
+                        for c in m.get("capitulos", [])
+                    ]
+                }
+        except Exception:
+            return None
+async def get_images(chapter_id):
+    # بناء الرابط باستخدام القالب المخفي
+    api_url = f"{BASE_URL}{CHAPTER_PATH.format(id=chapter_id)}"
+    async with aiohttp.ClientSession(headers=HEADERS) as session:
+        try:
+            async with session.get(api_url, timeout=15) as resp:
+                if resp.status != 200:
+                    return []
+                data = await resp.json()
+                imgs = data.get("imagenes") or []
+                return [i["src"] if isinstance(i, dict) else i for i in imgs]
+        except Exception:
+            return []
+# ── 2. ROUTES ─────────────────────────────────────────────────────────
+@app.route("/")
+def index():
+    return render_template("index.html")
+@app.route("/api/manga")
+def api_manga():
+    url = request.args.get("url")
+    if not url: return jsonify({"error": "Missing URL"}), 400
+    loop = asyncio.new_event_loop()
+    asyncio.set_event_loop(loop)
+    data = loop.run_until_complete(get_chapters(url))
+    if not data: return jsonify({"error": "Manga not found"}), 404
+    return jsonify(data)
+@app.route("/api/chapter/<int:chapter_id>")
+def api_chapter(chapter_id):
+    loop = asyncio.new_event_loop()
+    asyncio.set_event_loop(loop)
+    images = loop.run_until_complete(get_images(chapter_id))
+    return jsonify({"images": images})
+if __name__ == "__main__":
+    app.run(host="0.0.0.0", port=PORT)

requirements.txt ADDED Viewed

	@@ -0,0 +1,3 @@

+Flask
+aiohttp
+beautifulsoup4

templates/index.html ADDED Viewed

	@@ -0,0 +1,293 @@

+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Utoon Web Reader</title>
+    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Noto+Kufi+Arabic:wght@400;700&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --bg: #0f172a;
+            --card: rgba(30, 41, 59, 0.7);
+            --accent: #8b5cf6;
+            --text: #f8fafc;
+            --text-dim: #94a3b8;
+            --glass: rgba(255, 255, 255, 0.05);
+        }
+        * {
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+            font-family: 'Outfit', 'Noto Kufi Arabic', sans-serif;
+        }
+        body {
+            background: var(--bg);
+            color: var(--text);
+            min-height: 100vh;
+            overflow-x: hidden;
+            background-image: radial-gradient(circle at 50% -20%, #312e81, transparent);
+        }
+        .container {
+            max-width: 1000px;
+            margin: 0 auto;
+            padding: 2rem;
+        }
+        header {
+            text-align: center;
+            margin-bottom: 3rem;
+            animation: fadeInDown 0.8s ease-out;
+        }
+        h1 {
+            font-size: 3rem;
+            font-weight: 800;
+            background: linear-gradient(to right, #a78bfa, #f472b6);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            margin-bottom: 0.5rem;
+        }
+        .search-box {
+            background: var(--card);
+            padding: 1.5rem;
+            border-radius: 24px;
+            backdrop-filter: blur(12px);
+            border: 1px solid var(--glass);
+            display: flex;
+            gap: 1rem;
+            box-shadow: 0 20px 50px rgba(0,0,0,0.3);
+            margin-bottom: 2rem;
+        }
+        input {
+            flex: 1;
+            background: rgba(15, 23, 42, 0.5);
+            border: 1px solid var(--glass);
+            padding: 1rem 1.5rem;
+            border-radius: 16px;
+            color: white;
+            font-size: 1rem;
+            outline: none;
+            transition: all 0.3s;
+        }
+        input:focus {
+            border-color: var(--accent);
+            box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.2);
+        }
+        button {
+            background: var(--accent);
+            color: white;
+            border: none;
+            padding: 0 2rem;
+            border-radius: 16px;
+            font-weight: 600;
+            cursor: pointer;
+            transition: transform 0.2s, background 0.2s;
+        }
+        button:hover {
+            background: #7c3aed;
+            transform: translateY(-2px);
+        }
+        .manga-info {
+            display: none;
+            animation: fadeInUp 0.5s ease-out;
+        }
+        .manga-header {
+            display: flex;
+            gap: 2rem;
+            margin-bottom: 2rem;
+            background: var(--card);
+            padding: 2rem;
+            border-radius: 24px;
+            border: 1px solid var(--glass);
+        }
+        .manga-header img {
+            width: 200px;
+            border-radius: 16px;
+            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
+        }
+        .chapters-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+            gap: 1rem;
+        }
+        .chapter-card {
+            background: var(--glass);
+            padding: 1rem;
+            border-radius: 12px;
+            cursor: pointer;
+            text-align: center;
+            transition: all 0.2s;
+            border: 1px solid transparent;
+        }
+        .chapter-card:hover {
+            background: rgba(139, 92, 246, 0.1);
+            border-color: var(--accent);
+            transform: scale(1.03);
+        }
+        #reader {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: #000;
+            z-index: 1000;
+            overflow-y: auto;
+            padding: 2rem 0;
+        }
+        #reader img {
+            display: block;
+            max-width: 800px;
+            width: 100%;
+            margin: 0 auto 0.5rem;
+        }
+        .close-reader {
+            position: fixed;
+            top: 1rem;
+            right: 1rem;
+            background: rgba(255,255,255,0.2);
+            color: white;
+            border: none;
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            font-size: 1.5rem;
+            cursor: pointer;
+            z-index: 1001;
+            backdrop-filter: blur(5px);
+        }
+        @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
+        @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }
+        @media (max-width: 600px) {
+            .manga-header { flex-direction: column; align-items: center; text-align: center; }
+            .search-box { flex-direction: column; }
+            h1 { font-size: 2rem; }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <header>
+            <h1>Utoon Web</h1>
+            <p style="color: var(--text-dim)">استعرض فصول المانجا المفضلة لديك مباشرة</p>
+        </header>
+        <div class="search-box">
+            <input type="text" id="mangaUrl" placeholder="أدخل رابط المانجا هنا (مثلاً https://utoon.net/manga/eleceed/)...">
+            <button onclick="searchManga()">بحث</button>
+        </div>
+        <div id="loader" style="display: none; text-align: center; margin: 2rem;">
+            <div style="border: 4px solid var(--glass); border-top: 4px solid var(--accent); width: 40px; height: 40px; border-radius: 50%; animation: spin 1s linear infinite; margin: auto;"></div>
+        </div>
+        <div id="mangaInfo" class="manga-info">
+            <div class="manga-header">
+                <img id="mangaThumb" src="" alt="">
+                <div>
+                    <h2 id="mangaTitle" style="font-size: 2rem; margin-bottom: 1rem;"></h2>
+                    <p id="chaptersCount" style="color: var(--text-dim)"></p>
+                </div>
+            </div>
+            <div class="chapters-grid" id="chaptersGrid"></div>
+        </div>
+    </div>
+    <div id="reader">
+        <button class="close-reader" onclick="closeReader()">×</button>
+        <div id="imageStack"></div>
+    </div>
+    <script>
+        async function searchManga() {
+            const url = document.getElementById('mangaUrl').value;
+            if (!url) return;
+            document.getElementById('loader').style.display = 'block';
+            document.getElementById('mangaInfo').style.display = 'none';
+            try {
+                const response = await fetch(`/api/manga?url=${encodeURIComponent(url)}`);
+                const data = await response.json();
+                if (data.error) {
+                    alert('خطأ: ' + data.error);
+                    return;
+                }
+                document.getElementById('mangaTitle').innerText = data.title;
+                document.getElementById('mangaThumb').src = data.thumbnail;
+                document.getElementById('chaptersCount').innerText = `${data.chapters.length} فصل متوفر`;
+                const grid = document.getElementById('chaptersGrid');
+                grid.innerHTML = '';
+                data.chapters.forEach(ch => {
+                    const div = document.createElement('div');
+                    div.className = 'chapter-card';
+                    div.innerText = ch.title;
+                    div.onclick = () => openChapter(ch.id);
+                    grid.appendChild(div);
+                });
+                document.getElementById('mangaInfo').style.display = 'block';
+            } catch (e) {
+                alert('فشل الاتصال بالسيرفر');
+            } finally {
+                document.getElementById('loader').style.display = 'none';
+            }
+        }
+        async function openChapter(id) {
+            document.getElementById('loader').style.display = 'block';
+            try {
+                const resp = await fetch(`/api/chapter/${id}`);
+                const data = await resp.json();
+                const stack = document.getElementById('imageStack');
+                stack.innerHTML = '';
+                data.images.forEach(src => {
+                    const img = document.createElement('img');
+                    img.src = src;
+                    img.loading = 'lazy';
+                    stack.appendChild(img);
+                });
+                document.getElementById('reader').style.display = 'block';
+                document.body.style.overflow = 'hidden';
+            } catch (e) {
+                alert('فشل تحميل الفصل');
+            } finally {
+                document.getElementById('loader').style.display = 'none';
+            }
+        }
+        function closeReader() {
+            document.getElementById('reader').style.display = 'none';
+            document.body.style.overflow = 'auto';
+        }
+        window.onkeyup = (e) => { if(e.key === "Escape") closeReader(); }
+    </script>
+    <style> @keyframes spin { 100% { transform: rotate(360deg); } } </style>
+</body>
+</html>