Kernel Browser Manager

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_227":228,"_229":230},"routes/_app.x.$handle.$name",{"_107":106,"_38":51,"_115":93,"_33":116,"_13":14,"_117":-5,"_11":118,"_119":120,"_121":122,"_123":124,"_125":126,"_26":-5,"_127":128,"_129":130,"_131":31,"_132":133,"_134":135,"_136":-5,"_137":-5,"_138":139},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":-5,"_63":31,"_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":31},"version",58,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","3bdef044-e1f4-4f23-a186-291b1006407b","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","dashboard.ts","latestPath","fileId","b85669fc-1fcd-11f1-a4e6-42dde27851f2","name","fileType","http","content","// v37 – 3D Glassmorphism UI + Step-by-step guide\nimport Kernel, { ConflictError } from \"npm:@onkernel/sdk@latest\";\nimport puppeteer from \"npm:puppeteer-core@22\";\n\nconst kernel = new Kernel({ apiKey: Deno.env.get(\"KERNEL_API_KEY\") });\n\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS browser_sessions (\n id TEXT PRIMARY KEY,\n created_at TEXT NOT NULL,\n live_url TEXT NOT NULL,\n cdp_url TEXT NOT NULL,\n status TEXT NOT NULL DEFAULT 'active',\n label TEXT,\n proxy_type TEXT NOT NULL DEFAULT 'residential',\n proxy_country TEXT,\n profile_name TEXT\n )\n`);\n\n// Migration: add missing columns if they don't exist\nfor (const col of [\n `ALTER TABLE browser_sessions ADD COLUMN proxy_type TEXT NOT NULL DEFAULT 'residential'`,\n `ALTER TABLE browser_sessions ADD COLUMN proxy_country TEXT`,\n `ALTER TABLE browser_sessions ADD COLUMN profile_name TEXT`,\n]) { try { await sqlite.execute(col); } catch (_) {} }\n\n// ── Timezone map ──────────────────────────────────────────────────────────────\nconst TZ_MAP: Record = {\n US: { tz: \"America/New_York\", locale: \"en-US\", lang: \"en-US,en;q=0.9\" },\n CA: { tz: \"America/Toronto\", locale: \"en-CA\", lang: \"en-CA,en;q=0.9\" },\n GB: { tz: \"Europe/London\", locale: \"en-GB\", lang: \"en-GB,en;q=0.9\" },\n DE: { tz: \"Europe/Berlin\", locale: \"de-DE\", lang: \"de-DE,de;q=0.9,en;q=0.8\" },\n FR: { tz: \"Europe/Paris\", locale: \"fr-FR\", lang: \"fr-FR,fr;q=0.9,en;q=0.8\" },\n JP: { tz: \"Asia/Tokyo\", locale: \"ja-JP\", lang: \"ja-JP,ja;q=0.9,en;q=0.8\" },\n SG: { tz: \"Asia/Singapore\", locale: \"en-SG\", lang: \"en-SG,en;q=0.9\" },\n KR: { tz: \"Asia/Seoul\", locale: \"ko-KR\", lang: \"ko-KR,ko;q=0.9,en;q=0.8\" },\n VN: { tz: \"Asia/Ho_Chi_Minh\", locale: \"vi-VN\", lang: \"vi-VN,vi;q=0.9,en;q=0.8\" },\n TH: { tz: \"Asia/Bangkok\", locale: \"th-TH\", lang: \"th-TH,th;q=0.9,en;q=0.8\" },\n ID: { tz: \"Asia/Jakarta\", locale: \"id-ID\", lang: \"id-ID,id;q=0.9,en;q=0.8\" },\n MY: { tz: \"Asia/Kuala_Lumpur\", locale: \"ms-MY\", lang: \"ms-MY,ms;q=0.9,en;q=0.8\" },\n AU: { tz: \"Australia/Sydney\", locale: \"en-AU\", lang: \"en-AU,en;q=0.9\" },\n NL: { tz: \"Europe/Amsterdam\", locale: \"nl-NL\", lang: \"nl-NL,nl;q=0.9,en;q=0.8\" },\n SE: { tz: \"Europe/Stockholm\", locale: \"sv-SE\", lang: \"sv-SE,sv;q=0.9,en;q=0.8\" },\n BR: { tz: \"America/Sao_Paulo\", locale: \"pt-BR\", lang: \"pt-BR,pt;q=0.9,en;q=0.8\" },\n IN: { tz: \"Asia/Kolkata\", locale: \"en-IN\", lang: \"en-IN,en;q=0.9\" },\n HK: { tz: \"Asia/Hong_Kong\", locale: \"zh-HK\", lang: \"zh-HK,zh;q=0.9,en;q=0.8\" },\n TW: { tz: \"Asia/Taipei\", locale: \"zh-TW\", lang: \"zh-TW,zh;q=0.9,en;q=0.8\" },\n AE: { tz: \"Asia/Dubai\", locale: \"ar-AE\", lang: \"ar-AE,ar;q=0.9,en;q=0.8\" },\n TR: { tz: \"Europe/Istanbul\", locale: \"tr-TR\", lang: \"tr-TR,tr;q=0.9,en;q=0.8\" },\n RU: { tz: \"Europe/Moscow\", locale: \"ru-RU\", lang: \"ru-RU,ru;q=0.9,en;q=0.8\" },\n PH: { tz: \"Asia/Manila\", locale: \"en-PH\", lang: \"en-PH,en;q=0.9\" },\n CN: { tz: \"Asia/Shanghai\", locale: \"zh-CN\", lang: \"zh-CN,zh;q=0.9,en;q=0.8\" },\n NZ: { tz: \"Pacific/Auckland\", locale: \"en-NZ\", lang: \"en-NZ,en;q=0.9\" },\n ZA: { tz: \"Africa/Johannesburg\",locale: \"en-ZA\", lang: \"en-ZA,en;q=0.9\" },\n IL: { tz: \"Asia/Jerusalem\", locale: \"he-IL\", lang: \"he-IL,he;q=0.9,en;q=0.8\" },\n MX: { tz: \"America/Mexico_City\",locale: \"es-MX\", lang: \"es-MX,es;q=0.9,en;q=0.8\" },\n AR: { tz: \"America/Argentina/Buenos_Aires\", locale: \"es-AR\", lang: \"es-AR,es;q=0.9,en;q=0.8\" },\n PL: { tz: \"Europe/Warsaw\", locale: \"pl-PL\", lang: \"pl-PL,pl;q=0.9,en;q=0.8\" },\n UA: { tz: \"Europe/Kyiv\", locale: \"uk-UA\", lang: \"uk-UA,uk;q=0.9,en;q=0.8\" },\n CH: { tz: \"Europe/Zurich\", locale: \"de-CH\", lang: \"de-CH,de;q=0.9,en;q=0.8\" },\n};\n\n// ── Stealth inject helper ─────────────────────────────────────────────────────\nasync function injectStealth(cdpUrl: string, country: string): Promise<{ ip: string; city: string; country: string } | null> {\n const geo = TZ_MAP[country] ?? { tz: \"America/New_York\", locale: \"en-US\", lang: \"en-US,en;q=0.9\" };\n const langParts = geo.locale.split(\"-\");\n const lang0 = langParts[0];\n\n const browser = await puppeteer.connect({\n browserWSEndpoint: cdpUrl,\n defaultViewport: null,\n });\n\n try {\n const pages = await browser.pages();\n const page = pages.length > 0 ? pages[0] : await browser.newPage();\n\n await (page as unknown as { emulateTimezone(tz: string): Promise })\n .emulateTimezone(geo.tz).catch(() => {});\n\n await page.setExtraHTTPHeaders({ \"Accept-Language\": geo.lang });\n\n await page.evaluateOnNewDocument(`\n (() => {\n Object.defineProperty(navigator, 'webdriver', { get: () => false, configurable: true });\n window.chrome = { runtime: {}, loadTimes: () => {}, csi: () => {}, app: {} };\n Object.defineProperty(navigator, 'plugins', {\n get: () => {\n const a = [\n { name:'Chrome PDF Plugin', filename:'internal-pdf-viewer', description:'Portable Document Format' },\n { name:'Chrome PDF Viewer', filename:'mhjfbmdgcfjbbpaeojofohoefgiehjai', description:'' },\n { name:'Native Client', filename:'internal-nacl-plugin', description:'' },\n ];\n a.__proto__ = PluginArray.prototype; return a;\n }\n });\n Object.defineProperty(navigator, 'mimeTypes', {\n get: () => {\n const a = [\n { type:'application/pdf', suffixes:'pdf', description:'', enabledPlugin:null },\n { type:'application/x-google-chrome-pdf', suffixes:'pdf', description:'Portable Document Format', enabledPlugin:null },\n { type:'application/x-nacl', suffixes:'', description:'Native Client Executable', enabledPlugin:null },\n { type:'application/x-pnacl', suffixes:'', description:'Portable Native Client Executable', enabledPlugin:null },\n ];\n a.__proto__ = MimeTypeArray.prototype; return a;\n }\n });\n Object.defineProperty(navigator, 'languages', { get: () => ['${geo.locale}', '${lang0}'] });\n Object.defineProperty(navigator, 'language', { get: () => '${geo.locale}' });\n Object.defineProperty(navigator, 'platform', { get: () => 'Win32' });\n Object.defineProperty(navigator, 'hardwareConcurrency', { get: () => 8 });\n Object.defineProperty(navigator, 'deviceMemory', { get: () => 8 });\n const origQuery = window.navigator.permissions?.query?.bind(window.navigator.permissions);\n if (origQuery) {\n window.navigator.permissions.query = (p) =>\n p.name === 'notifications'\n ? Promise.resolve({ state: Notification.permission })\n : origQuery(p);\n }\n Object.defineProperty(screen, 'width', { get: () => 1920 });\n Object.defineProperty(screen, 'height', { get: () => 1080 });\n Object.defineProperty(screen, 'availWidth', { get: () => 1920 });\n Object.defineProperty(screen, 'availHeight', { get: () => 1040 });\n Object.defineProperty(screen, 'colorDepth', { get: () => 24 });\n Object.defineProperty(screen, 'pixelDepth', { get: () => 24 });\n })();\n `);\n\n let ipInfo: { ip: string; city: string; country: string } | null = null;\n try {\n await page.goto(\"https://ipinfo.io/json\", { waitUntil: \"domcontentloaded\", timeout: 15000 });\n const raw = await page.evaluate(() => document.body.innerText);\n const parsed = JSON.parse(raw);\n ipInfo = { ip: parsed.ip ?? \"\", city: parsed.city ?? \"\", country: parsed.country ?? \"\" };\n } catch (_) {}\n\n await browser.disconnect();\n return ipInfo;\n } catch (err) {\n console.error(\"Stealth error:\", err);\n await browser.disconnect().catch(() => {});\n return null;\n }\n}\n\n// ── HTML ──────────────────────────────────────────────────────────────────────\nconst HTML = String.raw`\n\n\n \n \n Kernel Browser Manager\n \n\n\n

