Rename index.js to app.py

app.py

@@ -0,0 +1,79 @@
+import streamlit as st
+import asyncio
+import json
+from playwright.async_api import async_playwright
+
+st.set_page_config(page_title="Network Inspector", layout="wide")
+st.title("🔍 Network Request Inspector")
+st.caption("Paste a Goal.com match URL to intercept all API calls")
+
+url = st.text_input("Match URL", placeholder="https://www.goal.com/en-ng/match/...")
+
+if st.button("Inspect") and url:
+    with st.spinner("Loading page and intercepting requests..."):
+
+        async def intercept(url):
+            requests_log = []
+
+            async with async_playwright() as p:
+                browser = await p.chromium.launch(headless=True)
+                context = await browser.new_context(
+                    user_agent="Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/605.1.15"
+                )
+                page = await context.new_page()
+
+                async def handle_request(request):
+                    if request.resource_type in ("xhr", "fetch"):
+                        requests_log.append({
+                            "method": request.method,
+                            "url":    request.url,
+                            "type":   request.resource_type,
+                        })
+
+                async def handle_response(response):
+                    req_url = response.url
+                    if response.request.resource_type in ("xhr", "fetch"):
+                        # find existing entry and add status + preview
+                        for r in requests_log:
+                            if r["url"] == req_url and "status" not in r:
+                                r["status"] = response.status
+                                try:
+                                    body = await response.text()
+                                    r["preview"] = body[:300]
+                                except Exception:
+                                    r["preview"] = "(could not read body)"
+                                break
+
+                page.on("request",  handle_request)
+                page.on("response", handle_response)
+
+                await page.goto(url, wait_until="networkidle", timeout=60000)
+                # extra wait for lazy-loaded commentary
+                await page.wait_for_timeout(5000)
+                await browser.close()
+
+            return requests_log
+
+        logs = asyncio.run(intercept(url))
+
+    st.success(f"Captured {len(logs)} XHR/fetch requests")
+
+    # filter controls
+    filter_text = st.text_input("Filter URLs (e.g. 'commentary', 'sportfeeds', 'api')", "")
+
+    filtered = [r for r in logs if filter_text.lower() in r["url"].lower()] if filter_text else logs
+
+    st.write(f"Showing {len(filtered)} requests")
+
+    for i, r in enumerate(filtered):
+        status = r.get("status", "?")
+        color  = "🟢" if status == 200 else "🔴"
+        with st.expander(f"{color} [{r['method']}] {r['url'][:100]}...  (HTTP {status})"):
+            st.code(r["url"], language="text")
+            if "preview" in r:
+                st.subheader("Response preview (first 300 chars)")
+                try:
+                    parsed = json.loads(r["preview"])
+                    st.json(parsed)
+                except Exception:
+                    st.text(r["preview"])

index.js

@@ -1,51 +0,0 @@
-const puppeteer = require("puppeteer");
-const axios = require("axios");
-const fs = require("fs");
-
-async function generateImage(text) {
-
-  const browser = await puppeteer.launch({
-    headless: "new",
-    args: [
-      "--no-sandbox",
-      "--disable-setuid-sandbox",
-      "--disable-dev-shm-usage",
-      "--disable-gpu",
-      "--no-zygote",
-      "--single-process"
-    ]
-  });
-
-  const page = await browser.newPage();
-
-  console.log("Opening page...");
-
-  await page.goto(
-    "https://en.ephoto360.com/create-3d-colorful-paint-text-effect-online-801.html",
-    { waitUntil: "networkidle2" }
-  );
-
-  console.log("Typing text...");
-  await page.type("#text-0", text);
-
-  console.log("Submitting form...");
-  await page.click("#submit");
-
-  console.log("Waiting for generated image...");
-
-  await page.waitForSelector(".thumbnail img", { timeout: 60000 });
-
-  const imageUrl = await page.$eval(".thumbnail img", el => el.src);
-
-  console.log("Image URL:", imageUrl);
-
-  const response = await axios.get(imageUrl, { responseType: "arraybuffer" });
-
-  fs.writeFileSync("result.png", response.data);
-
-  console.log("Image saved → result.png");
-
-  await browser.close();
-}
-
-generateImage("HELLO").catch(console.error);