Spaces:

ubuntu593
/

dev.altai

Sleeping

App Files Files Community

prince1604 commited on Feb 11

Commit

da8ed9b

1 Parent(s): 1937b23

Rename async endpoints to match user req

Browse files

Files changed (2) hide show

api.py +3 -3
static/index.html +151 -132

api.py CHANGED Viewed

@@ -203,7 +203,7 @@ def get_system_status(domain: Optional[str] = None):
     stats = SystemMonitor.get_system_stats(target_url=domain)
     return stats
-@app.post("/api/scan/start")
 def start_scan(payload: StartReq, bg: BackgroundTasks):
     job_id = str(uuid4())
     JOBS[job_id] = {
@@ -220,7 +220,7 @@ def start_scan(payload: StartReq, bg: BackgroundTasks):
     bg.add_task(run_scan_job, job_id, payload.domain, payload.limit)
     return {"job_id": job_id}
-@app.get("/api/scan/progress/{job_id}")
 def scan_progress(job_id: str):
     job = JOBS.get(job_id)
     if not job:
@@ -256,7 +256,7 @@ def scan_progress(job_id: str):
         "error": job.get("error"),
     }
-@app.get("/api/scan/result/{job_id}")
 def scan_result(job_id: str):
     job = JOBS.get(job_id)
     if not job:

     stats = SystemMonitor.get_system_stats(target_url=domain)
     return stats
+@app.post("/api/scanstart")
 def start_scan(payload: StartReq, bg: BackgroundTasks):
     job_id = str(uuid4())
     JOBS[job_id] = {
     bg.add_task(run_scan_job, job_id, payload.domain, payload.limit)
     return {"job_id": job_id}
+@app.get("/api/progress/{job_id}")
 def scan_progress(job_id: str):
     job = JOBS.get(job_id)
     if not job:
         "error": job.get("error"),
     }
+@app.get("/api/result/{job_id}")
 def scan_result(job_id: str):
     job = JOBS.get(job_id)
     if not job:

static/index.html CHANGED Viewed

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -16,8 +17,13 @@
             --error: #ef4444;
         }
-        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', system-ui, sans-serif; }
         body {
             background-color: var(--bg);
             color: var(--text);
@@ -52,7 +58,7 @@
             border-radius: 1rem;
             padding: 2rem;
             box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-            border: 1px solid rgba(255,255,255,0.05);
             margin-bottom: 1.5rem;
         }
@@ -140,7 +146,7 @@
         }
         .stat-box {
-            background: rgba(255,255,255,0.03);
             padding: 1rem;
             border-radius: 0.5rem;
             text-align: center;
@@ -182,157 +188,170 @@
             color: #a5b4fc;
             font-size: 0.85rem;
         }