\n\n \n

\n \n\n

📖 Hướng dẫn sử dụng

\n\n

Chọn loại Proxy

Residential = ẩn danh cao nhất. Datacenter = nhanh. ISP = cân bằng.

\n\n

Chọn quốc gia

IP sẽ xuất hiện từ quốc gia được chọn. Timezone & ngôn ngữ browser tự khớp.

\n\n

Chọn Profile (tuỳ chọn)

Gắn profile để giữ cookies & đăng nhập giữa các phiên. Bỏ qua nếu không cần.

\n\n

Khởi tạo & Live View

Nhấn 🚀 Khởi tạo. Sau khi tạo xong, nhấn 👁️ Live View để điều khiển browser.

\n\n

Kiểm tra IP & Xoá phiên

Dùng 🔍 IP để xác minh IP thực. Khi xong việc, nhấn 🗑️ để xoá (profile tự lưu).

\n\n

\n 💡 Mẹo: Stealth inject tự động bật khi dùng Residential proxy — giả lập ngôn ngữ, timezone, plugins, screen để tránh bị phát hiện.\n

\n\n \n

🚀

\n Tạo phiên mới\n

\n\n

\n \n

\n \n \n \n \n

\n\n \n

Chọn loại proxy cho phiên trình duyệt này:

🏠

Residential

Stealth Max

✓

🏢

Datacenter

Fast

✓

📡

ISP

Balanced

✓

⚙️

Custom

Your URL

✓

🚫

Direct

No proxy

✓

\n \n

\n Proxy URL\n \n

Hỗ trợ HTTP, HTTPS, SOCKS5.

\n \n

\n\n \n

\n 🌍 Quốc gia (IP sẽ xuất hiện từ đây)\n

\n 🌐\n \n

🏠 Residential: IP dân dụng thực. Timezone & ngôn ngữ browser tự khớp quốc gia.

\n \n \n

\n\n \n

\n \n

\n 💾 Profile là gì?
\n Profile lưu lại toàn bộ cookies, localStorage, session của browser.
\n Nếu bạn đăng nhập TikTok/Gmail trong phiên, profile sẽ giữ đăng nhập đó cho lần sau.\n

Chọn cách sử dụng profile:

🆕

Không dùng Profile

Browser trống hoàn toàn, không lưu lại gì sau khi xóa phiên

✓

📂

Dùng Profile có sẵn

Tải lại cookies & đăng nhập từ profile đã tạo trước

✓

✨

Tạo Profile mới

Tự động lưu cookies khi kết thúc phiên để dùng lại sau

✓

\n\n \n

\n 📂 Chọn Profile muốn tải\n \n

\n \n Cập nhật profile sau phiên
\n Bật = ghi cookies mới vào profile khi xóa phiên | Tắt = chỉ đọc, không ghi\n \n \n

\n\n \n

\n Đặt tên cho Profile mới\n \n

✅ Khi bạn nhấn 🗑️ xóa phiên → cookies & localStorage tự động được lưu vào profile này.

\n\n

\n \n \n

\n\n \n

\n \n

📋 Tóm tắt cấu hình

Proxy:

🏠 Residential

Quốc gia:

🌐 Tự động

Profile:

🚫 Không dùng

Stealth:

✅ Auto

Viewport:

1024×768 @ 60fps

GPU:

✅ High Perf

