Kernel Control Panel

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_199":200,"_201":202},"routes/_app.x.$handle.$name",{"_104":103,"_37":48,"_112":94,"_32":58,"_13":14,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":122,"_26":-5,"_123":-5,"_124":-5,"_125":30,"_126":127,"_128":63,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_46":47,"_37":48,"_41":49,"_50":-5,"_51":30,"_52":53,"_54":53,"_55":56,"_57":58,"_19":59,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":30},"version",13,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","e1c78555-49d5-4866-a2b0-f0307bd4e4b7","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":33,"_38":26,"_39":40,"_41":42,"_43":14,"_44":45,"_29":30},"previous","deleted",false,"deletedHere","path","browser_manager.ts","latestPath","fileId","7777805c-1f8b-11f1-9708-42dde27851f2","name","fileType","content","/**\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","createdAt",["D",1773481929034],"branchVersion","branchId","defea1e8-1f8a-11f1-9dea-42dde27851f2","id","defde8f2-1f8a-11f1-9dea-42dde27851f2","kernel",["D",1773481673231],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Kernel Control Panel - Web UI for proxy & browser management","imageUrl","","019ceb5c-6caf-756b-adbd-4861b5ab6dee","pinnedFileId","7388d0b8-1f8b-11f1-9f3b-42dde27851f2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019ceb5c-6caf-756b-adbd-4c6cbb08afaf","tursoName","defde8f21f8a11f19dea42dde27851f2","tursoHostname","defde8f21f8a11f19dea42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789528252206],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_104":103,"_111":107},"org",{"_104":103,"_105":-5,"_106":107,"_19":59,"_108":109,"_110":30},"branch",{"_13":93,"_37":94,"_46":45,"_95":47,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":48,"_102":103},"isOwned",22,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","buonhayvui1404","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNBdlp1NXpMS3Zra3JwR0lZQkRoTlpNNUw2USJ9","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_46":47,"_37":48,"_41":194,"_50":-5,"_51":30,"_52":53,"_54":53,"_55":56,"_57":58,"_19":59,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":195,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":196,"_88":197,"_90":198,"_92":30},"tree",[177,178,179,180],"files",[177,178,179,180],"counts",{"_166":67,"_167":168,"_169":67,"_170":171,"_172":173},"contents",[133,134,135,136],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_46":158,"_37":159,"_35":160,"_139":-5,"_44":45,"_43":161,"_141":63,"_41":162,"_13":163,"_38":26,"_39":164,"_29":30,"_145":-5,"_32":165},{"_46":155,"_37":33,"_35":36,"_139":-5,"_44":45,"_43":14,"_141":63,"_41":156,"_13":67,"_38":26,"_39":40,"_29":30,"_145":-5,"_32":157},{"_46":147,"_37":148,"_35":149,"_139":-5,"_44":45,"_43":150,"_141":63,"_41":151,"_13":152,"_38":26,"_39":153,"_29":30,"_145":-5,"_32":154},{"_46":137,"_37":138,"_35":61,"_139":-5,"_44":45,"_43":140,"_141":30,"_41":142,"_13":67,"_38":143,"_39":144,"_29":30,"_145":-5,"_32":146},"7388d018-1f8b-11f1-9f3b-42dde27851f2","main.ts","parentId",12,"latest",["D",1773481922437],"http","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 // TODO: Replace with actual Kernel API call\n // const proxy = await kernelClient.proxies.create({\n // type: \"residential\",\n // name: `tiktok_auto_proxy_${Date.now()}`,\n // config: { country, region, city }\n // });\n \n const proxyId = `proxy_${Date.now()}`;\n return Response.json({ \n success: true, \n proxyId, \n message: `Proxy created: ${proxyId}` \n });\n } catch (error) {\n return Response.json({ \n success: false, \n error: (error as Error).message \n }, { 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 // TODO: Replace with actual Kernel API call\n // const browser = await kernelClient.browsers.create({\n // proxy_id: proxyId,\n // headless: false,\n // stealth: true,\n // timeout_seconds: 3600\n // });\n \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({ \n success: false, \n error: (error as Error).message \n }, { status: 500 });\n }\n }\n\n if (path === \"/api/profiles\" && method === \"GET\") {\n // TODO: Load from database\n return Response.json({\n profiles: [\n { id: 1, proxyId: \"proxy_1742....\", time: \"10:30:45\", liveUrl: \"https://example.com\" },\n { id: 2, proxyId: \"proxy_1741....\", time: \"10:15:22\", liveUrl: \"https://example.com\" },\n ]\n });\n }\n\n // Main HTML UI\n const html = `\n\n\n \n \n Kernel Control Panel\n \n\n\n

\n \n\n

\n \n \n

\n\n

\n \n

🌍 Proxy Config

\n \n

\n Region\n \n

\n\n

\n City\n \n

\n\n

\n \n \n

\n\n

IDLE

\n\n

📋 System 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","label",[138],"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",["D",1773481929034],[33],"fdb7bf8e-1f8a-11f1-a35a-42dde27851f2","browser_manager.py","f0fdf916-1f8a-11f1-9dea-42dde27851f2",5,["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",[159],"pulls","branches",1,"forks","envVars",{"_174":168,"_176":67},"connections",{"_174":67,"_175":67},"count","unfilledCount","emptyCount",{"_46":158,"_37":159,"_35":160,"_139":-5,"_44":45,"_43":161,"_141":63,"_41":191,"_13":163,"_38":26,"_39":164,"_29":30,"_145":-5,"_182":192,"_32":193},{"_46":155,"_37":33,"_35":36,"_139":-5,"_44":45,"_43":14,"_141":63,"_41":188,"_13":67,"_38":26,"_39":40,"_29":30,"_145":-5,"_182":189,"_32":190},{"_46":147,"_37":148,"_35":149,"_139":-5,"_44":45,"_43":150,"_141":63,"_41":185,"_13":152,"_38":26,"_39":153,"_29":30,"_145":-5,"_182":186,"_32":187},{"_46":137,"_37":138,"_35":61,"_139":-5,"_44":45,"_43":140,"_141":30,"_41":181,"_13":67,"_38":143,"_39":144,"_29":30,"_145":-5,"_182":183,"_32":184},["D",1773481922437],"children",[],[138],["D",1773481897785],[],[148],["D",1773481929034],[],[33],["D",1773481724769],[],[159],["D",1773481673231],["D",1789528252206],{"_104":103,"_111":107},{"_104":103,"_105":-5,"_106":107,"_19":59,"_108":109,"_110":30},{"_13":93,"_37":94,"_46":45,"_95":47,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":48,"_102":103},"ctx",{"_86":-5,"_130":232,"_233":234,"_235":236,"_237":30,"_238":30,"_239":30,"_240":63,"_241":-5,"_242":-7,"_243":-7,"_244":67,"_245":30,"_246":30,"_247":-5,"_248":30,"_249":30,"_250":30,"_251":-5},"ENV",{"_203":204,"_205":206,"_207":94,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v13