[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_244":245,"_246":247},"routes/_app.x.$handle.$name",{"_100":99,"_32":45,"_108":86,"_27":103,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":25,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",11,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":37,"_35":36,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","playwright.ts","latestPath","fileId","019d7310-dbe6-72fd-bc80-f90d186681d9","name","fileType","http","content","/**\n * TikTok Auto Signup — Val Town Edition\n * ─────────────────────────────────────────────────────────────\n * Flow:\n * 1. Song song: tạo email tạm + tạo Profile mới trên Kernel + Proxy US\n * 2. Tạo Browser với profile + proxy (save_changes: true)\n * 3. Kết nối CDP qua Playwright\n * 4. tiktok.com → Log in → Sign up → Use phone or email\n * 5. Chọn DOB ngẫu nhiên (18–30 tuổi)\n * 6. Click \"Sign up with email\" → form email\n * 7. Điền email + password → Send code\n * 8. Poll inbox → OTP 6 số\n * 9. Điền OTP → iPhone SE emulation → Next\n * 10. Lưu cookie + storage → Val Town Blob Storage\n * 11. deleteByID() để persist profile state\n * ─────────────────────────────────────────────────────────────\n *\n * Env vars cần thiết (set trong sidebar trái):\n * KERNEL_API_KEY = sk_...\n * TMPDIR = /tmp\n */\n\nimport \"https://esm.town/v/wolf/StubFS/stubFs.ts\";\nimport { chromium } from \"npm:playwright-core\";\nimport Kernel, { ConflictError } from \"npm:@onkernel/sdk\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n// ══════════════════════════════════════════════════════════════\n// CONFIG\n// ══════════════════════════════════════════════════════════════\n\nconst KERNEL_API_KEY = Deno.env.get(\"KERNEL_API_KEY\");\nconst KERNEL_API = \"https://api.onkernel.com\";\nconst INBOX_KEY = \"815ed8b947msh86713790cff67a1p1886f5jsna7748eac7c65\";\nconst INBOX_HOST = \"inboxes-com.p.rapidapi.com\";\nconst PASSWORD = \"Aa11111@\";\n\nif (!KERNEL_API_KEY) throw new Error(\"Thiếu KERNEL_API_KEY trong env vars!\");\n\nconst kernel = new Kernel(); // tự đọc KERNEL_API_KEY từ env\n\n/** Kernel REST API helper (dùng cho proxy/profile — SDK chưa expose đầy đủ) */\nconst kf = (method: string, path: string, body?: unknown) =>\n fetch(`${KERNEL_API}${path}`, {\n method,\n headers: {\n Authorization : `Bearer ${KERNEL_API_KEY}`,\n \"Content-Type\": \"application/json\",\n Accept : \"application/json\",\n },\n body: body ? JSON.stringify(body) : undefined,\n }).then(r => r.json());\n\n// ══════════════════════════════════════════════════════════════\n// HELPERS\n// ══════════════════════════════════════════════════════════════\n\nconst sleep = (ms: number) => new Promise(r => setTimeout(r, ms));\n\n/** Tạo UUID ngắn không dùng node:crypto */\nfunction shortUUID(): string {\n return Math.random().toString(36).slice(2, 10) +\n Math.random().toString(36).slice(2, 10);\n}\n\n/**\n * DOB ngẫu nhiên tuổi 18–30.\n * month (0–11) và day (0–27) là index cho #Month/Day-options-item-N\n */\nfunction randomDOB() {\n const year = new Date().getFullYear() - 18 - Math.floor(Math.random() * 12);\n const month = Math.floor(Math.random() * 12);\n const day = Math.floor(Math.random() * 28);\n const MONTHS = [\n \"January\",\"February\",\"March\",\"April\",\"May\",\"June\",\n \"July\",\"August\",\"September\",\"October\",\"November\",\"December\",\n ];\n return { year, month, day, label: `${MONTHS[month]} ${day + 1}, ${year}` };\n}\n\n/** Click vào locator đầu tiên visible */\nasync function clickFirstVisible(page: any, locators: any[]) {\n for (const locator of locators) {\n const count = await locator.count().catch(() => 0);\n if (!count) continue;\n const first = locator.first();\n const visible = await first.isVisible().catch(() => false);\n if (!visible) continue;\n await first.click({ timeout: 10000 });\n return true;\n }\n return false;\n}\n\n// ══════════════════════════════════════════════════════════════\n// BƯỚC 1 — Tạo Profile mới trên Kernel\n// ══════════════════════════════════════════════════════════════\n\nasync function createKernelProfile(uid: string) {\n const profileName = `profile-${uid}`;\n console.log(`[kernel] Tạo profile: ${profileName}`);\n try {\n await kernel.profiles.create({ name: profileName });\n console.log(`[kernel] Profile ✓`);\n } catch (err: any) {\n if (err instanceof ConflictError || err?.status === 409) {\n console.log(\"[kernel] Profile đã tồn tại, dùng lại\");\n } else {\n throw err;\n }\n }\n return profileName;\n}\n\n/** Tạo Proxy residential US (mỗi lần = IP mới) */\nasync function createUSProxy(uid: string) {\n console.log(\"[kernel] Tạo proxy residential US...\");\n const proxy = await kf(\"POST\", \"/proxies\", {\n type : \"residential\",\n name : `proxy-${uid}`,\n config: { country: \"US\" },\n });\n if (!proxy?.id) throw new Error(\"Tạo proxy thất bại: \" + JSON.stringify(proxy));\n console.log(`[kernel] Proxy ✓ id=${proxy.id}`);\n return proxy;\n}\n\n// ══════════════════════════════════════════════════════════════\n// BƯỚC 2 — Tạo email tạm (inboxes-com)\n// ══════════════════════════════════════════════════════════════\n\nasync function createTempEmail() {\n console.log(\"[email] Tạo email tạm...\");\n const res = await fetch(`https://${INBOX_HOST}/inboxes`, {\n method : \"POST\",\n headers: {\n \"X-RapidAPI-Key\" : INBOX_KEY,\n \"X-RapidAPI-Host\": INBOX_HOST,\n \"Content-Type\" : \"application/json\",\n },\n });\n const data = await res.json();\n if (!data.inbox) throw new Error(\"Tạo email thất bại: \" + JSON.stringify(data));\n console.log(`[email] ${data.inbox}`);\n return data.inbox as string;\n}\n\n// ══════════════════════════════════════════════════════════════\n// BƯỚC 3 — Poll inbox lấy OTP\n// ══════════════════════════════════════════════════════════════\n\nasync function getOTP(email: string, maxRetries = 30, intervalMs = 10000) {\n console.log(\"\\n[OTP] Chờ email TikTok (15s)...\");\n await sleep(15000);\n\n for (let i = 0; i < maxRetries; i++) {\n console.log(`[OTP] Poll lần ${i + 1}/${maxRetries}...`);\n\n const msgs = await fetch(\n `https://${INBOX_HOST}/inboxes/${encodeURIComponent(email)}`,\n { headers: { \"X-RapidAPI-Key\": INBOX_KEY, \"X-RapidAPI-Host\": INBOX_HOST } },\n ).then(r => r.json());\n\n if (Array.isArray(msgs) && msgs.length > 0) {\n const msg = msgs.find((m: any) =>\n m.from?.toLowerCase().includes(\"tiktok\") ||\n m.subject?.toLowerCase().includes(\"verification\") ||\n m.subject?.match(/\\d{6}/)\n ) ?? msgs[0];\n\n console.log(`[OTP] Subject: ${msg.subject}`);\n\n const msgData = await fetch(\n `https://${INBOX_HOST}/messages/${msg.uid}`,\n { headers: { \"X-RapidAPI-Key\": INBOX_KEY, \"X-RapidAPI-Host\": INBOX_HOST } },\n ).then(r => r.json());\n\n const fullText = (msgData.text ?? \"\") + (msgData.subject ?? \"\");\n const match = fullText.match(/\\b(\\d{6})\\b/);\n if (match) {\n console.log(`[OTP] ${match[1]} ✓`);\n return match[1];\n }\n }\n\n if (i < maxRetries - 1) await sleep(intervalMs);\n }\n\n throw new Error(\"Không nhận được OTP sau nhiều lần thử\");\n}\n\n// ══════════════════════════════════════════════════════════════\n// BƯỚC 4 — Lưu session → Val Town Blob Storage\n// ══════════════════════════════════════════════════════════════\n\nasync function saveAccount(page: any, ctx: any, info: Record) {\n console.log(\"\\n[save] Thu thập cookie + storage...\");\n\n const cookies = await ctx.cookies();\n const localStore = await page.evaluate(() => {\n const d: Record = {};\n for (let i = 0; i < localStorage.length; i++) {\n const k = localStorage.key(i)!;\n d[k] = localStorage.getItem(k) ?? \"\";\n }\n return d;\n });\n const sessionStore = await page.evaluate(() => {\n const d: Record = {};\n for (let i = 0; i < sessionStorage.length; i++) {\n const k = sessionStorage.key(i)!;\n d[k] = sessionStorage.getItem(k) ?? \"\";\n }\n return d;\n });\n\n const now = new Date().toISOString();\n\n const cookieLines = cookies.map((c: any) =>\n ` ${c.name}=${c.value}\\n` +\n ` domain=${c.domain} | path=${c.path} | ` +\n `expires=${c.expires > 0 ? new Date(c.expires * 1000).toISOString() : \"session\"} | ` +\n `httpOnly=${c.httpOnly} | secure=${c.secure}`\n ).join(\"\\n\\n\");\n\n const lsLines = Object.entries(localStore)\n .map(([k, v]) => ` ${k} = ${String(v).substring(0, 200)}`).join(\"\\n\");\n const ssLines = Object.entries(sessionStore)\n .map(([k, v]) => ` ${k} = ${String(v).substring(0, 200)}`).join(\"\\n\");\n\n const content = [\n \"=\".repeat(80),\n ` TIKTOK ACCOUNT — ${now}`,\n \"=\".repeat(80),\n \"\",\n \"[ACCOUNT INFO]\",\n ` Email : ${info.email}`,\n ` Password : ${info.password}`,\n ` DOB : ${info.dob}`,\n ` Platform : iPhone SE (375×667, DPR=2)`,\n \"\",\n \"[KERNEL — GIỮ LẠI ĐỂ NUÔI TÀI KHOẢN]\",\n ` Profile Name : ${info.profileName}`,\n ` Proxy ID : ${info.proxyId ?? \"N/A\"}`,\n ` IP : ${info.actualIp ?? \"N/A\"} (US residential)`,\n \"\",\n \" → Mở lại:\",\n ' kernel.browsers.create({',\n ` proxy_id: \"${info.proxyId}\",`,\n ` profile : { name: \"${info.profileName}\", save_changes: true },`,\n ' stealth : true, gpu: false',\n ' })',\n \"\",\n `[COOKIES — ${cookies.length} items]`,\n cookieLines,\n \"\",\n `[LOCAL STORAGE — ${Object.keys(localStore).length} keys]`,\n lsLines,\n \"\",\n `[SESSION STORAGE — ${Object.keys(sessionStore).length} keys]`,\n ssLines,\n \"\",\n \"[COOKIES JSON]\",\n JSON.stringify(cookies, null, 2),\n \"=\".repeat(80),\n ].join(\"\\n\");\n\n // Lưu vào Val Town Blob Storage (thay thế fs.writeFileSync)\n const slug = info.email.split(\"@\")[0];\n const blobKey = `tiktok-accounts/tiktok_${slug}_${Date.now()}.txt`;\n await blob.set(blobKey, content);\n\n console.log(`[save] Đã lưu blob: ${blobKey} (${content.length} ký tự)`);\n return blobKey;\n}\n\n// ══════════════════════════════════════════════════════════════\n// MAIN\n// ══════════════════════════════════════════════════════════════\n\nexport default async function main() {\n console.log(\"=\".repeat(60));\n console.log(\" TikTok Auto Signup — Val Town\");\n console.log(\"=\".repeat(60));\n\n const uid = shortUUID();\n\n // ── Song song: email + profile + proxy US ──\n console.log(\"\\n[init] Tạo email / profile / proxy song song...\");\n const [email, profileName, proxy] = await Promise.all([\n createTempEmail(),\n createKernelProfile(uid),\n createUSProxy(uid),\n ]);\n\n // ── Tạo browser với profile + proxy US ──\n console.log(\"\\n[kernel] Tạo browser...\");\n const kernelBrowser = await kernel.browsers.create({\n proxy_id: proxy.id,\n profile : {\n name : profileName,\n save_changes: true,\n },\n stealth : true, // BẮT BUỘC để proxy US hoạt động\n headless: false,\n gpu : false,\n } as any);\n\n console.log(\"[kernel] Session ID :\", kernelBrowser.session_id);\n console.log(\"[kernel] Live View :\", kernelBrowser.browser_live_view_url);\n\n // ── Kết nối CDP ──\n const browser = await chromium.connectOverCDP(kernelBrowser.cdp_ws_url);\n const context = browser.contexts()[0] || (await browser.newContext());\n const page = context.pages()[0] || (await context.newPage());\n\n // Verify IP thực tế\n let actualIp = \"unknown\";\n try {\n await page.goto(\"https://api.ipify.org?format=json\", { timeout: 20000 });\n actualIp = JSON.parse(await page.innerText(\"body\")).ip;\n console.log(`[ip] Browser IP: ${actualIp} (expect US 🇺🇸)`);\n } catch (_) {\n console.warn(\"[ip] Không lấy được IP\");\n }\n\n try {\n // ── Mở TikTok ──\n console.log(\"\\n[browser] Mở tiktok.com...\");\n await page.goto(\"https://www.tiktok.com\", {\n waitUntil: \"domcontentloaded\",\n timeout : 120000,\n });\n await sleep(4000);\n\n // ── Đóng modal/overlay nếu có ──\n try {\n const closeBtn = await page.$(\n '[data-e2e=\"modal-close-inner-button\"], [aria-label=\"Close\"], button[aria-label*=\"close\" i]'\n );\n if (closeBtn) { await closeBtn.click(); await sleep(1000); }\n\n const overlay = await page.$(\n \".TUXModal-overlay, [class*='modal-overlay'], [class*='modalOverlay']\"\n );\n if (overlay) { await page.keyboard.press(\"Escape\"); await sleep(1000); }\n } catch (_) {}\n\n // ── Log in ──\n console.log(\"[nav] Click Log in...\");\n const openedLogin = await clickFirstVisible(page, [\n page.locator(\"#top-right-action-bar-login-button\"),\n page.locator(\"#header-login-button\"),\n page.getByText(\"Log in\", { exact: true }),\n page.locator(\"button:has-text('Log in')\"),\n page.locator(\"a:has-text('Log in')\"),\n ]);\n if (!openedLogin) throw new Error(\"Không tìm thấy nút Log in\");\n await sleep(2500);\n\n // ── Sign up ──\n console.log(\"[nav] Click Sign up...\");\n const openedSignup = await clickFirstVisible(page, [\n page.getByText(\"Sign up\", { exact: true }),\n page.locator(\"button:has-text('Sign up')\"),\n page.locator(\"a:has-text('Sign up')\"),\n ]);\n if (!openedSignup) throw new Error(\"Không tìm thấy nút Sign up\");\n await sleep(2500);\n\n // ── Use phone or email ──\n console.log(\"[nav] Click Use phone or email...\");\n const openedPhoneOrEmail = await clickFirstVisible(page, [\n page.getByText(\"Use phone or email\", { exact: true }),\n page.locator(\"button:has-text('Use phone or email')\"),\n page.locator(\"div:has-text('Use phone or email')\"),\n page.locator(\"a:has-text('Use phone or email')\"),\n ]);\n if (!openedPhoneOrEmail) throw new Error(\"Không tìm thấy Use phone or email\");\n await sleep(2500);\n\n // ── DOB — điền TRƯỚC khi click \"Sign up with email\" ──\n const dob = randomDOB();\n console.log(`\\n[DOB] Chọn: ${dob.label}`);\n\n await page.click('[aria-label=\"Month. Double-tap for more options\"]');\n await sleep(800);\n await page.click(`#Month-options-item-${dob.month}`);\n await sleep(600);\n\n await page.click('[aria-label=\"Day. Double-tap for more options\"]');\n await sleep(800);\n await page.click(`#Day-options-item-${dob.day}`);\n await sleep(600);\n\n await page.click('[aria-label=\"Year. Double-tap for more options\"]');\n await sleep(800);\n const yearItems: Array<{ id: string; text: string }> = await page.$$eval(\n '#Year-options-list-container [id^=\"Year-options-item\"]',\n (els: Element[]) => els.map((e: any) => ({ id: e.id, text: e.innerText?.trim() }))\n );\n const yearItem = yearItems.find(y => y.text === String(dob.year));\n if (!yearItem) throw new Error(`Không tìm thấy year ${dob.year} trong dropdown`);\n await page.click(`#${yearItem.id}`);\n await sleep(800);\n console.log(`[DOB] ✓ ${dob.label}`);\n\n // ── Sign up with email ──\n console.log(\"[nav] Click Sign up with email...\");\n await page.locator(\"text=Sign up with email\").first().click({ force: true });\n await sleep(2000);\n\n // ── Điền email ──\n console.log(`\\n[form] Email: ${email}`);\n await page.waitForSelector(\n 'input[name=\"email\"], input[placeholder*=\"Email\"], input[type=\"email\"]',\n { timeout: 10000 }\n );\n const emailInput = await page.$('input[name=\"email\"], input[placeholder*=\"Email\"], input[type=\"email\"]');\n if (!emailInput) throw new Error(\"Không tìm thấy input email\");\n await emailInput.click({ clickCount: 3 });\n await emailInput.type(email, { delay: 60 });\n await page.keyboard.press(\"Tab\");\n await sleep(600);\n\n // ── Điền password ──\n console.log(`[form] Password: ${PASSWORD}`);\n const pwInput = await page.$('input[type=\"password\"]');\n if (!pwInput) throw new Error(\"Không tìm thấy input password\");\n await pwInput.click({ clickCount: 3 });\n await pwInput.type(PASSWORD, { delay: 60 });\n await page.keyboard.press(\"Tab\");\n await sleep(800);\n\n // ── Send code ──\n console.log(\"[form] Click Send code...\");\n const sendCodeClicked = await clickFirstVisible(page, [\n page.locator(\"button:has-text('Send code')\"),\n page.getByText(\"Send code\", { exact: true }),\n page.locator(\"[data-e2e='send-code-btn']\"),\n page.locator(\"text=Send code\"),\n ]);\n if (!sendCodeClicked) throw new Error(\"Không tìm thấy nút Send code\");\n await sleep(5000);\n\n const onOtpScreen = await page.evaluate(() => {\n const text = document.body.innerText || \"\";\n return (\n text.includes(\"Resend code\") ||\n text.includes(\"6-digit\") ||\n text.includes(\"Enter 6\") ||\n !!document.querySelector('input[maxlength=\"6\"]')\n );\n });\n if (!onOtpScreen) {\n console.warn(\"[warn] URL:\", page.url());\n throw new Error(\"Send code thất bại — email bị từ chối hoặc CAPTCHA\");\n }\n console.log(\"[form] Code đã gửi ✓\");\n\n // ── Poll OTP ──\n const otp = await getOTP(email);\n\n // ── Điền OTP ──\n console.log(`\\n[OTP] Điền: ${otp}`);\n const otpInput = await page.$(\n 'input[placeholder*=\"6-digit\"], input[placeholder*=\"Enter 6\"], input[maxlength=\"6\"]'\n );\n if (!otpInput) throw new Error(\"Không tìm thấy input OTP\");\n\n // ── iPhone SE emulation ──\n console.log(\"[emu] Bật iPhone SE 375×667...\");\n const cdpSession = await context.newCDPSession(page);\n await cdpSession.send(\"Emulation.setDeviceMetricsOverride\", {\n width: 375, height: 667, deviceScaleFactor: 2, mobile: true,\n screenWidth: 375, screenHeight: 667,\n });\n await cdpSession.send(\"Emulation.setUserAgentOverride\", {\n userAgent:\n \"Mozilla/5.0 (iPhone; CPU iPhone OS 15_6 like Mac OS X) \" +\n \"AppleWebKit/605.1.15 (KHTML, like Gecko) \" +\n \"Version/15.6 Mobile/15E148 Safari/604.1\",\n platform: \"iPhone\",\n });\n\n // Lấy toạ độ OTP input\n const otpBox = await otpInput.boundingBox();\n if (!otpBox) throw new Error(\"Không lấy được toạ độ OTP input\");\n const otpCx = otpBox.x + otpBox.width / 2;\n const otpCy = otpBox.y + otpBox.height / 2;\n\n // Rê chuột giả lập người thật → OTP input\n const startX = otpCx + (Math.random() * 200 - 100);\n const startY = otpCy + (Math.random() * 150 + 80);\n await page.mouse.move(startX, startY);\n await sleep(120 + Math.random() * 180);\n await page.mouse.move(\n (startX + otpCx) / 2 + (Math.random() * 30 - 15),\n (startY + otpCy) / 2 + (Math.random() * 20 - 10),\n { steps: 12 }\n );\n await sleep(60 + Math.random() * 80);\n await page.mouse.move(otpCx, otpCy, { steps: 8 });\n await sleep(100 + Math.random() * 120);\n await page.mouse.click(otpCx, otpCy);\n await sleep(200 + Math.random() * 200);\n\n // Gõ từng chữ số\n for (const digit of otp) {\n await page.keyboard.press(digit);\n await sleep(80 + Math.random() * 140);\n }\n await sleep(400 + Math.random() * 300);\n\n // ── Click Next ──\n console.log(\"[next] Rê chuột → Next...\");\n const nextBtn = await page.locator(\"button:has-text('Next')\").first();\n await nextBtn.waitFor({ state: \"visible\", timeout: 8000 });\n const nextBox = await nextBtn.boundingBox();\n if (nextBox) {\n const nx = nextBox.x + nextBox.width / 2 + (Math.random() * 6 - 3);\n const ny = nextBox.y + nextBox.height / 2 + (Math.random() * 4 - 2);\n await page.mouse.move(otpCx, otpCy);\n await sleep(80 + Math.random() * 120);\n await page.mouse.move(\n (otpCx + nx) / 2 + (Math.random() * 20 - 10),\n (otpCy + ny) / 2 + (Math.random() * 20 - 10),\n { steps: 10 }\n );\n await sleep(60 + Math.random() * 80);\n await page.mouse.move(nx, ny, { steps: 6 });\n await sleep(150 + Math.random() * 200);\n await page.mouse.click(nx, ny);\n } else {\n await nextBtn.click();\n }\n await sleep(5000);\n\n const finalUrl = page.url();\n const success = finalUrl.includes(\"/foryou\") ||\n finalUrl.includes(\"/explore\") ||\n finalUrl.includes(\"/following\");\n if (success) {\n console.log(\"[done] ✅ Đăng ký thành công! URL:\", finalUrl);\n } else {\n console.warn(\"[warn] Chưa vào feed — URL:\", finalUrl, \"— vẫn lưu session...\");\n }\n\n // ── Lưu session vào Blob ──\n const blobKey = await saveAccount(page, context, {\n email,\n password : PASSWORD,\n dob : dob.label,\n profileName,\n proxyId : proxy.id,\n actualIp,\n sessionId : kernelBrowser.session_id,\n });\n\n console.log(\"\\n\" + \"=\".repeat(60));\n console.log(\" XONG\");\n console.log(` Email : ${email}`);\n console.log(` Password: ${PASSWORD}`);\n console.log(` DOB : ${dob.label}`);\n console.log(` Profile : ${profileName}`);\n console.log(` Blob : ${blobKey}`);\n console.log(\"=\".repeat(60));\n\n return { email, password: PASSWORD, dob: dob.label, profileName, blobKey };\n\n } catch (error: any) {\n console.error(\"\\n❌ Lỗi automation:\", error.message);\n throw error;\n } finally {\n // ⚠️ Chỉ gọi deleteByID() — KHÔNG gọi browser.close() trước\n // Playwright close() ngắt CDP khiến Kernel không persist được cookie/localStorage\n console.log(\"\\n[close] Lưu profile & đóng session...\");\n await kernel.browsers.deleteByID(kernelBrowser.session_id);\n console.log(`[close] Profile \"${profileName}\" đã persist ✓`);\n }\n}\n","script","createdAt",["D",1775763593694],"branchVersion","branchId","d60d6ca8-3430-11f1-be61-42b51c65c3df","id","d6086672-3430-11f1-be61-42b51c65c3df","kernel_starter",["D",1775751977873],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Crazy-fast hosted browser infra","imageUrl","9f1bab20-e248-4bb7-8b09-bdf0cf05d3de","pinnedFileId","f0e77152-3432-11f1-976b-42b51c65c3df","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019d730e-0190-703b-b9e3-e7e63d9f16c8","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":25},"branch",{"_13":14,"_32":86,"_43":42,"_87":44,"_88":89,"_90":91,"_92":50,"_93":94,"_95":96,"_97":45,"_98":99},"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","animeeasefulcity","handle","displayName","avatar","","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":240,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":241,"_81":242,"_83":243,"_85":25},"tree",[197,200,201,202,203,204],"files",[197,198,199,200,201,202,203,204],"counts",{"_186":63,"_187":150,"_188":63,"_189":190,"_191":192},"contents",[140,141,142,143,144,145],"upstreamProject",{"_43":94,"_32":45,"_52":53,"_54":-5,"_49":50,"_79":138},"upstreamBranch",{"_43":89,"_38":131,"_132":133,"_32":86,"_87":94,"_13":134,"_88":-5,"_90":-5,"_135":136,"_47":-5,"_85":25,"_49":50,"_98":137,"_64":96,"_97":45},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1757615194853],"updatedAt",["D",1776719205106],21,"lockfileKey","1759418522490-esm.town_v_onkernel_kernel_starter@20-main","kernel",{"_100":137,"_107":139},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/b0ca5b6d-1128-43ec-0542-59ec2f324200/square512?exp=1789541999&sig=a366a5e3f7dc6ea4cf4bea4c3829fc156c3ec56dac72c5cc6e240743c1b57a93",{"_43":179,"_32":180,"_30":181,"_149":-5,"_41":42,"_40":182,"_151":59,"_38":183,"_13":63,"_33":184,"_35":-5,"_24":25,"_154":-5,"_27":185},{"_43":173,"_32":174,"_30":175,"_149":-5,"_41":42,"_40":158,"_151":59,"_38":176,"_13":150,"_33":20,"_35":177,"_24":25,"_154":-5,"_27":178},{"_43":167,"_32":168,"_30":57,"_149":-5,"_41":42,"_40":169,"_151":59,"_38":170,"_13":150,"_33":37,"_35":171,"_24":25,"_154":-5,"_27":172},{"_43":160,"_32":161,"_30":162,"_149":-5,"_41":42,"_40":163,"_151":59,"_38":164,"_13":63,"_33":37,"_35":165,"_24":25,"_154":-5,"_27":166},{"_43":156,"_32":28,"_30":31,"_149":-5,"_41":42,"_40":14,"_151":59,"_38":157,"_13":158,"_33":37,"_35":36,"_24":25,"_154":-5,"_27":159},{"_43":146,"_32":147,"_30":148,"_149":-5,"_41":42,"_40":150,"_151":59,"_38":152,"_13":63,"_33":37,"_35":153,"_24":25,"_154":-5,"_27":155},"d610e4f0-3430-11f1-be61-42b51c65c3df","puppeteer.ts","019d7310-dbe6-72fd-bc80-fe12145d5a2f","parentId",1,"latest",["D",1775751977873],"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",[147],"e196905c-344b-11f1-83ba-42b51c65c3df",["D",1775763593694],3,[28],"2105fb60-3433-11f1-b353-42b51c65c3df","automation.ts","2105fc50-3433-11f1-b353-42b51c65c3df",9,["D",1775752962711],"/**\n * automation.ts — Core TikTok signup logic\n * Được gọi bởi api.ts qua dynamic import.\n * Nhận callback log/send để stream logs về UI.\n */\n\nimport \"https://esm.town/v/wolf/StubFS/stubFs.ts\";\nimport { chromium } from \"npm:playwright-core\";\nimport Kernel, { ConflictError } from \"npm:@onkernel/sdk\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n// ── CONFIG ───────────────────────────────────────────────────\nconst KERNEL_API_KEY = Deno.env.get(\"KERNEL_API_KEY\");\nconst KERNEL_API = \"https://api.onkernel.com\";\nconst INBOX_KEY = \"815ed8b947msh86713790cff67a1p1886f5jsna7748eac7c65\";\nconst INBOX_HOST = \"inboxes-com.p.rapidapi.com\";\n\nif (!KERNEL_API_KEY) throw new Error(\"Thiếu KERNEL_API_KEY trong env vars!\");\n\nconst kernel = new Kernel();\n\nconst kf = (method: string, path: string, body?: unknown) =>\n fetch(`${KERNEL_API}${path}`, {\n method,\n headers: {\n Authorization : `Bearer ${KERNEL_API_KEY}`,\n \"Content-Type\": \"application/json\",\n Accept : \"application/json\",\n },\n body: body ? JSON.stringify(body) : undefined,\n }).then(r => r.json());\n\n// ── HELPERS ──────────────────────────────────────────────────\nconst sleep = (ms: number) => new Promise(r => setTimeout(r, ms));\n\nfunction shortUUID(): string {\n return Math.random().toString(36).slice(2, 10) +\n Math.random().toString(36).slice(2, 10);\n}\n\nfunction randomDOB() {\n const year = new Date().getFullYear() - 18 - Math.floor(Math.random() * 12);\n const month = Math.floor(Math.random() * 12);\n const day = Math.floor(Math.random() * 28);\n const MONTHS = [\n \"January\",\"February\",\"March\",\"April\",\"May\",\"June\",\n \"July\",\"August\",\"September\",\"October\",\"November\",\"December\",\n ];\n return { year, month, day, label: `${MONTHS[month]} ${day + 1}, ${year}` };\n}\n\nasync function clickFirstVisible(page: any, locators: any[]) {\n for (const locator of locators) {\n const count = await locator.count().catch(() => 0);\n if (!count) continue;\n const first = locator.first();\n const visible = await first.isVisible().catch(() => false);\n if (!visible) continue;\n await first.click({ timeout: 10000 });\n return true;\n }\n return false;\n}\n\n// ── CREATE KERNEL RESOURCES ───────────────────────────────────\nasync function createKernelProfile(uid: string, log: (m: string) => void) {\n const profileName = `profile-${uid}`;\n log(`[kernel] Tạo profile: ${profileName}`);\n try {\n await kernel.profiles.create({ name: profileName });\n log(`[kernel] Profile ✓`);\n } catch (err: any) {\n if (err instanceof ConflictError || err?.status === 409) {\n log(\"[kernel] Profile đã tồn tại, dùng lại\");\n } else throw err;\n }\n return profileName;\n}\n\nasync function createUSProxy(uid: string, country: string, log: (m: string) => void) {\n log(`[kernel] Tạo proxy residential ${country}...`);\n const proxy = await kf(\"POST\", \"/proxies\", {\n type : \"residential\",\n name : `proxy-${uid}`,\n config: { country },\n });\n if (!proxy?.id) throw new Error(\"Tạo proxy thất bại: \" + JSON.stringify(proxy));\n log(`[kernel] Proxy ✓ id=${proxy.id}`);\n return proxy;\n}\n\nasync function createTempEmail(log: (m: string) => void) {\n log(\"[email] Tạo email tạm...\");\n const res = await fetch(`https://${INBOX_HOST}/inboxes`, {\n method : \"POST\",\n headers: {\n \"X-RapidAPI-Key\" : INBOX_KEY,\n \"X-RapidAPI-Host\": INBOX_HOST,\n \"Content-Type\" : \"application/json\",\n },\n });\n const data = await res.json();\n if (!data.inbox) throw new Error(\"Tạo email thất bại: \" + JSON.stringify(data));\n log(`[email] ${data.inbox}`);\n return data.inbox as string;\n}\n\nasync function getOTP(email: string, log: (m: string) => void, maxRetries = 30, intervalMs = 10000) {\n log(\"\\n[OTP] Chờ email TikTok (15s)...\");\n await sleep(15000);\n\n for (let i = 0; i < maxRetries; i++) {\n log(`[OTP] Poll lần ${i + 1}/${maxRetries}...`);\n\n const msgs = await fetch(\n `https://${INBOX_HOST}/inboxes/${encodeURIComponent(email)}`,\n { headers: { \"X-RapidAPI-Key\": INBOX_KEY, \"X-RapidAPI-Host\": INBOX_HOST } },\n ).then(r => r.json());\n\n if (Array.isArray(msgs) && msgs.length > 0) {\n const msg = msgs.find((m: any) =>\n m.from?.toLowerCase().includes(\"tiktok\") ||\n m.subject?.toLowerCase().includes(\"verification\") ||\n m.subject?.match(/\\d{6}/)\n ) ?? msgs[0];\n\n log(`[OTP] Subject: ${msg.subject}`);\n\n const msgData = await fetch(\n `https://${INBOX_HOST}/messages/${msg.uid}`,\n { headers: { \"X-RapidAPI-Key\": INBOX_KEY, \"X-RapidAPI-Host\": INBOX_HOST } },\n ).then(r => r.json());\n\n const fullText = (msgData.text ?? \"\") + (msgData.subject ?? \"\");\n const match = fullText.match(/\\b(\\d{6})\\b/);\n if (match) {\n log(`[OTP] ${match[1]} ✓`);\n return match[1];\n }\n }\n\n if (i < maxRetries - 1) await sleep(intervalMs);\n }\n throw new Error(\"Không nhận được OTP sau nhiều lần thử\");\n}\n\nasync function saveAccount(page: any, ctx: any, info: Record, log: (m: string) => void) {\n log(\"\\n[save] Thu thập cookie + storage...\");\n\n const cookies = await ctx.cookies();\n const localStore = await page.evaluate(() => {\n const d: Record = {};\n for (let i = 0; i < localStorage.length; i++) {\n const k = localStorage.key(i)!;\n d[k] = localStorage.getItem(k) ?? \"\";\n }\n return d;\n });\n const sessionStore = await page.evaluate(() => {\n const d: Record = {};\n for (let i = 0; i < sessionStorage.length; i++) {\n const k = sessionStorage.key(i)!;\n d[k] = sessionStorage.getItem(k) ?? \"\";\n }\n return d;\n });\n\n const now = new Date().toISOString();\n const cookieLines = cookies.map((c: any) =>\n ` ${c.name}=${c.value}\\n` +\n ` domain=${c.domain} | path=${c.path} | ` +\n `expires=${c.expires > 0 ? new Date(c.expires * 1000).toISOString() : \"session\"} | ` +\n `httpOnly=${c.httpOnly} | secure=${c.secure}`\n ).join(\"\\n\\n\");\n\n const content = [\n \"=\".repeat(80),\n ` TIKTOK ACCOUNT — ${now}`,\n \"=\".repeat(80),\n \"\",\n \"[ACCOUNT INFO]\",\n ` Email : ${info.email}`,\n ` Password : ${info.password}`,\n ` DOB : ${info.dob}`,\n ` Platform : iPhone SE (375x667, DPR=2)`,\n \"\",\n \"[KERNEL — GIU LAI DE NUOI TAI KHOAN]\",\n ` Profile Name : ${info.profileName}`,\n ` Proxy ID : ${info.proxyId ?? \"N/A\"}`,\n ` IP : ${info.actualIp ?? \"N/A\"} (${info.country} residential)`,\n \"\",\n `[COOKIES — ${cookies.length} items]`,\n cookieLines,\n \"\",\n `[LOCAL STORAGE — ${Object.keys(localStore).length} keys]`,\n ...Object.entries(localStore).map(([k, v]) => ` ${k} = ${String(v).substring(0, 200)}`),\n \"\",\n `[SESSION STORAGE — ${Object.keys(sessionStore).length} keys]`,\n ...Object.entries(sessionStore).map(([k, v]) => ` ${k} = ${String(v).substring(0, 200)}`),\n \"\",\n \"[COOKIES JSON]\",\n JSON.stringify(cookies, null, 2),\n \"=\".repeat(80),\n ].join(\"\\n\");\n\n const slug = info.email.split(\"@\")[0];\n const blobKey = `tiktok-accounts/tiktok_${info.email}_${Date.now()}.txt`;\n await blob.set(blobKey, content);\n log(`[save] Đã lưu blob: ${blobKey} (${content.length} ký tự)`);\n return blobKey;\n}\n\n// ── MAIN EXPORT ───────────────────────────────────────────────\nexport async function runSignup(opts: {\n password: string;\n country : string;\n log : (msg: string) => void;\n send : (data: object) => void;\n}) {\n const { password, country, log, send } = opts;\n\n log(\"=\" .repeat(56));\n log(\" TikTok Auto Signup — Val Town\");\n log(\"=\".repeat(56));\n\n const uid = shortUUID();\n\n log(\"\\n[init] Tạo email / profile / proxy song song...\");\n const [email, profileName, proxy] = await Promise.all([\n createTempEmail(log),\n createKernelProfile(uid, log),\n createUSProxy(uid, country, log),\n ]);\n\n log(\"\\n[kernel] Tạo browser...\");\n const kernelBrowser = await kernel.browsers.create({\n proxy_id: proxy.id,\n profile : { name: profileName, save_changes: true },\n stealth : true,\n headless: false,\n gpu : false,\n } as any);\n\n log(`[kernel] Session ID : ${kernelBrowser.session_id}`);\n log(`[kernel] Live View : ${kernelBrowser.browser_live_view_url}`);\n\n // Gửi live view URL về UI\n send({ type: \"liveView\", url: kernelBrowser.browser_live_view_url });\n\n const browser = await chromium.connectOverCDP(kernelBrowser.cdp_ws_url);\n const context = browser.contexts()[0] || (await browser.newContext());\n const page = context.pages()[0] || (await context.newPage());\n\n let actualIp = \"unknown\";\n try {\n await page.goto(\"https://api.ipify.org?format=json\", { timeout: 20000 });\n actualIp = JSON.parse(await page.innerText(\"body\")).ip;\n log(`[ip] Browser IP: ${actualIp} (expect ${country} 🌐)`);\n } catch (_) {\n log(\"[ip] Không lấy được IP\");\n }\n\n try {\n log(\"\\n[browser] Mở tiktok.com...\");\n await page.goto(\"https://www.tiktok.com\", { waitUntil: \"domcontentloaded\", timeout: 120000 });\n await sleep(4000);\n\n // Đóng modal nếu có\n try {\n const closeBtn = await page.$('[data-e2e=\"modal-close-inner-button\"], [aria-label=\"Close\"]');\n if (closeBtn) { await closeBtn.click(); await sleep(1000); }\n const overlay = await page.$(\".TUXModal-overlay, [class*='modal-overlay']\");\n if (overlay) { await page.keyboard.press(\"Escape\"); await sleep(1000); }\n } catch (_) {}\n\n log(\"[nav] Click Log in...\");\n const openedLogin = await clickFirstVisible(page, [\n page.locator(\"#top-right-action-bar-login-button\"),\n page.locator(\"#header-login-button\"),\n page.getByText(\"Log in\", { exact: true }),\n page.locator(\"button:has-text('Log in')\"),\n ]);\n if (!openedLogin) throw new Error(\"Không tìm thấy nút Log in\");\n await sleep(2500);\n\n log(\"[nav] Click Sign up...\");\n const openedSignup = await clickFirstVisible(page, [\n page.getByText(\"Sign up\", { exact: true }),\n page.locator(\"button:has-text('Sign up')\"),\n page.locator(\"a:has-text('Sign up')\"),\n ]);\n if (!openedSignup) throw new Error(\"Không tìm thấy nút Sign up\");\n await sleep(2500);\n\n log(\"[nav] Click Use phone or email...\");\n const openedPE = await clickFirstVisible(page, [\n page.getByText(\"Use phone or email\", { exact: true }),\n page.locator(\"button:has-text('Use phone or email')\"),\n page.locator(\"div:has-text('Use phone or email')\"),\n ]);\n if (!openedPE) throw new Error(\"Không tìm thấy Use phone or email\");\n await sleep(2500);\n\n const dob = randomDOB();\n log(`\\n[DOB] Chọn: ${dob.label}`);\n\n await page.click('[aria-label=\"Month. Double-tap for more options\"]');\n await sleep(800);\n await page.click(`#Month-options-item-${dob.month}`);\n await sleep(600);\n\n await page.click('[aria-label=\"Day. Double-tap for more options\"]');\n await sleep(800);\n await page.click(`#Day-options-item-${dob.day}`);\n await sleep(600);\n\n await page.click('[aria-label=\"Year. Double-tap for more options\"]');\n await sleep(800);\n const yearItems: Array<{ id: string; text: string }> = await page.$$eval(\n '#Year-options-list-container [id^=\"Year-options-item\"]',\n (els: Element[]) => els.map((e: any) => ({ id: e.id, text: e.innerText?.trim() }))\n );\n const yearItem = yearItems.find(y => y.text === String(dob.year));\n if (!yearItem) throw new Error(`Không tìm thấy year ${dob.year} trong dropdown`);\n await page.click(`#${yearItem.id}`);\n await sleep(800);\n log(`[DOB] ✓ ${dob.label}`);\n\n log(\"[nav] Click Sign up with email...\");\n await page.locator(\"text=Sign up with email\").first().click({ force: true });\n await sleep(2000);\n\n log(`\\n[form] Email: ${email}`);\n await page.waitForSelector(\n 'input[name=\"email\"], input[placeholder*=\"Email\"], input[type=\"email\"]',\n { timeout: 10000 }\n );\n const emailInput = await page.$('input[name=\"email\"], input[placeholder*=\"Email\"], input[type=\"email\"]');\n if (!emailInput) throw new Error(\"Không tìm thấy input email\");\n await emailInput.click({ clickCount: 3 });\n await emailInput.type(email, { delay: 60 });\n await page.keyboard.press(\"Tab\");\n await sleep(600);\n\n log(`[form] Password: ${password}`);\n const pwInput = await page.$('input[type=\"password\"]');\n if (!pwInput) throw new Error(\"Không tìm thấy input password\");\n await pwInput.click({ clickCount: 3 });\n await pwInput.type(password, { delay: 60 });\n await page.keyboard.press(\"Tab\");\n await sleep(800);\n\n log(\"[form] Click Send code...\");\n const sendCodeClicked = await clickFirstVisible(page, [\n page.locator(\"button:has-text('Send code')\"),\n page.getByText(\"Send code\", { exact: true }),\n page.locator(\"[data-e2e='send-code-btn']\"),\n ]);\n if (!sendCodeClicked) throw new Error(\"Không tìm thấy nút Send code\");\n await sleep(5000);\n\n const onOtpScreen = await page.evaluate(() => {\n const text = document.body.innerText || \"\";\n return (\n text.includes(\"Resend code\") || text.includes(\"6-digit\") ||\n text.includes(\"Enter 6\") || !!document.querySelector('input[maxlength=\"6\"]')\n );\n });\n if (!onOtpScreen) throw new Error(\"Send code thất bại — email bị từ chối hoặc CAPTCHA\");\n log(\"[form] Code đã gửi ✓\");\n\n const otp = await getOTP(email, log);\n\n log(`\\n[OTP] Điền: ${otp}`);\n const otpInput = await page.$(\n 'input[placeholder*=\"6-digit\"], input[placeholder*=\"Enter 6\"], input[maxlength=\"6\"]'\n );\n if (!otpInput) throw new Error(\"Không tìm thấy input OTP\");\n\n log(\"[emu] Bật iPhone SE 375x667...\");\n const cdpSession = await context.newCDPSession(page);\n await cdpSession.send(\"Emulation.setDeviceMetricsOverride\", {\n width: 375, height: 667, deviceScaleFactor: 2, mobile: true,\n screenWidth: 375, screenHeight: 667,\n });\n await cdpSession.send(\"Emulation.setUserAgentOverride\", {\n userAgent:\n \"Mozilla/5.0 (iPhone; CPU iPhone OS 15_6 like Mac OS X) \" +\n \"AppleWebKit/605.1.15 (KHTML, like Gecko) \" +\n \"Version/15.6 Mobile/15E148 Safari/604.1\",\n platform: \"iPhone\",\n });\n\n const otpBox = await otpInput.boundingBox();\n if (!otpBox) throw new Error(\"Không lấy được toạ độ OTP input\");\n const otpCx = otpBox.x + otpBox.width / 2;\n const otpCy = otpBox.y + otpBox.height / 2;\n\n const startX = otpCx + (Math.random() * 200 - 100);\n const startY = otpCy + (Math.random() * 150 + 80);\n await page.mouse.move(startX, startY);\n await sleep(120 + Math.random() * 180);\n await page.mouse.move(\n (startX + otpCx) / 2 + (Math.random() * 30 - 15),\n (startY + otpCy) / 2 + (Math.random() * 20 - 10),\n { steps: 12 }\n );\n await sleep(60 + Math.random() * 80);\n await page.mouse.move(otpCx, otpCy, { steps: 8 });\n await sleep(100 + Math.random() * 120);\n await page.mouse.click(otpCx, otpCy);\n await sleep(200 + Math.random() * 200);\n\n for (const digit of otp) {\n await page.keyboard.press(digit);\n await sleep(80 + Math.random() * 140);\n }\n await sleep(400 + Math.random() * 300);\n\n log(\"[next] Rê chuột → Next...\");\n const nextBtn = await page.locator(\"button:has-text('Next')\").first();\n await nextBtn.waitFor({ state: \"visible\", timeout: 8000 });\n const nextBox = await nextBtn.boundingBox();\n if (nextBox) {\n const nx = nextBox.x + nextBox.width / 2 + (Math.random() * 6 - 3);\n const ny = nextBox.y + nextBox.height / 2 + (Math.random() * 4 - 2);\n await page.mouse.move(otpCx, otpCy);\n await sleep(80 + Math.random() * 120);\n await page.mouse.move(\n (otpCx + nx) / 2 + (Math.random() * 20 - 10),\n (otpCy + ny) / 2 + (Math.random() * 20 - 10),\n { steps: 10 }\n );\n await sleep(60 + Math.random() * 80);\n await page.mouse.move(nx, ny, { steps: 6 });\n await sleep(150 + Math.random() * 200);\n await page.mouse.click(nx, ny);\n } else {\n await nextBtn.click();\n }\n await sleep(5000);\n\n const finalUrl = page.url();\n const success = finalUrl.includes(\"/foryou\") ||\n finalUrl.includes(\"/explore\") ||\n finalUrl.includes(\"/following\");\n if (success) {\n log(\"[done] ✅ Đăng ký thành công! URL: \" + finalUrl);\n } else {\n log(\"[warn] Chưa vào feed — URL: \" + finalUrl + \" — vẫn lưu session...\");\n }\n\n const blobKey = await saveAccount(page, context, {\n email, password, dob: dob.label,\n profileName, proxyId: proxy.id,\n actualIp, country,\n sessionId: kernelBrowser.session_id,\n }, log);\n\n log(\"\\n\" + \"=\".repeat(56));\n log(\" XONG ✅\");\n log(` Email : ${email}`);\n log(` Password: ${password}`);\n log(` DOB : ${dob.label}`);\n log(` Profile : ${profileName}`);\n log(` Blob : ${blobKey}`);\n log(\"=\".repeat(56));\n\n const result = { email, password, dob: dob.label, profileName, blobKey };\n send({ type: \"done\", result });\n return result;\n\n } catch (error: any) {\n log(`\\n❌ Lỗi automation: ${error.message}`);\n throw error;\n } finally {\n log(\"\\n[close] Lưu profile & đóng session...\");\n await kernel.browsers.deleteByID(kernelBrowser.session_id);\n log(`[close] Profile \"${profileName}\" đã persist ✓`);\n }\n}\n",[161],"401760d4-3433-11f1-b353-42b51c65c3df","api.ts",10,["D",1775753014826],"/**\n * TikTok Auto Signup — HTTP API + Frontend Server\n *\n * Routes:\n * GET / → frontend UI\n * GET /frontend/* → static frontend files\n * POST /api/run → SSE stream: chạy automation\n * GET /api/accounts → danh sách accounts từ blob\n * GET /api/download → tải file account\n * GET /source → redirect to val source\n */\n\nimport { Hono } from \"npm:hono@4\";\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nconst app = new Hono();\n\n// Error handler\napp.onError((err) => Promise.reject(err));\n\n// ── Source redirect ──────────────────────────────────────────\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ── Frontend static files ─────────────────────────────────────\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// ── Root → index.html ─────────────────────────────────────────\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\", import.meta.url));\n\n// ── GET /api/accounts ─────────────────────────────────────────\napp.get(\"/api/accounts\", async (c) => {\n try {\n const list = await blob.list(\"tiktok-accounts/\");\n const accounts = list.map((item: any) => {\n // Trích email từ blob key: tiktok-accounts/tiktok__.txt\n const name = item.key.split(\"/\").pop() ?? \"\";\n const match = name.match(/^tiktok_(.+)_(\\d+)\\.txt$/);\n const slug = match ? match[1] : name;\n const ts = match ? parseInt(match[2]) : 0;\n return {\n blobKey : item.key,\n email : slug.includes(\"@\") ? slug : `${slug}@...`,\n createdAt: ts ? new Date(ts).toISOString() : (item.lastModified ?? new Date().toISOString()),\n size : item.size ?? 0,\n };\n });\n // Sort mới nhất lên trước\n accounts.sort((a: any, b: any) =>\n new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()\n );\n return c.json(accounts);\n } catch (err: any) {\n return c.json({ error: err.message }, 500);\n }\n});\n\n// ── GET /api/download ─────────────────────────────────────────\napp.get(\"/api/download\", async (c) => {\n const key = c.req.query(\"key\");\n if (!key) return c.text(\"Missing key\", 400);\n try {\n const data = await blob.get(key);\n if (!data) return c.text(\"Not found\", 404);\n const text = await data.text();\n return new Response(text, {\n headers: {\n \"Content-Type\" : \"text/plain; charset=utf-8\",\n \"Content-Disposition\": `attachment; filename=\"${key.split(\"/\").pop()}\"`,\n },\n });\n } catch (err: any) {\n return c.text(err.message, 500);\n }\n});\n\n// ── POST /api/run — SSE stream ────────────────────────────────\napp.post(\"/api/run\", async (c) => {\n const body = await c.req.json().catch(() => ({}));\n const password = body.password ?? \"Aa11111@\";\n const country = body.country ?? \"US\";\n\n // Server-Sent Events stream\n const stream = new ReadableStream({\n async start(controller) {\n const send = (data: object) => {\n controller.enqueue(\n new TextEncoder().encode(`data: ${JSON.stringify(data)}\\n\\n`)\n );\n };\n\n const log = (msg: string) => {\n console.log(msg);\n send({ type: \"log\", message: msg });\n };\n\n try {\n // ── Import automation functions ──\n // Dùng dynamic import để tránh top-level side effects\n const {\n runSignup,\n } = await import(\"./automation.ts\");\n\n await runSignup({ password, country, log, send });\n\n } catch (err: any) {\n send({ type: \"error\", message: err.message ?? String(err) });\n } finally {\n controller.close();\n }\n },\n });\n\n return new Response(stream, {\n headers: {\n \"Content-Type\" : \"text/event-stream\",\n \"Cache-Control\" : \"no-cache\",\n \"X-Accel-Buffering\": \"no\",\n },\n });\n});\n\nexport default app.fetch;\n",[168],"17ee91f0-3432-11f1-b148-42b51c65c3df","README.md","019d7310-dbe6-72fd-bc80-f6dea516cf3a",["D",1775752517956],"# TikTok Auto Signup — Val Town + Kernel\n\nTự động đăng ký tài khoản TikTok bằng Playwright trên Kernel Browser Infrastructure, chạy hoàn toàn trên Val Town.\n\n## Luồng hoạt động\n\n```mermaid\nflowchart TD\n A[Start] --> B[Song song: Tạo email tạm + Kernel Profile + Proxy US]\n B --> C[Tạo Kernel Browser với profile + proxy]\n C --> D[Kết nối CDP qua Playwright]\n D --> E[Mở tiktok.com]\n E --> F[Log in → Sign up → Use phone or email]\n F --> G[Điền DOB ngẫu nhiên 18-30 tuổi]\n G --> H[Sign up with email → Điền email + password]\n H --> I[Send code]\n I --> J[Poll inbox → Lấy OTP 6 số]\n J --> K[Điền OTP với iPhone SE emulation]\n K --> L[Click Next]\n L --> M{Thành công?}\n M -- ✅ --> N[Lưu cookie + storage → Blob Storage]\n M -- ⚠️ --> N\n N --> O[deleteByID → persist Kernel Profile]\n O --> P[Done]\n```\n\n## Cài đặt\n\n### 1. Env Variables (sidebar trái trong Val Town)\n\n| Key | Giá trị |\n|-----|---------|\n| `KERNEL_API_KEY` | `sk_...` từ [Kernel Dashboard](https://dashboard.onkernel.com/api-keys) |\n| `TMPDIR` | `/tmp` |\n\n### 2. Chạy\n\nNhấn **Run** trên file [playwright.ts](./playwright.ts).\n\nKết quả được lưu vào **Val Town Blob Storage** với key `tiktok-accounts/tiktok__.txt`.\n\n## Đọc kết quả từ Blob\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n// Liệt kê tất cả account đã lưu\nconst list = await blob.list(\"tiktok-accounts/\");\nconsole.log(list);\n\n// Đọc 1 account\nconst content = await blob.get(\"tiktok-accounts/tiktok_xxx_123.txt\");\nconsole.log(await content.text());\n```\n\n## Những thay đổi so với bản gốc (Node.js → Val Town)\n\n| Bản gốc (Node.js) | Val Town |\n|---|---|\n| `import crypto from 'crypto'` | `Math.random().toString(36)` |\n| `import fs from 'fs'` | `blob` từ `std/blob` |\n| `fs.writeFileSync(...)` | `blob.set(key, content)` |\n| `npm install playwright` | `npm:playwright-core` + StubFS |\n| `process.env.KEY` | `Deno.env.get(\"KEY\")` |\n| Lưu file `.txt` local | Blob Storage (`tiktok-accounts/...`) |\n\n## Lưu ý quan trọng\n\n- **StubFS** (`https://esm.town/v/wolf/StubFS/stubFs.ts`) — bắt buộc vì Playwright cần quyền ghi file tạm, Val Town không có filesystem thật.\n- **`deleteByID()` thay vì `browser.close()`** — theo docs Kernel, chỉ gọi `deleteByID()` để trigger `save_changes` và persist cookie/localStorage vào profile. Gọi `browser.close()` trước sẽ ngắt CDP khiến Kernel không kịp lưu.\n- **`stealth: true`** — bắt buộc để proxy US route traffic đúng cách.\n",[174],"b5b95492-3432-11f1-bae3-42b51c65c3df","frontend","b5b95550-3432-11f1-bae3-42b51c65c3df",5,["D",1775752782691],"directory",[180],"pulls","branches","forks","envVars",{"_193":195,"_196":63},"connections",{"_193":63,"_194":63},"count","unfilledCount",2,"emptyCount",{"_43":179,"_32":180,"_30":181,"_149":-5,"_41":42,"_40":182,"_151":59,"_38":237,"_13":63,"_33":184,"_35":-5,"_24":25,"_154":-5,"_206":238,"_27":239},{"_43":229,"_32":230,"_30":231,"_149":181,"_41":42,"_40":232,"_151":59,"_38":233,"_13":63,"_33":20,"_35":234,"_24":25,"_154":-5,"_206":235,"_27":236},{"_43":221,"_32":222,"_30":223,"_149":181,"_41":42,"_40":224,"_151":59,"_38":225,"_13":63,"_33":20,"_35":226,"_24":25,"_154":-5,"_206":227,"_27":228},{"_43":173,"_32":174,"_30":175,"_149":-5,"_41":42,"_40":158,"_151":59,"_38":218,"_13":150,"_33":20,"_35":177,"_24":25,"_154":-5,"_206":219,"_27":220},{"_43":167,"_32":168,"_30":57,"_149":-5,"_41":42,"_40":169,"_151":59,"_38":215,"_13":150,"_33":37,"_35":171,"_24":25,"_154":-5,"_206":216,"_27":217},{"_43":160,"_32":161,"_30":162,"_149":-5,"_41":42,"_40":163,"_151":59,"_38":212,"_13":63,"_33":37,"_35":165,"_24":25,"_154":-5,"_206":213,"_27":214},{"_43":156,"_32":28,"_30":31,"_149":-5,"_41":42,"_40":14,"_151":59,"_38":209,"_13":158,"_33":37,"_35":36,"_24":25,"_154":-5,"_206":210,"_27":211},{"_43":146,"_32":147,"_30":148,"_149":-5,"_41":42,"_40":150,"_151":59,"_38":205,"_13":63,"_33":37,"_35":153,"_24":25,"_154":-5,"_206":207,"_27":208},["D",1775751977873],"children",[],[147],["D",1775763593694],[],[28],["D",1775752962711],[],[161],["D",1775753014826],[],[168],["D",1775752517956],[],[174],"bae217e2-3432-11f1-87c9-42b51c65c3df","index.html","bae218a0-3432-11f1-87c9-42b51c65c3df",6,["D",1775752791243],"\n\n\n \n \n TikTok Auto Signup — Dashboard\n \n \n \n \n\n\n