-        .json-key { color: #9cdcfe; }
-        .json-string { color: #ce9178; }
-        .json-number { color: #b5cea8; }
-        .json-boolean { color: #569cd6; }
     </style>
 </head>
 <body>
-<div class="container">
-    <header>
-        <h1>SEO Scaler</h1>
-        <p style="color: var(--text-muted);">Antigravity Async Scanner Interface</p>
-    </header>
-    <div class="card">
-        <div class="input-group">
-            <input type="text" id="domainInput" placeholder="Enter Domain (e.g. https://example.com)" value="https://example.com">
-            <input type="number" id="limitInput" placeholder="Limit" value="25" style="max-width: 100px;">
-            <button id="scanBtn" onclick="startScan()">Start Scan</button>
         </div>
-    </div>
-    <!-- Progress Card -->
-    <div id="progress-section" class="card">
-        <div class="progress-labels">
-            <span id="status-badge">Initializing...</span>
-            <span id="percent-badge">0%</span>
-        </div>
-        <div class="progress-bar-bg">
-            <div id="progress-fill" class="progress-bar"></div>
-        </div>
-        <div class="stats-grid">
-            <div class="stat-box">
-                <div id="pages-stat" class="stat-value">0</div>
-                <div class="stat-label">Pages Scanned</div>
             </div>
-            <div class="stat-box">
-                <div id="images-stat" class="stat-value">0</div>
-                <div class="stat-label">Images Found</div>
             </div>
-            <div class="stat-box">
-                <div id="time-stat" class="stat-value">0s</div>
-                <div class="stat-label">Elapsed Time</div>
             </div>
         </div>
-        <div id="log-msg" class="status-msg">
-            Waiting to start...
         </div>
     </div>
-    <!-- Result Card -->
-    <div id="result-section" class="card">
-        <h3 style="margin-bottom: 1rem;">Scan Results</h3>
-        <pre id="json-output"></pre>
-    </div>
-</div>
-<script>
-    let jobId = null;
-    let pollInterval = null;
-    async function startScan() {
-        const domain = document.getElementById('domainInput').value;
-        const limit = parseInt(document.getElementById('limitInput').value);
-        if (!domain) return alert("Please enter a domain");
-        // UI Reset
-        document.getElementById('scanBtn').disabled = true;
-        document.getElementById('progress-section').style.display = 'block';
-        document.getElementById('result-section').style.display = 'none';
-        try {
-            // 1. Start Job
-            const res = await fetch('/api/scan/start', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ domain, limit })
-            });
-            const data = await res.json();
-            jobId = data.job_id;
-            // 2. Start Polling
-            pollInterval = setInterval(pollProgress, 1000);
-        } catch (e) {
-            alert("Error starting scan: " + e);
-            document.getElementById('scanBtn').disabled = false;
-        }
-    }
-    async function pollProgress() {
-        if (!jobId) return;
-        try {
-            const res = await fetch(`/api/scan/progress/${jobId}`);
-            const data = await res.json();
-            // Update UI
-            document.getElementById('percent-badge').innerText = data.percent + '%';
-            document.getElementById('progress-fill').style.width = data.percent + '%';
-            document.getElementById('status-badge').innerText = data.status.toUpperCase();
-            document.getElementById('pages-stat').innerText = data.pages_scanned;
-            document.getElementById('images-stat').innerText = data.images_found;
-            document.getElementById('time-stat').innerText = data.elapsed_seconds + 's';
-            document.getElementById('log-msg').innerText = "> " + data.message;
-            if (data.status === 'done' || data.status === 'error') {
-                clearInterval(pollInterval);
                 document.getElementById('scanBtn').disabled = false;
-                if (data.status === 'done') {
-                    fetchResult();
-                } else {
-                    document.getElementById('log-msg').innerHTML += '<br><strong style="color:var(--error)">ERROR: ' + data.error + '</strong>';
                 }
             }
-        } catch (e) {
-            console.error("Poll error", e);
-        }
-    }
-    async function fetchResult() {
-        const res = await fetch(`/api/scan/result/${jobId}`);
-        const data = await res.json();
-        document.getElementById('result-section').style.display = 'block';
-        document.getElementById('json-output').innerText = JSON.stringify(data, null, 2);
-    }
-    // Auto-fill from query params
-    window.onload = () => {
-        const urlParams = new URLSearchParams(window.location.search);
-        const domain = urlParams.get('domain');
-        const limit = urlParams.get('limit');
-        if (domain) {
-            document.getElementById('domainInput').value = domain;
-            if (limit) document.getElementById('limitInput').value = limit;
-            // Auto start
-            startScan();
-        }
-    }
-</script>
 </body>
-</html>

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
             --error: #ef4444;
         }
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: 'Inter', system-ui, sans-serif;
+        }
         body {
             background-color: var(--bg);
             color: var(--text);
             border-radius: 1rem;
             padding: 2rem;
             box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+            border: 1px solid rgba(255, 255, 255, 0.05);
             margin-bottom: 1.5rem;
         }
         }
         .stat-box {
+            background: rgba(255, 255, 255, 0.03);
             padding: 1rem;
             border-radius: 0.5rem;
             text-align: center;
             color: #a5b4fc;
             font-size: 0.85rem;
         }
+        .json-key {
+            color: #9cdcfe;
+        }
+        .json-string {
+            color: #ce9178;
+        }
+        .json-number {
+            color: #b5cea8;
+        }
+        .json-boolean {
+            color: #569cd6;
+        }
     </style>
 </head>
 <body>
