Spaces:

SketchyAI
/

linum

Running

App Files Files Community

Rémy commited on Oct 19

Commit

d45df14

•

1 Parent(s): a978cdf

Update to serve static files and fix API endpoint

Browse files

Files changed (3) hide show

Dockerfile +2 -0
app.py +6 -1
static/index.html +147 -0

Dockerfile CHANGED Viewed

@@ -10,4 +10,6 @@ COPY --chown=user ./requirements.txt requirements.txt
 RUN pip install --no-cache-dir --upgrade -r requirements.txt
 COPY --chown=user . /app
 CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "7860"]

 RUN pip install --no-cache-dir --upgrade -r requirements.txt
 COPY --chown=user . /app
+COPY --chown=user ./static /app/static
 CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "7860"]

app.py CHANGED Viewed

@@ -1,5 +1,7 @@
 from fastapi import FastAPI, HTTPException
 from fastapi.middleware.cors import CORSMiddleware
 from pydantic import BaseModel
 import subprocess
 import shlex
@@ -15,6 +17,9 @@ app.add_middleware(
     allow_headers=["*"],  # Allows all headers
 )
 ALLOWED_COMMANDS = {
     'ls', 'cd', 'pwd', 'echo', 'cat', 'grep', 'find', 'touch', 'mkdir', 'rm', 'cp', 'mv'
 }
@@ -46,4 +51,4 @@ async def execute_command(command: Command):
 @app.get("/")
 async def root():
-    return {"message": "Welcome to the Linux Practice Tool API"}

 from fastapi import FastAPI, HTTPException
 from fastapi.middleware.cors import CORSMiddleware
+from fastapi.staticfiles import StaticFiles
+from fastapi.responses import FileResponse
 from pydantic import BaseModel
 import subprocess
 import shlex
     allow_headers=["*"],  # Allows all headers
 )
+# Mount the static files directory
+app.mount("/static", StaticFiles(directory="static"), name="static")
 ALLOWED_COMMANDS = {
     'ls', 'cd', 'pwd', 'echo', 'cat', 'grep', 'find', 'touch', 'mkdir', 'rm', 'cp', 'mv'
 }
 @app.get("/")
 async def root():
+    return FileResponse('static/index.html')

static/index.html ADDED Viewed

	@@ -0,0 +1,147 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Linux Practice Tool</title>
+    <style>
+        body {
+            font-family: monospace;
+            background-color: #000;
+            color: #0f0;
+            margin: 0;
+            padding: 20px;
+        }
+        #terminal {
+            width: 100%;
+            height: 100vh;
+            overflow-y: auto;
+        }
+        #output {
+            white-space: pre-wrap;
+        }
+        #input-line {
+            display: flex;
+            margin-top: 10px;
+        }
+        #prompt {
+            margin-right: 5px;
+        }
+        #command-input {
+            flex-grow: 1;
+            background-color: transparent;
+            border: none;
+            color: #0f0;
+            font-family: inherit;
+            font-size: inherit;
+            outline: none;
+        }
+    </style>
+</head>
+<body>
+    <div id="terminal">
+        <div id="output"></div>
+        <div id="input-line">
+            <span id="prompt">$</span>
+            <input type="text" id="command-input" autofocus>
+        </div>
+    </div>
+    <script>
+        const output = document.getElementById('output');
+        const input = document.getElementById('command-input');
+        let commandHistory = [];
+        let historyIndex = -1;
+        input.addEventListener('keydown', async (event) => {
+            if (event.key === 'Enter') {
+                event.preventDefault();
+                const command = input.value.trim();
+                if (command) {
+                    commandHistory.push(command);
+                    historyIndex = commandHistory.length;
+                    await executeCommand(command);
+                }
+                input.value = '';
+            } else if (event.key === 'ArrowUp') {
+                event.preventDefault();
+                if (historyIndex > 0) {
+                    historyIndex--;
+                    input.value = commandHistory[historyIndex];
+                }
+            } else if (event.key === 'ArrowDown') {
+                event.preventDefault();
+                if (historyIndex < commandHistory.length - 1) {
+                    historyIndex++;
+                    input.value = commandHistory[historyIndex];
+                } else {
+                    historyIndex = commandHistory.length;
+                    input.value = '';
+                }
+            }
+        });
+        async function executeCommand(command) {
+            if (command.toLowerCase() === 'help') {
+                displayHelp();
+            } else {
+                output.innerHTML += `$ ${command}\n`;
+                try {
+                    const response = await fetch('/execute', {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({ command }),
+                    });
+                    const data = await response.json();
+                    if (response.ok) {
+                        output.innerHTML += data.output;
+                        if (data.error) {
+                            output.innerHTML += `Error: ${data.error}\n`;
+                        }
+                    } else {
+                        output.innerHTML += `Error: ${data.detail}\n`;
+                    }
+                } catch (error) {
+                    output.innerHTML += `Error: ${error.message}\n`;
+                }
+            }
+            output.scrollTop = output.scrollHeight;
+        }
+        function displayHelp() {
+            const helpText = `
+Available commands:
+- ls: List directory contents
+- cd: Change directory
+- pwd: Print working directory
+- echo: Display a line of text
+- cat: Concatenate files and print on the standard output
+- grep: Print lines that match patterns
+- find: Search for files in a directory hierarchy
+- touch: Change file timestamps
+- mkdir: Make directories
+- rm: Remove files or directories
+- cp: Copy files and directories
+- mv: Move (rename) files
+Type 'help' to see this message again.
+`;
+            output.innerHTML += helpText;
+        }
+        // Focus on input when clicking anywhere in the terminal
+        document.getElementById('terminal').addEventListener('click', () => {
+            input.focus();
+        });
+        // Initial welcome message
+        output.innerHTML = "Welcome to the Linux Practice Tool!\nType 'help' for a list of available commands.\n\n";
+    </script>
+</body>
+</html>