\n \n\n\n",[],[180,222],"e5437dbe-3432-11f1-915a-42b51c65c3df","app.tsx","e5437ea4-3432-11f1-915a-42b51c65c3df",7,["D",1775752862451],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// ─── Types ────────────────────────────────────────────────────\ninterface Account {\n blobKey: string;\n email: string;\n createdAt: string;\n size: number;\n}\n\ninterface RunStatus {\n status: \"idle\" | \"running\" | \"success\" | \"error\";\n logs: string[];\n result?: { email: string; password: string; dob: string; profileName: string; blobKey: string };\n error?: string;\n liveViewUrl?: string;\n}\n\n// ─── Styles ───────────────────────────────────────────────────\nconst css = `\n @keyframes spin { to { transform: rotate(360deg); } }\n @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.4} }\n @keyframes fadeIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }\n @keyframes glow {\n 0%,100% { box-shadow: 0 0 20px rgba(254,44,85,.3); }\n 50% { box-shadow: 0 0 40px rgba(254,44,85,.6); }\n }\n\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 24px 20px 60px;\n }\n\n /* ── Header ── */\n .header {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 36px;\n }\n .logo {\n width: 48px; height: 48px;\n background: linear-gradient(135deg, #fe2c55, #ff0050);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 24px;\n box-shadow: 0 4px 20px rgba(254,44,85,.4);\n }\n .header-text h1 {\n font-size: 22px; font-weight: 700;\n background: linear-gradient(135deg, #fe2c55 20%, #25f4ee 80%);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n }\n .header-text p { font-size: 13px; color: var(--muted); margin-top: 2px; }\n\n /* ── Source link ── */\n .source-link {\n margin-left: auto;\n font-size: 12px; color: var(--muted);\n text-decoration: none;\n padding: 6px 12px;\n border: 1px solid var(--border);\n border-radius: 6px;\n transition: all .2s;\n }\n .source-link:hover { color: var(--text); border-color: var(--accent); }\n\n /* ── Card ── */\n .card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 24px;\n margin-bottom: 20px;\n animation: fadeIn .3s ease;\n }\n .card-title {\n font-size: 14px; font-weight: 600;\n text-transform: uppercase; letter-spacing: .06em;\n color: var(--muted); margin-bottom: 18px;\n display: flex; align-items: center; gap: 8px;\n }\n\n /* ── Config form ── */\n .config-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px;\n }\n @media(max-width: 600px) { .config-grid { grid-template-columns: 1fr; } }\n\n .field label {\n display: block; font-size: 12px; color: var(--muted);\n margin-bottom: 6px; font-weight: 500;\n }\n .field input, .field select {\n width: 100%;\n background: var(--surface2);\n border: 1px solid var(--border);\n border-radius: 7px;\n padding: 10px 12px;\n color: var(--text);\n font-size: 14px;\n font-family: inherit;\n outline: none;\n transition: border-color .2s;\n }\n .field input:focus, .field select:focus { border-color: var(--accent); }\n .field input::placeholder { color: var(--muted); }\n\n /* ── Run button ── */\n .run-btn {\n width: 100%;\n margin-top: 20px;\n padding: 14px;\n background: linear-gradient(135deg, #fe2c55, #ff0050);\n border: none; border-radius: 8px;\n color: #fff; font-size: 15px; font-weight: 600;\n cursor: pointer;\n transition: all .2s;\n display: flex; align-items: center; justify-content: center; gap: 10px;\n }\n .run-btn:hover:not(:disabled) {\n transform: translateY(-1px);\n box-shadow: 0 6px 24px rgba(254,44,85,.4);\n animation: glow 1.5s ease infinite;\n }\n .run-btn:disabled { opacity: .6; cursor: not-allowed; }\n\n /* ── Status indicator ── */\n .status-bar {\n display: flex; align-items: center; gap: 10px;\n padding: 12px 16px;\n border-radius: 8px;\n margin-bottom: 16px;\n font-size: 13px; font-weight: 500;\n }\n .status-bar.idle { background: rgba(107,107,138,.1); color: var(--muted); }\n .status-bar.running { background: rgba(245,158,11,.1); color: var(--warning); border: 1px solid rgba(245,158,11,.2); }\n .status-bar.success { background: rgba(34,197,94,.1); color: var(--success); border: 1px solid rgba(34,197,94,.2); }\n .status-bar.error { background: rgba(239,68,68,.1); color: var(--error); border: 1px solid rgba(239,68,68,.2); }\n\n .dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }\n .dot.idle { background: var(--muted); }\n .dot.running { background: var(--warning); animation: pulse 1s ease infinite; }\n .dot.success { background: var(--success); }\n .dot.error { background: var(--error); }\n\n .spinner {\n width: 16px; height: 16px;\n border: 2px solid rgba(255,255,255,.2);\n border-top-color: #fff;\n border-radius: 50%;\n animation: spin .7s linear infinite;\n }\n\n /* ── Live view link ── */\n .live-view {\n display: inline-flex; align-items: center; gap: 6px;\n padding: 8px 14px;\n background: rgba(37,244,238,.08);\n border: 1px solid rgba(37,244,238,.2);\n border-radius: 6px;\n color: var(--accent2);\n text-decoration: none;\n font-size: 12px; font-weight: 500;\n margin-bottom: 14px;\n transition: all .2s;\n }\n .live-view:hover { background: rgba(37,244,238,.15); }\n\n /* ── Logs terminal ── */\n .terminal {\n background: #08080f;\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 14px;\n height: 280px;\n overflow-y: auto;\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px;\n line-height: 1.6;\n }\n .terminal::-webkit-scrollbar { width: 4px; }\n .terminal::-webkit-scrollbar-track { background: transparent; }\n .terminal::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }\n\n .log-line { padding: 1px 0; white-space: pre-wrap; word-break: break-all; }\n .log-line.info { color: #a0a0c0; }\n .log-line.success { color: var(--success); }\n .log-line.warn { color: var(--warning); }\n .log-line.error { color: var(--error); }\n .log-line.kernel { color: var(--accent2); }\n .log-line.otp { color: #c084fc; }\n .log-line.done { color: var(--accent); font-weight: 600; }\n\n /* ── Result card ── */\n .result-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n margin-top: 4px;\n }\n @media(max-width:560px) { .result-grid { grid-template-columns: 1fr; } }\n\n .result-item { background: var(--surface2); border-radius: 7px; padding: 12px 14px; }\n .result-item .ri-label { font-size: 11px; color: var(--muted); margin-bottom: 4px; }\n .result-item .ri-value {\n font-size: 13px; font-family: 'JetBrains Mono', monospace;\n color: var(--text); word-break: break-all;\n }\n .ri-value.green { color: var(--success); }\n .ri-value.purple { color: #c084fc; }\n\n /* ── Accounts table ── */\n .table-wrap { overflow-x: auto; }\n table { width: 100%; border-collapse: collapse; font-size: 13px; }\n thead th {\n text-align: left; padding: 10px 14px;\n font-size: 11px; font-weight: 600;\n text-transform: uppercase; letter-spacing: .06em;\n color: var(--muted);\n border-bottom: 1px solid var(--border);\n }\n tbody tr { border-bottom: 1px solid rgba(42,42,61,.5); transition: background .15s; }\n tbody tr:last-child { border-bottom: none; }\n tbody tr:hover { background: rgba(255,255,255,.02); }\n tbody td { padding: 11px 14px; color: var(--text); }\n td.mono { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--muted); }\n\n .badge {\n display: inline-flex; align-items: center;\n padding: 3px 8px;\n border-radius: 4px;\n font-size: 11px; font-weight: 500;\n }\n .badge.success { background: rgba(34,197,94,.1); color: var(--success); }\n .badge.info { background: rgba(37,244,238,.1); color: var(--accent2); }\n\n .dl-btn {\n padding: 5px 12px;\n background: var(--surface2);\n border: 1px solid var(--border);\n border-radius: 5px;\n color: var(--text); font-size: 12px;\n cursor: pointer; transition: all .2s;\n text-decoration: none;\n }\n .dl-btn:hover { border-color: var(--accent); color: var(--accent); }\n\n .empty {\n text-align: center; padding: 40px 0;\n color: var(--muted); font-size: 13px;\n }\n .empty span { display: block; font-size: 32px; margin-bottom: 8px; }\n\n .refresh-btn {\n padding: 6px 14px;\n background: transparent;\n border: 1px solid var(--border);\n border-radius: 6px;\n color: var(--muted); font-size: 12px;\n cursor: pointer; transition: all .2s;\n margin-left: auto; display: block;\n }\n .refresh-btn:hover { color: var(--text); border-color: var(--accent2); }\n\n /* ── Stats row ── */\n .stats-row {\n display: flex; gap: 12px; margin-bottom: 20px;\n flex-wrap: wrap;\n }\n .stat {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 14px 20px;\n flex: 1; min-width: 120px;\n }\n .stat-value { font-size: 26px; font-weight: 700; }\n .stat-value.red { color: var(--accent); }\n .stat-value.cyan { color: var(--accent2); }\n .stat-value.green{ color: var(--success); }\n .stat-label { font-size: 12px; color: var(--muted); margin-top: 2px; }\n`;\n\n// ─── Log parser ───────────────────────────────────────────────\nfunction logClass(line: string): string {\n if (line.includes(\"✅\") || line.includes(\"✓\") || line.includes(\"XONG\")) return \"done\";\n if (line.includes(\"❌\") || line.includes(\"Lỗi\")) return \"error\";\n if (line.includes(\"[warn]\")) return \"warn\";\n if (line.includes(\"[OTP]\") || line.includes(\"[emu]\")) return \"otp\";\n if (line.includes(\"[kernel]\") || line.includes(\"[ip]\") || line.includes(\"[browser]\")) return \"kernel\";\n if (line.includes(\"[save]\") || line.includes(\"[close]\") || line.includes(\"[done]\")) return \"success\";\n return \"info\";\n}\n\n// ─── App ──────────────────────────────────────────────────────\nfunction App() {\n const [password, setPassword] = useState(\"Aa11111@\");\n const [country, setCountry] = useState(\"US\");\n const [run, setRun] = useState({ status: \"idle\", logs: [] });\n const [accounts, setAccounts] = useState([]);\n const [loadingAccs, setLoadingAccs] = useState(false);\n const logsEndRef = useRef(null);\n const pollRef = useRef | null>(null);\n\n // Auto-scroll logs\n useEffect(() => {\n logsEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n }, [run.logs]);\n\n // Fetch accounts list\n const fetchAccounts = useCallback(async () => {\n setLoadingAccs(true);\n try {\n const res = await fetch(\"/api/accounts\");\n if (res.ok) setAccounts(await res.json());\n } finally {\n setLoadingAccs(false);\n }\n }, []);\n\n useEffect(() => { fetchAccounts(); }, [fetchAccounts]);\n\n // Start automation\n const handleRun = async () => {\n setRun({ status: \"running\", logs: [\"[init] Khởi động automation...\"] });\n\n try {\n const res = await fetch(\"/api/run\", {\n method : \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body : JSON.stringify({ password, country }),\n });\n\n const reader = res.body!.getReader();\n const decoder = new TextDecoder();\n\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n\n const chunk = decoder.decode(value, { stream: true });\n const lines = chunk.split(\"\\n\").filter(l => l.startsWith(\"data: \"));\n\n for (const raw of lines) {\n try {\n const event = JSON.parse(raw.slice(6));\n\n if (event.type === \"log\") {\n setRun(prev => ({ ...prev, logs: [...prev.logs, event.message] }));\n } else if (event.type === \"liveView\") {\n setRun(prev => ({ ...prev, liveViewUrl: event.url }));\n } else if (event.type === \"done\") {\n setRun(prev => ({\n ...prev,\n status: \"success\",\n result: event.result,\n logs : [...prev.logs, `[done] ✅ Hoàn thành!`],\n }));\n fetchAccounts();\n } else if (event.type === \"error\") {\n setRun(prev => ({\n ...prev,\n status: \"error\",\n error : event.message,\n logs : [...prev.logs, `[error] ❌ ${event.message}`],\n }));\n }\n } catch (_) {}\n }\n }\n } catch (err: any) {\n setRun(prev => ({\n ...prev,\n status: \"error\",\n error : err.message,\n logs : [...prev.logs, `[error] ❌ ${err.message}`],\n }));\n }\n };\n\n // Download account file\n const downloadAccount = async (blobKey: string) => {\n const res = await fetch(`/api/download?key=${encodeURIComponent(blobKey)}`);\n const text = await res.text();\n const a = document.createElement(\"a\");\n a.href = URL.createObjectURL(new Blob([text], { type: \"text/plain\" }));\n a.download = blobKey.split(\"/\").pop() ?? \"account.txt\";\n a.click();\n };\n\n const statusLabel = {\n idle : \"Sẵn sàng\",\n running: \"Đang chạy...\",\n success: \"Thành công\",\n error : \"Lỗi\",\n }[run.status];\n\n return (\n <>\n \n

