ItChat

${inline(esc(para.join(\" \")))}

`;\n para = [];\n }\n };\n const flushList = () => {\n if (listType) {\n html += `<${listType}>` + listBuffer.map((li) =>\n `

${inline(esc(li))}

`\n ).join(\"\") + ``;\n listType = null;\n listBuffer = [];\n }\n };\n\n for (const raw of lines) {\n const line = raw.trimEnd();\n const heading = line.match(/^(#{1,3})\\s+(.*)$/);\n if (heading) {\n flushP();\n flushList();\n const lv = \"h\" + heading[1].length;\n html += `<${lv}>${inline(esc(heading[2]))}`;\n continue;\n }\n const ul = line.match(/^[-*]\\s+(.*)$/);\n const ol = line.match(/^\\d+\\.\\s+(.*)$/);\n if (ul || ol) {\n flushP();\n const item = ul ? ul[1]! : ol![1]!;\n const type: \"ul\" | \"ol\" = ul ? \"ul\" : \"ol\";\n if (listType === type) listBuffer.push(item);\n else {\n flushList();\n listType = type;\n listBuffer.push(item);\n }\n continue;\n }\n if (/^\\s*>\\s?/.test(line)) {\n flushP();\n flushList();\n html += `

${\n inline(esc(line.replace(/^\\s*>\\s?/, \"\")))\n }

`;\n continue;\n }\n if (line.trim() === \"\") {\n flushP();\n flushList();\n continue;\n }\n flushList();\n para.push(line);\n }\n flushP();\n flushList();\n return html;\n}\n\nfunction codeBlock(lang: string, code: string): string {\n return (\n `

` +\n `

${esc(lang)}` +\n `

` +\n `

${esc(code)}

` +\n `

`\n );\n}\n\nfunction renderInner(full: string): string {\n const regex = /```(\\w*)\\s*\\n([\\s\\S]*?)```/g;\n let out = \"\";\n let last = 0;\n let m: RegExpExecArray | null;\n while ((m = regex.exec(full))) {\n if (m.index > last) out += renderText(full.slice(last, m.index));\n out += codeBlock(m[1] || \"code\", m[2].replace(/\\n$/, \"\"));\n last = m.index + m[0].length;\n }\n if (last < full.length) out += renderText(full.slice(last));\n return out || renderText(full);\n}\n\n// --- view helpers -------------------------------------------------------------\n\nfunction assistantMsg(inner: string): string {\n return (\n `

` +\n `

${inner}

` +\n `

`\n );\n}\n\nfunction userMsg(content: string): string {\n return `

${\n inline(esc(content))\n }

`;\n}\n\nasync function main(req: Request): Promise {\n const { readable, writable } = new TransformStream();\n const writer = writable.getWriter();\n const write = (t: string) => writer.write(new TextEncoder().encode(t));\n\n (async () => {\n try {\n const form = req.method === \"POST\" ? await req.formData() : null;\n const uid = getUid(form, req);\n const key = `chat_${uid}`;\n const userText = (form?.get(\"userprompt\") as string) ?? \"\";\n\n let history: Msg[] = [];\n if (form?.get(\"clear\")) {\n await blob.delete(key);\n } else {\n history = await loadHistory(key);\n }\n\n write(`\n\n\n \n ItChat\n \n\n\n \n

`);\n\n // Render prior conversation\n for (const msg of history) {\n if (msg.role === \"user\") {\n write(userMsg(msg.content));\n } else {\n write(assistantMsg(renderInner(msg.content)));\n }\n }\n\n if (userText) {\n const nextHistory: Msg[] = [...history.slice(-MAX_HISTORY), {\n role: \"user\",\n content: userText,\n }];\n // persist the user's message so it survives even if generation fails\n await blob.setJSON(key, nextHistory);\n write(userMsg(userText));\n\n // NOTE: tags are intentionally left OPEN so the streamed deltas below\n // land *inside* the

. They are closed after streaming finishes.\n        write(\n          `` +\n            ``,\n        );\n\n        const token = Deno.env.get(\"valtown\");\n        const modelMessages = [\n          { role: \"system\", content: SYSTEM_PROMPT },\n          ...nextHistory,\n        ];\n\n        let full = \"\";\n        await streamChat(token, modelMessages, (d) => {\n          full += d;\n          write(_.escape(d));\n        });\n\n        // Close the tags left open above so the placeholder is a complete element.\n        write(`
`);\n\n        const newHistory: Msg[] = [...nextHistory, {\n          role: \"assistant\",\n          content: full,\n        }];\n        await blob.setJSON(key, newHistory.slice(-MAX_HISTORY));\n        const rendered = assistantMsg(renderInner(full));\n        write(\n          `` +\n            ``,\n        );\n      }\n      if (!userText && history.length === 0) {\n        write(\n          `Ask me to write some code — press Enter to send.
`,\n        );\n      }\n\n      write(`

`);\n\n // Input area\n write(\n `

` +\n `

`,\n );\n\n write(\n ``,\n );\n\n write(``);\n } catch (e) {\n write(\n `

Something went wrong: ${\n _.escape((e && (e as any).message) || e)\n }

`,\n );\n } finally {\n writer.close();\n }\n })();\n\n return new Response(readable, { headers: { \"Content-Type\": \"text/html\" } });\n}\n\nexport default main;","label","children",[72],"contentHash","066e18085ef9feeaa2a978e2f12c52364cbf78b94586cd74f50027e0c3d0a9c6","9da27e2c-26de-11f0-a5b3-569c3dd06744","9d919882-26de-11f0-a5b3-569c3dd06744",["D",1723130638498],3,"import valleGetValsContextWindow from \"https://esm.town/v/janpaul123/valleGetValsContextWindow?v=7\";\nimport { extractValInfo } from \"https://esm.town/v/pomdtr/extractValInfo\";\nimport { passwordAuth } from \"https://esm.town/v/pomdtr/password_auth?v=84\";\nimport { verifyToken } from \"https://esm.town/v/pomdtr/verifyToken?v=1\";\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 `,\n );\n });\n\n const newHistory: Msg[] = [...nextHistory, {\n role: \"assistant\",\n content: full,\n }];\n await blob.setJSON(key, newHistory.slice(-MAX_HISTORY));\n const rendered = assistantMsg(renderInner(full));\n write(\n `` +\n ``,\n );\n }\n if (!userText && history.length === 0) {\n write(\n `

Ask me to write, run, or debug code — press Enter to send.

`,\n );\n }\n\n write(`

`);\n\n // Input area\n write(\n `

` +\n `

`,\n );\n\n write(\n ``,\n );\n\n write(``);\n } catch (e) {\n write(\n `

Something went wrong: ${\n _.escape((e && (e as any).message) || e)\n }

`,\n );\n } finally {\n writer.close();\n }\n })();\n\n return new Response(readable, { headers: { \"Content-Type\": \"text/html\" } });\n}\n\nexport default main;","itchat",[122],"4d9db81927e10b2d71dcfddadbdcd755b4e7d9ef3b88d87192c9a0f2e5ceeb66",["D",1788751737705],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","71dd8e68-0bdc-406a-80ca-10c2c5c89c48","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","01a079d4-a61e-70f7-8070-e49f40e3accd","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_170":166},"org",{"_11":12,"_163":164,"_165":166,"_137":138,"_167":168,"_169":48},"branch","displayName","ITDUDE207","avatar","https://avatars.githubusercontent.com/u/261690574?v=4","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":226,"_46":-5,"_133":48,"_49":50,"_134":50,"_135":-5,"_136":-5,"_137":138,"_139":125,"_140":26,"_141":-5,"_142":-5,"_143":22,"_53":144,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":150,"_151":150,"_152":153,"_154":153,"_155":153,"_156":150,"_157":150,"_158":227,"_160":228,"_162":229,"_47":48},"tree",[217,218,219],"files",[217,218,219],"counts",{"_207":22,"_208":110,"_209":22,"_210":211,"_212":213},"contents",[198,199,200],"upstreamProject",{"_32":39,"_13":56,"_135":-5,"_136":-5,"_49":50,"_158":196},"upstreamBranch",{"_32":33,"_34":194,"_36":195,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746139801646],["D",1723130638498],{"_11":52,"_170":197},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJncEQ0elVic1BxOU15TkFMV0JCUkdRQndWMCJ9",{"_32":106,"_13":103,"_78":107,"_80":-5,"_81":58,"_82":108,"_84":26,"_34":205,"_40":110,"_87":111,"_89":112,"_65":48,"_91":-5,"_71":206},{"_32":77,"_13":72,"_78":79,"_80":-5,"_81":58,"_82":83,"_84":26,"_34":203,"_40":86,"_87":88,"_89":90,"_65":48,"_91":-5,"_71":204},{"_32":124,"_13":122,"_78":125,"_80":-5,"_81":58,"_82":57,"_84":26,"_34":201,"_40":127,"_87":88,"_89":128,"_65":48,"_91":129,"_71":202},["D",1788837966880],[122],["D",1788754119501],[72],["D",1788752950189],[103],"pulls","branches","forks","envVars",{"_214":22,"_216":22},"connections",{"_214":22,"_215":22},"count","unfilledCount","emptyCount",{"_32":106,"_13":103,"_78":107,"_80":-5,"_81":58,"_82":108,"_84":26,"_34":109,"_40":110,"_87":111,"_89":112,"_65":48,"_91":-5,"_92":224,"_71":225},{"_32":77,"_13":72,"_78":79,"_80":-5,"_81":58,"_82":83,"_84":26,"_34":85,"_40":86,"_87":88,"_89":90,"_65":48,"_91":-5,"_92":222,"_71":223},{"_32":124,"_13":122,"_78":125,"_80":-5,"_81":58,"_82":57,"_84":26,"_34":126,"_40":127,"_87":88,"_89":128,"_65":48,"_91":129,"_92":220,"_71":221},[],[122],[],[72],[],[103],["D",1788751737705],{"_11":12,"_170":166},{"_11":12,"_163":164,"_165":166,"_137":138,"_167":168,"_169":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":41,"_60":50,"_61":39,"_62":54,"_55":14,"_51":12},"ctx",{"_158":-5,"_191":263,"_264":265,"_266":267,"_268":48,"_269":48,"_270":48,"_271":26,"_272":-5,"_273":-7,"_274":-7,"_275":22,"_276":48,"_277":48,"_278":-5,"_279":48,"_280":48,"_281":48,"_282":-5},"ENV",{"_234":235,"_236":237,"_238":16,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262},"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"]

Compare

Mergeitdude207/mainintojanpaul123/main

README.md+11-2

Hmain.tsx+432-65

Hnew-file-1764.ts+685-0