+    <div class="container">
+        <header>
+            <h1>SEO Scaler</h1>
+            <p style="color: var(--text-muted);">Antigravity Async Scanner Interface</p>
+        </header>
+        <div class="card">
+            <div class="input-group">
+                <input type="text" id="domainInput" placeholder="Enter Domain (e.g. https://example.com)"
+                    value="https://example.com">
+                <input type="number" id="limitInput" placeholder="Limit" value="25" style="max-width: 100px;">
+                <button id="scanBtn" onclick="startScan()">Start Scan</button>
+            </div>
         </div>
+        <!-- Progress Card -->
+        <div id="progress-section" class="card">
+            <div class="progress-labels">
+                <span id="status-badge">Initializing...</span>
+                <span id="percent-badge">0%</span>
+            </div>
+            <div class="progress-bar-bg">
+                <div id="progress-fill" class="progress-bar"></div>
             </div>
+            <div class="stats-grid">
+                <div class="stat-box">
+                    <div id="pages-stat" class="stat-value">0</div>
+                    <div class="stat-label">Pages Scanned</div>
+                </div>
+                <div class="stat-box">
+                    <div id="images-stat" class="stat-value">0</div>
+                    <div class="stat-label">Images Found</div>
+                </div>
+                <div class="stat-box">
+                    <div id="time-stat" class="stat-value">0s</div>
+                    <div class="stat-label">Elapsed Time</div>
+                </div>
             </div>
+            <div id="log-msg" class="status-msg">
+                Waiting to start...
             </div>
         </div>
+        <!-- Result Card -->
+        <div id="result-section" class="card">
+            <h3 style="margin-bottom: 1rem;">Scan Results</h3>
+            <pre id="json-output"></pre>
         </div>
     </div>
+    <script>
+        let jobId = null;
+        let pollInterval = null;
+        async function startScan() {
+            const domain = document.getElementById('domainInput').value;
+            const limit = parseInt(document.getElementById('limitInput').value);
+            if (!domain) return alert("Please enter a domain");
+            // UI Reset
+            document.getElementById('scanBtn').disabled = true;
+            document.getElementById('progress-section').style.display = 'block';
+            document.getElementById('result-section').style.display = 'none';
+            try {
+                // 1. Start Job
+                const res = await fetch('/api/scanstart', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ domain, limit })
+                });
+                const data = await res.json();
+                jobId = data.job_id;
+                // 2. Start Polling
+                pollInterval = setInterval(pollProgress, 1000);
+            } catch (e) {
+                alert("Error starting scan: " + e);
                 document.getElementById('scanBtn').disabled = false;
+            }
+        }
+        async function pollProgress() {
+            if (!jobId) return;
+            try {
+                const res = await fetch(`/api/progress/${jobId}`);
+                const data = await res.json();
+                // Update UI
+                document.getElementById('percent-badge').innerText = data.percent + '%';
+                document.getElementById('progress-fill').style.width = data.percent + '%';
+                document.getElementById('status-badge').innerText = data.status.toUpperCase();
+                document.getElementById('pages-stat').innerText = data.pages_scanned;
+                document.getElementById('images-stat').innerText = data.images_found;
+                document.getElementById('time-stat').innerText = data.elapsed_seconds + 's';
+                document.getElementById('log-msg').innerText = "> " + data.message;
+                if (data.status === 'done' || data.status === 'error') {
+                    clearInterval(pollInterval);
+                    document.getElementById('scanBtn').disabled = false;
+                    if (data.status === 'done') {
+                        fetchResult();
+                    } else {
+                        document.getElementById('log-msg').innerHTML += '<br><strong style="color:var(--error)">ERROR: ' + data.error + '</strong>';
+                    }
                 }
+            } catch (e) {
+                console.error("Poll error", e);
             }
+        }
+        async function fetchResult() {
+            const res = await fetch(`/api/result/${jobId}`);
+            const data = await res.json();
+            document.getElementById('result-section').style.display = 'block';
+            document.getElementById('json-output').innerText = JSON.stringify(data, null, 2);
+        }
+        // Auto-fill from query params
+        window.onload = () => {
+            const urlParams = new URLSearchParams(window.location.search);
+            const domain = urlParams.get('domain');
+            const limit = urlParams.get('limit');
+            if (domain) {
+                document.getElementById('domainInput').value = domain;
+                if (limit) document.getElementById('limitInput').value = limit;
+                // Auto start
+                startScan();
+            }
+        }
+    </script>
 </body>
+</html>