\n\n

\n Tên phiên (tuỳ chọn)\n \n

\n\n \n\n

\n \n

\n\n \n

📋

\n Danh sách phiên\n 0\n

\n \n

\n\n

🌐

Chưa có phiên nào. Nhấn \"Khởi tạo phiên\" để bắt đầu.

\n\n

Đang khởi tạo phiên trình duyệt...

\n\n\n\n`;\n\n// ── HTTP Handler ───────────────────────────────────────────────────────────────\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const action = url.searchParams.get(\"action\");\n const hdrs = { \"Content-Type\": \"application/json\" };\n\n if (!action) {\n return new Response(HTML, { headers: { \"Content-Type\": \"text/html; charset=utf-8\" } });\n }\n\n // ── Danh sách profiles ──\n if (action === \"list-profiles\") {\n try {\n const profiles = await kernel.profiles.list();\n return new Response(JSON.stringify({ profiles }), { headers: hdrs });\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n return new Response(JSON.stringify({ error: msg }), { status: 500, headers: hdrs });\n }\n }\n\n // ── Tạo profile ──\n if (action === \"create-profile\" && req.method === \"POST\") {\n try {\n const body = await req.json().catch(() => ({}));\n const name: string = body.name ?? \"\";\n if (!name) return new Response(JSON.stringify({ error: \"Thiếu tên profile\" }), { status: 400, headers: hdrs });\n try {\n await kernel.profiles.create({ name });\n } catch (err) {\n if (err instanceof ConflictError) {\n return new Response(JSON.stringify({ error: `Profile \"${name}\" đã tồn tại` }), { status: 409, headers: hdrs });\n }\n throw err;\n }\n return new Response(JSON.stringify({ ok: true, name }), { headers: hdrs });\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n return new Response(JSON.stringify({ error: msg }), { status: 500, headers: hdrs });\n }\n }\n\n // ── Xóa profile ──\n if (action === \"delete-profile\" && req.method === \"POST\") {\n const name = url.searchParams.get(\"name\");\n if (!name) return new Response(JSON.stringify({ error: \"Thiếu tên profile\" }), { status: 400, headers: hdrs });\n try {\n await kernel.profiles.deleteByID(name);\n return new Response(JSON.stringify({ ok: true }), { headers: hdrs });\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n return new Response(JSON.stringify({ error: msg }), { status: 500, headers: hdrs });\n }\n }\n\n // ── Tạo phiên ──\n if (action === \"create\" && req.method === \"POST\") {\n try {\n const body = await req.json().catch(() => ({}));\n const label: string | null = body.label ?? null;\n const proxyType: string = body.proxy_type ?? \"residential\";\n const proxyCountry: string = body.proxy_country ?? \"\";\n const customProxyUrl: string | null = body.custom_proxy_url ?? null;\n const profileName: string | null = body.profile_name ?? null;\n const profileSaveChanges: boolean = body.profile_save_changes ?? false;\n const profileMode: string = body.profile_mode ?? \"none\";\n\n // ── Tạo profile mới nếu chọn mode \"new\" ──\n if (profileMode === \"new\" && profileName) {\n try {\n await kernel.profiles.create({ name: profileName });\n console.log(\"[profiles.create] new profile:\", profileName);\n } catch (err) {\n if (!(err instanceof ConflictError)) throw err;\n console.log(\"[profiles.create] profile already exists:\", profileName);\n }\n }\n\n // ── Tạo proxy (nếu cần) ──\n let proxyId: string | undefined;\n if (proxyType === \"residential\" || proxyType === \"datacenter\" || proxyType === \"isp\") {\n const proxyConfig: Record = {};\n if (proxyCountry) proxyConfig.country = proxyCountry;\n console.log(\"[proxies.create] params:\", { type: proxyType, proxyCountry });\n const createdProxy = await kernel.proxies.create({\n type: proxyType,\n name: `${proxyType}-${proxyCountry || \"any\"}-${Date.now()}`,\n ...(Object.keys(proxyConfig).length > 0 ? { config: proxyConfig } : {}),\n });\n proxyId = createdProxy.id;\n console.log(\"[proxies.create] ok, proxyId:\", proxyId);\n }\n\n // ── Tạo browser với profile (nếu có) ──\n const browserParams: Record = {\n timeout: 259200,\n viewport: { width: 1024, height: 768, refresh_rate: 60 },\n stealth: proxyType === \"residential\",\n ...(proxyId ? { proxy_id: proxyId } : {}),\n ...(proxyType === \"custom\" && customProxyUrl ? { proxy: { server: customProxyUrl } } : {}),\n };\n\n // Attach profile if selected\n if (profileName && (profileMode === \"existing\" || profileMode === \"new\")) {\n browserParams.profile = {\n name: profileName,\n save_changes: profileSaveChanges,\n };\n }\n\n console.log(\"[browsers.create] params:\", { proxyId, proxyType, profileName, profileSaveChanges });\n const kernelBrowser = await kernel.browsers.create(\n browserParams as Parameters[0]\n );\n console.log(\"[browsers.create] ok, session_id:\", kernelBrowser.session_id);\n\n const liveUrl: string =\n (kernelBrowser as Record)[\"browser_live_view_url\"] as string\n ?? `https://dashboard.onkernel.com/sessions/${kernelBrowser.session_id}`;\n\n // Inject stealth + lấy IP thực tế\n const ipInfo = await injectStealth(kernelBrowser.cdp_ws_url, proxyCountry);\n\n await sqlite.execute({\n sql: `INSERT INTO browser_sessions (id, created_at, live_url, cdp_url, status, label, proxy_type, proxy_country, profile_name)\n VALUES (?, ?, ?, ?, 'active', ?, ?, ?, ?)`,\n args: [kernelBrowser.session_id, new Date().toISOString(), liveUrl, kernelBrowser.cdp_ws_url, label, proxyType, proxyCountry || null, profileName || null],\n });\n\n return new Response(\n JSON.stringify({ session_id: kernelBrowser.session_id, live_url: liveUrl, ip_info: ipInfo, profile_name: profileName }),\n { headers: hdrs },\n );\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n return new Response(JSON.stringify({ error: msg }), { status: 500, headers: hdrs });\n }\n }\n\n // ── Kiểm tra IP ──\n if (action === \"checkip\" && req.method === \"POST\") {\n const id = url.searchParams.get(\"id\");\n if (!id) return new Response(JSON.stringify({ error: \"Thiếu id\" }), { status: 400, headers: hdrs });\n try {\n const result = await sqlite.execute({ sql: `SELECT cdp_url, proxy_country FROM browser_sessions WHERE id=? AND status='active'`, args: [id] });\n if (!result.rows.length) return new Response(JSON.stringify({ error: \"Phiên không tồn tại hoặc đã xoá\" }), { status: 404, headers: hdrs });\n const row = result.rows[0] as Record;\n const cdpUrl = row.cdp_url;\n const country = row.proxy_country || \"\";\n\n let browser: Awaited> | null = null;\n try {\n browser = await puppeteer.connect({ browserWSEndpoint: cdpUrl, defaultViewport: null });\n } catch (connErr: unknown) {\n const msg = connErr instanceof Error ? connErr.message : String(connErr);\n console.error(\"[checkip] connect failed:\", msg);\n await sqlite.execute({ sql: `UPDATE browser_sessions SET status='deleted' WHERE id=?`, args: [id] });\n return new Response(JSON.stringify({ error: \"Không thể kết nối browser — phiên có thể đã hết hạn\" }), { status: 410, headers: hdrs });\n }\n\n let ipInfo = { ip: \"\", city: \"\", country: \"\" };\n try {\n const pages = await browser.pages();\n const page = pages.length > 0 ? pages[0] : await browser.newPage();\n await page.goto(\"https://ipinfo.io/json\", { waitUntil: \"domcontentloaded\", timeout: 15000 });\n const raw = await page.evaluate(() => (document.body as HTMLElement).innerText);\n const parsed = JSON.parse(raw);\n ipInfo = { ip: parsed.ip ?? \"\", city: parsed.city ?? \"\", country: parsed.country ?? \"\" };\n } finally {\n await browser.disconnect().catch(() => {});\n }\n\n const matchesExpected = country ? ipInfo.country === country : null;\n return new Response(JSON.stringify({ ...ipInfo, matches_expected: matchesExpected, expected_country: country }), { headers: hdrs });\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n console.error(\"[checkip] error:\", msg);\n return new Response(JSON.stringify({ error: msg }), { status: 500, headers: hdrs });\n }\n }\n\n // ── Xoá phiên ──\n // Per Kernel docs: must call deleteByID (not browser.close()) to persist profile state\n if (action === \"delete\" && req.method === \"POST\") {\n const id = url.searchParams.get(\"id\");\n if (!id) return new Response(JSON.stringify({ error: \"Thiếu id\" }), { status: 400, headers: hdrs });\n\n const sessionResult = await sqlite.execute({\n sql: `SELECT profile_name FROM browser_sessions WHERE id=?`,\n args: [id],\n });\n const profileName = sessionResult.rows.length > 0\n ? (sessionResult.rows[0] as Record).profile_name || null\n : null;\n\n try { await kernel.browsers.deleteByID(id); } catch (_) {}\n await sqlite.execute({ sql: `UPDATE browser_sessions SET status='deleted' WHERE id=?`, args: [id] });\n\n return new Response(JSON.stringify({ ok: true, profile_saved: profileName }), { headers: hdrs });\n }\n\n // ── Danh sách phiên ──\n if (action === \"list\") {\n const result = await sqlite.execute(\n `SELECT id, created_at, live_url, cdp_url, status, label, proxy_type, proxy_country, profile_name\n FROM browser_sessions ORDER BY created_at DESC LIMIT 50`,\n );\n return new Response(JSON.stringify({ sessions: result.rows }), { headers: hdrs });\n }\n\n return new Response(JSON.stringify({ error: \"Không tìm thấy action\" }), { status: 404, headers: hdrs });\n}\n","// v37 – 3D Glassmorphism UI + Step-by-step guide\nimport Kernel, { ConflictError } from \"npm:@onkernel/sdk@latest\";\nimport puppeteer from \"npm:puppeteer-core@22\";\n\nconst kernel = new Kernel({ apiKey: Deno.env.get(\"KERNEL_API_KEY\") });\n\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS browser_sessions (\n id TEXT PRIMARY KEY,\n created_at TEXT NOT NULL,\n live_url TEXT NOT NULL,\n cdp_url TEXT NOT NULL,\n status TEXT NOT NULL DEFAULT 'active',\n label TEXT,\n proxy_type TEXT NOT NULL DEFAULT 'residential',\n proxy_country TEXT,\n profile_name TEXT\n )\n`);\n\n// Migration: add missing columns if they don't exist\nfor (const col of [\n `ALTER TABLE browser_sessions ADD COLUMN proxy_type TEXT NOT NULL DEFAULT 'residential'`,\n `ALTER TABLE browser_sessions ADD COLUMN proxy_country TEXT`,\n `ALTER TABLE browser_sessions ADD COLUMN profile_name TEXT`,\n]) { try { await sqlite.execute(col); } catch (_) {} }\n\n// ── Timezone map ──────────────────────────────────────────────────────────────\nconst TZ_MAP: Record = {\n US: { tz: \"America/New_York\", locale: \"en-US\", lang: \"en-US,en;q=0.9\" },\n CA: { tz: \"America/Toronto\", locale: \"en-CA\", lang: \"en-CA,en;q=0.9\" },\n GB: { tz: \"Europe/London\", locale: \"en-GB\", lang: \"en-GB,en;q=0.9\" },\n DE: { tz: \"Europe/Berlin\", locale: \"de-DE\", lang: \"de-DE,de;q=0.9,en;q=0.8\" },\n FR: { tz: \"Europe/Paris\", locale: \"fr-FR\", lang: \"fr-FR,fr;q=0.9,en;q=0.8\" },\n JP: { tz: \"Asia/Tokyo\", locale: \"ja-JP\", lang: \"ja-JP,ja;q=0.9,en;q=0.8\" },\n SG: { tz: \"Asia/Singapore\", locale: \"en-SG\", lang: \"en-SG,en;q=0.9\" },\n KR: { tz: \"Asia/Seoul\", locale: \"ko-KR\", lang: \"ko-KR,ko;q=0.9,en;q=0.8\" },\n VN: { tz: \"Asia/Ho_Chi_Minh\", locale: \"vi-VN\", lang: \"vi-VN,vi;q=0.9,en;q=0.8\" },\n TH: { tz: \"Asia/Bangkok\", locale: \"th-TH\", lang: \"th-TH,th;q=0.9,en;q=0.8\" },\n ID: { tz: \"Asia/Jakarta\", locale: \"id-ID\", lang: \"id-ID,id;q=0.9,en;q=0.8\" },\n MY: { tz: \"Asia/Kuala_Lumpur\", locale: \"ms-MY\", lang: \"ms-MY,ms;q=0.9,en;q=0.8\" },\n AU: { tz: \"Australia/Sydney\", locale: \"en-AU\", lang: \"en-AU,en;q=0.9\" },\n NL: { tz: \"Europe/Amsterdam\", locale: \"nl-NL\", lang: \"nl-NL,nl;q=0.9,en;q=0.8\" },\n SE: { tz: \"Europe/Stockholm\", locale: \"sv-SE\", lang: \"sv-SE,sv;q=0.9,en;q=0.8\" },\n BR: { tz: \"America/Sao_Paulo\", locale: \"pt-BR\", lang: \"pt-BR,pt;q=0.9,en;q=0.8\" },\n IN: { tz: \"Asia/Kolkata\", locale: \"en-IN\", lang: \"en-IN,en;q=0.9\" },\n HK: { tz: \"Asia/Hong_Kong\", locale: \"zh-HK\", lang: \"zh-HK,zh;q=0.9,en;q=0.8\" },\n TW: { tz: \"Asia/Taipei\", locale: \"zh-TW\", lang: \"zh-TW,zh;q=0.9,en;q=0.8\" },\n AE: { tz: \"Asia/Dubai\", locale: \"ar-AE\", lang: \"ar-AE,ar;q=0.9,en;q=0.8\" },\n TR: { tz: \"Europe/Istanbul\", locale: \"tr-TR\", lang: \"tr-TR,tr;q=0.9,en;q=0.8\" },\n RU: { tz: \"Europe/Moscow\", locale: \"ru-RU\", lang: \"ru-RU,ru;q=0.9,en;q=0.8\" },\n PH: { tz: \"Asia/Manila\", locale: \"en-PH\", lang: \"en-PH,en;q=0.9\" },\n CN: { tz: \"Asia/Shanghai\", locale: \"zh-CN\", lang: \"zh-CN,zh;q=0.9,en;q=0.8\" },\n NZ: { tz: \"Pacific/Auckland\", locale: \"en-NZ\", lang: \"en-NZ,en;q=0.9\" },\n ZA: { tz: \"Africa/Johannesburg\",locale: \"en-ZA\", lang: \"en-ZA,en;q=0.9\" },\n IL: { tz: \"Asia/Jerusalem\", locale: \"he-IL\", lang: \"he-IL,he;q=0.9,en;q=0.8\" },\n MX: { tz: \"America/Mexico_City\",locale: \"es-MX\", lang: \"es-MX,es;q=0.9,en;q=0.8\" },\n AR: { tz: \"America/Argentina/Buenos_Aires\", locale: \"es-AR\", lang: \"es-AR,es;q=0.9,en;q=0.8\" },\n PL: { tz: \"Europe/Warsaw\", locale: \"pl-PL\", lang: \"pl-PL,pl;q=0.9,en;q=0.8\" },\n UA: { tz: \"Europe/Kyiv\", locale: \"uk-UA\", lang: \"uk-UA,uk;q=0.9,en;q=0.8\" },\n CH: { tz: \"Europe/Zurich\", locale: \"de-CH\", lang: \"de-CH,de;q=0.9,en;q=0.8\" },\n};\n\n// ── Stealth inject helper ─────────────────────────────────────────────────────\nasync function injectStealth(cdpUrl: string, country: string): Promise<{ ip: string; city: string; country: string } | null> {\n const geo = TZ_MAP[country] ?? { tz: \"America/New_York\", locale: \"en-US\", lang: \"en-US,en;q=0.9\" };\n const langParts = geo.locale.split(\"-\");\n const lang0 = langParts[0];\n\n const browser = await puppeteer.connect({\n browserWSEndpoint: cdpUrl,\n defaultViewport: null,\n });\n\n try {\n const pages = await browser.pages();\n const page = pages.length > 0 ? pages[0] : await browser.newPage();\n\n await (page as unknown as { emulateTimezone(tz: string): Promise })\n .emulateTimezone(geo.tz).catch(() => {});\n\n await page.setExtraHTTPHeaders({ \"Accept-Language\": geo.lang });\n\n await page.evaluateOnNewDocument(`\n (() => {\n Object.defineProperty(navigator, 'webdriver', { get: () => false, configurable: true });\n window.chrome = { runtime: {}, loadTimes: () => {}, csi: () => {}, app: {} };\n Object.defineProperty(navigator, 'plugins', {\n get: () => {\n const a = [\n { name:'Chrome PDF Plugin', filename:'internal-pdf-viewer', description:'Portable Document Format' },\n { name:'Chrome PDF Viewer', filename:'mhjfbmdgcfjbbpaeojofohoefgiehjai', description:'' },\n { name:'Native Client', filename:'internal-nacl-plugin', description:'' },\n ];\n a.__proto__ = PluginArray.prototype; return a;\n }\n });\n Object.defineProperty(navigator, 'mimeTypes', {\n get: () => {\n const a = [\n { type:'application/pdf', suffixes:'pdf', description:'', enabledPlugin:null },\n { type:'application/x-google-chrome-pdf', suffixes:'pdf', description:'Portable Document Format', enabledPlugin:null },\n { type:'application/x-nacl', suffixes:'', description:'Native Client Executable', enabledPlugin:null },\n { type:'application/x-pnacl', suffixes:'', description:'Portable Native Client Executable', enabledPlugin:null },\n ];\n a.__proto__ = MimeTypeArray.prototype; return a;\n }\n });\n Object.defineProperty(navigator, 'languages', { get: () => ['${geo.locale}', '${lang0}'] });\n Object.defineProperty(navigator, 'language', { get: () => '${geo.locale}' });\n Object.defineProperty(navigator, 'platform', { get: () => 'Win32' });\n Object.defineProperty(navigator, 'hardwareConcurrency', { get: () => 8 });\n Object.defineProperty(navigator, 'deviceMemory', { get: () => 8 });\n const origQuery = window.navigator.permissions?.query?.bind(window.navigator.permissions);\n if (origQuery) {\n window.navigator.permissions.query = (p) =>\n p.name === 'notifications'\n ? Promise.resolve({ state: Notification.permission })\n : origQuery(p);\n }\n Object.defineProperty(screen, 'width', { get: () => 1920 });\n Object.defineProperty(screen, 'height', { get: () => 1080 });\n Object.defineProperty(screen, 'availWidth', { get: () => 1920 });\n Object.defineProperty(screen, 'availHeight', { get: () => 1040 });\n Object.defineProperty(screen, 'colorDepth', { get: () => 24 });\n Object.defineProperty(screen, 'pixelDepth', { get: () => 24 });\n })();\n `);\n\n let ipInfo: { ip: string; city: string; country: string } | null = null;\n try {\n await page.goto(\"https://ipinfo.io/json\", { waitUntil: \"domcontentloaded\", timeout: 15000 });\n const raw = await page.evaluate(() => document.body.innerText);\n const parsed = JSON.parse(raw);\n ipInfo = { ip: parsed.ip ?? \"\", city: parsed.city ?? \"\", country: parsed.country ?? \"\" };\n } catch (_) {}\n\n await browser.disconnect();\n return ipInfo;\n } catch (err) {\n console.error(\"Stealth error:\", err);\n await browser.disconnect().catch(() => {});\n return null;\n }\n}\n\n// ── HTML ──────────────────────────────────────────────────────────────────────\nconst HTML = String.raw`\n\n\n \n \n Kernel Browser Manager\n \n\n\n

