[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_167":168,"_169":170},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":85,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":57,"_123":-5,"_124":-5,"_125":126},"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":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",4,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","index.ts","latestPath","fileId","964d9fab-0fdd-4b7a-b4e1-91b9f6771cf9","name","fileType","http","content","/**\n * Generic Proxy Val – Deno/Val Town version (uses deno_dom)\n * Supports any target site via targetSite query parameter\n * Passes query parameters to ElevenLabs widget as dynamic-variables\n */\n\nimport { DOMParser as DenDomParser, Element, HTMLDocument } from \"https://deno.land/x/deno_dom/deno-dom-wasm.ts\";\n\n/* ------------------------------------------------------------------------ */\n/* Settings */\n/* ------------------------------------------------------------------------ */\nconst DEFAULT_AGENT_ID = \"agent_01jx8yp279e7tbbz8cn9zatznd\";\n\n/* ------------------------------------------------------------------------ */\n/* Help widget with dynamic variables */\n/* ------------------------------------------------------------------------ */\nconst getHelpWidgetHtml = (agentId: string, dynamicVariables: Record): string => {\n const dynamicVarsJson = Object.keys(dynamicVariables).length > 0\n ? JSON.stringify(dynamicVariables).replace(/\"/g, \""\")\n : \"\";\n\n const dynamicVarsAttr = dynamicVarsJson ? `dynamic-variables='${dynamicVarsJson}'` : \"\";\n\n return `\nNeed help?\n\n`;\n};\n\n/* ------------------------------------------------------------------------ */\n/* HTML transformer – uses deno_dom DOMParser */\n/* ------------------------------------------------------------------------ */\nfunction toProxyUrl(raw: string, proxyOrigin: string, targetSite: string): string {\n const targetDomainRe = new RegExp(\n `^https?:\\\\/\\\\/${targetSite.replace(/^https?:\\/\\//, \"\").replace(/\\/$/, \"\")}\\\\/?`,\n \"i\",\n );\n\n // Absolute link to the target domain → strip host\n if (targetDomainRe.test(raw)) {\n const path = raw.replace(targetDomainRe, \"\");\n return `${proxyOrigin}/${path}`;\n }\n // Relative / root‑relative link → prefix proxyOrigin\n if (!/^(?:https?:|\\/\\/|#|mailto:|tel:)/i.test(raw)) {\n return `${proxyOrigin}/${raw.replace(/^\\/+/, \"\")}`;\n }\n // Anything else → leave untouched\n return raw;\n}\n\nasync function transformHtml(\n html: string,\n proxyOrigin: string,\n targetSite: string,\n agentId: string,\n dynamicVariables: Record,\n): Promise {\n const parser = new DenDomParser();\n const doc = parser.parseFromString(html, \"text/html\") as HTMLDocument;\n if (!doc) return html;\n\n // ── rewrite links / forms ────────────────────────────────────────────\n (doc.querySelectorAll(\"a[href]\") as unknown as Element[]).forEach((a) => {\n a.setAttribute(\"href\", toProxyUrl(a.getAttribute(\"href\")!, proxyOrigin, targetSite));\n });\n\n (doc.querySelectorAll(\"form[action]\") as unknown as Element[]).forEach((f) => {\n f.setAttribute(\"action\", toProxyUrl(f.getAttribute(\"action\")!, proxyOrigin, targetSite));\n });\n\n // ── inject help widget with dynamic variables ────────────────────────\n const body = doc.body ?? doc.querySelector(\"body\");\n if (body) {\n body.innerHTML += getHelpWidgetHtml(agentId, dynamicVariables);\n }\n\n return \"\\n\" + doc.documentElement!.outerHTML;\n}\n\n/* ------------------------------------------------------------------------ */\n/* Main handler */\n/* ------------------------------------------------------------------------ */\nexport default async function handler(req: Request): Promise {\n try {\n const incoming = new URL(req.url); // https://proxy/<…>\n const searchParams = new URLSearchParams(incoming.search);\n\n // Get target site from query parameter\n const targetSite = searchParams.get(\"targetSite\");\n if (!targetSite) {\n return new Response(\"Missing required targetSite query parameter\", { status: 400 });\n }\n\n // Validate target site URL\n let targetUrl: URL;\n try {\n targetUrl = new URL(targetSite);\n } catch {\n return new Response(\"Invalid targetSite URL\", { status: 400 });\n }\n\n // Get agent ID (use default if not specified)\n const agentId = searchParams.get(\"agentId\") || DEFAULT_AGENT_ID;\n\n // Extract all query parameters except targetSite and agentId for dynamic variables\n const dynamicVariables: Record = {};\n for (const [key, value] of searchParams.entries()) {\n if (key !== \"targetSite\" && key !== \"agentId\") {\n dynamicVariables[key] = value;\n }\n }\n\n // Build upstream URL\n const path = incoming.pathname.replace(/^\\/+/, \"\");\n const upstreamSearchParams = new URLSearchParams();\n\n // Add non-proxy query parameters to upstream request\n for (const [key, value] of searchParams.entries()) {\n if (key !== \"targetSite\" && key !== \"agentId\") {\n upstreamSearchParams.append(key, value);\n }\n }\n\n const upstreamSearch = upstreamSearchParams.toString();\n const upstream = `${targetUrl.origin}/${path}${upstreamSearch ? \"?\" + upstreamSearch : \"\"}`;\n\n const resp = await fetch(upstream, {\n method: req.method,\n headers: req.headers,\n body: [\"GET\", \"HEAD\"].includes(req.method) ? undefined : await req.blob(),\n redirect: \"follow\",\n });\n\n const headers = new Headers(resp.headers);\n const cType = headers.get(\"content-type\") ?? \"\";\n const status = resp.status;\n\n if (cType.includes(\"text/html\")) {\n const html = await resp.text();\n const out = await transformHtml(html, incoming.origin, targetUrl.origin, agentId, dynamicVariables);\n return new Response(out, { status, headers });\n }\n\n // Non‑HTML resources → stream untouched\n return new Response(await resp.blob(), { status, headers });\n } catch (err: any) {\n console.error(\"Proxy error:\", err);\n return new Response(`Proxy error: ${err.message}`, { status: 500 });\n }\n}","/**\n * Generic Proxy Val – Deno/Val Town version (uses deno_dom)\n * Supports any target site via targetSite query parameter\n * Passes query parameters to ElevenLabs widget as dynamic-variables\n */\n\nimport { DOMParser as DenDomParser, Element, HTMLDocument } from \"https://deno.land/x/deno_dom/deno-dom-wasm.ts\";\n\n/* ------------------------------------------------------------------------ */\n/* Settings */\n/* ------------------------------------------------------------------------ */\nconst DEFAULT_AGENT_ID = \"agent_01jvjx5skzfdwas12r7d5pbgn6\";\n\n/* ------------------------------------------------------------------------ */\n/* Help widget with dynamic variables */\n/* ------------------------------------------------------------------------ */\nconst getHelpWidgetHtml = (agentId: string, dynamicVariables: Record): string => {\n const dynamicVarsJson = Object.keys(dynamicVariables).length > 0\n ? JSON.stringify(dynamicVariables).replace(/\"/g, \""\")\n : \"\";\n\n const dynamicVarsAttr = dynamicVarsJson ? `dynamic-variables='${dynamicVarsJson}'` : \"\";\n\n return `\nNeed help?\n\n`;\n};\n\n/* ------------------------------------------------------------------------ */\n/* HTML transformer – uses deno_dom DOMParser */\n/* ------------------------------------------------------------------------ */\nfunction toProxyUrl(raw: string, proxyOrigin: string, targetSite: string, proxyQueryString: string): string {\n const targetDomainRe = new RegExp(\n `^https?:\\\\/\\\\/${targetSite.replace(/^https?:\\/\\//, \"\").replace(/\\/$/, \"\")}\\\\/?`,\n \"i\",\n );\n\n // Absolute link to the target domain → strip host and add proxy params\n if (targetDomainRe.test(raw)) {\n const path = raw.replace(targetDomainRe, \"\");\n const separator = path.includes(\"?\") ? \"&\" : \"?\";\n return `${proxyOrigin}/${path}${proxyQueryString ? separator + proxyQueryString : \"\"}`;\n }\n // Relative / root‑relative link → prefix proxyOrigin and add proxy params\n if (!/^(?:https?:|\\/\\/|#|mailto:|tel:)/i.test(raw)) {\n const cleanPath = raw.replace(/^\\/+/, \"\");\n const separator = cleanPath.includes(\"?\") ? \"&\" : \"?\";\n return `${proxyOrigin}/${cleanPath}${proxyQueryString ? separator + proxyQueryString : \"\"}`;\n }\n // Anything else → leave untouched\n return raw;\n}\n\nasync function transformHtml(\n html: string,\n proxyOrigin: string,\n targetSite: string,\n agentId: string,\n dynamicVariables: Record,\n proxyQueryString: string,\n): Promise {\n const parser = new DenDomParser();\n const doc = parser.parseFromString(html, \"text/html\") as HTMLDocument;\n if (!doc) return html;\n\n // ── rewrite links / forms ────────────────────────────────────────────\n (doc.querySelectorAll(\"a[href]\") as unknown as Element[]).forEach((a) => {\n a.setAttribute(\"href\", toProxyUrl(a.getAttribute(\"href\")!, proxyOrigin, targetSite, proxyQueryString));\n });\n\n (doc.querySelectorAll(\"form[action]\") as unknown as Element[]).forEach((f) => {\n f.setAttribute(\"action\", toProxyUrl(f.getAttribute(\"action\")!, proxyOrigin, targetSite, proxyQueryString));\n });\n\n // ── inject help widget with dynamic variables ────────────────────────\n const body = doc.body ?? doc.querySelector(\"body\");\n if (body) {\n body.innerHTML += getHelpWidgetHtml(agentId, dynamicVariables);\n }\n\n return \"\\n\" + doc.documentElement!.outerHTML;\n}\n\n/* ------------------------------------------------------------------------ */\n/* Main handler */\n/* ------------------------------------------------------------------------ */\nexport default async function handler(req: Request): Promise {\n try {\n const incoming = new URL(req.url); // https://proxy/<…>\n const searchParams = new URLSearchParams(incoming.search);\n\n // Get target site from query parameter\n const targetSite = searchParams.get(\"targetSite\");\n if (!targetSite) {\n return new Response(\"Missing required targetSite query parameter\", { status: 400 });\n }\n\n // Validate target site URL\n let targetUrl: URL;\n try {\n targetUrl = new URL(targetSite);\n } catch {\n return new Response(\"Invalid targetSite URL\", { status: 400 });\n }\n\n // Get agent ID (use default if not specified)\n const agentId = searchParams.get(\"agentId\") || DEFAULT_AGENT_ID;\n\n // Extract all query parameters except targetSite and agentId for dynamic variables\n const dynamicVariables: Record = {};\n for (const [key, value] of searchParams.entries()) {\n if (key !== \"targetSite\" && key !== \"agentId\") {\n dynamicVariables[key] = value;\n }\n }\n\n // Create proxy query string to append to rewritten URLs (includes targetSite and agentId)\n const proxyParams = new URLSearchParams();\n proxyParams.set(\"targetSite\", targetSite);\n if (searchParams.has(\"agentId\")) {\n proxyParams.set(\"agentId\", agentId);\n }\n // Add other dynamic variables\n for (const [key, value] of Object.entries(dynamicVariables)) {\n proxyParams.set(key, value);\n }\n const proxyQueryString = proxyParams.toString();\n\n // Build upstream URL\n const path = incoming.pathname.replace(/^\\/+/, \"\");\n const upstreamSearchParams = new URLSearchParams();\n\n // Add non-proxy query parameters to upstream request\n for (const [key, value] of searchParams.entries()) {\n if (key !== \"targetSite\" && key !== \"agentId\") {\n upstreamSearchParams.append(key, value);\n }\n }\n\n const upstreamSearch = upstreamSearchParams.toString();\n const upstream = `${targetUrl.origin}/${path}${upstreamSearch ? \"?\" + upstreamSearch : \"\"}`;\n\n const resp = await fetch(upstream, {\n method: req.method,\n headers: req.headers,\n body: [\"GET\", \"HEAD\"].includes(req.method) ? undefined : await req.blob(),\n redirect: \"follow\",\n });\n\n const headers = new Headers(resp.headers);\n const cType = headers.get(\"content-type\") ?? \"\";\n const status = resp.status;\n\n if (cType.includes(\"text/html\")) {\n const html = await resp.text();\n const out = await transformHtml(\n html,\n incoming.origin,\n targetUrl.origin,\n agentId,\n dynamicVariables,\n proxyQueryString,\n );\n return new Response(out, { status, headers });\n }\n\n // Non‑HTML resources → stream untouched\n return new Response(await resp.blob(), { status, headers });\n } catch (err: any) {\n console.error(\"Proxy error:\", err);\n return new Response(`Proxy error: ${err.message}`, { status: 500 });\n }\n}","createdAt",["D",1749426741212],"branchVersion","branchId","58f05106-44bf-11f0-8147-76b3cceeab13","id","58ee4a8c-44bf-11f0-8147-76b3cceeab13","GenericAgentProxy",["D",1749424906988],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","d94f277a-b37f-4f26-9abc-7694e9eb756e","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","f5b49853-c2ee-4295-85e9-f0a0c32af35f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":90,"_91":92,"_93":63,"_94":45,"_95":96},"isOwned",8,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","private","forkedProjectId","a12c6c46-33eb-11f0-bd81-9e149126039e","forkedProjectOrgId","projectName","userHandle","curtcox","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlhYcFBTUEY0bVhuenlHd1pCbmpYckRLZlEifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":163,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":164,"_79":165,"_81":166,"_83":25},"tree",[154,155],"files",[154,155],"counts",{"_144":61,"_145":141,"_146":61,"_147":148,"_149":150},"contents",[127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":137,"_32":138,"_30":139,"_130":-5,"_41":42,"_40":133,"_131":57,"_38":140,"_13":141,"_33":20,"_35":142,"_24":25,"_134":-5,"_27":143},{"_43":129,"_32":28,"_30":31,"_130":-5,"_41":42,"_40":14,"_131":25,"_38":132,"_13":133,"_33":34,"_35":37,"_24":25,"_134":135,"_27":136},"9e370788-44c3-11f0-8a50-76b3cceeab13","parentId","latest",["D",1749426741212],2,"label","generic11",[28],"878cb978-44bf-11f0-b9dd-76b3cceeab13","README.md","71fc9803-8afe-494a-9e84-8d6328adde46",["D",1749424985197],1,"# WWT Proxy Val\n\nThis Val Town val serves as a proxy to some site, transforming responses to ensure all links continue through the proxy\nand adding a help widget to each page.\n\n## Features\n\n- Proxies all requests to the site\n- Transforms HTML responses to rewrite links (both absolute and relative)\n- Adds a help widget to the lower right corner of each page\n- Maintains original headers and status codes\n- Passes through non-HTML content unchanged\n\n## Help Widget\n\nThe help widget appears as a blue button in the lower right corner of each page. Currently, it displays an alert when clicked, but it's designed to be easily modified for more advanced functionality.\n\n## Modifying the Help Widget\n\nThe help widget is implemented in a modular way through the `getHelpWidgetHtml()` function. To change its appearance or functionality:\n\n1. Locate the `getHelpWidgetHtml()` function in the code\n2. Modify the HTML, CSS, or JavaScript as needed\n3. The widget's functionality is contained within the embedded script tag\n\n## Implementation Details\n\n- The proxy uses standard fetch API to forward requests\n- URL transformation handles both absolute and relative URLs\n- The widget is injected before the closing `` tag when possible",[138],"pulls","branches","forks","envVars",{"_151":61,"_153":61},"connections",{"_151":61,"_152":61},"count","unfilledCount","emptyCount",{"_43":137,"_32":138,"_30":139,"_130":-5,"_41":42,"_40":133,"_131":57,"_38":160,"_13":141,"_33":20,"_35":142,"_24":25,"_134":-5,"_157":161,"_27":162},{"_43":129,"_32":28,"_30":31,"_130":-5,"_41":42,"_40":14,"_131":25,"_38":156,"_13":133,"_33":34,"_35":37,"_24":25,"_134":135,"_157":158,"_27":159},["D",1749426741212],"children",[],[28],["D",1749424985197],[],[138],["D",1749424906988],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":90,"_91":92,"_93":63,"_94":45,"_95":96},"ctx",{"_77":-5,"_124":200,"_201":202,"_203":204,"_205":25,"_206":25,"_207":25,"_208":57,"_209":-5,"_210":-7,"_211":-7,"_212":61,"_213":25,"_214":25,"_215":-5,"_216":25,"_217":25,"_218":25,"_219":-5},"ENV",{"_171":172,"_173":174,"_175":85,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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 · v4