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","kudajka",[157],"6d58cfee-2211-11f1-9573-42dde27851f2","dashboard-copy.ts","6d58d098-2211-11f1-9573-42dde27851f2",57,["D",1773759366941],"// 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",[166],"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.",[174],"pulls","forks","envVars",{"_185":187,"_188":54},"connections",{"_185":54,"_186":54},"count","unfilledCount",2,"emptyCount",{"_20":173,"_13":174,"_135":175,"_137":-5,"_138":21,"_139":140,"_141":116,"_22":207,"_29":54,"_143":107,"_145":177,"_147":40,"_148":-5,"_195":208,"_95":209},{"_20":165,"_13":166,"_135":167,"_137":-5,"_138":21,"_139":168,"_141":116,"_22":204,"_29":54,"_143":161,"_145":170,"_147":40,"_148":171,"_195":205,"_95":206},{"_20":156,"_13":157,"_135":158,"_137":-5,"_138":21,"_139":30,"_141":116,"_22":201,"_29":160,"_143":161,"_145":162,"_147":40,"_148":163,"_195":202,"_95":203},{"_20":150,"_13":151,"_135":152,"_137":-5,"_138":21,"_139":140,"_141":116,"_22":198,"_29":54,"_143":144,"_145":154,"_147":40,"_148":-5,"_195":199,"_95":200},{"_20":133,"_13":134,"_135":136,"_137":-5,"_138":21,"_139":140,"_141":116,"_22":194,"_29":54,"_143":144,"_145":146,"_147":40,"_148":-5,"_195":196,"_95":197},["D",1773510003990],"children",[],[134],["D",1773510003990],[],[151],["D",1774009267039],[],[157],["D",1773759366941],[],[166],["D",1773510003990],[],[174],["D",1773510003990],["D",1789441843040],{"_11":12,"_93":89},{"_11":12,"_87":-5,"_88":89,"_47":48,"_90":91,"_92":40},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":32,"_33":34,"_80":42,"_81":82,"_83":84,"_85":14,"_86":12},"ctx",{"_73":-5,"_118":248,"_249":250,"_251":252,"_253":40,"_254":40,"_255":40,"_256":116,"_257":-5,"_258":-7,"_259":-7,"_260":54,"_261":40,"_262":40,"_263":-5,"_264":40,"_265":40,"_266":40,"_267":-5},"ENV",{"_219":220,"_221":222,"_223":26,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247},"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"]

Branches1

Branches
1