Spaces:

Akwbw
/

Botisbot

Running

App Files Files Community

Akwbw commited on Jan 12

Commit

8255c62

verified ·

1 Parent(s): 55ed029

Update app.py

Browse files

Files changed (1) hide show

app.py +36 -130

app.py CHANGED Viewed

@@ -1,19 +1,25 @@
 import os
 import time
 import subprocess
-import threading
-from flask import Flask, request, Response
 import pyautogui
-# Set Display explicitly for PyAutoGUI
-os.environ["DISPLAY"] = ":99"
 app = Flask(__name__)
-# PyAutoGUI Failsafe Disable
 pyautogui.FAILSAFE = False
-# --- EMBEDDED HTML UI (Mobile Optimized) ---
 HTML_TEMPLATE = """
 <!DOCTYPE html>
 <html>
@@ -21,119 +27,42 @@ HTML_TEMPLATE = """
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <title>Cloud PC</title>
     <style>
-        body { margin: 0; background: #111; height: 100vh; display: flex; flex-direction: column; overflow: hidden; }
-        /* SCREEN VIEW */
-        .screen-container {
-            flex: 1; display: flex; justify-content: center; align-items: flex-start;
-            overflow: hidden; background: black; position: relative;
-        }
-        #desktop {
-            width: 100%; height: auto; max-height: 100%;
-            object-fit: contain; cursor: pointer;
-        }
-        /* FLOATING TOOLBAR */
-        .toolbar {
-            position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);
-            background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px);
-            padding: 10px; border-radius: 30px; display: flex; gap: 15px;
-            border: 1px solid rgba(255,255,255,0.2);
-        }
-        .btn {
-            width: 40px; height: 40px; border-radius: 50%; background: #333; color: white;
-            display: flex; align-items: center; justify-content: center; font-size: 18px;
-            cursor: pointer; border: none;
-        }
-        .btn:active { background: #2563eb; }
-        /* KEYBOARD INPUT */
-        #kbdBar {
-            display: none; padding: 10px; background: #222; border-top: 1px solid #444;
-        }
-        input { width: 100%; padding: 10px; background: #333; border: none; color: white; border-radius: 5px; }
     </style>
 </head>
 <body>
     <div class="screen-container">
         <img id="desktop" draggable="false">
         <div class="toolbar">
-            <button class="btn" onclick="sendKey('win')">⊞</button>
-            <button class="btn" onclick="toggleKeyboard()">⌨</button>
-            <button class="btn" onclick="sendKey('enter')">↵</button>
-            <button class="btn" onclick="launchApp('terminal')">_></button>
-            <button class="btn" onclick="launchApp('chrome')">🌐</button>
         </div>
     </div>
-    <div id="kbdBar">
-        <input type="text" id="typeInput" placeholder="Type here..." autocomplete="off">
-        <button onclick="sendText()" style="padding: 10px; width: 100%; margin-top: 5px; background: blue; color: white; border: none; border-radius: 5px;">Send</button>
-    </div>
     <script>
         const img = document.getElementById('desktop');
-        // 1. Live Stream Loop
-        function refresh() {
-            img.src = '/snapshot?' + new Date().getTime();
-        }
-        setInterval(refresh, 800); // 0.8s Refresh Rate
-        // 2. Click Handler (Accurate Mapping)
         img.addEventListener('click', async (e) => {
             const rect = img.getBoundingClientRect();
-            // Ignore black bars
             if (e.clientX < rect.left || e.clientX > rect.right) return;
             const x = (e.clientX - rect.left) / rect.width;
             const y = (e.clientY - rect.top) / rect.height;
-            await fetch('/interact', {
-                method: 'POST',
-                headers: {'Content-Type': 'application/json'},
-                body: JSON.stringify({action: 'tap', x: x, y: y})
-            });
             refresh();
         });
-        // 3. Actions
         async function sendKey(k) {
-            await fetch('/interact', {
-                method: 'POST',
-                headers: {'Content-Type': 'application/json'},
-                body: JSON.stringify({action: 'key', key: k})
-            });
             refresh();
         }
         async function launchApp(app) {
-            await fetch('/interact', {
-                method: 'POST',
-                headers: {'Content-Type': 'application/json'},
-                body: JSON.stringify({action: 'launch', app: app})
-            });
-        }
-        function toggleKeyboard() {
-            const bar = document.getElementById('kbdBar');
-            bar.style.display = bar.style.display === 'block' ? 'none' : 'block';
-        }
-        async function sendText() {
-            const txt = document.getElementById('typeInput').value;
-            if(!txt) return;
-            document.getElementById('typeInput').value = "";
-            document.getElementById('kbdBar').style.display = 'none';
-            await fetch('/interact', {
-                method: 'POST',
-                headers: {'Content-Type': 'application/json'},
-                body: JSON.stringify({action: 'type', text: txt})
-            });
-            refresh();
         }
     </script>
 </body>
@@ -141,50 +70,27 @@ HTML_TEMPLATE = """
 """
 @app.route('/')
-def home():
-    return HTML_TEMPLATE
-@app.route('/snapshot')
-def snapshot():
     try:
-        # Use SCROT (Linux Native Tool) - 100% Reliable
-        subprocess.run(["scrot", "/tmp/shot.jpg", "-q", "20", "-o"], check=True)
-        with open("/tmp/shot.jpg", "rb") as f:
-            img_data = f.read()
-        return Response(img_data, mimetype='image/jpeg')
-    except Exception as e:
-        return str(e), 500
 @app.route('/interact', methods=['POST'])
 def interact():
     data = request.json
     action = data.get('action')
     try:
         if action == 'tap':
-            # Map Percentage to Screen Resolution (1024x768)
-            x = int(data.get('x') * 1024)
-            y = int(data.get('y') * 768)
             pyautogui.click(x, y)
-        elif action == 'type':
-            pyautogui.write(data.get('text'))
         elif action == 'key':
             k = data.get('key')
             if k == 'win': pyautogui.press('super')
             else: pyautogui.press(k)
-        elif action == 'launch':
-            app_name = data.get('app')
-            if app_name == 'terminal':
-                subprocess.Popen("xfce4-terminal &", shell=True)
-            elif app_name == 'chrome':
-                subprocess.Popen("chromium-browser --no-sandbox &", shell=True)
-        return "OK"
-    except Exception as e:
-        return str(e), 500
-if __name__ == '__main__':
-    app.run(host='0.0.0.0', port=7860, threaded=True)

 import os
 import time
+# Set Display FIRST
+os.environ["DISPLAY"] = ":99"
+os.environ["XAUTHORITY"] = "/root/.Xauthority"
+import base64
 import subprocess
+from flask import Flask, request, jsonify
+from flask_cors import CORS
 import pyautogui
 app = Flask(__name__)
+CORS(app)
+SCREEN_WIDTH = 1024
+SCREEN_HEIGHT = 768
 pyautogui.FAILSAFE = False
+pyautogui.PAUSE = 0.1
+# EMBEDDED HTML UI
 HTML_TEMPLATE = """
 <!DOCTYPE html>
 <html>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <title>Cloud PC</title>
     <style>
+        body { margin: 0; background: #111; height: 100vh; display: flex; flex-direction: column; overflow: hidden; user-select: none; }
+        .screen-container { flex: 1; display: flex; justify-content: center; background: black; }
+        #desktop { width: 100%; height: 100%; object-fit: contain; }
+        .toolbar { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); background: rgba(255,255,255,0.2); padding: 10px; border-radius: 30px; display: flex; gap: 15px; }
+        .btn { width: 40px; height: 40px; border-radius: 50%; background: #333; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; }
     </style>
 </head>
 <body>
     <div class="screen-container">
         <img id="desktop" draggable="false">
         <div class="toolbar">
+            <div class="btn" onclick="sendKey('win')">⊞</div>
+            <div class="btn" onclick="sendKey('enter')">↵</div>
+            <div class="btn" onclick="launchApp('chrome')">🌐</div>
         </div>
     </div>
     <script>
         const img = document.getElementById('desktop');
+        function refresh() { img.src = '/snapshot?' + new Date().getTime(); }
+        setInterval(refresh, 800);
         img.addEventListener('click', async (e) => {
             const rect = img.getBoundingClientRect();
             if (e.clientX < rect.left || e.clientX > rect.right) return;
             const x = (e.clientX - rect.left) / rect.width;
             const y = (e.clientY - rect.top) / rect.height;
+            await fetch('/interact', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({action: 'tap', x: x, y: y}) });
             refresh();
         });
         async function sendKey(k) {
+            await fetch('/interact', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({action: 'key', key: k}) });
             refresh();
         }
         async function launchApp(app) {
+            await fetch('/interact', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({action: 'launch', app: app}) });
         }
     </script>
 </body>
 """
 @app.route('/')
+def home(): return HTML_TEMPLATE
+@app.route('/snapshot', methods=['GET'])
+def get_snapshot():
     try:
+        subprocess.run(["scrot", "/tmp/screen.jpg", "-q", "20", "-o"], check=True)
+        with open("/tmp/screen.jpg", "rb") as image_file:
+            return Response(image_file.read(), mimetype='image/jpeg')
+    except: return "Error", 500
 @app.route('/interact', methods=['POST'])
 def interact():
     data = request.json
     action = data.get('action')
     try:
         if action == 'tap':
+            x = int(data.get('x') * SCREEN_WIDTH)
+            y = int(data.get('y') * SCREEN_HEIGHT)
             pyautogui.click(x, y)
         elif action == 'key':
             k = data.get('key')
             if k == 'win': pyautogui.press('super')
             else: pyautogui.press(k)
+        elif action == 'launch':