Sign in

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_200":201,"_202":203},"routes/_app.x.$handle.$name",{"_106":105,"_39":52,"_115":92,"_34":116,"_13":14,"_117":-5,"_11":118,"_119":120,"_121":122,"_123":124,"_125":126,"_26":-5,"_127":128,"_129":130,"_131":33,"_132":133,"_134":31,"_135":-5,"_136":-5,"_137":138},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_50":51,"_39":52,"_45":53,"_54":-5,"_55":33,"_56":57,"_58":57,"_59":-5,"_60":-5,"_19":61,"_62":63,"_64":31,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":33},"version",8,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","09e166bb-6647-4740-a810-76e29290cb74","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_36":35},"file",{"_37":38,"_39":35,"_40":41,"_42":44,"_45":46,"_47":14,"_48":49,"_30":33},"previous",{"_37":38,"_39":35,"_40":41,"_42":43},"deleted",true,"deletedHere",false,"path","auth.ts","latestPath","fileId","83b3e704-aa6c-11f1-9fc8-1607ee4eb77e","name","fileType","script","content","import { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { verifyToken } from \"https://esm.town/v/pomdtr/verifyToken?v=1\";\n\nconst COOKIE = \"auth_session\";\nconst SESSION_MS = 7 * 24 * 60 * 60 * 1000; // 7 days\n\nfunction redirect(location: string): Response {\n return new Response(null, { status: 302, headers: { location } });\n}\n\nconst loginPage = () => `\n\n\n \n Sign in\n \n\n\n

Welcome back

This val is password protected. Sign in with your Val Town API token.

\n \n

Welcome back

This val is password protected. Sign in with your Val Town API token.

\n \n

