Kernel Browser Manager

\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_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","label","kudajka","children",[73],"contentHash","7de939a6c36737a6a04d90f4b041f001bfc40fc7f466fb8ac3baa295f3a49b8d","dashboard-copy.ts",{"_32":98,"_13":96,"_78":99,"_80":-5,"_81":58,"_82":20,"_83":26,"_34":100,"_40":101,"_86":87,"_88":102,"_66":48,"_90":103,"_92":-7,"_72":104,"_94":105},"6d58cfee-2211-11f1-9573-42dde27851f2","6d58d098-2211-11f1-9573-42dde27851f2",["D",1773759366941],0,"// 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: 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","nguyenvannguyen",[96],"37a125f1a78f93451781cd7b4621c11b4614baa50a2c46dac456ce26094ef62f",["D",1773510003990],"legacyEnvVars","httpPrivacy","description","Crazy-fast hosted browser infra","imageUrl","userId","019ced01-90af-7019-a349-1b32c2e46191","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","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",{"_11":12,"_147":143},"org",{"_11":12,"_141":-5,"_142":143,"_112":113,"_144":145,"_146":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNBd1RwdG53TkRJV2dZYlNJMkVEM1J6U0NuNiJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":235,"_46":-5,"_107":48,"_49":50,"_108":50,"_109":110,"_111":-5,"_112":113,"_114":-5,"_115":48,"_116":-5,"_117":-5,"_118":101,"_53":119,"_120":121,"_122":123,"_124":236,"_126":-5,"_127":128,"_129":128,"_130":131,"_132":131,"_133":131,"_134":128,"_135":128,"_136":237,"_138":238,"_140":239,"_47":48},"tree",[215,216,217,218,219],"files",[215,216,217,218,219],"counts",{"_204":101,"_205":22,"_206":101,"_207":208,"_209":210},"contents",[176,177,178,179,180],"file","upstreamProject",{"_32":39,"_13":56,"_109":110,"_111":-5,"_49":50,"_136":174},"upstreamBranch",{"_32":33,"_34":172,"_36":173,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1757615194853],["D",1776719205106],{"_11":52,"_147":175},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/b0ca5b6d-1128-43ec-0542-59ec2f324200/square512?exp=1789538399&sig=dc57cbed970b57d34985d4467f0080d355296c2e252f84c899c729fca87a0073",{"_32":198,"_13":199,"_78":200,"_80":-5,"_81":58,"_82":22,"_83":26,"_34":201,"_40":101,"_86":159,"_88":202,"_66":48,"_90":-5,"_72":203},{"_32":98,"_13":96,"_78":99,"_80":-5,"_81":58,"_82":20,"_83":26,"_34":196,"_40":101,"_86":87,"_88":102,"_66":48,"_90":103,"_72":197},{"_32":77,"_13":73,"_78":79,"_80":-5,"_81":58,"_82":57,"_83":26,"_34":194,"_40":85,"_86":87,"_88":89,"_66":48,"_90":91,"_72":195},{"_32":188,"_13":189,"_78":190,"_80":-5,"_81":58,"_82":22,"_83":26,"_34":191,"_40":101,"_86":185,"_88":192,"_66":48,"_90":-5,"_72":193},{"_32":181,"_13":182,"_78":183,"_80":-5,"_81":58,"_82":22,"_83":26,"_34":184,"_40":101,"_86":185,"_88":186,"_66":48,"_90":-5,"_72":187},"d5804526-1fcc-11f1-99e1-42dde27851f2","puppeteer.ts","019ced6f-0d6d-713b-bf54-1eedbe7a11b2",["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}",[182],"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}",[189],["D",1774009267039],[73],["D",1773759366941],[96],"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.",[199],"pulls","branches","forks","envVars",{"_211":213,"_214":101},"connections",{"_211":101,"_212":101},"count","unfilledCount",2,"emptyCount",{"_32":198,"_13":199,"_78":200,"_80":-5,"_81":58,"_82":22,"_83":26,"_34":232,"_40":101,"_86":159,"_88":202,"_66":48,"_90":-5,"_92":233,"_72":234},{"_32":98,"_13":96,"_78":99,"_80":-5,"_81":58,"_82":20,"_83":26,"_34":229,"_40":101,"_86":87,"_88":102,"_66":48,"_90":103,"_92":230,"_72":231},{"_32":77,"_13":73,"_78":79,"_80":-5,"_81":58,"_82":57,"_83":26,"_34":226,"_40":85,"_86":87,"_88":89,"_66":48,"_90":91,"_92":227,"_72":228},{"_32":188,"_13":189,"_78":190,"_80":-5,"_81":58,"_82":22,"_83":26,"_34":223,"_40":101,"_86":185,"_88":192,"_66":48,"_90":-5,"_92":224,"_72":225},{"_32":181,"_13":182,"_78":183,"_80":-5,"_81":58,"_82":22,"_83":26,"_34":220,"_40":101,"_86":185,"_88":186,"_66":48,"_90":-5,"_92":221,"_72":222},["D",1773510003990],[],[182],["D",1773510003990],[],[189],["D",1774009267039],[],[73],["D",1773759366941],[],[96],["D",1773510003990],[],[199],["D",1773510003990],["D",1789528852539],{"_11":12,"_147":143},{"_11":12,"_141":-5,"_142":143,"_112":113,"_144":145,"_146":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_136":-5,"_169":273,"_274":275,"_276":277,"_278":48,"_279":48,"_280":48,"_281":26,"_282":-5,"_283":-7,"_284":-7,"_285":101,"_286":48,"_287":48,"_288":-5,"_289":48,"_290":48,"_291":48,"_292":-5},"ENV",{"_244":245,"_246":247,"_248":16,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272},"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"]

Compare

Mergeadminh/mainintokernel/main

Hdashboard-copy.ts+1455-0

Hdashboard.ts+1455-0