\n\n {/* Header */}\n

🎵

TikTok Auto Signup

Kernel Browser · Playwright · Val Town

\n ⟨/⟩ source\n

\n\n {/* Stats */}\n

\n {run.status === \"running\" ? \"●\" : accounts.length}\n

\n {run.status === \"running\" ? \"Đang chạy\" : \"Tổng accounts\"}\n

\n {accounts.length}\n

Đã lưu

🇺🇸

Proxy US

📱

iPhone SE

\n\n {/* Config + Run */}\n

⚙️ Cấu hình

\n Password\n setPassword(e.target.value)}\n placeholder=\"Aa11111@\"\n disabled={run.status === \"running\"}\n />\n

\n Proxy Country\n setCountry(e.target.value)}\n disabled={run.status === \"running\"}\n >\n \n \n \n \n \n

\n \n {run.status === \"running\"\n ? <>

Đang chạy automation...\n : <>▶ Bắt đầu đăng ký TikTok\n }\n \n

\n\n {/* Run status + logs */}\n

📟 Logs thực thi

\n\n

\n {statusLabel}\n {run.status === \"running\" && run.logs.length > 0 && (\n \n — {run.logs[run.logs.length - 1].replace(/^\\[[^\\]]+\\]\\s*/, \"\").slice(0, 60)}\n \n )}\n

\n\n {run.liveViewUrl && run.status === \"running\" && (\n \n 👁 Live View Browser →\n \n )}\n\n

\n {run.logs.length === 0\n ? // Nhấn \"Bắt đầu\" để xem logs...\n : run.logs.map((line, i) => (\n

{line}

\n ))\n }\n

\n\n {/* Result */}\n {run.status === \"success\" && run.result && (\n

\n KẾT QUẢ\n

{run.result.email}

Password

{run.result.password}

Ngày sinh

{run.result.dob}

Kernel Profile

{run.result.profileName}

\n )}\n\n {run.status === \"error\" && (\n

\n ❌ {run.error}\n

\n )}\n