\n\n \n

\n \n\n

📖 Hướng dẫn sử dụng

\n\n

Chọn loại Proxy

Residential = ẩn danh cao nhất. Datacenter = nhanh. ISP = cân bằng.

\n\n

Chọn quốc gia

IP sẽ xuất hiện từ quốc gia được chọn. Timezone & ngôn ngữ browser tự khớp.

\n\n

Chọn Profile (tuỳ chọn)

Gắn profile để giữ cookies & đăng nhập giữa các phiên. Bỏ qua nếu không cần.

\n\n

Khởi tạo & Live View

Nhấn 🚀 Khởi tạo. Sau khi tạo xong, nhấn 👁️ Live View để điều khiển browser.

\n\n

Kiểm tra IP & Xoá phiên

Dùng 🔍 IP để xác minh IP thực. Khi xong việc, nhấn 🗑️ để xoá (profile tự lưu).

\n\n

\n 💡 Mẹo: Stealth inject tự động bật khi dùng Residential proxy — giả lập ngôn ngữ, timezone, plugins, screen để tránh bị phát hiện.\n

\n\n \n

🚀

\n Tạo phiên mới\n

\n\n

\n \n

\n \n \n \n \n

\n\n \n

Chọn loại proxy cho phiên trình duyệt này:

🏠