\n\n`;\n\ntype Session = { expiresAt: number; token: string };\n\nexport type Handler = (req: Request, apiToken?: string) => Response | Promise;\n\n// Self-contained password gate. Unlike the old pomdtr/password_auth wrapper it\n// does not depend on inferRequestVal, which only understands legacy\n// `handle-name.web.val.run` URL schemes and crashes on the current\n// `handle--uuid.web.val.run` endpoints.\nexport function passwordAuth(next: Handler): Handler {\n return async (req: Request): Promise => {\n const url = new URL(req.url);\n\n // GET /signin -> show the login form\n if (url.pathname === \"/signin\" && req.method === \"GET\") {\n return new Response(loginPage(), { headers: { \"content-type\": \"text/html\" } });\n }\n\n // POST /signin -> verify the password and create a session\n if (url.pathname === \"/signin\" && req.method === \"POST\") {\n const form = await req.formData();\n const password = (form.get(\"password\") as string) ?? \"\";\n if (!(await verifyToken(password))) {\n return new Response(\"Unauthorized\", { status: 403 });\n }\n const id = crypto.randomUUID();\n await blob.setJSON(`auth_session_${id}`, { expiresAt: Date.now() + SESSION_MS, token: password });\n const res = redirect(url.searchParams.get(\"redirect\") || \"/\");\n res.headers.append(\n \"Set-Cookie\",\n `${COOKIE}=${id}; Path=/; Max-Age=${Math.floor(SESSION_MS / 1000)}; HttpOnly; Secure; SameSite=None`,\n );\n return res;\n }\n\n // GET /signout -> clear the session cookie\n if (url.pathname === \"/signout\") {\n const res = redirect(\"/signin\");\n res.headers.append(\"Set-Cookie\", `${COOKIE}=; Path=/; Max-Age=0; HttpOnly; Secure; SameSite=None`);\n return res;\n }\n\n // Authorization: Bearer -> stateless API access\n if (req.headers.has(\"Authorization\")) {\n const token = req.headers.get(\"Authorization\")!.replace(\"Bearer \", \"\").trim();\n if (!(await verifyToken(token))) return new Response(null, { status: 403 });\n return next(req, token);\n }\n\n // Session cookie\n const sessionId = (req.headers.get(\"Cookie\") ?? \"\")\n .split(\";\")\n .map((part) => part.trim())\n .find((part) => part.startsWith(`${COOKIE}=`))\n ?.slice(COOKIE.length + 1);\n if (sessionId) {\n const session = (await blob.getJSON(`auth_session_${sessionId}`)) as Session | null;\n if (session && session.expiresAt > Date.now()) return next(req);\n await blob.delete(`auth_session_${sessionId}`);\n }\n\n const redirectTo = url.searchParams.get(\"redirect\") || url.pathname + url.search;\n return redirect(`/signin?redirect=${encodeURIComponent(redirectTo)}`);\n };\n}\n","createdAt",["D",1788752166694],"branchVersion","branchId","b7d72ad9-66df-4de5-8cb2-e4dd9ded47ed","id","f2ccd201-cd1b-4c09-95e8-468bddd1219a","itchatbot",["D",1788751737705],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","71dd8e68-0bdc-406a-80ca-10c2c5c89c48","pinnedFileId","a5919ed0-ab29-11f1-8034-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a079d4-a61e-70f7-8070-e49f40e3accd","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_106":105,"_114":110},"org",{"_106":105,"_107":108,"_109":110,"_19":61,"_111":112,"_113":33},"branch",{"_13":91,"_39":92,"_50":49,"_93":51,"_94":95,"_96":97,"_98":57,"_99":100,"_101":102,"_103":52,"_104":105},"isOwned",54,"main","projectId","forkedBranchId","9d8f7034-26de-11f0-a5b3-569c3dd06744","forkedBranchVersion",4,"forkedProjectPrivacy","forkedProjectId","9d8f23ea-26de-11f0-a5b3-569c3dd06744","forkedProjectOrgId","f9c69a1c-4300-4bec-b4cf-7c54a6c90f97","projectName","userHandle","itdude207","handle","displayName","ITDUDE207","avatar","https://avatars.githubusercontent.com/u/261690574?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_50":51,"_39":52,"_45":196,"_54":-5,"_55":33,"_56":57,"_58":57,"_59":-5,"_60":-5,"_19":61,"_62":63,"_64":31,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":197,"_86":198,"_88":199,"_90":33},"tree",[183,184,185],"files",[183,184,185],"counts",{"_173":68,"_174":169,"_175":68,"_176":177,"_178":179},"contents",[148,149,150],"upstreamProject",{"_50":100,"_39":145,"_59":-5,"_60":-5,"_56":57,"_84":146},"upstreamBranch",{"_50":95,"_45":139,"_140":141,"_39":92,"_93":100,"_13":97,"_94":-5,"_96":-5,"_142":143,"_54":-5,"_90":33,"_56":57,"_104":144,"_69":102,"_103":145},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746139801646],"updatedAt",["D",1723130638498],"lockfileKey","1746159453328-esm.town_v_janpaul123_valleBlogV0@4-main","janpaul123","valleBlogV0",{"_106":144,"_114":147},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJncEQ0elVic1BxOU15TkFMV0JCUkdRQndWMCJ9",{"_50":166,"_39":167,"_37":168,"_154":-5,"_48":49,"_47":169,"_156":33,"_45":170,"_13":68,"_40":26,"_42":171,"_30":33,"_161":-5,"_34":172},{"_50":163,"_39":35,"_37":38,"_154":-5,"_48":49,"_47":14,"_156":33,"_45":164,"_13":158,"_40":41,"_42":44,"_30":33,"_161":-5,"_34":165},{"_50":151,"_39":152,"_37":153,"_154":-5,"_48":49,"_47":155,"_156":33,"_45":157,"_13":158,"_40":159,"_42":160,"_30":33,"_161":-5,"_34":162},"5aed7036-d23e-4353-b92b-571b0c151857","main.tsx","01a079e9-73b0-76d8-a7b4-aa1922e8a3f8","parentId",5,"latest",["D",1788751852639],3,"http","import valleGetValsContextWindow from \"https://esm.town/v/janpaul123/valleGetValsContextWindow?v=7\";\nimport { extractValInfo } from \"https://esm.town/v/pomdtr/extractValInfo\";\nimport { passwordAuth } from \"./auth.ts\";\nimport { openai } from \"npm:@ai-sdk/openai\";\nimport ValTown from \"npm:@valtown/sdk\";\nimport { streamText } from \"npm:ai\";\nimport _ from \"npm:lodash@4\";\n\nasync function main(req: Request): Promise {\n const { readable, writable } = new TransformStream();\n const writer = writable.getWriter();\n const write = (text) => writer.write(new TextEncoder().encode(text));\n\n (async () => {\n write(`\n \n \n \n \n

Hi, I'm VALL-E. What would you like to make?

`);\n\n const userprompt = req.method === \"POST\" ? (await req.formData()).get(\"userprompt\") as string : \"\";\n write(``);\n if (userprompt) {\n write(`

I wrote some new code for your Val: \n

`);\n\n const stream = await streamText({\n model: openai(\"gpt-4o\", {\n baseURL: \"https://std-openaiproxy.web.val.run/v1\",\n apiKey: Deno.env.get(\"valtown\"),\n } as any),\n messages: [\n ...(await valleGetValsContextWindow(\"gpt-4o\")),\n {\n role: \"system\",\n content: ` Your entire response should only be TypeScript.\n Your response should start with \\`\\`\\`ts and end with \\`\\`\\`, so full code fences.\n There should be no comments like \"more content here\", it should be complete and directly runnable.\n The val should have an \"export default async function main\". The val should return a valid HTML website.\n Prefer using Tailwind. Put frontend functions in a

Diff · v8