🖥️ Kernel Control Panel

\n \n

\n \n \n

🌍 Create Browser

\n Viewport Width\n \n

\n Viewport Height\n \n

\n \n \n

READY

📋 Logs

\n \n

\n \n\n`;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n",[141],"64d7d3ca-1f8b-11f1-a9a6-42dde27851f2","gui_app.py","06eae464-1f8b-11f1-a108-42dde27851f2",11,["D",1773481897785],4,"export default async function(req: Request): Promise {\n const method = req.method;\n const url = new URL(req.url);\n const path = url.pathname;\n\n // API Routes\n if (path === \"/api/create-proxy\" && method === \"POST\") {\n const body = await req.json();\n const { country = \"US\", region, city } = body;\n\n try {\n // Placeholder - replace with actual Kernel API call\n const proxyId = `proxy_${Date.now()}`;\n return Response.json({ success: true, proxyId, message: `Proxy created: ${proxyId}` });\n } catch (error) {\n return Response.json({ success: false, error: (error as Error).message }, { status: 500 });\n }\n }\n\n if (path === \"/api/create-browser\" && method === \"POST\") {\n const body = await req.json();\n const { proxyId } = body;\n\n try {\n // Placeholder - replace with actual Kernel API call\n const cdpUrl = `wss://cdp.example.com/${proxyId}`;\n const liveUrl = `https://live.example.com/${proxyId}`;\n return Response.json({ success: true, cdpUrl, liveUrl });\n } catch (error) {\n return Response.json({ success: false, error: (error as Error).message }, { status: 500 });\n }\n }\n\n if (path === \"/api/profiles\" && method === \"GET\") {\n // Placeholder - return sample profiles\n return Response.json({\n profiles: [\n { id: 1, proxyId: \"proxy_123...\", time: \"10:30:45\", liveUrl: \"https://example.com\" },\n { id: 2, proxyId: \"proxy_456...\", time: \"10:15:22\", liveUrl: \"https://example.com\" },\n ]\n });\n }\n\n // Main HTML Page\n const html = \\`\n\n\n \n \n TTS Kernel Control\n \n\n\n

\n \n\n

\n \n \n

\n\n

\n \n

⚙️ PROXY CONFIG

\n \n

\n Region (optional)\n \n

\n\n

\n City (optional)\n \n

\n\n

\n \n \n

\n\n

IDLE

\n\n

📋 LOGS

\n\n \n

\n \n

\n\n