Residential

Stealth Max

✓

🏢

Datacenter

Fast

✓

📡

ISP

Balanced

✓

⚙️

Custom

Your URL

✓

🚫

Direct

No proxy

✓

\n \n

\n Proxy URL\n \n

Hỗ trợ HTTP, HTTPS, SOCKS5.

\n \n

\n\n \n

\n 🌍 Quốc gia (IP sẽ xuất hiện từ đây)\n

\n 🌐\n \n

🏠 Residential: IP dân dụng thực. Timezone & ngôn ngữ browser tự khớp quốc gia.

\n \n \n

\n\n \n

\n \n

Chọn cách sử dụng profile:

🆕

Không dùng Profile

Browser trống hoàn toàn, không lưu lại gì sau khi xóa phiên

✓

📂

Dùng Profile có sẵn

Tải lại cookies & đăng nhập từ profile đã tạo trước

✓

✨

Tạo Profile mới

Tự động lưu cookies khi kết thúc phiên để dùng lại sau

✓

\n\n \n

\n 📂 Chọn Profile muốn tải\n \n

\n \n Cập nhật profile sau phiên
\n Bật = ghi cookies mới vào profile khi xóa phiên | Tắt = chỉ đọc, không ghi\n \n \n

\n\n \n

\n Đặt tên cho Profile mới\n \n