\n\n {/* Accounts table */}\n

\n 📂 Danh sách Accounts\n \n

\n\n {accounts.length === 0 ? (\n

\n 📭\n Chưa có account nào. Hãy chạy automation!\n

\n ) : (\n

\n \n \n \n \n \n \n \n \n \n \n \n {accounts.map(acc => (\n \n \n \n \n \n \n \n ))}\n \n

Email	Thời gian tạo	Kích thước	Trạng thái	Tải xuống
\n {acc.email}\n	\n {new Date(acc.createdAt).toLocaleString(\"vi-VN\")}\n	{(acc.size / 1024).toFixed(1)} KB	✓ Saved	\n downloadAccount(acc.blobKey)}\n >\n ↓ .txt\n \n

\n )}\n

\n\n

\n \n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[],[180,230],["D",1775752782691],[198,199],[180],["D",1775751977873],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":25},{"_13":14,"_32":86,"_43":42,"_87":44,"_88":89,"_90":91,"_92":50,"_93":94,"_95":96,"_97":45,"_98":99},"ctx",{"_79":-5,"_128":277,"_278":279,"_280":281,"_282":25,"_283":25,"_284":25,"_285":59,"_286":-5,"_287":-7,"_288":-7,"_289":63,"_290":25,"_291":25,"_292":-5,"_293":25,"_294":25,"_295":25,"_296":-5},"ENV",{"_248":249,"_250":251,"_252":86,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276},"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 · v11