Spaces:

Artificial-superintelligence
/

Athspi

Running

App Files Files Community

Artificial-superintelligence commited on Dec 3, 2024

Commit

40f3dcd

verified ·

1 Parent(s): 6407b2f

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +115 -64

templates/index.html CHANGED Viewed

@@ -1,71 +1,122 @@
-from flask import Flask, request, jsonify, render_template, stream_with_context, Response
-import os
-import subprocess
-import tempfile
-import shutil
-app = Flask(__name__)
-# Create a temporary directory for operations
-temp_dir = tempfile.mkdtemp()
-@app.route("/")
-def index():
-    return render_template("index.html")
-def execute_shell_command(command):
-    """Executes a shell command and streams output."""
-    process = subprocess.Popen(
-        command,
-        shell=True,
-        stdout=subprocess.PIPE,
-        stderr=subprocess.PIPE,
-        text=True,
-        cwd=temp_dir
-    )
-    for line in iter(process.stdout.readline, ""):
-        yield f"{line}<br>"
-    for line in iter(process.stderr.readline, ""):
-        yield f"Error: {line}<br>"
-    process.stdout.close()
-    process.stderr.close()
-    process.wait()
-@app.route("/execute", methods=["POST"])
-def execute_code():
-    command = request.json.get("code", "").strip()
-    if not command:
-        return jsonify({"result": "Error: No command provided."})
-    try:
-        if command.startswith("!"):
-            shell_command = command[1:]
-            return Response(stream_with_context(execute_shell_command(shell_command)))
-        else:
-            process = subprocess.run(
-                ["python3", "-c", command],
-                stdout=subprocess.PIPE,
-                stderr=subprocess.PIPE,
-                text=True,
-                cwd=temp_dir
-            )
-            return jsonify({"result": process.stdout + process.stderr})
-    except Exception as e:
-        return jsonify({"result": f"Error: {e}"})
-@app.route("/cleanup", methods=["POST"])
-def cleanup():
-    global temp_dir
-    if os.path.exists(temp_dir):
-        shutil.rmtree(temp_dir)
-    temp_dir = tempfile.mkdtemp()
-    return jsonify({"result": "Temporary files cleaned up."})
-if __name__ == "__main__":
-    # Check if Git is available in the environment
-    try:
-        subprocess.run(["git", "--version"], check=True)
-        print("Git is installed.")
-    except subprocess.CalledProcessError:
-        print("Git is not installed.")
-    app.run(host="0.0.0.0", port=7860)

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Python Terminal</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #1e1e1e;
+            color: #c7c7c7;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+        }
+        .terminal {
+            width: 80%;
+            height: 70%;
+            background: #2e2e2e;
+            border-radius: 8px;
+            padding: 15px;
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
+            display: flex;
+            flex-direction: column;
+        }
+        .terminal-output {
+            flex: 1;
+            background: #1e1e1e;
+            padding: 10px;
+            border-radius: 5px;
+            overflow-y: auto;
+            margin-bottom: 10px;
+            white-space: pre-wrap;
+        }
+        .terminal-input {
+            display: flex;
+        }
+        input {
+            flex: 1;
+            padding: 10px;
+            border-radius: 5px;
+            border: 1px solid #444;
+            background: #1e1e1e;
+            color: #c7c7c7;
+        }
+        button {
+            margin-left: 10px;
+            padding: 10px 20px;
+            border: none;
+            border-radius: 5px;
+            background: #0078d4;
+            color: white;
+            cursor: pointer;
+        }
+        button:hover {
+            background: #005bb5;
+        }
+    </style>
+</head>
+<body>
+    <div class="terminal">
+        <div id="output" class="terminal-output">Python Terminal Ready...</div>
+        <div class="terminal-input">
+            <input type="text" id="code-input" placeholder="Enter Python code or shell command (e.g., !git clone ...)" />
+            <button onclick="executeCode()">Run</button>
+            <button onclick="cleanup()">Cleanup</button>
+        </div>
+    </div>
+    <script>
+        function executeCode() {
+            const codeInput = document.getElementById("code-input");
+            const outputDiv = document.getElementById("output");
+            outputDiv.innerHTML += `\n> ${codeInput.value}<br>Running...`;
+            fetch("/execute", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ code: codeInput.value }),
+            })
+            .then(response => {
+                const reader = response.body.getReader();
+                const decoder = new TextDecoder();
+                let content = "";
+                function readStream() {
+                    reader.read().then(({ done, value }) => {
+                        if (done) return;
+                        content += decoder.decode(value);
+                        outputDiv.innerHTML += content;
+                        outputDiv.scrollTop = outputDiv.scrollHeight;
+                        readStream();
+                    });
+                }
+                readStream();
+            })
+            .catch(error => {
+                outputDiv.innerHTML += `<br>Error: ${error}`;
+                outputDiv.scrollTop = outputDiv.scrollHeight;
+            });
+            codeInput.value = "";
+        }
+        function cleanup() {
+            fetch("/cleanup", { method: "POST" })
+                .then(response => response.json())
+                .then(data => {
+                    const outputDiv = document.getElementById("output");
+                    outputDiv.innerHTML += `\n${data.result}`;
+                    outputDiv.scrollTop = outputDiv.scrollHeight;
+                });
+        }
+        window.addEventListener("beforeunload", cleanup);
+    </script>
+</body>
+</html>