✅ Khi bạn nhấn 🗑️ xóa phiên → cookies & localStorage tự động được lưu vào profile này.

\n\n

\n \n \n

\n\n \n

\n \n

📋 Tóm tắt cấu hình

Proxy:

🏠 Residential

Quốc gia:

🌐 Tự động

Profile:

🚫 Không dùng

Stealth:

✅ Auto

Viewport:

1024×768 @ 60fps

GPU:

✅ High Perf

\n\n

\n Tên phiên (tuỳ chọn)\n \n

\n\n \n\n

\n \n

\n\n \n

📋

\n Danh sách phiên\n 0\n

\n \n

\n\n

🌐

Chưa có phiên nào. Nhấn \"Khởi tạo phiên\" để bắt đầu.

\n\n

Đang khởi tạo phiên trình duyệt...

\n\n\n\n`;\n\n// ── HTTP Handler ───────────────────────────────────────────────────────────────\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const action = url.searchParams.get(\"action\");\n const hdrs = { \"Content-Type\": \"application/json\" };\n\n if (!action) {\n return new Response(HTML, { headers: { \"Content-Type\": \"text/html; charset=utf-8\" } });\n }\n\n // ── Danh sách profiles ──\n if (action === \"list-profiles\") {\n try {\n const profiles = await kernel.profiles.list();\n return new Response(JSON.stringify({ profiles }), { headers: hdrs });\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n return new Response(JSON.stringify({ error: msg }), { status: 500, headers: hdrs });\n }\n }\n\n // ── Tạo profile ──\n if (action === \"create-profile\" && req.method === \"POST\") {\n try {\n const body = await req.json().catch(() => ({}));\n const name: string = body.name ?? \"\";\n if (!name) return new Response(JSON.stringify({ error: \"Thiếu tên profile\" }), { status: 400, headers: hdrs });\n try {\n await kernel.profiles.create({ name });\n } catch (err) {\n if (err instanceof ConflictError) {\n return new Response(JSON.stringify({ error: `Profile \"${name}\" đã tồn tại` }), { status: 409, headers: hdrs });\n }\n throw err;\n }\n return new Response(JSON.stringify({ ok: true, name }), { headers: hdrs });\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n return new Response(JSON.stringify({ error: msg }), { status: 500, headers: hdrs });\n }\n }\n\n // ── Xóa profile ──\n if (action === \"delete-profile\" && req.method === \"POST\") {\n const name = url.searchParams.get(\"name\");\n if (!name) return new Response(JSON.stringify({ error: \"Thiếu tên profile\" }), { status: 400, headers: hdrs });\n try {\n await kernel.profiles.deleteByID(name);\n return new Response(JSON.stringify({ ok: true }), { headers: hdrs });\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n return new Response(JSON.stringify({ error: msg }), { status: 500, headers: hdrs });\n }\n }\n\n // ── Tạo phiên ──\n if (action === \"create\" && req.method === \"POST\") {\n try {\n const body = await req.json().catch(() => ({}));\n const label: string | null = body.label ?? null;\n const proxyType: string = body.proxy_type ?? \"residential\";\n const proxyCountry: string = body.proxy_country ?? \"\";\n const customProxyUrl: string | null = body.custom_proxy_url ?? null;\n const profileName: string | null = body.profile_name ?? null;\n const profileSaveChanges: boolean = body.profile_save_changes ?? false;\n const profileMode: string = body.profile_mode ?? \"none\";\n\n // ── Tạo profile mới nếu chọn mode \"new\" ──\n if (profileMode === \"new\" && profileName) {\n try {\n await kernel.profiles.create({ name: profileName });\n console.log(\"[profiles.create] new profile:\", profileName);\n } catch (err) {\n if (!(err instanceof ConflictError)) throw err;\n console.log(\"[profiles.create] profile already exists:\", profileName);\n }\n }\n\n // ── Tạo proxy (nếu cần) ──\n let proxyId: string | undefined;\n if (proxyType === \"residential\" || proxyType === \"datacenter\" || proxyType === \"isp\") {\n const proxyConfig: Record = {};\n if (proxyCountry) proxyConfig.country = proxyCountry;\n console.log(\"[proxies.create] params:\", { type: proxyType, proxyCountry });\n const createdProxy = await kernel.proxies.create({\n type: proxyType,\n name: `${proxyType}-${proxyCountry || \"any\"}-${Date.now()}`,\n ...(Object.keys(proxyConfig).length > 0 ? { config: proxyConfig } : {}),\n });\n proxyId = createdProxy.id;\n console.log(\"[proxies.create] ok, proxyId:\", proxyId);\n }\n\n // ── Tạo browser với profile (nếu có) ──\n const browserParams: Record = {\n timeout_seconds: 259200,\n viewport: { width: 1024, height: 768, refresh_rate: 60 },\n stealth: proxyType === \"residential\",\n ...(proxyId ? { proxy_id: proxyId } : {}),\n ...(proxyType === \"custom\" && customProxyUrl ? { proxy: { server: customProxyUrl } } : {}),\n };\n\n // Attach profile if selected\n if (profileName && (profileMode === \"existing\" || profileMode === \"new\")) {\n browserParams.profile = {\n name: profileName,\n save_changes: profileSaveChanges,\n };\n }\n\n console.log(\"[browsers.create] params:\", { proxyId, proxyType, profileName, profileSaveChanges });\n const kernelBrowser = await kernel.browsers.create(\n browserParams as Parameters[0]\n );\n console.log(\"[browsers.create] ok, session_id:\", kernelBrowser.session_id);\n\n const liveUrl: string =\n (kernelBrowser as Record)[\"browser_live_view_url\"] as string\n ?? `https://dashboard.onkernel.com/sessions/${kernelBrowser.session_id}`;\n\n // Inject stealth + lấy IP thực tế\n const ipInfo = await injectStealth(kernelBrowser.cdp_ws_url, proxyCountry);\n\n await sqlite.execute({\n sql: `INSERT INTO browser_sessions (id, created_at, live_url, cdp_url, status, label, proxy_type, proxy_country, profile_name)\n VALUES (?, ?, ?, ?, 'active', ?, ?, ?, ?)`,\n args: [kernelBrowser.session_id, new Date().toISOString(), liveUrl, kernelBrowser.cdp_ws_url, label, proxyType, proxyCountry || null, profileName || null],\n });\n\n return new Response(\n JSON.stringify({ session_id: kernelBrowser.session_id, live_url: liveUrl, ip_info: ipInfo, profile_name: profileName }),\n { headers: hdrs },\n );\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n return new Response(JSON.stringify({ error: msg }), { status: 500, headers: hdrs });\n }\n }\n\n // ── Kiểm tra IP ──\n if (action === \"checkip\" && req.method === \"POST\") {\n const id = url.searchParams.get(\"id\");\n if (!id) return new Response(JSON.stringify({ error: \"Thiếu id\" }), { status: 400, headers: hdrs });\n try {\n const result = await sqlite.execute({ sql: `SELECT cdp_url, proxy_country FROM browser_sessions WHERE id=? AND status='active'`, args: [id] });\n if (!result.rows.length) return new Response(JSON.stringify({ error: \"Phiên không tồn tại hoặc đã xoá\" }), { status: 404, headers: hdrs });\n const row = result.rows[0] as Record;\n const cdpUrl = row.cdp_url;\n const country = row.proxy_country || \"\";\n\n let browser: Awaited> | null = null;\n try {\n browser = await puppeteer.connect({ browserWSEndpoint: cdpUrl, defaultViewport: null });\n } catch (connErr: unknown) {\n const msg = connErr instanceof Error ? connErr.message : String(connErr);\n console.error(\"[checkip] connect failed:\", msg);\n await sqlite.execute({ sql: `UPDATE browser_sessions SET status='deleted' WHERE id=?`, args: [id] });\n return new Response(JSON.stringify({ error: \"Không thể kết nối browser — phiên có thể đã hết hạn\" }), { status: 410, headers: hdrs });\n }\n\n let ipInfo = { ip: \"\", city: \"\", country: \"\" };\n try {\n const pages = await browser.pages();\n const page = pages.length > 0 ? pages[0] : await browser.newPage();\n await page.goto(\"https://ipinfo.io/json\", { waitUntil: \"domcontentloaded\", timeout: 15000 });\n const raw = await page.evaluate(() => (document.body as HTMLElement).innerText);\n const parsed = JSON.parse(raw);\n ipInfo = { ip: parsed.ip ?? \"\", city: parsed.city ?? \"\", country: parsed.country ?? \"\" };\n } finally {\n await browser.disconnect().catch(() => {});\n }\n\n const matchesExpected = country ? ipInfo.country === country : null;\n return new Response(JSON.stringify({ ...ipInfo, matches_expected: matchesExpected, expected_country: country }), { headers: hdrs });\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n console.error(\"[checkip] error:\", msg);\n return new Response(JSON.stringify({ error: msg }), { status: 500, headers: hdrs });\n }\n }\n\n // ── Xoá phiên ──\n // Per Kernel docs: must call deleteByID (not browser.close()) to persist profile state\n if (action === \"delete\" && req.method === \"POST\") {\n const id = url.searchParams.get(\"id\");\n if (!id) return new Response(JSON.stringify({ error: \"Thiếu id\" }), { status: 400, headers: hdrs });\n\n const sessionResult = await sqlite.execute({\n sql: `SELECT profile_name FROM browser_sessions WHERE id=?`,\n args: [id],\n });\n const profileName = sessionResult.rows.length > 0\n ? (sessionResult.rows[0] as Record).profile_name || null\n : null;\n\n try { await kernel.browsers.deleteByID(id); } catch (_) {}\n await sqlite.execute({ sql: `UPDATE browser_sessions SET status='deleted' WHERE id=?`, args: [id] });\n\n return new Response(JSON.stringify({ ok: true, profile_saved: profileName }), { headers: hdrs });\n }\n\n // ── Danh sách phiên ──\n if (action === \"list\") {\n const result = await sqlite.execute(\n `SELECT id, created_at, live_url, cdp_url, status, label, proxy_type, proxy_country, profile_name\n FROM browser_sessions ORDER BY created_at DESC LIMIT 50`,\n );\n return new Response(JSON.stringify({ sessions: result.rows }), { headers: hdrs });\n }\n\n return new Response(JSON.stringify({ error: \"Không tìm thấy action\" }), { status: 404, headers: hdrs });\n}\n","createdAt",["D",1774009267039],"branchVersion","branchId","d57c5ce0-1fcc-11f1-99e1-42dde27851f2","id","d57663a8-1fcc-11f1-99e1-42dde27851f2","kba",["D",1773510003990],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Crazy-fast hosted browser infra","imageUrl","019ced01-90af-7019-a349-1b32c2e46191","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019ced01-90b0-737e-a20e-8f88f25dd6dd","tursoName","d57663a81fcc11f199e142dde27851f2","tursoHostname","d57663a81fcc11f199e142dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789528852539],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_107":106,"_114":110},"org",{"_107":106,"_108":-5,"_109":110,"_19":61,"_111":112,"_113":31},"branch",{"_13":14,"_38":93,"_49":48,"_94":50,"_95":96,"_97":98,"_99":56,"_100":101,"_102":103,"_104":51,"_105":106},"isOwned","main","projectId","forkedBranchId","d8f30084-8f3c-11f0-a2db-0224a6c84d84","forkedBranchVersion",20,"forkedProjectPrivacy","forkedProjectId","d8ef1f5a-8f3c-11f0-a2db-0224a6c84d84","forkedProjectOrgId","b2fd4880-5c2e-11f0-9801-5764bf98a432","projectName","userHandle","adminh","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNBd1RwdG53TkRJV2dZYlNJMkVEM1J6U0NuNiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_38":51,"_44":222,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":-5,"_63":31,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":223,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":224,"_88":225,"_90":226,"_92":31},"tree",[201,202,203,204,205],"files",[201,202,203,204,205],"counts",{"_190":67,"_191":159,"_192":67,"_193":194,"_195":196},"contents",[150,151,152,153,154],"upstreamProject",{"_49":101,"_38":147,"_58":59,"_60":-5,"_55":56,"_86":148},"upstreamBranch",{"_49":96,"_44":140,"_141":142,"_38":93,"_94":101,"_13":143,"_95":-5,"_97":-5,"_144":145,"_53":-5,"_92":31,"_55":56,"_105":146,"_68":103,"_104":147},"emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},["D",1757615194853],"updatedAt",["D",1776719205106],21,"lockfileKey","1759418522490-esm.town_v_onkernel_kernel_starter@20-main","kernel","kernel_starter",{"_107":146,"_114":149},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/b0ca5b6d-1128-43ec-0542-59ec2f324200/square512?exp=1789559999&sig=32c9d4af2c806e7ffc00c180f00d99a6eaaca24379e5d25ce875b9fdcb5476fc",{"_49":184,"_38":185,"_36":186,"_158":-5,"_47":48,"_46":159,"_160":135,"_44":187,"_13":67,"_39":26,"_41":188,"_30":31,"_164":-5,"_33":189},{"_49":177,"_38":178,"_36":179,"_158":-5,"_47":48,"_46":180,"_160":135,"_44":181,"_13":67,"_39":40,"_41":42,"_30":31,"_164":182,"_33":183},{"_49":172,"_38":34,"_36":37,"_158":-5,"_47":48,"_46":14,"_160":135,"_44":173,"_13":174,"_39":40,"_41":43,"_30":31,"_164":175,"_33":176},{"_49":166,"_38":167,"_36":168,"_158":-5,"_47":48,"_46":159,"_160":135,"_44":169,"_13":67,"_39":162,"_41":170,"_30":31,"_164":-5,"_33":171},{"_49":155,"_38":156,"_36":157,"_158":-5,"_47":48,"_46":159,"_160":135,"_44":161,"_13":67,"_39":162,"_41":163,"_30":31,"_164":-5,"_33":165},"d5804526-1fcc-11f1-99e1-42dde27851f2","puppeteer.ts","019ced6f-0d6d-713b-bf54-1eedbe7a11b2","parentId",1,"latest",["D",1773510003990],"script","import Kernel from \"npm:@onkernel/sdk\";\nimport { PuppeteerDeno } from \"https://deno.land/x/puppeteer@16.2.0/src/deno/Puppeteer.ts\";\n\nconst kernel = new Kernel();\n\nconst kernelBrowser = await kernel.browsers.create();\n\nconst puppeteer = new PuppeteerDeno({\n productName: \"chrome\",\n preferredRevision: null,\n});\nconst browser = await puppeteer.connect({\n browserWSEndpoint: kernelBrowser.cdp_ws_url,\n defaultViewport: null, // Optional: inherit viewport from the browser\n});\ntry {\n const page = await browser.newPage();\n await page.goto(\"https://en.wikipedia.org/wiki/OpenAI\");\n const intro = await page.evaluate(\n `document.querySelector('p:nth-of-type(2)').innerText`,\n );\n console.log(intro);\n} catch (error) {\n console.error(error);\n} finally {\n await browser.close();\n await kernel.browsers.deleteByID(kernelBrowser.session_id);\n}","label",[156],"d5803f18-1fcc-11f1-99e1-42dde27851f2","playwright.ts","019ced6f-0d6d-713b-bf54-1950f2d9f425",["D",1773510003990],"import \"https://esm.town/v/wolf/StubFS/stubFs.ts\";\nimport { chromium } from \"npm:playwright-core\";\nimport Kernel from \"npm:@onkernel/sdk\";\n\nconst kernel = new Kernel();\n\nconst kernelBrowser = await kernel.browsers.create();\nconst browser = await chromium.connectOverCDP(kernelBrowser.cdp_ws_url);\ntry {\n const context = browser.contexts()[0] || (await browser.newContext());\n const page = context.pages()[0] || (await context.newPage());\n await page.goto(\"https://www.wikipedia.org/\");\n const title = await page.title();\n console.log(title);\n} catch (error) {\n console.error(error);\n} finally {\n await browser.close();\n await kernel.browsers.deleteByID(kernelBrowser.session_id);\n}",[167],"456d94e0-2457-11f1-9d82-42dde27851f2",["D",1774009267039],55,"kudajka",[34],"6d58cfee-2211-11f1-9573-42dde27851f2","dashboard-copy.ts","6d58d098-2211-11f1-9573-42dde27851f2",57,["D",1773759366941],"nguyenvannguyen",[178],"d580179a-1fcc-11f1-99e1-42dde27851f2","README.md","019ced6f-0d6d-713b-bf54-14f9b4f52661",["D",1773510003990],"# Kernel Val Town Starter\n\nKernel is a developer platform that provides Crazy Fast Browser Infrastructure\nfor browser automations and web agents.\n\nThis val has two demos:\n\n1. [playwright.ts](./playwright.ts)\n2. [puppeteer.ts](./puppeteer.ts)\n\n## Getting started\n\n1. Remix this val (button in the top-right of this page)\n2. Get your [Kernel API key](https://dashboard.onkernel.com/api-keys)\n3. Save it in this val's env variables (in the left sidebar)\n4. Click `Run` on [playwright.ts](./playwright.ts) or\n [puppeteer.ts](./puppeteer.ts)\n\n## Playwright on Val Town\n\nPlaywright requires file system access to work (it makes an artifacts temp dir)\n\nTo get around the file system issue, we can stub node:fs using\n[this small script](https://www.val.town/x/wolf/StubFS/branch/main/code/stubFs.ts):\n\n```ts\nimport \"https://esm.town/v/wolf/StubFS/stubFs.ts\"`\n```\n\nWe also recommend setting \"TMPDIR\" to \"/tmp\" in your environment variables to\navoid getting warnings about it being unset.",[185],"pulls","branches","forks","envVars",{"_197":199,"_200":67},"connections",{"_197":67,"_198":67},"count","unfilledCount",2,"emptyCount",{"_49":184,"_38":185,"_36":186,"_158":-5,"_47":48,"_46":159,"_160":135,"_44":219,"_13":67,"_39":26,"_41":188,"_30":31,"_164":-5,"_207":220,"_33":221},{"_49":177,"_38":178,"_36":179,"_158":-5,"_47":48,"_46":180,"_160":135,"_44":216,"_13":67,"_39":40,"_41":42,"_30":31,"_164":182,"_207":217,"_33":218},{"_49":172,"_38":34,"_36":37,"_158":-5,"_47":48,"_46":14,"_160":135,"_44":213,"_13":174,"_39":40,"_41":43,"_30":31,"_164":175,"_207":214,"_33":215},{"_49":166,"_38":167,"_36":168,"_158":-5,"_47":48,"_46":159,"_160":135,"_44":210,"_13":67,"_39":162,"_41":170,"_30":31,"_164":-5,"_207":211,"_33":212},{"_49":155,"_38":156,"_36":157,"_158":-5,"_47":48,"_46":159,"_160":135,"_44":206,"_13":67,"_39":162,"_41":163,"_30":31,"_164":-5,"_207":208,"_33":209},["D",1773510003990],"children",[],[156],["D",1773510003990],[],[167],["D",1774009267039],[],[34],["D",1773759366941],[],[178],["D",1773510003990],[],[185],["D",1773510003990],["D",1789528852539],{"_107":106,"_114":110},{"_107":106,"_108":-5,"_109":110,"_19":61,"_111":112,"_113":31},{"_13":14,"_38":93,"_49":48,"_94":50,"_95":96,"_97":98,"_99":56,"_100":101,"_102":103,"_104":51,"_105":106},"ctx",{"_86":-5,"_137":260,"_261":262,"_263":264,"_265":31,"_266":31,"_267":31,"_268":135,"_269":-5,"_270":-7,"_271":-7,"_272":67,"_273":31,"_274":31,"_275":-5,"_276":31,"_277":31,"_278":31,"_279":-5},"ENV",{"_231":232,"_233":234,"_235":93,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259},"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 · v58