\n\n \n\n\\`;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n",[148],"77777fbc-1f8b-11f1-9708-42dde27851f2","browser_manager.ts","7777805c-1f8b-11f1-9708-42dde27851f2",13,["D",1773481929034],"/**\n * Browser Manager - Handles proxy and browser creation via Kernel API\n * Convert Python code to TypeScript for Val Town\n */\n\ninterface ProxyConfig {\n country: string;\n region?: string;\n city?: string;\n}\n\ninterface BrowserSession {\n cdpUrl: string;\n liveViewUrl?: string;\n proxyId: string;\n createdAt: Date;\n}\n\nclass BrowserManager {\n private apiKey: string;\n private baseUrl: string = \"https://api.kernel.example.com\"; // Replace with actual Kernel API URL\n\n constructor(apiKey: string) {\n this.apiKey = apiKey;\n }\n\n /**\n * Creates a residential proxy with specific location\n */\n async createProxy(config: ProxyConfig): Promise {\n const locationInfo = `${config.country}${config.region ? `, ${config.region}` : \"\"}${config.city ? `, ${config.city}` : \"\"}`;\n \n console.log(`Creating Residential Proxy (${locationInfo})...`);\n\n try {\n const response = await fetch(`${this.baseUrl}/proxies`, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${this.apiKey}`,\n },\n body: JSON.stringify({\n type: \"residential\",\n name: `tiktok_auto_proxy_${Date.now()}`,\n config: {\n country: config.country,\n ...(config.region && { region: config.region }),\n ...(config.city && { city: config.city }),\n },\n }),\n });\n\n if (!response.ok) {\n throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n }\n\n const data = await response.json() as { id: string };\n console.log(`Proxy Created Successfully: ${data.id} (${locationInfo})`);\n return data.id;\n } catch (error) {\n console.error(`Error creating proxy: ${(error as Error).message}`);\n throw error;\n }\n }\n\n /**\n * Creates a browser session using the specified proxy\n */\n async createBrowserSession(proxyId: string): Promise {\n console.log(`Creating Browser Session with Proxy ID: ${proxyId}...`);\n\n try {\n const response = await fetch(`${this.baseUrl}/browsers`, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${this.apiKey}`,\n },\n body: JSON.stringify({\n proxy_id: proxyId,\n headless: false,\n stealth: true,\n timeout_seconds: 3600,\n }),\n });\n\n if (!response.ok) {\n throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n }\n\n const data = await response.json() as {\n cdp_ws_url: string;\n browser_live_view_url?: string;\n };\n\n console.log(`Browser Created. CDP URL: ${data.cdp_ws_url}`);\n\n const session: BrowserSession = {\n cdpUrl: data.cdp_ws_url,\n liveViewUrl: data.browser_live_view_url,\n proxyId,\n createdAt: new Date(),\n };\n\n if (data.browser_live_view_url) {\n console.log(`Live View: ${data.browser_live_view_url}`);\n }\n\n return session;\n } catch (error) {\n console.error(`Error creating browser session: ${(error as Error).message}`);\n throw error;\n }\n }\n}\n\nexport { BrowserManager, ProxyConfig, BrowserSession };\n",[156],"fdb7bf8e-1f8a-11f1-a35a-42dde27851f2","browser_manager.py","f0fdf916-1f8a-11f1-9dea-42dde27851f2",["D",1773481724769],3,"import logging\nimport time\nfrom kernel import Kernel\n\nlogger = logging.getLogger(__name__)\n\nclass BrowserManager:\n def __init__(self, api_key):\n self.client = Kernel(api_key=api_key)\n\n def create_proxy(self, country=\"US\", region=None, city=None):\n \"\"\"Creates a residential proxy with specific location.\"\"\"\n location_info = f\"{country}\"\n if region: location_info += f\", {region}\"\n if city: location_info += f\", {city}\"\n \n logger.info(f\"Creating Residential Proxy ({location_info})...\")\n try:\n config = {\"country\": country}\n if region:\n config[\"region\"] = region\n if city:\n config[\"city\"] = city\n \n proxy = self.client.proxies.create(\n type=\"residential\",\n name=f\"tiktok_auto_proxy_{int(time.time())}\",\n config=config\n )\n logger.info(f\"Proxy Created Successfully: {proxy.id} ({location_info})\")\n return proxy.id\n except Exception as e:\n logger.error(f\"Error creating proxy: {e}\")\n raise\n\n def create_browser_session(self, proxy_id):\n \"\"\"Creates a browser session using the specified proxy.\"\"\"\n logger.info(f\"Creating Browser Session with Proxy ID: {proxy_id}...\")\n try:\n browser = self.client.browsers.create(\n proxy_id=proxy_id,\n headless=False,\n stealth=True, # Enable Stealth Mode to avoid detection\n timeout_seconds=3600\n )\n logger.info(f\"Browser Created. CDP URL: {browser.cdp_ws_url}\")\n \n if hasattr(browser, 'browser_live_view_url'):\n logger.info(f\"Live View: {browser.browser_live_view_url}\")\n # Optional: Automatically open live view for debugging\n # import webbrowser\n # webbrowser.open(browser.browser_live_view_url)\n return browser.cdp_ws_url, browser.browser_live_view_url\n \n return browser.cdp_ws_url, None\n except Exception as e:\n logger.error(f\"Error creating browser session: {e}\")\n raise",[163],"b6b8e170-1f8b-11f1-9232-42dde27851f2","SETUP.md","b6b8e224-1f8b-11f1-9232-42dde27851f2",18,["D",1773482035158],"# 🚀 Setup & Deployment Guide\n\n## ✅ Đã Hoàn Thành\n\nKernel Control Panel đã được **nâng cấp thành công** từ Python Tkinter sang TypeScript/Web!\n\n### 📁 Cấu Trúc Dự Án\n\n```\nbuonhayvui1404/kernel/\n├── main.ts # ⭐ HTTP endpoint chính (giao diện web)\n├── browser_manager.ts # TypeScript class quản lý proxy/browser\n├── utils.ts # Helper functions & database operations\n├── README.md # Tài liệu đầy đủ\n├── QUICKSTART.md # Hướng dẫn nhanh\n├── SETUP.md # File này\n├── gui_app.py # (Cũ - có thể xóa)\n└── browser_manager.py # (Cũ - có thể xóa)\n```\n\n## 🌐 Truy Cập Live\n\n**Endpoint URL:**\n```\nhttps://buonhayvui1404--7388d0b81f8b11f19f3b42dde27851f2.web.val.run\n```\n\n### Tính Năng Giao Diện\n\n✅ **CONTROL Tab**\n- ⚙️ Cấu hình proxy (Region, City)\n- ▶️ Nút START - Khởi động hệ thống\n- ⏹️ Nút STOP - Dừng hệ thống\n- 📊 Status indicator (IDLE, RUNNING, ERROR)\n- 📋 Real-time system logs\n\n✅ **PROFILES Tab**\n- 🔄 Refresh danh sách profiles\n- 📂 Hiển thị proxy sessions đã tạo\n- 🔗 OPEN - Mở live view\n- 🗑️ DEL - Xóa profile\n\n✅ **Giao Diện Design**\n- 🎨 Theme Dark Mode (Neon Green)\n- 📱 Responsive (Desktop + Mobile)\n- ⚡ Smooth Animations\n- 🔌 Zero Dependencies (Pure HTML/CSS/JS)\n\n## 🔧 Tích Hợp với API Kernel\n\n### Option 1: Sử dụng BrowserManager Class\n\n```typescript\nimport { BrowserManager } from \"./browser_manager.ts\";\n\nconst apiKey = Deno.env.get(\"KERNEL_API_KEY\");\nconst manager = new BrowserManager(apiKey);\n\n// Tạo proxy\nconst proxyId = await manager.createProxy({\n country: \"US\",\n region: \"California\",\n city: \"Los Angeles\"\n});\n\n// Tạo browser session\nconst session = await manager.createBrowserSession(proxyId);\nconsole.log(session.liveViewUrl); // Live view URL\n```\n\n### Option 2: Direct API Call\n\n```typescript\nconst response = await fetch(\"https://api.kernel.com/proxies\", {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${Deno.env.get(\"KERNEL_API_KEY\")}`,\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({\n type: \"residential\",\n name: `proxy_${Date.now()}`,\n config: { country: \"US\", region, city }\n })\n});\n```\n\n## 💾 Database Setup\n\nĐể lưu trữ profiles & logs bền vững, sử dụng SQLite:\n\n### Khởi Tạo Database\n\n```typescript\nimport { initializeDatabase, saveProfile, getProfiles } from \"./utils.ts\";\n\n// Gọi một lần khi app start\nawait initializeDatabase();\n```\n\n### Lưu Profile\n\n```typescript\nawait saveProfile(proxyId, cdpUrl, liveViewUrl);\n```\n\n### Lấy Profiles\n\n```typescript\nconst profiles = await getProfiles(); // Mảng profiles\n```\n\n### Xóa Profile\n\n```typescript\nawait deleteProfile(profileId);\n```\n\n## 🔐 Environment Variables\n\nCấu hình trong Val Town settings:\n\n| Key | Value | Mô Tả |\n|-----|-------|-------|\n| `KERNEL_API_KEY` | `your-api-key` | API key từ Kernel |\n| `KERNEL_API_URL` | `https://api.kernel.com` | (Tùy chọn) |\n| `PROXY_TIMEOUT` | `3600` | (Tùy chọn) Timeout proxy |\n\n## 📊 API Endpoints\n\n### GET /\nTrả về HTML giao diện chính\n\n### POST /api/create-proxy\nTạo proxy mới\n\n**Request:**\n```json\n{\n \"country\": \"US\",\n \"region\": \"California\",\n \"city\": \"Los Angeles\"\n}\n```\n\n**Response:**\n```json\n{\n \"success\": true,\n \"proxyId\": \"proxy_1742123456789\"\n}\n```\n\n### POST /api/create-browser\nTạo browser session\n\n**Request:**\n```json\n{\n \"proxyId\": \"proxy_1742123456789\"\n}\n```\n\n**Response:**\n```json\n{\n \"success\": true,\n \"cdpUrl\": \"wss://cdp.kernel.com/...\",\n \"liveUrl\": \"https://live.kernel.com/...\"\n}\n```\n\n### GET /api/profiles\nLấy danh sách profiles\n\n**Response:**\n```json\n{\n \"profiles\": [\n {\n \"id\": 1,\n \"proxyId\": \"proxy_...\",\n \"time\": \"10:30:45\",\n \"liveUrl\": \"https://...\"\n }\n ]\n}\n```\n\n## 🎯 Customization\n\n### Thay đổi Màu Sắc\n\nTrong `getHTML()` function, tìm section `

Branches1

Branches
1