[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_199":200,"_201":202},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_88":-7,"_89":90,"_29":-7,"_91":-5,"_15":92,"_93":94,"_95":96,"_97":98,"_99":100,"_101":-5,"_102":-5,"_103":-5,"_104":38,"_105":106,"_107":108,"_109":-5,"_110":-5,"_111":112},"routes/_app.x.$handle.$name.branches",{"_11":12,"_13":14,"_15":16,"_17":18},"handle","khawjaahmad","name","playwright-gen","project",{"_20":28,"_13":14,"_22":36,"_35":-5,"_37":38,"_39":40,"_41":40,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":38,"_49":-5,"_50":-5,"_51":52,"_53":54,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":60,"_61":60,"_62":63,"_64":63,"_65":63,"_66":60,"_67":60,"_68":69,"_70":71,"_72":73,"_74":38},"branches",[19],{"_20":21,"_22":23,"_24":25,"_13":26,"_27":28,"_29":30,"_31":-5,"_32":-5,"_33":34,"_35":-5},"id","6bbbce58-4d5d-11f1-ab91-ee650bb23af1","createdAt",["D",1778519905996],"updatedAt",["D",1778522055495],"main","projectId","6bba5b2c-4d5d-11f1-ab91-ee650bb23af1","version",8,"forkedBranchId","forkedBranchVersion","lockfileKey","1778522384599-esm.town_v_khawjaahmad_playwright-gen@8-main","deletedAt",["D",1778519905986],"legacyEnvVars",false,"privacy","public","httpPrivacy","description","TinyFish → AI → Playwright test generator","imageUrl","userId","f404441a-b070-431b-b152-17a2208cfa70","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","018b67b5-3681-41ae-8e5a-cdcf7cd1218d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_87":83},"org",{"_11":12,"_80":81,"_82":83,"_45":46,"_84":85,"_86":38},"branch",{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_75":-5,"_76":-5,"_77":-5,"_78":14,"_79":12},"isOwned","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","ahmad","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/4ec015ce-90e5-4eef-7eaf-21e3da8cec00/square512?exp=1789534799&sig=99a5f3905103a6598a506637de714310c0aacec3cec562323eb9e132cc85ef25","tier","free","canRestrictVals","profileImageUrl","branchName","path","","adoptOrgId",{"_20":28,"_13":14,"_22":195,"_35":-5,"_37":38,"_39":40,"_41":40,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":38,"_49":-5,"_50":-5,"_51":52,"_53":54,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":60,"_61":60,"_62":63,"_64":63,"_65":63,"_66":60,"_67":60,"_68":196,"_70":197,"_72":198,"_74":38},"tree",[174,175,176,177,178],"files",[174,175,176,177,178],"counts",{"_165":52,"_17":140,"_166":52,"_167":168,"_169":170},"contents",[113,114,115,116,117],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_20":158,"_13":159,"_120":160,"_122":-5,"_123":21,"_124":161,"_126":108,"_22":162,"_29":140,"_128":101,"_130":163,"_132":38,"_133":-5,"_89":164},{"_20":152,"_13":153,"_120":154,"_122":-5,"_123":21,"_124":30,"_126":108,"_22":155,"_29":140,"_128":129,"_130":156,"_132":38,"_133":-5,"_89":157},{"_20":145,"_13":146,"_120":147,"_122":-5,"_123":21,"_124":148,"_126":108,"_22":149,"_29":52,"_128":129,"_130":150,"_132":38,"_133":-5,"_89":151},{"_20":135,"_13":136,"_120":137,"_122":-5,"_123":21,"_124":138,"_126":108,"_22":139,"_29":140,"_128":141,"_130":142,"_132":38,"_133":143,"_89":144},{"_20":118,"_13":119,"_120":121,"_122":-5,"_123":21,"_124":125,"_126":108,"_22":127,"_29":52,"_128":129,"_130":131,"_132":38,"_133":-5,"_89":134},"b6184f6c-4d5d-11f1-821b-ee650bb23af1","tinyfish.ts","fileId","b618500c-4d5d-11f1-821b-ee650bb23af1","parentId","branchId","branchVersion",3,"latest",["D",1778520030745],"fileType","script","content","// Thin wrapper over the TinyFish Fetch API.\n// Docs: https://docs.tinyfish.ai/api-reference/fetch-and-extract-content-from-urls\n\nconst TINYFISH_FETCH_URL = \"https://api.fetch.tinyfish.ai/\";\n\nexport class TinyFishError extends Error {}\nexport class CloudflareChallengeError extends Error {}\n\ninterface FetchHtmlArgs {\n url: string;\n apiKey: string;\n timeoutMs: number;\n}\n\ninterface TinyFishResult {\n url: string;\n final_url?: string;\n title?: string;\n text?: string; // when format=html, this holds the HTML string\n format?: string;\n}\n\ninterface TinyFishResponse {\n results?: TinyFishResult[];\n errors?: { url: string; error: string }[];\n}\n\nexport async function fetchHtml({ url, apiKey, timeoutMs }: FetchHtmlArgs): Promise {\n const ctrl = new AbortController();\n const t = setTimeout(() => ctrl.abort(), timeoutMs);\n let res: Response;\n try {\n res = await fetch(TINYFISH_FETCH_URL, {\n method: \"POST\",\n headers: {\n \"content-type\": \"application/json\",\n \"x-api-key\": apiKey,\n },\n body: JSON.stringify({\n urls: [url],\n format: \"html\",\n include_html_head: false,\n links: false,\n image_links: false,\n }),\n signal: ctrl.signal,\n });\n } catch (e) {\n clearTimeout(t);\n if ((e as Error).name === \"AbortError\") {\n throw new TinyFishError(`TinyFish fetch timed out after ${timeoutMs}ms`);\n }\n throw new TinyFishError(`TinyFish fetch failed: ${String(e)}`);\n }\n clearTimeout(t);\n\n if (!res.ok) {\n const detail = await safeText(res);\n throw new TinyFishError(`TinyFish HTTP ${res.status}: ${detail.slice(0, 500)}`);\n }\n\n let payload: TinyFishResponse;\n try {\n payload = await res.json();\n } catch {\n throw new TinyFishError(\"TinyFish returned non-JSON\");\n }\n\n if (payload.errors && payload.errors.length && (!payload.results || !payload.results.length)) {\n throw new TinyFishError(`TinyFish error: ${payload.errors[0].error}`);\n }\n const first = payload.results?.[0];\n if (!first || typeof first.text !== \"string\" || !first.text) {\n throw new TinyFishError(\"TinyFish returned no HTML content\");\n }\n\n const html = first.text;\n if (looksLikeChallenge(html, first.title)) {\n throw new CloudflareChallengeError(\n \"Target served an anti-bot challenge page. Cleaned HTML would be useless for selector generation.\",\n );\n }\n return html;\n}\n\nfunction looksLikeChallenge(html: string, title?: string): boolean {\n const t = (title ?? \"\").toLowerCase();\n if (\n t.includes(\"just a moment\") ||\n t.includes(\"attention required\") ||\n t.includes(\"access denied\") ||\n t.includes(\"cloudflare\") ||\n t.includes(\"ddos-guard\")\n ) return true;\n const head = html.slice(0, 4000).toLowerCase();\n return (\n head.includes(\"/cdn-cgi/challenge-platform\") ||\n head.includes(\"cf-chl-bypass\") ||\n head.includes(\"cf-browser-verification\") ||\n head.includes(\"checking if the site connection is secure\") ||\n head.includes(\"enable javascript and cookies to continue\") ||\n head.includes(\"__cf_chl_\") ||\n head.includes(\"perimeterx\") ||\n head.includes(\"px-captcha\") ||\n head.includes(\"hcaptcha-challenge\") ||\n head.includes(\"ddos protection by\")\n );\n}\n\nasync function safeText(res: Response): Promise {\n try { return await res.text(); } catch { return \"\"; }\n}\n","deleted","label",[119],"ad56301a-4d5d-11f1-8ee7-ee650bb23af1","main.ts","6bc5243a-4d5d-11f1-ab91-ee650bb23af1",2,["D",1778520016027],1,"http","// HTTP entrypoint: POST { url } -> Playwright .ts test as plain text.\n// Auth: X-Auth-Key header must equal env AUTH_KEY.\n\nimport { fetchHtml, CloudflareChallengeError, TinyFishError } from \"./tinyfish.ts\";\nimport { cleanHtml } from \"./clean.ts\";\nimport { generatePlaywrightTest, LlmError } from \"./llm.ts\";\n\nconst HARD_BUDGET_MS = 55_000; // stay under the 60s ceiling\n\nfunction json(status: number, body: Record) {\n return new Response(JSON.stringify(body), {\n status,\n headers: { \"content-type\": \"application/json\" },\n });\n}\n\nfunction text(status: number, body: string, contentType = \"text/plain; charset=utf-8\") {\n return new Response(body, { status, headers: { \"content-type\": contentType } });\n}\n\nexport default async function handler(req: Request): Promise {\n if (req.method === \"GET\") {\n return json(200, {\n ok: true,\n service: \"playwright-gen\",\n usage: \"POST { url } with header X-Auth-Key. Returns a Playwright .ts test file as text/plain.\",\n env_required: [\"AUTH_KEY\", \"TINYFISH_API_KEY\", \"LLM_TOKEN\", \"LLM_BASE_URL\", \"LLM_MODEL\"],\n });\n }\n if (req.method !== \"POST\") {\n return json(405, { error: \"method_not_allowed\" });\n }\n\n const authKey = Deno.env.get(\"AUTH_KEY\");\n if (!authKey) return json(500, { error: \"server_misconfigured\", detail: \"AUTH_KEY not set\" });\n if (req.headers.get(\"x-auth-key\") !== authKey) {\n return json(401, { error: \"unauthorized\" });\n }\n\n let body: { url?: unknown };\n try {\n body = await req.json();\n } catch {\n return json(400, { error: \"invalid_json\" });\n }\n const url = typeof body.url === \"string\" ? body.url.trim() : \"\";\n if (!url || !/^https?:\\/\\//i.test(url)) {\n return json(400, { error: \"invalid_url\", detail: \"Provide a JSON body { url: 'https://...' }\" });\n }\n\n const tinyfishKey = Deno.env.get(\"TINYFISH_API_KEY\");\n const llmToken = Deno.env.get(\"LLM_TOKEN\");\n const llmBaseUrl = Deno.env.get(\"LLM_BASE_URL\");\n const llmModel = Deno.env.get(\"LLM_MODEL\");\n if (!tinyfishKey) return json(500, { error: \"server_misconfigured\", detail: \"TINYFISH_API_KEY not set\" });\n if (!llmToken) return json(500, { error: \"server_misconfigured\", detail: \"LLM_TOKEN not set\" });\n if (!llmBaseUrl) return json(500, { error: \"server_misconfigured\", detail: \"LLM_BASE_URL not set (e.g. https://api.openai.com/v1)\" });\n if (!llmModel) return json(500, { error: \"server_misconfigured\", detail: \"LLM_MODEL not set\" });\n\n const deadline = Date.now() + HARD_BUDGET_MS;\n const remaining = () => Math.max(1000, deadline - Date.now());\n\n let rawHtml: string;\n try {\n rawHtml = await fetchHtml({\n url,\n apiKey: tinyfishKey,\n timeoutMs: Math.min(20_000, remaining()),\n });\n } catch (e) {\n if (e instanceof CloudflareChallengeError) {\n return json(502, { error: \"target_blocked_by_anti_bot\", detail: e.message });\n }\n if (e instanceof TinyFishError) {\n return json(502, { error: \"tinyfish_failed\", detail: e.message });\n }\n return json(500, { error: \"unexpected\", detail: String(e) });\n }\n\n const cleaned = cleanHtml(rawHtml);\n if (!cleaned || cleaned.length < 200) {\n return json(502, { error: \"empty_after_cleaning\", detail: \"Cleaned HTML was too small to be useful.\" });\n }\n\n let testFile: string;\n try {\n testFile = await generatePlaywrightTest({\n url,\n html: cleaned,\n baseUrl: llmBaseUrl,\n token: llmToken,\n model: llmModel,\n timeoutMs: remaining(),\n });\n } catch (e) {\n if (e instanceof LlmError) {\n return json(502, { error: \"llm_failed\", detail: e.message });\n }\n return json(500, { error: \"unexpected\", detail: String(e) });\n }\n\n return text(200, testFile);\n}\n","tinyfish",[136],"d411f9e6-4d5d-11f1-aee2-ee650bb23af1","llm.ts","d411fa90-4d5d-11f1-aee2-ee650bb23af1",5,["D",1778520081035],"// OpenAI-compatible chat completions client.\n// Returns the raw assistant text — which the system prompt instructs to be a\n// pure Playwright TypeScript test file.\n\nexport class LlmError extends Error {}\n\ninterface GenArgs {\n url: string;\n html: string;\n baseUrl: string; // e.g. https://api.openai.com/v1\n token: string;\n model: string;\n timeoutMs: number;\n}\n\nconst SYSTEM_PROMPT = [\n \"You generate Playwright TypeScript test files.\",\n \"Given a cleaned HTML snapshot of one page, identify the page's critical user journeys and the most important robust functional assertions, and produce a single .ts test file that exercises them.\",\n \"\",\n \"Locator priority (use strictly in this order, fall back only when the previous is impossible):\",\n \"1) page.getByRole(role, { name })\",\n \"2) page.getByLabel(text)\",\n \"3) page.getByText(text)\",\n \"4) page.getByPlaceholder(text)\",\n \"5) page.getByAltText(text)\",\n \"6) page.getByTitle(text)\",\n \"7) page.getByTestId(id) // only when data-testid / data-test / data-qa / data-cy exists\",\n \"8) page.locator(css) // last resort, css only, anchored on stable attributes\",\n \"\",\n \"Hard rules — never use:\",\n \"- nth-child / index-based selectors\",\n \"- full XPath or absolute paths\",\n \"- hashed / CSS-in-JS / BEM-style class names\",\n \"- deep parent-child chains (.a > .b > .c)\",\n \"- inline-style or computed-style selectors\",\n \"- :hover / :active or any browser-variant pseudo-classes\",\n \"- page.$ / page.$$ (use locators)\",\n \"- dynamic ARIA values like aria-controls='popup-123'\",\n \"\",\n \"Filtering & narrowing: prefer .filter({ hasText }), .filter({ has }), getByRole scoping.\",\n \"Always rely on Playwright's auto-waiting via expect() and locator actions. No manual sleeps.\",\n \"\",\n \"Output requirements:\",\n \"- Output ONLY the .ts file contents. No markdown fences, no commentary, no explanation.\",\n \"- First line must be: import { test, expect } from '@playwright/test';\",\n \"- Use one test.describe block named after the page, and multiple test() blocks — one per critical journey/assertion.\",\n \"- Use page.goto with the original URL.\",\n \"- Assertions must be robust and functional (visibility of critical landmarks, presence of CTAs by role+name, form field labels, semantic page structure). Avoid asserting on copy that is likely to be localized or A/B tested unless it's the only stable anchor.\",\n \"- If the page is clearly a login/auth/checkout/search/article/listing/landing page, tailor the assertions to that template's critical journey.\",\n].join(\"\\n\");\n\nexport async function generatePlaywrightTest(args: GenArgs): Promise {\n const { url, html, baseUrl, token, model, timeoutMs } = args;\n\n const endpoint = baseUrl.replace(/\\/+$/, \"\") + \"/chat/completions\";\n const userContent = [\n `URL: ${url}`,\n \"\",\n \"Cleaned HTML snapshot (body only, junk attributes/classes/scripts already stripped):\",\n \"```html\",\n html,\n \"```\",\n ].join(\"\\n\");\n\n const ctrl = new AbortController();\n const t = setTimeout(() => ctrl.abort(), timeoutMs);\n\n let res: Response;\n try {\n res = await fetch(endpoint, {\n method: \"POST\",\n headers: {\n \"content-type\": \"application/json\",\n authorization: `Bearer ${token}`,\n },\n body: JSON.stringify({\n model,\n temperature: 0.1,\n messages: [\n { role: \"system\", content: SYSTEM_PROMPT },\n { role: \"user\", content: userContent },\n ],\n }),\n signal: ctrl.signal,\n });\n } catch (e) {\n clearTimeout(t);\n if ((e as Error).name === \"AbortError\") {\n throw new LlmError(`LLM request timed out after ${timeoutMs}ms`);\n }\n throw new LlmError(`LLM request failed: ${String(e)}`);\n }\n clearTimeout(t);\n\n if (!res.ok) {\n const detail = await safeText(res);\n throw new LlmError(`LLM HTTP ${res.status}: ${detail.slice(0, 800)}`);\n }\n\n let payload: {\n choices?: { message?: { content?: string } }[];\n error?: { message?: string };\n };\n try {\n payload = await res.json();\n } catch {\n throw new LlmError(\"LLM returned non-JSON\");\n }\n if (payload.error) {\n throw new LlmError(`LLM error: ${payload.error.message ?? JSON.stringify(payload.error)}`);\n }\n const content = payload.choices?.[0]?.message?.content?.trim();\n if (!content) throw new LlmError(\"LLM returned empty content\");\n\n return stripCodeFences(content);\n}\n\nfunction stripCodeFences(s: string): string {\n // Defensive: if the model wraps output in ```ts ... ``` despite instructions.\n const fenced = s.match(/^```(?:ts|typescript)?\\s*([\\s\\S]*?)\\s*```$/);\n return fenced ? fenced[1].trim() : s;\n}\n\nasync function safeText(res: Response): Promise {\n try { return await res.text(); } catch { return \"\"; }\n}\n",[146],"6cf705ee-4d62-11f1-bedd-ee650bb23af1","clean.ts","c62f8046-4d5d-11f1-8b48-ee650bb23af1",["D",1778522055495],"// Aggressive HTML cleaner for LLM consumption.\n// Uses deno-dom (WASM, no native deps — works on Val Town's Deno runtime).\n// Goal: strip everything hostile to robust Playwright selectors and keep only\n// what drives getByRole / getByLabel / getByText / getByPlaceholder / getByAltText /\n// getByTitle / getByTestId, plus last-resort CSS.\n\nimport { DOMParser, Element, Node } from \"https://deno.land/x/deno_dom@v0.1.49/deno-dom-wasm.ts\";\n\nconst MAX_OUTPUT_BYTES = 120_000;\n\n// deno-dom Node type constants (not exposed as Node.ELEMENT_NODE etc.)\nconst ELEMENT_NODE = 1;\nconst TEXT_NODE = 3;\nconst COMMENT_NODE = 8;\n\nconst KILL_TAGS = new Set([\n \"script\", \"style\", \"noscript\", \"template\", \"link\", \"meta\",\n \"iframe\",\n \"svg\", \"canvas\", \"audio\", \"video\", \"source\", \"track\", \"object\", \"embed\", \"picture\",\n \"head\", \"base\",\n]);\n\nconst KEEP_ATTRS = new Set([\n \"id\", \"name\", \"type\", \"value\", \"href\", \"alt\", \"title\", \"placeholder\", \"for\",\n \"role\", \"aria-label\", \"aria-labelledby\", \"aria-describedby\",\n \"aria-current\", \"aria-expanded\", \"aria-pressed\", \"aria-checked\", \"aria-selected\",\n \"aria-disabled\", \"aria-required\", \"aria-invalid\", \"aria-haspopup\",\n \"label\", \"checked\", \"selected\", \"disabled\", \"readonly\", \"required\", \"multiple\",\n \"min\", \"max\", \"step\", \"pattern\", \"autocomplete\", \"inputmode\",\n \"contenteditable\",\n]);\n\nconst KEEP_DATA_ATTRS = new Set([\n \"data-testid\", \"data-test\", \"data-test-id\", \"data-qa\", \"data-cy\",\n]);\n\nconst HASHED_CLASS_RE = /^(css-|sc-|jsx-|emotion-|chakra-|mui-|MuiBox-|mantine-|tw-)/i;\nconst RANDOMISH_RE = /[a-z]_[a-zA-Z0-9]{4,}$|^[A-Za-z]+-[a-z0-9]{5,}$|^[a-f0-9]{6,}$/;\n\nfunction isJunkClass(c: string): boolean {\n if (!c) return true;\n if (HASHED_CLASS_RE.test(c)) return true;\n if (c.includes(\"__\") || c.includes(\"--\")) return true;\n if (RANDOMISH_RE.test(c)) return true;\n return false;\n}\n\nfunction cleanClassAttr(value: string): string {\n const kept = value\n .split(/\\s+/)\n .filter(Boolean)\n .filter((c) => !isJunkClass(c));\n return kept.slice(0, 4).join(\" \");\n}\n\nconst DROP_ATTR_PATTERNS: RegExp[] = [\n /^on[a-z]+/i,\n /^style$/i,\n /^xmlns/i,\n /^ng-/i, /^_ngcontent/i, /^_nghost/i,\n /^v-/i, /^data-v-[a-f0-9]+/i,\n /^data-reactid$/i, /^data-react/i,\n /^data-svelte-h$/i,\n /^data-astro/i,\n /^itemscope$/i, /^itemtype$/i, /^itemprop$/i,\n /^crossorigin$/i, /^integrity$/i, /^nonce$/i, /^referrerpolicy$/i,\n /^loading$/i, /^decoding$/i, /^fetchpriority$/i,\n /^srcset$/i, /^sizes$/i,\n /^translate$/i, /^spellcheck$/i, /^autocapitalize$/i, /^autocorrect$/i,\n /^enterkeyhint$/i,\n];\n\nfunction shouldDropAttr(name: string): boolean {\n const n = name.toLowerCase();\n if (KEEP_ATTRS.has(n)) return false;\n if (n.startsWith(\"data-\")) return !KEEP_DATA_ATTRS.has(n);\n return DROP_ATTR_PATTERNS.some((re) => re.test(n));\n}\n\nfunction isHiddenByInline(el: Element): boolean {\n if (el.hasAttribute(\"hidden\")) return true;\n const ariaHidden = el.getAttribute(\"aria-hidden\");\n if (ariaHidden === \"true\") return true;\n const style = el.getAttribute(\"style\") ?? \"\";\n if (/display\\s*:\\s*none/i.test(style)) return true;\n if (/visibility\\s*:\\s*hidden/i.test(style)) return true;\n return false;\n}\n\nconst PRUNE_IF_LARGE = [\"footer\", \"aside\", \"nav\"] as const;\n\nfunction walkClean(root: Element): void {\n // Snapshot the list first; mutating during traversal breaks deno-dom's NodeList.\n const all = Array.from(root.querySelectorAll(\"*\")) as Element[];\n const toRemove: Element[] = [];\n for (const node of all) {\n const tag = node.tagName?.toLowerCase();\n if (!tag) continue;\n if (KILL_TAGS.has(tag)) {\n toRemove.push(node);\n continue;\n }\n if (isHiddenByInline(node)) {\n toRemove.push(node);\n continue;\n }\n // Snapshot attributes too — removing during iteration is unsafe.\n const attrNames: string[] = [];\n for (const a of node.attributes) attrNames.push(a.name);\n for (const name of attrNames) {\n if (shouldDropAttr(name)) {\n node.removeAttribute(name);\n continue;\n }\n if (name === \"class\") {\n const cleaned = cleanClassAttr(node.getAttribute(\"class\") ?? \"\");\n if (cleaned) node.setAttribute(\"class\", cleaned);\n else node.removeAttribute(\"class\");\n continue;\n }\n if (name === \"href\") {\n const v = node.getAttribute(\"href\") ?? \"\";\n if (v.startsWith(\"javascript:\")) {\n node.removeAttribute(\"href\");\n } else if (v.length > 300) {\n node.setAttribute(\"href\", v.slice(0, 300));\n }\n }\n if (name === \"src\") {\n const v = node.getAttribute(\"src\") ?? \"\";\n if (v.startsWith(\"data:\")) node.removeAttribute(\"src\");\n }\n }\n }\n for (const n of toRemove) n.remove();\n}\n\nfunction removeComments(node: Node): void {\n const children = Array.from(node.childNodes) as Node[];\n for (const c of children) {\n if (c.nodeType === COMMENT_NODE) {\n (c as unknown as { remove: () => void }).remove();\n } else if (c.nodeType === ELEMENT_NODE) {\n removeComments(c);\n }\n }\n}\n\nfunction collapseWhitespace(root: Node): void {\n const children = Array.from(root.childNodes) as Node[];\n for (const c of children) {\n if (c.nodeType === TEXT_NODE) {\n const t = (c as unknown as { data: string }).data ?? \"\";\n (c as unknown as { data: string }).data = t.replace(/\\s+/g, \" \");\n } else if (c.nodeType === ELEMENT_NODE) {\n collapseWhitespace(c);\n }\n }\n}\n\nfunction depth(el: Element): number {\n let d = 0;\n let p: Element | null = el.parentElement;\n while (p) { d++; p = p.parentElement; }\n return d;\n}\n\nfunction hasUsefulAttrs(el: Element): boolean {\n for (const a of el.attributes) {\n const n = a.name.toLowerCase();\n if (KEEP_ATTRS.has(n)) return true;\n if (KEEP_DATA_ATTRS.has(n)) return true;\n if (n === \"class\" && (a.value ?? \"\").trim()) return true;\n }\n return false;\n}\n\nfunction bytes(s: string): number {\n return new TextEncoder().encode(s).length;\n}\n\nfunction progressivePrune(body: Element): void {\n for (const tag of PRUNE_IF_LARGE) {\n if (bytes(body.outerHTML) <= MAX_OUTPUT_BYTES) return;\n const nodes = Array.from(body.querySelectorAll(tag)) as Element[];\n for (const n of nodes) n.remove();\n }\n if (bytes(body.outerHTML) > MAX_OUTPUT_BYTES) {\n const divs = Array.from(body.querySelectorAll(\"div\")) as Element[];\n divs.sort((a, b) => depth(b) - depth(a));\n for (const d of divs) {\n if (bytes(body.outerHTML) <= MAX_OUTPUT_BYTES) return;\n const childCount = d.children?.length ?? 0;\n const text = (d.textContent ?? \"\").trim();\n if (!hasUsefulAttrs(d) && childCount === 0 && !text) {\n d.remove();\n }\n }\n }\n}\n\nexport function cleanHtml(input: string): string {\n const doc = new DOMParser().parseFromString(input, \"text/html\");\n if (!doc) return \"\";\n const body = (doc.querySelector(\"body\") ?? doc.documentElement) as Element | null;\n if (!body) return \"\";\n\n removeComments(body);\n walkClean(body);\n collapseWhitespace(body);\n\n let serialized = body.outerHTML;\n if (bytes(serialized) > MAX_OUTPUT_BYTES) {\n progressivePrune(body);\n serialized = body.outerHTML;\n }\n if (bytes(serialized) > MAX_OUTPUT_BYTES) {\n serialized = serialized.slice(0, MAX_OUTPUT_BYTES) + \"\\n\";\n }\n return serialized;\n}\n",[153],"0790e58e-4d5e-11f1-8c43-ee650bb23af1","README.md","f564f1de-4d5d-11f1-a562-ee650bb23af1",7,["D",1778520167424],"# playwright-gen\n\nPublic HTTP val that turns a URL into a Playwright `.ts` test file using TinyFish (real-browser HTML fetch) + an OpenAI-compatible LLM (selector & assertion generation).\n\n## Endpoint\n\n`POST https://khawjaahmad--6bc5243a4d5d11f1ab91ee650bb23af1.web.val.run`\n\nHeaders:\n- `X-Auth-Key: ` — required\n- `Content-Type: application/json`\n\nBody:\n```json\n{ \"url\": \"https://example.com/login\" }\n```\n\nResponse: `text/plain` containing a Playwright TypeScript test file. Save as `*.spec.ts` and run.\n\n`GET /` returns a small JSON usage blurb.\n\n## Environment variables\n\nSet these in the val's settings (already created with placeholders — replace before first use):\n\n| Key | Purpose |\n|--------------------|-------------------------------------------------------------------------|\n| `AUTH_KEY` | Shared secret gating the endpoint. Generate a long random string. |\n| `TINYFISH_API_KEY` | https://agent.tinyfish.ai/api-keys |\n| `LLM_TOKEN` | Bearer token for your OpenAI-compatible provider |\n| `LLM_BASE_URL` | Base URL ending in `/v1` (OpenAI, OpenRouter, Groq, Together, Gemini-OpenAI, ...) |\n| `LLM_MODEL` | Model name passed to `chat/completions` |\n\n## Why an auth key on a public val?\n\nThe val is public so its source is visible, but the source doesn't contain secrets — they live in env. The `AUTH_KEY` check prevents random callers from running up your TinyFish + LLM bills via your public URL. Without it, anyone who finds the endpoint can drain your accounts.\n\n## Pipeline\n\n1. Auth check (`X-Auth-Key`)\n2. TinyFish Fetch with `format: \"html\"` (timeout 20s)\n3. Aggressive cleaning (linkedom):\n - Drop `

Branches1

Branches
1