Spaces:
Configuration error
Configuration error
File size: 6,502 Bytes
619dc05 d2a750a 619dc05 d2a750a 619dc05 d2a750a 619dc05 d2a750a 619dc05 d2a750a 619dc05 d2a750a 619dc05 d2a750a 619dc05 d2a750a 619dc05 d2a750a 619dc05 d2a750a 619dc05 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 |
import os
import requests
from flask import Flask, request, jsonify
app = Flask(__name__)
# The HTML and CSS for the mobile-friendly user interface.
# The design is modern, interactive, and uses Tailwind CSS.
# You can modify the design from here.
# (هنا تبدأ الواجهة الأمامية للتطبيق، وهي مصممة بأسلوب عصري ومناسب للجوالات باستخدام Tailwind CSS)
html_template = """
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Worm Chat GPT</title>
<!-- Tailwind CSS CDN for styling -->
<script src="https://cdn.tailwindcss.com"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap');
body {
font-family: 'Tajawal', sans-serif;
direction: rtl; /* Set text direction to right-to-left for Arabic */
}
</style>
</head>
<body class="bg-gradient-to-br from-indigo-900 via-purple-900 to-pink-900 text-white min-h-screen flex items-center justify-center p-4">
<div class="bg-white/10 backdrop-blur-md p-6 sm:p-8 rounded-3xl shadow-2xl w-full max-w-sm flex flex-col items-center border border-white/20">
<!-- Application Title -->
<h1 class="text-3xl font-bold mb-2">Worm Chat GPT</h1>
<p class="text-sm text-center text-white/70 mb-6">أهلاً بك، أرسل طلبك وسيتم تنفيذه</p>
<!-- Input area -->
<div class="w-full mb-4">
<textarea id="text-input" rows="4" class="w-full p-4 rounded-xl bg-white/20 text-white placeholder-white/50 focus:outline-none focus:ring-2 focus:ring-purple-400 transition-all resize-none" placeholder="اكتب طلبك هنا..."></textarea>
</div>
<!-- Submit button -->
<button id="send-btn" class="w-full bg-indigo-500 hover:bg-indigo-600 transition-all text-white font-bold py-3 px-6 rounded-full shadow-lg transform hover:scale-105 active:scale-95 disabled:bg-indigo-300 disabled:cursor-not-allowed">
إرسال
</button>
<!-- Loading spinner and response area -->
<div id="loading" class="mt-6 hidden">
<div class="animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-purple-500"></div>
</div>
<div id="response-container" class="w-full mt-6 p-4 rounded-xl bg-white/10 border border-white/20 hidden">
<p id="response-text" class="text-sm leading-relaxed"></p>
</div>
</div>
<!-- JavaScript for handling user interactions and API calls -->
<script>
// Get references to HTML elements
const textInput = document.getElementById('text-input');
const sendBtn = document.getElementById('send-btn');
const loadingSpinner = document.getElementById('loading');
const responseContainer = document.getElementById('response-container');
const responseText = document.getElementById('response-text');
// Event listener for the send button
sendBtn.addEventListener('click', async () => {
const text = textInput.value.trim();
if (!text) {
alert('الرجاء كتابة طلبك أولاً.');
return;
}
// Show loading spinner and disable button
sendBtn.disabled = true;
loadingSpinner.classList.remove('hidden');
responseContainer.classList.add('hidden');
responseText.textContent = '';
try {
// Send the request to our backend
const response = await fetch('/api/process', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ text: text })
});
if (!response.ok) {
throw new Error('فشل الاتصال بالخادم.');
}
const data = await response.json();
// Display the result in the response container
responseText.textContent = data.result || 'لم يتم العثور على نتيجة.';
responseContainer.classList.remove('hidden');
} catch (error) {
// Display error message
responseText.textContent = 'حدث خطأ: ' + error.message;
responseContainer.classList.remove('hidden');
} finally {
// Hide loading spinner and enable the button
loadingSpinner.classList.add('hidden');
sendBtn.disabled = false;
}
});
</script>
</body>
</html>
"""
# The HTML and CSS for the mobile-friendly user interface ends here.
@app.route('/')
def index():
"""Renders the main HTML page for the web application."""
return html_template
@app.route('/api/process', methods=['POST'])
def process_text():
"""Handles text processing requests."""
try:
# Get the text from the request body
data = request.get_json()
user_text = data.get('text', '').strip()
if not user_text:
return jsonify({"error": "الرجاء إرسال نص صالح."}), 400
# Construct the URL for the external API
api_url = f'https://dev-pycodz-blackbox.pantheonsite.io/DEvZ44d/DarkCode.php?text={user_text}'
# Make the GET request to the external API
response = requests.get(api_url)
response.raise_for_status() # Raise an exception for bad status codes (4xx or 5xx)
# The external API response is the text we need
processed_text = response.text
# Return the processed text in a JSON format
return jsonify({"result": processed_text})
except requests.exceptions.RequestException as e:
# Handle network or HTTP errors when connecting to the external API
return jsonify({"error": f"حدث خطأ في الاتصال بالخدمة الخارجية: {str(e)}"}), 500
except Exception as e:
# Handle any other unexpected errors
return jsonify({"error": f"حدث خطأ غير متوقع: {str(e)}"}), 500
# This block is crucial for running the application on Hugging Face Spaces
if __name__ == "__main__":
app.run(host='0.0.0.0', port=int(os.environ.get("PORT", 5000)))
|