[{"_1":2,"_179":-5,"_180":-5},"loaderData",{"_3":4,"_93":94},"root",{"_5":6,"_36":37,"_66":67},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","7c5bc882bceb0a55efc9fc584fee6b89303eee47","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_68":69},"__internal_clerk_state",{"_70":71,"_72":47,"_73":74,"_75":74,"_76":20,"_77":74,"_78":74,"_79":74,"_80":74,"_81":82,"_91":20,"_92":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_83":20,"_19":20,"_84":74,"_85":86,"_87":74,"_88":47,"_89":20,"_90":74},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_95":96,"_97":98,"_99":100,"_101":102,"_157":158,"_176":177,"_178":-5},"handle","minhmmo","name","kba","path","kernelClient.ts","project",{"_103":104,"_97":98,"_105":106,"_107":-5,"_108":20,"_109":110,"_111":-5,"_112":-5,"_12":113,"_114":-5,"_115":116,"_117":-5,"_118":-5,"_119":33,"_14":120,"_121":122,"_123":124,"_125":-5,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_23":135,"_138":139,"_143":144,"_156":20},"id","49f3e0e8-1fbe-11f1-aac6-42dde27851f2","createdAt",["D",1773503757015],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","019ced01-90af-7019-a349-1b32c2e46191","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","019ced04-6266-748c-a6bb-b70a7446d59e","tursoName","49f3e0e81fbe11f1aac642dde27851f2","tursoHostname","49f3e0e81fbe11f1aac642dde27851f2-val-town.aws-us-east-2.turso.io","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_95":96,"_136":137},"profileImageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/0cef36b0-8080-4c50-5206-197543f8c300/square512","org",{"_95":96,"_140":137,"_12":-5,"_141":142},"avatar","tier","pro","branch",{"_145":146,"_97":45,"_103":147,"_148":104,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":98,"_155":96},"version",79,"49f48818-1fbe-11f1-aac6-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_103":159,"_97":100,"_160":161,"_162":-5,"_163":147,"_164":165,"_166":116,"_105":167,"_145":168,"_169":170,"_171":172,"_173":20,"_174":-5,"_99":175},"84e1312e-1fc8-11f1-bded-42dde27851f2","fileId","c5b1359a-1fbf-11f1-8b8f-42dde27851f2","parentId","branchId","branchVersion",45,"latest",["D",1773508150828],7,"fileType","script","content","// ============================================================\n// KERNEL CLIENT — xác minh thực tế từ docs kernel.sh\n// Base URL : https://api.onkernel.com (đã probe, không có /v1/)\n// Auth : Authorization: Bearer \n// Endpoints đã xác minh từ docs chính thức:\n// POST /browsers → tạo session\n// GET /browsers → list sessions\n// GET /browsers/{id} → get session\n// DEL /browsers/{id} → xóa session\n// POST /browsers/{id}/playwright/execute → chạy Playwright TS\n// POST /browsers/{id}/computer/screenshot→ chụp ảnh (trả về image/png)\n// POST /browsers/{id}/computer/click → click chuột\n// POST /browsers/{id}/computer/type → gõ văn bản\n// POST /browsers/{id}/computer/key-press→ nhấn phím\n// POST /browsers/{id}/computer/scroll → cuộn chuột\n// GET /profiles → list profiles\n// POST /profiles → tạo profile\n// ============================================================\n\nconst BASE = \"https://api.onkernel.com\";\n\nfunction apiKey(): string {\n const k = Deno.env.get(\"KERNEL_API_KEY\");\n if (!k) throw new Error(\"KERNEL_API_KEY chưa được set\");\n return k;\n}\n\nasync function kFetch(path: string, opts: RequestInit = {}): Promise {\n const res = await fetch(BASE + path, {\n ...opts,\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": \"Bearer \" + apiKey(),\n ...(opts.headers ?? {}),\n },\n });\n const text = await res.text();\n if (!res.ok) throw new Error(`Kernel ${res.status} ${path}: ${text}`);\n if (!text.trim()) return null;\n try { return JSON.parse(text); } catch { return text; }\n}\n\n// ─── Types ────────────────────────────────────────────────\nexport interface KernelBrowser {\n session_id: string;\n browser_live_view_url?: string;\n cdp_ws_url: string;\n webdriver_ws_url: string;\n headless: boolean;\n stealth: boolean;\n timeout_seconds: number;\n created_at: string;\n deleted_at?: string;\n}\n\nexport interface PlaywrightResult {\n success: boolean;\n result?: unknown;\n error?: string;\n stdout?: string;\n stderr?: string;\n}\n\nexport interface KernelProfile {\n id: string;\n name: string;\n created_at: string;\n}\n\n// ─── Browser Sessions ─────────────────────────────────────\n\nexport async function createBrowser(opts: {\n headless?: boolean;\n stealth?: boolean;\n timeout_seconds?: number;\n proxy_id?: string;\n profile_id?: string;\n} = {}): Promise {\n const body: Record = {\n headless: opts.headless ?? false,\n stealth: opts.stealth ?? true,\n timeout_seconds: opts.timeout_seconds ?? 3600,\n };\n if (opts.proxy_id) body.proxy_id = opts.proxy_id;\n if (opts.profile_id) body.profile_id = opts.profile_id;\n return await kFetch(\"/browsers\", {\n method: \"POST\",\n body: JSON.stringify(body),\n }) as KernelBrowser;\n}\n\nexport async function listBrowsers(): Promise {\n const r = await kFetch(\"/browsers\");\n if (Array.isArray(r)) return r as KernelBrowser[];\n return ((r as Record)?.browsers ?? []) as KernelBrowser[];\n}\n\nexport async function getBrowser(id: string): Promise {\n return await kFetch(\"/browsers/\" + id) as KernelBrowser;\n}\n\nexport async function deleteBrowser(id: string): Promise {\n await kFetch(\"/browsers/\" + id, { method: \"DELETE\" });\n}\n\n// ─── Playwright ───────────────────────────────────────────\n// POST /browsers/{id}/playwright/execute\n// Body: { code: string, timeout_sec?: number }\n// Response: { success, result, error, stdout, stderr }\n\nexport async function runPlaywright(\n sessionId: string,\n code: string,\n timeoutSec = 60\n): Promise {\n try {\n return await kFetch(`/browsers/${sessionId}/playwright/execute`, {\n method: \"POST\",\n body: JSON.stringify({ code, timeout_sec: timeoutSec }),\n }) as PlaywrightResult;\n } catch (e) {\n return { success: false, error: (e as Error).message };\n }\n}\n\n// ─── Screenshot ───────────────────────────────────────────\n// POST /browsers/{id}/computer/screenshot\n// Response: image/png binary — ta convert sang base64\n\nexport async function takeScreenshot(sessionId: string): Promise {\n const res = await fetch(`${BASE}/browsers/${sessionId}/computer/screenshot`, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": \"Bearer \" + apiKey(),\n },\n body: JSON.stringify({}),\n });\n if (!res.ok) {\n const t = await res.text();\n throw new Error(`Screenshot ${res.status}: ${t}`);\n }\n const buf = await res.arrayBuffer();\n // Dùng Deno's encodeBase64 thay vì btoa (tránh stack overflow với buffer lớn)\n const { encodeBase64 } = await import(\"jsr:@std/encoding@1.0.4/base64\");\n return encodeBase64(new Uint8Array(buf));\n}\n\n// ─── Computer Controls ────────────────────────────────────\n\nexport async function computerClick(\n id: string, x: number, y: number,\n button: \"left\" | \"right\" | \"middle\" = \"left\"\n): Promise {\n await kFetch(`/browsers/${id}/computer/click`, {\n method: \"POST\",\n body: JSON.stringify({ x, y, button }),\n });\n}\n\nexport async function computerType(id: string, text: string): Promise {\n await kFetch(`/browsers/${id}/computer/type`, {\n method: \"POST\",\n body: JSON.stringify({ text }),\n });\n}\n\nexport async function computerKeyPress(id: string, keys: string[]): Promise {\n await kFetch(`/browsers/${id}/computer/key-press`, {\n method: \"POST\",\n body: JSON.stringify({ keys }),\n });\n}\n\nexport async function computerScroll(\n id: string, x: number, y: number,\n deltaX: number, deltaY: number\n): Promise {\n await kFetch(`/browsers/${id}/computer/scroll`, {\n method: \"POST\",\n body: JSON.stringify({ x, y, delta_x: deltaX, delta_y: deltaY }),\n });\n}\n\n// ─── Profiles ─────────────────────────────────────────────\n\nexport async function listProfiles(): Promise {\n const r = await kFetch(\"/profiles\");\n if (Array.isArray(r)) return r as KernelProfile[];\n return ((r as Record)?.profiles ?? []) as KernelProfile[];\n}\n\nexport async function createProfile(name: string): Promise {\n return await kFetch(\"/profiles\", {\n method: \"POST\",\n body: JSON.stringify({ name }),\n }) as KernelProfile;\n}\n\nexport async function deleteProfile(idOrName: string): Promise {\n await kFetch(`/profiles/${idOrName}`, { method: \"DELETE\" });\n}\n\n// ─── Playwright Code Builder ──────────────────────────────\n\nexport interface Action {\n type: string;\n url?: string; waitUntil?: string;\n selector?: string;\n text?: string; clearFirst?: boolean;\n key?: string;\n direction?: string; amount?: number;\n value?: string;\n duration?: number;\n state?: string; timeout?: number;\n attribute?: string;\n script?: string;\n accept?: boolean; promptText?: string;\n condition?: string; message?: string;\n}\n\nexport function buildCode(actions: Action[]): string {\n const lines: string[] = [];\n for (const a of actions) {\n switch (a.type) {\n case \"Visit\":\n lines.push(`await page.goto(${j(a.url)}, { waitUntil: ${j(a.waitUntil ?? \"load\")} });`);\n break;\n case \"Click\":\n if (a.selector) lines.push(`await page.click(${j(a.selector)});`);\n break;\n case \"Type Text\":\n if (a.clearFirst) lines.push(`await page.fill(${j(a.selector)}, ${j(a.text ?? \"\")});`);\n else lines.push(`await page.type(${j(a.selector)}, ${j(a.text ?? \"\")});`);\n break;\n case \"Press Key\":\n lines.push(`await page.keyboard.press(${j(a.key ?? \"Enter\")});`);\n break;\n case \"Scroll\":\n if (a.direction === \"down\") lines.push(`await page.evaluate(() => window.scrollBy(0, ${a.amount ?? 300}));`);\n else if (a.direction === \"up\") lines.push(`await page.evaluate(() => window.scrollBy(0, -${a.amount ?? 300}));`);\n else if (a.direction === \"to_bottom\") lines.push(`await page.evaluate(() => window.scrollTo(0, document.body.scrollHeight));`);\n else if (a.direction === \"to_top\") lines.push(`await page.evaluate(() => window.scrollTo(0, 0));`);\n else if (a.direction === \"to_element\" && a.selector) lines.push(`await page.locator(${j(a.selector)}).scrollIntoViewIfNeeded();`);\n break;\n case \"Hover\":\n if (a.selector) lines.push(`await page.hover(${j(a.selector)});`);\n break;\n case \"Select Option\":\n if (a.selector) lines.push(`await page.selectOption(${j(a.selector)}, ${j(a.value ?? \"\")});`);\n break;\n case \"Wait\":\n lines.push(`await page.waitForTimeout(${a.duration ?? 1000});`);\n break;\n case \"Wait for Element\":\n if (a.selector) lines.push(`await page.waitForSelector(${j(a.selector)}, { state: ${j(a.state ?? \"visible\")}, timeout: ${a.timeout ?? 10000} });`);\n break;\n case \"Get Element Text\":\n if (a.selector) lines.push(`return await page.textContent(${j(a.selector)});`);\n break;\n case \"Get Page URL\":\n lines.push(`return page.url();`);\n break;\n case \"Get Element Attribute\":\n if (a.selector) lines.push(`return await page.getAttribute(${j(a.selector)}, ${j(a.attribute ?? \"href\")});`);\n break;\n case \"Get Element HTML\":\n if (a.selector) lines.push(`return await page.innerHTML(${j(a.selector)});`);\n break;\n case \"Reload Page\":\n lines.push(`await page.reload();`);\n break;\n case \"Go Back\":\n lines.push(`await page.goBack();`);\n break;\n case \"Go Forward\":\n lines.push(`await page.goForward();`);\n break;\n case \"Run Script\":\n lines.push(`return await page.evaluate(() => { ${a.script ?? \"\"} });`);\n break;\n case \"Assert\":\n lines.push(`if (!(${a.condition ?? \"true\"})) throw new Error(${j(a.message ?? \"Assertion failed\")});`);\n break;\n case \"Show Alert\":\n lines.push(`await page.evaluate(() => alert(${j(a.text ?? \"\")}));`);\n break;\n }\n }\n return lines.join(\"\\n\");\n}\n\nfunction j(v: unknown): string { return JSON.stringify(v); }\n","deleted","label",[100],"permalink","https://www.val.town/x/minhmmo/kba/code/kernelClient.ts","extension","actionData","errors"]